@adia-ai/web-components 0.8.39 → 0.8.41

package/components/avatar/avatar-group.yaml

@@ -25,6 +25,7 @@ props:
   size:
     description: Forwards to each child <avatar-ui> (sm|md|lg). Empty uses the per-avatar size. For denser or larger sets, set [scale] on an ancestor.
     type: string
+    enum: [sm, md, lg]
 
 keywords:
   - avatar-group

package/components/avatar/avatar.a2ui.json

@@ -88,24 +88,25 @@
       "user"
     ],
     "name": "UIAvatar",
-    "related": [
-      "input",
-      "button",
-      "check-box",
-      "badge",
-      "avatar-group"
-    ],
-    "slots": {
+    "parts": {
       "icon": {
-        "description": "Phosphor icon rendered inside the avatar circle (system-event avatars)"
+        "description": "Phosphor icon rendered inside the avatar circle (system-event avatars) — template-owned anatomy part, not a light-DOM insertion point (gh#1454). render() always creates it from the `icon` prop; no consumer override path exists in source."
       },
       "img": {
-        "description": "Avatar image element"
+        "description": "Avatar image element — template-owned anatomy part, not a light-DOM insertion point (gh#1454). render() always creates it from the `src` prop; no consumer override path exists in source."
       },
       "initials": {
-        "description": "Initials text span"
+        "description": "Initials text span — template-owned anatomy part, not a light-DOM insertion point (gh#1454). render() always creates it from the `text` prop; no consumer override path exists in source."
       }
     },
+    "related": [
+      "input",
+      "button",
+      "check-box",
+      "badge",
+      "avatar-group"
+    ],
+    "slots": {},
     "states": [
       {
         "description": "Default, ready for interaction.",

package/components/avatar/avatar.css

@@ -46,7 +46,7 @@
   [slot="initials"] {
     user-select: none;
     text-transform: uppercase;
-    line-height: 1;
+    line-height: var(--a-font-leading-none);
   }
 
   /* ── Icon (non-person avatar) ──

package/components/avatar/avatar.d.ts

@@ -35,5 +35,5 @@ export class UIAvatarGroup extends UIElement {
   /** Maximum avatars to show before the +N overflow indicator. */
   max: number;
   /** Forwards to each child <avatar-ui> (sm|md|lg). Empty uses the per-avatar size. For denser or larger sets, set [scale] on an ancestor. */
-  size: string;
+  size: 'sm' | 'md' | 'lg';
 }

package/components/avatar/avatar.yaml

@@ -47,13 +47,13 @@ props:
     type: string
     default: ""
 events: {}
-slots:
+parts:
   icon:
-    description: Phosphor icon rendered inside the avatar circle (system-event avatars)
+    description: Phosphor icon rendered inside the avatar circle (system-event avatars) — template-owned anatomy part, not a light-DOM insertion point (gh#1454). render() always creates it from the `icon` prop; no consumer override path exists in source.
   img:
-    description: Avatar image element
+    description: Avatar image element — template-owned anatomy part, not a light-DOM insertion point (gh#1454). render() always creates it from the `src` prop; no consumer override path exists in source.
   initials:
-    description: Initials text span
+    description: Initials text span — template-owned anatomy part, not a light-DOM insertion point (gh#1454). render() always creates it from the `text` prop; no consumer override path exists in source.
 states:
   - name: idle
     description: Default, ready for interaction.

package/components/badge/badge.a2ui.json

@@ -119,6 +119,7 @@
       "marker"
     ],
     "name": "UIBadge",
+    "parts": {},
     "related": [
       "button",
       "grid",

package/components/badge/badge.css

@@ -89,7 +89,7 @@
     font-family: var(--badge-font-family);
     font-size: var(--badge-font-size);
     font-weight: var(--badge-weight);
-    line-height: 1;
+    line-height: var(--a-font-leading-none);
     /* ── Register (issue 845) — uppercase + tracking + tabular numerals is the
        badge/tag differentiator now that geometry is shared (see the
        --badge-radius note above). Tag stays proportional sentence-case at

package/components/block/block.a2ui.json

@@ -71,6 +71,7 @@
       "developer"
     ],
     "name": "UIBlock",
+    "parts": {},
     "related": [
       "Section",
       "Col",

package/components/blockquote/blockquote.a2ui.json

@@ -53,6 +53,7 @@
       "cite"
     ],
     "name": "UIBlockquote",
+    "parts": {},
     "related": [
       "text",
       "link",

package/components/breadcrumb/breadcrumb.a2ui.json

@@ -65,6 +65,7 @@
       "back"
     ],
     "name": "UIBreadcrumb",
+    "parts": {},
     "related": [
       "AdminTopbar",
       "Nav",

package/components/button/button.a2ui.json

@@ -124,6 +124,7 @@
       "icon-button"
     ],
     "name": "UIButton",
+    "parts": {},
     "related": [
       "Link"
     ],
@@ -131,9 +132,6 @@
       "icon-trailing": {
         "description": "Trailing icon, after the label. Stamped from the `icon-trailing` prop, or slot a custom `<icon-ui slot=\"icon-trailing\">` directly (the consumer's element wins over the prop-stamped one). Sized to --content-height."
       },
-      "leading": {
-        "description": "Icon container (start), sized to --content-height"
-      },
       "trailing": {
         "description": "Icon container (end), sized to --content-height"
       }

package/components/button/button.css

@@ -89,10 +89,11 @@ button-ui[variant="ghost"][color="warning"]:not([disabled]):hover   { --button-f
        blocks), but the label's ::after clips to its own line box, so
        inheriting 1 makes half-leading negative and shears descenders
        (g/j/p/q/y, parentheses) by ~0.93px at the default size — gh#906.
-       Snug (1.3) contains the font's content box at every [size]; the
+       Normal (1.35) contains the font's content box at every [size]; the
        precedent is stat.css:174,198 setting leading on the truncating
-       box rather than on the component root. */
-    --button-label-line-height: var(--a-leading-snug);
+       box rather than on the component root. Value-nearest migration from
+       the retired --a-leading-snug (1.3) — ADR-0052. */
+    --button-label-line-height: var(--a-font-leading-normal);
     --button-gap:              var(--a-space-1);
     --button-bg-hover:         var(--a-bg-strong);   /* neutral fill → neutral -strong surface on hover */
     --button-fg-hover:         var(--a-ui-text-hover);
@@ -160,7 +161,7 @@ button-ui[variant="ghost"][color="warning"]:not([disabled]):hover   { --button-f
     font-family: var(--button-font-family);
     font-size: var(--button-font-size);
     font-weight: var(--button-font-weight);
-    line-height: 1;
+    line-height: var(--a-font-leading-none);
     cursor: pointer;
     user-select: none;
     transition:
@@ -211,7 +212,7 @@ button-ui[variant="ghost"][color="warning"]:not([disabled]):hover   { --button-f
     border: 1px solid var(--button-trailing-border);
     border-radius: var(--button-trailing-radius);
     padding: 0 var(--button-trailing-px);
-    line-height: 1;
+    line-height: var(--a-font-leading-none);
     /* Recolor a <kbd-ui slot="trailing"> pill via kbd's OWN tokens so it tracks
        the button label color on every variant (primary white, ghost subtle,
        colored fills). kbd-ui's `:scope { color: var(--kbd-fg) }` wins over the

package/components/button/button.yaml

@@ -105,8 +105,6 @@ events:
   press:
     description: Fired on complete press (pointer up or Enter/Space)
 slots:
-  leading:
-    description: Icon container (start), sized to --content-height
   trailing:
     description: Icon container (end), sized to --content-height
   icon-trailing:
@@ -167,7 +165,7 @@ a2ui:
       reason: 'Per existing slot.discipline rule — visual redundancy guard.'
     - rule: 'For navigation (route-change) use <nav-item-ui> or anchor; button-ui is for actions only.'
       reason: 'Action vs navigation semantics.'
-    - rule: 'For toggleable on/off state use <switch-ui>; for multi-select clusters use <toggle-group-ui> + <toggle-option-ui>.'
+    - rule: 'For toggleable on/off state use <switch-ui>; for multi-select clusters use <segmented-ui multiple> + <segment-ui> (gh#1369 — <toggle-group-ui>/<toggle-option-ui> are deprecated).'
       reason: 'Stateless action vs stateful toggle.'
 anti_patterns:
   - description: >-

package/components/calendar-grid/calendar-grid.a2ui.json

@@ -91,6 +91,7 @@
       "substrate"
     ],
     "name": "UICalendarGrid",
+    "parts": {},
     "related": [
       "CalendarPicker",
       "DateRangePicker",

package/components/calendar-grid/calendar-grid.class.js

@@ -34,6 +34,7 @@
  */
 
 import { UIElement } from '../../core/element.js';
+import { isElement } from '../../core/dom.js';
 
 const DAYS = ['S', 'M', 'T', 'W', 'T', 'F', 'S'];
 const MONTHS_LONG = [
@@ -273,7 +274,7 @@ export class UICalendarGrid extends UIElement {
 
   #onClick = (e) => {
     if (this.disabled) return;
-    const target = e.target instanceof Element ? e.target : null;
+    const target = isElement(e.target) ? e.target : null;
     if (!target) return;
     const prev = target.closest('[data-cal-prev]');
     if (prev) { e.stopPropagation(); this.navigate(-1); return; }

package/components/calendar-picker/calendar-picker.a2ui.json

@@ -2,7 +2,7 @@
   "$schema": "https://json-schema.org/draft/2020-12/schema",
   "$id": "https://adiaui.dev/a2ui/v0_9/components/CalendarPicker.json",
   "title": "CalendarPicker",
-  "description": "Date picker with trigger button and popover calendar grid. Form-associated input emitting ISO date string via change events; supports min/max and disabled-date masks. Use for single-date input in forms; for date ranges compose two pickers or use a dedicated range component.",
+  "description": "Date (and, per `[precision]`, date+time) picker with trigger button and popover panel. Form-associated input emitting an ISO date (or, when `precision` is `minute`/`second`, ISO datetime) string via change events; supports min/max and disabled-date masks. Use for single-date or single-datetime input in forms; for date ranges use <date-range-picker-ui> instead of composing two calendar-picker instances. gh#1372 (#1363 C3c) folded <datetime-picker-ui>'s surface into this widened `precision` axis — see the deprecated <datetime-picker-ui> alias.",
   "type": "object",
   "allOf": [
     {
@@ -27,7 +27,7 @@
       "default": false
     },
     "format": {
-      "description": "Display format for the selected date",
+      "description": "Display format for the trigger text. `short`, e.g. `Jan 1, 2026` (+ ` 14:30` when `precision` is minute/second); `long`, e.g. `January 1, 2026`; `iso`, the raw ISO string.",
       "type": "string",
       "enum": [
         "short",
@@ -36,18 +36,28 @@
       ],
       "default": "short"
     },
-    "label": {
-      "description": "Label text displayed above the trigger",
+    "hourcycle": {
+      "description": "Hour cycle for the time pane. Active only when `precision` is\nminute/second. Empty (default) derives from the document locale.\n`h12` forces a 12-hour cycle with an AM/PM (meridiem) segment; `h23`\nforces 24-hour cycle.\n",
+      "type": "string",
+      "enum": [
+        "",
+        "h12",
+        "h23"
+      ],
+      "default": ""
+    },
+    "locale": {
+      "description": "BCP-47 locale tag used to derive hour-cycle when `hour-cycle` is empty. Active only when `precision` is minute/second. Falls back to `<html lang>` then to browser default.",
       "type": "string",
       "default": ""
     },
     "max": {
-      "description": "Maximum selectable date in ISO format (YYYY-MM-DD)",
+      "description": "Maximum selectable date (ISO `YYYY-MM-DD`), or datetime (ISO `YYYY-MM-DDTHH:mm[:ss]`) when `precision` is minute/second.",
       "type": "string",
       "default": ""
     },
     "min": {
-      "description": "Minimum selectable date in ISO format (YYYY-MM-DD)",
+      "description": "Minimum selectable date (ISO `YYYY-MM-DD`), or datetime (ISO `YYYY-MM-DDTHH:mm[:ss]`) when `precision` is minute/second.",
       "type": "string",
       "default": ""
     },
@@ -81,8 +91,28 @@
       ],
       "default": "bottom"
     },
+    "precision": {
+      "description": "Mode axis (gh#1372,",
+      "type": "string",
+      "enum": [
+        "date",
+        "minute",
+        "second"
+      ],
+      "default": "date"
+    },
+    "readonly": {
+      "description": "Blocks edits; the trigger stays keyboard-focusable for screen-reader inspection but the popover does not open.",
+      "type": "boolean",
+      "default": false
+    },
+    "step": {
+      "description": "Per-Arrow-keypress increment in seconds for the time pane. Active only when `precision` is minute/second. 60 = minute precision (default), 900 = 15-minute, 1 = second precision.",
+      "type": "number",
+      "default": 60
+    },
     "value": {
-      "description": "Selected date (ISO string)",
+      "description": "Selected date (ISO string), or datetime (ISO `YYYY-MM-DDTHH:mm[:ss]`) when `precision` is minute/second.",
       "type": "string",
       "default": ""
     }
@@ -92,46 +122,107 @@
   ],
   "unevaluatedProperties": false,
   "x-adiaui": {
-    "anti_patterns": [],
+    "anti_patterns": [
+      {
+        "fix": "{\"component\": \"CalendarPicker\", \"precision\": \"minute\", \"value\": \"2026-05-24T00:00\"}\n",
+        "why": "`value` is a date-only string but `precision` is \"minute\" — no time\ncomponent. The contract requires a full ISO 8601 datetime including\nthe `T` and time segment when `precision` isn't \"date\".\n",
+        "wrong": "{\"component\": \"CalendarPicker\", \"precision\": \"minute\", \"value\": \"2026-05-24\"}\n"
+      },
+      {
+        "fix": "{\"component\": \"Field\", \"label\": \"Date\", \"children\": [\"cal\"]}\n",
+        "why": "`label` is not a first-class prop on CalendarPicker (#1363 C3d) —\nsiblings all delegate the field label to `<field-ui label>`.\n",
+        "wrong": "{\"component\": \"CalendarPicker\", \"label\": \"Date\"}\n"
+      }
+    ],
     "category": "input",
     "composes": [
-      "button-ui"
+      "calendar-grid-ui",
+      "time-picker-ui",
+      "divider-ui"
     ],
     "events": {
       "change": {
-        "description": "Fired when a date is selected"
+        "description": "Fired when a value commits (date picked, or — when `precision` is minute/second — date picked + time edited, or Apply clicked in an explicit-commit footer)."
+      },
+      "close": {
+        "description": "Popover closed (without commit, or after commit).",
+        "detail": {
+          "reason": "string"
+        }
+      },
+      "input": {
+        "description": "Fired during partial selection (date picked but time still pending, or vice versa — meaningful only when `precision` is minute/second).",
+        "detail": {
+          "value": "string"
+        }
+      },
+      "invalid": {
+        "description": "A constraint failed (out of range, or — when `precision` is minute/second — a parse error).",
+        "detail": {
+          "reason": "string",
+          "value": "string"
+        }
+      },
+      "open": {
+        "description": "Popover opened (user clicked the trigger, pressed Enter/Space, or Apply/Cancel in a footer closed then reopened).",
+        "detail": {
+          "trigger": "string"
+        }
       }
     },
     "examples": [
       {
-        "description": "Date and time picker form with calendar picker and time selects.",
-        "a2ui": "[\n  {\n    \"id\": \"root\",\n    \"component\": \"Card\",\n    \"children\": [\n      \"sec\"\n    ]\n  },\n  {\n    \"id\": \"sec\",\n    \"component\": \"Section\",\n    \"children\": [\n      \"col\"\n    ]\n  },\n  {\n    \"id\": \"col\",\n    \"component\": \"Column\",\n    \"children\": [\n      \"name\",\n      \"cal\",\n      \"btn\"\n    ],\n    \"gap\": \"4\"\n  },\n  {\n    \"id\": \"name\",\n    \"component\": \"Input\",\n    \"label\": \"Event Name\"\n  },\n  {\n    \"id\": \"cal\",\n    \"component\": \"CalendarPicker\",\n    \"label\": \"Date\"\n  },\n  {\n    \"id\": \"btn\",\n    \"component\": \"Button\",\n    \"text\": \"Schedule\",\n    \"variant\": \"primary\"\n  }\n]",
+        "description": "Event form with a name field and a date picker, wrapped in Field for its label per",
+        "a2ui": "[\n  {\n    \"id\": \"root\",\n    \"component\": \"Card\",\n    \"children\": [\n      \"sec\"\n    ]\n  },\n  {\n    \"id\": \"sec\",\n    \"component\": \"Section\",\n    \"children\": [\n      \"col\"\n    ]\n  },\n  {\n    \"id\": \"col\",\n    \"component\": \"Column\",\n    \"children\": [\n      \"name\",\n      \"field\",\n      \"btn\"\n    ],\n    \"gap\": \"4\"\n  },\n  {\n    \"id\": \"name\",\n    \"component\": \"Input\",\n    \"label\": \"Event Name\"\n  },\n  {\n    \"id\": \"field\",\n    \"component\": \"Field\",\n    \"label\": \"Date\",\n    \"children\": [\n      \"cal\"\n    ]\n  },\n  {\n    \"id\": \"cal\",\n    \"component\": \"CalendarPicker\"\n  },\n  {\n    \"id\": \"btn\",\n    \"component\": \"Button\",\n    \"text\": \"Schedule\",\n    \"variant\": \"primary\"\n  }\n]",
         "name": "date-picker"
       },
       {
-        "description": "Date range selection form with start/end calendar pickers, quick-pick badges, and apply button.",
-        "a2ui": "[\n  {\n    \"id\": \"root\",\n    \"component\": \"Card\",\n    \"children\": [\n      \"hdr\",\n      \"sec\",\n      \"ftr\"\n    ]\n  },\n  {\n    \"id\": \"hdr\",\n    \"component\": \"Header\",\n    \"children\": [\n      \"title\"\n    ]\n  },\n  {\n    \"id\": \"title\",\n    \"component\": \"Text\",\n    \"slot\": \"heading\",\n    \"textContent\": \"Select Dates\",\n    \"variant\": \"section\"\n  },\n  {\n    \"id\": \"sec\",\n    \"component\": \"Section\",\n    \"children\": [\n      \"fields\"\n    ]\n  },\n  {\n    \"id\": \"fields\",\n    \"component\": \"Column\",\n    \"children\": [\n      \"calendars-row\",\n      \"quick-picks\"\n    ],\n    \"gap\": \"4\"\n  },\n  {\n    \"id\": \"calendars-row\",\n    \"component\": \"Row\",\n    \"children\": [\n      \"start-cal\",\n      \"end-cal\"\n    ],\n    \"gap\": \"3\"\n  },\n  {\n    \"id\": \"start-cal\",\n    \"component\": \"CalendarPicker\",\n    \"label\": \"Start Date\",\n    \"name\": \"startDate\"\n  },\n  {\n    \"id\": \"end-cal\",\n    \"component\": \"CalendarPicker\",\n    \"label\": \"End Date\",\n    \"name\": \"endDate\"\n  },\n  {\n    \"id\": \"quick-picks\",\n    \"component\": \"Row\",\n    \"children\": [\n      \"pick-today\",\n      \"pick-week\",\n      \"pick-month\",\n      \"pick-quarter\"\n    ],\n    \"gap\": \"2\"\n  },\n  {\n    \"id\": \"pick-today\",\n    \"component\": \"Badge\",\n    \"textContent\": \"Today\"\n  },\n  {\n    \"id\": \"pick-week\",\n    \"component\": \"Badge\",\n    \"textContent\": \"This Week\"\n  },\n  {\n    \"id\": \"pick-month\",\n    \"component\": \"Badge\",\n    \"textContent\": \"This Month\"\n  },\n  {\n    \"id\": \"pick-quarter\",\n    \"component\": \"Badge\",\n    \"textContent\": \"This Quarter\"\n  },\n  {\n    \"id\": \"ftr\",\n    \"component\": \"Footer\",\n    \"children\": [\n      \"apply-btn\"\n    ]\n  },\n  {\n    \"id\": \"apply-btn\",\n    \"component\": \"Button\",\n    \"text\": \"Apply\",\n    \"variant\": \"primary\"\n  }\n]",
-        "name": "date-range-picker"
+        "description": "Combined date+time selection via precision — the mode gh#1372 folded in from the former <datetime-picker-ui>.",
+        "a2ui": "[\n  {\n    \"id\": \"field\",\n    \"component\": \"Field\",\n    \"label\": \"Appointment\",\n    \"children\": [\"dt\"]\n  },\n  {\n    \"id\": \"dt\",\n    \"component\": \"CalendarPicker\",\n    \"name\": \"appointment\",\n    \"precision\": \"minute\",\n    \"min\": \"2026-01-01T00:00\",\n    \"max\": \"2026-12-31T23:59\"\n  }\n]\n",
+        "name": "datetime-picker"
+      },
+      {
+        "description": "Single-date picker constrained to a future booking window via min/max, paired with a submit button.",
+        "a2ui": "[\n  {\n    \"id\": \"root\",\n    \"component\": \"Card\",\n    \"children\": [\n      \"sec\"\n    ]\n  },\n  {\n    \"id\": \"sec\",\n    \"component\": \"Section\",\n    \"children\": [\n      \"col\"\n    ]\n  },\n  {\n    \"id\": \"col\",\n    \"component\": \"Column\",\n    \"children\": [\n      \"field\",\n      \"btn\"\n    ],\n    \"gap\": \"4\"\n  },\n  {\n    \"id\": \"field\",\n    \"component\": \"Field\",\n    \"label\": \"Check-in date\",\n    \"children\": [\n      \"cal\"\n    ]\n  },\n  {\n    \"id\": \"cal\",\n    \"component\": \"CalendarPicker\",\n    \"name\": \"checkin\",\n    \"min\": \"2026-08-16\",\n    \"max\": \"2026-12-31\"\n  },\n  {\n    \"id\": \"btn\",\n    \"component\": \"Button\",\n    \"text\": \"Reserve\",\n    \"variant\": \"primary\"\n  }\n]",
+        "name": "constrained-date"
+      },
+      {
+        "description": "Log-cursor picker with second precision — gh#1372's fold of the former datetime-picker second-precision example.",
+        "a2ui": "[\n  {\n    \"id\": \"dt\",\n    \"component\": \"CalendarPicker\",\n    \"name\": \"log-cursor\",\n    \"precision\": \"second\",\n    \"step\": 1,\n    \"value\": \"2026-05-24T14:30:45\"\n  }\n]\n",
+        "name": "second-precision"
       }
     ],
     "keywords": [
       "calendarpicker",
       "calendar-picker",
       "calendar",
-      "picker"
+      "picker",
+      "datetimepicker",
+      "datetime-picker",
+      "datetime",
+      "date-time",
+      "dateandtime",
+      "appointment",
+      "schedule",
+      "timestamp"
     ],
     "name": "UICalendarPicker",
+    "parts": {},
     "related": [
       "input",
       "button",
-      "badge"
+      "badge",
+      "date-range-picker",
+      "time-picker",
+      "field",
+      "popover"
     ],
     "slots": {
-      "calendar": {
-        "description": "Popover container for the month grid"
+      "footer": {
+        "description": "Optional Apply/Cancel buttons for explicit-commit flows. Spans the pane(s) below the calendar (+ time, when `precision` is minute/second)."
       },
-      "label": {
-        "description": "Label element above the trigger"
+      "popover": {
+        "description": "Popover container for the calendar pane(s) (gh#1461; renamed from the yaml's prior `calendar` key, which matched no real slot=\"…\" attribute — render() stamps this element as slot=\"popover\")."
       },
       "trigger": {
         "description": "Combobox button that opens the calendar popover"
@@ -146,18 +237,46 @@
         "description": "Non-interactive; dimmed.",
         "attribute": "disabled",
         "name": "disabled"
+      },
+      {
+        "description": "Read-only; trigger keyboard-focusable but popover does not open.",
+        "attribute": "readonly",
+        "name": "readonly"
       }
     ],
     "status": "stable",
     "synonyms": {
+      "appointment": [
+        "datetime",
+        "meeting",
+        "schedule"
+      ],
+      "datetime": [
+        "date-time",
+        "timestamp",
+        "appointment",
+        "schedule"
+      ],
       "tags": [
         "DateTimeInput",
-        "DatePicker"
+        "DatePicker",
+        "DateTimePicker",
+        "DatetimeInput",
+        "Timestamp"
       ]
     },
     "tag": "calendar-picker-ui",
-    "tokens": {},
+    "tokens": {
+      "--calendar-picker-divider": {
+        "description": "Pane divider color. Only visible when `precision` is minute/second.",
+        "default": "var(--md-sys-color-neutral-outline-variant)"
+      },
+      "--calendar-picker-popover-gap": {
+        "description": "Gap between the calendar pane and the time pane. Only visible when `precision` is minute/second.",
+        "default": "var(--a-space-3)"
+      }
+    },
     "traits": [],
-    "version": 1
+    "version": 2
   }
 }