npm - @shineuix/core - Versions diffs - 1.0.0 → 1.0.1 - Mend

@shineuix/core 1.0.0 → 1.0.1

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.

Files changed (1093) hide show

package/dist/web-types.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "$schema": "http://json.schemastore.org/web-types",
   "name": "@shineuix/core",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -54,7 +54,7 @@
           "attributes": [
             {
               "name": "disabled",
-              "description": "Greys the header and blocks toggling.",
+              "description": "Grays the header and blocks toggling.",
               "default": "false",
               "value": {
                 "type": "boolean",
@@ -100,7 +100,7 @@
             "properties": [
               {
                 "name": "disabled",
-                "description": "Greys the header and blocks toggling.",
+                "description": "Grays the header and blocks toggling.",
                 "type": "boolean"
               },
               {
@@ -433,7 +433,7 @@
             },
             {
               "name": "tone",
-              "description": "Ink for the quiet variant on the brand chrome. `inverse` takes the inverse inks, the inverse hover wash and the inverse focus colour, as `sui-button`'s tone of the same name does, so the value reads on a `tone=\"brand\"` toolbar. Opening the field shows its shell in the card's own inks. The default variant ignores it.",
+              "description": "Ink for the quiet variant on the brand chrome. `inverse` takes the inverse inks, the inverse hover wash and the inverse focus color, as `sui-button`'s tone of the same name does, so the value reads on a `tone=\"brand\"` toolbar. Opening the field shows its shell in the card's own inks. The default variant ignores it.",
               "value": {
                 "type": "\"inverse\" | undefined",
                 "kind": "expression",
@@ -593,7 +593,7 @@
               },
               {
                 "name": "tone",
-                "description": "Ink for the quiet variant on the brand chrome. `inverse` takes the inverse inks, the inverse hover wash and the inverse focus colour, as `sui-button`'s tone of the same name does, so the value reads on a `tone=\"brand\"` toolbar. Opening the field shows its shell in the card's own inks. The default variant ignores it.",
+                "description": "Ink for the quiet variant on the brand chrome. `inverse` takes the inverse inks, the inverse hover wash and the inverse focus color, as `sui-button`'s tone of the same name does, so the value reads on a `tone=\"brand\"` toolbar. Opening the field shows its shell in the card's own inks. The default variant ignores it.",
                 "type": "\"inverse\" | undefined"
               },
               {
@@ -1182,7 +1182,7 @@
             },
             {
               "name": "disabled",
-              "description": "Blocks clicks. Filled roles take the disabled well, an outline keeps its surface, and ghost and link stay bare; on navy (`tone=\"inverse\"`) the ink fades instead. A disabled link keeps the look, drops its `href`, reads `aria-disabled=\"true\"` and takes no pointer events, since an anchor has no `disabled` attribute of its own.",
+              "description": "Blocks clicks. Filled roles take the disabled well, an outline keeps its surface, and ghost and link stay bare; on navy (`tone=\"inverse\"`) the ink fades instead. A disabled link keeps the look, drops its `href`, reads `aria-disabled=\"true\"` and swallows a click, since an anchor has no `disabled` attribute of its own. A disabled button leaves the tab order; to keep it there, so a keyboard or screen reader user reaches it and the reason beside it, set `aria-disabled=\"true\"` on the element instead. The button then reads as disabled, takes the same look and ignores a click, Enter and Space; a link drops its `href` and stays a tab stop. An `aria-describedby` on the element reaches the button too, so the reason is read with it.",
               "default": "false",
               "value": {
                 "type": "boolean",
@@ -1233,7 +1233,7 @@
             },
             {
               "name": "loading",
-              "description": "Shows a spinner in place of the icon and blocks clicks. The button stays focusable while busy, `aria-disabled` rather than disabled, so a keyboard user keeps their place and a modal trap around it holds; a click, Enter or Space does nothing until it clears. A link behaves the same and keeps its `href`. Reflected.",
+              "description": "Shows a spinner in place of the icon and blocks clicks. The button stays focusable while busy, `aria-disabled` rather than disabled, so a keyboard user keeps their place and a modal trap around it holds; a click, Enter or Space does nothing until it clears. A link behaves the same: it drops its `href` until the work is done and stays a tab stop, so nothing opens it, a new tab included. Reflected.",
               "default": "false",
               "value": {
                 "type": "boolean",
@@ -1267,10 +1267,10 @@
             },
             {
               "name": "size",
-              "description": "Control height: sm 28px, md 34px (toolbars), lg 42px (forms). Reflected.",
+              "description": "Control height: sm 28px (packed rows), md 34px (forms and toolbars), lg 42px (beside the 42px fields of a sign-in or marketing page), xl 44px (that page's call to action, and the smallest touch target). Reflected.",
               "default": "'md'",
               "value": {
-                "type": "\"lg\" | \"md\" | \"sm\"",
+                "type": "\"lg\" | \"md\" | \"sm\" | \"xl\"",
                 "kind": "expression",
                 "required": false
               }
@@ -1285,7 +1285,7 @@
             },
             {
               "name": "tone",
-              "description": "Re-inks the quiet roles, outline, ghost and link. Filled roles ignore it. `danger` is destructive ink for a button that deletes, removes or voids, so a row or toolbar carries a destructive action without a second solid fill beside the accent; the filled `danger` variant is the confirmation step's. `inverse` is for a quiet button sitting on dark chrome, an app bar or a side rail, where the default ink would read against the panel rather than on it. It paints `--ink-inverse-muted` and brightens to `--ink-inverse` on hover, matching `sui-icon-button`'s tone of the same name so a labelled button and an icon button agree on a brand bar.",
+              "description": "Re-inks the quiet roles, outline, ghost and link. Filled roles ignore it. `danger` is destructive ink for a button that deletes, removes or voids, so a row or toolbar carries a destructive action without a second solid fill beside the accent; the filled `danger` variant is the confirmation step's. `inverse` is for a quiet button sitting on dark chrome, an app bar or a side rail, where the default ink would read against the panel rather than on it. It paints `--ink-inverse-muted` and brightens to `--ink-inverse` on hover, matching `sui-icon-button`'s tone of the same name so a labeled button and an icon button agree on a brand bar.",
               "value": {
                 "type": "\"danger\" | \"inverse\" | undefined",
                 "kind": "expression",
@@ -1330,7 +1330,7 @@
               },
               {
                 "name": "disabled",
-                "description": "Blocks clicks. Filled roles take the disabled well, an outline keeps its surface, and ghost and link stay bare; on navy (`tone=\"inverse\"`) the ink fades instead. A disabled link keeps the look, drops its `href`, reads `aria-disabled=\"true\"` and takes no pointer events, since an anchor has no `disabled` attribute of its own.",
+                "description": "Blocks clicks. Filled roles take the disabled well, an outline keeps its surface, and ghost and link stay bare; on navy (`tone=\"inverse\"`) the ink fades instead. A disabled link keeps the look, drops its `href`, reads `aria-disabled=\"true\"` and swallows a click, since an anchor has no `disabled` attribute of its own. A disabled button leaves the tab order; to keep it there, so a keyboard or screen reader user reaches it and the reason beside it, set `aria-disabled=\"true\"` on the element instead. The button then reads as disabled, takes the same look and ignores a click, Enter and Space; a link drops its `href` and stays a tab stop. An `aria-describedby` on the element reaches the button too, so the reason is read with it.",
                 "type": "boolean"
               },
               {
@@ -1360,7 +1360,7 @@
               },
               {
                 "name": "loading",
-                "description": "Shows a spinner in place of the icon and blocks clicks. The button stays focusable while busy, `aria-disabled` rather than disabled, so a keyboard user keeps their place and a modal trap around it holds; a click, Enter or Space does nothing until it clears. A link behaves the same and keeps its `href`. Reflected.",
+                "description": "Shows a spinner in place of the icon and blocks clicks. The button stays focusable while busy, `aria-disabled` rather than disabled, so a keyboard user keeps their place and a modal trap around it holds; a click, Enter or Space does nothing until it clears. A link behaves the same: it drops its `href` until the work is done and stays a tab stop, so nothing opens it, a new tab included. Reflected.",
                 "type": "boolean"
               },
               {
@@ -1380,8 +1380,8 @@
               },
               {
                 "name": "size",
-                "description": "Control height: sm 28px, md 34px (toolbars), lg 42px (forms). Reflected.",
-                "type": "\"lg\" | \"md\" | \"sm\""
+                "description": "Control height: sm 28px (packed rows), md 34px (forms and toolbars), lg 42px (beside the 42px fields of a sign-in or marketing page), xl 44px (that page's call to action, and the smallest touch target). Reflected.",
+                "type": "\"lg\" | \"md\" | \"sm\" | \"xl\""
               },
               {
                 "name": "target",
@@ -1390,7 +1390,7 @@
               },
               {
                 "name": "tone",
-                "description": "Re-inks the quiet roles, outline, ghost and link. Filled roles ignore it. `danger` is destructive ink for a button that deletes, removes or voids, so a row or toolbar carries a destructive action without a second solid fill beside the accent; the filled `danger` variant is the confirmation step's. `inverse` is for a quiet button sitting on dark chrome, an app bar or a side rail, where the default ink would read against the panel rather than on it. It paints `--ink-inverse-muted` and brightens to `--ink-inverse` on hover, matching `sui-icon-button`'s tone of the same name so a labelled button and an icon button agree on a brand bar.",
+                "description": "Re-inks the quiet roles, outline, ghost and link. Filled roles ignore it. `danger` is destructive ink for a button that deletes, removes or voids, so a row or toolbar carries a destructive action without a second solid fill beside the accent; the filled `danger` variant is the confirmation step's. `inverse` is for a quiet button sitting on dark chrome, an app bar or a side rail, where the default ink would read against the panel rather than on it. It paints `--ink-inverse-muted` and brightens to `--ink-inverse` on hover, matching `sui-icon-button`'s tone of the same name so a labeled button and an icon button agree on a brand bar.",
                 "type": "\"danger\" | \"inverse\" | undefined"
               },
               {
@@ -1837,7 +1837,7 @@
         },
         {
           "name": "sui-carousel",
-          "description": "Pager for any nodes. The slot children are the pages: cards, images, anything. `perPage` sets how many show per view and `step` how many the rail advances per press. Round arrows, dots with the active one stretched and orange, and a touch or pen swipe page it, sideways by default or downwards with `orientation`.",
+          "description": "Pager for any nodes. The slot children are the pages: cards, images, anything. `perPage` sets how many show per view and `step` how many the rail advances per press. Round arrows, dots with the active one stretched and orange, and a touch or pen swipe page it, sideways by default or downward with `orientation`.",
           "attributes": [
             {
               "name": "autoplay",
@@ -1893,7 +1893,7 @@
             },
             {
               "name": "orientation",
-              "description": "`horizontal` (default) runs the pages sideways with the arrows either side. `vertical` stacks them and pages downwards: the arrows sit above and below, ArrowUp and ArrowDown page, the swipe runs up and down, and the viewport takes `height`. Unknown values fall back to `horizontal`.",
+              "description": "`horizontal` (default) runs the pages sideways with the arrows either side. `vertical` stacks them and pages downward: the arrows sit above and below, ArrowUp and ArrowDown page, the swipe runs up and down, and the viewport takes `height`. Unknown values fall back to `horizontal`.",
               "default": "'horizontal'",
               "value": {
                 "type": "\"horizontal\" | \"vertical\"",
@@ -1953,7 +1953,7 @@
               },
               {
                 "name": "orientation",
-                "description": "`horizontal` (default) runs the pages sideways with the arrows either side. `vertical` stacks them and pages downwards: the arrows sit above and below, ArrowUp and ArrowDown page, the swipe runs up and down, and the viewport takes `height`. Unknown values fall back to `horizontal`.",
+                "description": "`horizontal` (default) runs the pages sideways with the arrows either side. `vertical` stacks them and pages downward: the arrows sit above and below, ArrowUp and ArrowDown page, the swipe runs up and down, and the viewport takes `height`. Unknown values fall back to `horizontal`.",
                 "type": "\"horizontal\" | \"vertical\""
               },
               {
@@ -2126,7 +2126,7 @@
             },
             {
               "name": "tone",
-              "description": "Ink for the quiet variant on the brand chrome. `inverse` takes the inverse inks, the inverse hover wash and the inverse focus colour, as `sui-button`'s tone of the same name does, so the value reads on a `tone=\"brand\"` toolbar. Opening the field shows its shell in the card's own inks. The default variant ignores it.",
+              "description": "Ink for the quiet variant on the brand chrome. `inverse` takes the inverse inks, the inverse hover wash and the inverse focus color, as `sui-button`'s tone of the same name does, so the value reads on a `tone=\"brand\"` toolbar. Opening the field shows its shell in the card's own inks. The default variant ignores it.",
               "value": {
                 "type": "\"inverse\" | undefined",
                 "kind": "expression",
@@ -2246,7 +2246,7 @@
               },
               {
                 "name": "tone",
-                "description": "Ink for the quiet variant on the brand chrome. `inverse` takes the inverse inks, the inverse hover wash and the inverse focus colour, as `sui-button`'s tone of the same name does, so the value reads on a `tone=\"brand\"` toolbar. Opening the field shows its shell in the card's own inks. The default variant ignores it.",
+                "description": "Ink for the quiet variant on the brand chrome. `inverse` takes the inverse inks, the inverse hover wash and the inverse focus color, as `sui-button`'s tone of the same name does, so the value reads on a `tone=\"brand\"` toolbar. Opening the field shows its shell in the card's own inks. The default variant ignores it.",
                 "type": "\"inverse\" | undefined"
               },
               {
@@ -6799,7 +6799,7 @@
           "attributes": [
             {
               "name": "copy-formulas",
-              "description": "Copies cells that a spreadsheet would read as a formula (text starting with `=`, `+`, `-`, `@`, a tab or a line break, other than a plain number) as they are. Off by default: the plain-text copy prefixes such a cell with an apostrophe, the mark Excel and Sheets read as \"this is text\", so a cell holding `=HYPERLINK(…)` cannot run when pasted into a spreadsheet, as OWASP advises for CSV and clipboard output. A paste into a ShineUI grid gets the cells exactly either way, from a private clipboard flavour the copy carries beside the plain text.",
+              "description": "Copies cells that a spreadsheet would read as a formula (text starting with `=`, `+`, `-`, `@`, a tab or a line break, other than a plain number) as they are. Off by default: the plain-text copy prefixes such a cell with an apostrophe, the mark Excel and Sheets read as \"this is text\", so a cell holding `=HYPERLINK(…)` cannot run when pasted into a spreadsheet, as OWASP advises for CSV and clipboard output. A paste into a ShineUI grid gets the cells exactly either way, from a private clipboard flavor the copy carries beside the plain text.",
               "default": "false",
               "value": {
                 "type": "boolean",
@@ -6844,7 +6844,7 @@
             },
             {
               "name": "filter-display",
-              "description": "Where a column's filter control lives: a row of boxes under the header, or a menu opened from a funnel on the header's end edge. A column takes part by declaring `filter: true`. The menu offers up to two conditions suited to the column's type, joined by all or any, or a list of values to tick when the column sets `filterOptions`; it edits a draft and writes it on Apply. Either way the grid writes the rule into `filterModel` and emits `suiFilter`.",
+              "description": "Where a column's filter control lives: a row of boxes under the header, or a menu opened from a funnel on the header's end edge. A column takes part by declaring `filter: true`. The menu offers up to two conditions suited to the column's type, joined by all or any, or a list of values to check when the column sets `filterOptions`; it edits a draft and writes it on Apply. Either way the grid writes the rule into `filterModel` and emits `suiFilter`.",
               "default": "'none'",
               "value": {
                 "type": "\"menu\" | \"none\" | \"row\"",
@@ -6988,7 +6988,7 @@
               },
               {
                 "name": "copyFormulas",
-                "description": "Copies cells that a spreadsheet would read as a formula (text starting with `=`, `+`, `-`, `@`, a tab or a line break, other than a plain number) as they are. Off by default: the plain-text copy prefixes such a cell with an apostrophe, the mark Excel and Sheets read as \"this is text\", so a cell holding `=HYPERLINK(…)` cannot run when pasted into a spreadsheet, as OWASP advises for CSV and clipboard output. A paste into a ShineUI grid gets the cells exactly either way, from a private clipboard flavour the copy carries beside the plain text.",
+                "description": "Copies cells that a spreadsheet would read as a formula (text starting with `=`, `+`, `-`, `@`, a tab or a line break, other than a plain number) as they are. Off by default: the plain-text copy prefixes such a cell with an apostrophe, the mark Excel and Sheets read as \"this is text\", so a cell holding `=HYPERLINK(…)` cannot run when pasted into a spreadsheet, as OWASP advises for CSV and clipboard output. A paste into a ShineUI grid gets the cells exactly either way, from a private clipboard flavor the copy carries beside the plain text.",
                 "type": "boolean"
               },
               {
@@ -7013,7 +7013,7 @@
               },
               {
                 "name": "filterDisplay",
-                "description": "Where a column's filter control lives: a row of boxes under the header, or a menu opened from a funnel on the header's end edge. A column takes part by declaring `filter: true`. The menu offers up to two conditions suited to the column's type, joined by all or any, or a list of values to tick when the column sets `filterOptions`; it edits a draft and writes it on Apply. Either way the grid writes the rule into `filterModel` and emits `suiFilter`.",
+                "description": "Where a column's filter control lives: a row of boxes under the header, or a menu opened from a funnel on the header's end edge. A column takes part by declaring `filter: true`. The menu offers up to two conditions suited to the column's type, joined by all or any, or a list of values to check when the column sets `filterOptions`; it edits a draft and writes it on Apply. Either way the grid writes the rule into `filterModel` and emits `suiFilter`.",
                 "type": "\"menu\" | \"none\" | \"row\""
               },
               {
@@ -7286,7 +7286,7 @@
             },
             {
               "name": "filter-display",
-              "description": "Where the filter controls live: nowhere, in a row under the headers, or behind a funnel button on each header's end edge. The menu offers up to two conditions suited to the column's type, joined by all or any, or a list of values to tick when the column sets `filterOptions`; it edits a draft and writes it on Apply.",
+              "description": "Where the filter controls live: nowhere, in a row under the headers, or behind a funnel button on each header's end edge. The menu offers up to two conditions suited to the column's type, joined by all or any, or a list of values to check when the column sets `filterOptions`; it edits a draft and writes it on Apply.",
               "default": "'none'",
               "value": {
                 "type": "\"menu\" | \"none\" | \"row\"",
@@ -7550,7 +7550,7 @@
               },
               {
                 "name": "filterDisplay",
-                "description": "Where the filter controls live: nowhere, in a row under the headers, or behind a funnel button on each header's end edge. The menu offers up to two conditions suited to the column's type, joined by all or any, or a list of values to tick when the column sets `filterOptions`; it edits a draft and writes it on Apply.",
+                "description": "Where the filter controls live: nowhere, in a row under the headers, or behind a funnel button on each header's end edge. The menu offers up to two conditions suited to the column's type, joined by all or any, or a list of values to check when the column sets `filterOptions`; it edits a draft and writes it on Apply.",
                 "type": "\"menu\" | \"none\" | \"row\""
               },
               {
@@ -8195,7 +8195,7 @@
             },
             {
               "name": "tone",
-              "description": "Ink for the quiet variant on the brand chrome. `inverse` takes the inverse inks, the inverse hover wash and the inverse focus colour, as `sui-button`'s tone of the same name does, so the value reads on a `tone=\"brand\"` toolbar. Opening the field shows its shell in the card's own inks. The default variant ignores it.",
+              "description": "Ink for the quiet variant on the brand chrome. `inverse` takes the inverse inks, the inverse hover wash and the inverse focus color, as `sui-button`'s tone of the same name does, so the value reads on a `tone=\"brand\"` toolbar. Opening the field shows its shell in the card's own inks. The default variant ignores it.",
               "value": {
                 "type": "\"inverse\" | undefined",
                 "kind": "expression",
@@ -8360,7 +8360,7 @@
               },
               {
                 "name": "tone",
-                "description": "Ink for the quiet variant on the brand chrome. `inverse` takes the inverse inks, the inverse hover wash and the inverse focus colour, as `sui-button`'s tone of the same name does, so the value reads on a `tone=\"brand\"` toolbar. Opening the field shows its shell in the card's own inks. The default variant ignores it.",
+                "description": "Ink for the quiet variant on the brand chrome. `inverse` takes the inverse inks, the inverse hover wash and the inverse focus color, as `sui-button`'s tone of the same name does, so the value reads on a `tone=\"brand\"` toolbar. Opening the field shows its shell in the card's own inks. The default variant ignores it.",
                 "type": "\"inverse\" | undefined"
               },
               {
@@ -8403,6 +8403,16 @@
           "name": "sui-description-list",
           "description": "Key and value pairs for record inspectors and detail panes, rendered as a real `dl` of `dt` and `dd` pairs. Rows draw hairlines with a fixed term column; columns draw a grid of sunken cells with small uppercase labels. Display only; `sui-config-list` is the interactive sibling.",
           "attributes": [
+            {
+              "name": "align",
+              "description": "Which side the values sit on, in the reading direction. `end` lines figures up on their last digit, for a summary such as subtotal, tax and balance due. It is one side for the whole list, as a table column has one: a list that mixes names and dates with amounts reads best at the start. In the columns layout the term moves with its value.",
+              "default": "'start'",
+              "value": {
+                "type": "\"end\" | \"start\"",
+                "kind": "expression",
+                "required": false
+              }
+            },
             {
               "name": "columns",
               "description": "Grid column count in the columns layout.",
@@ -8434,6 +8444,11 @@
           ],
           "js": {
             "properties": [
+              {
+                "name": "align",
+                "description": "Which side the values sit on, in the reading direction. `end` lines figures up on their last digit, for a summary such as subtotal, tax and balance due. It is one side for the whole list, as a table column has one: a list that mixes names and dates with amounts reads best at the start. In the columns layout the term moves with its value.",
+                "type": "\"end\" | \"start\""
+              },
               {
                 "name": "columns",
                 "description": "Grid column count in the columns layout.",
@@ -9062,7 +9077,7 @@
             },
             {
               "name": "html",
-              "description": "Current content as HTML (ShineUI schema). Mutable; updated when an edit is saved. View mode and the edit path both read it through `sanitizeEditorHtml`: tags and attributes the editor cannot produce are dropped, a script or a handler never reaches the page, and a link whose address is not http, https, mailto, tel or sms, or a relative path, is shown as plain text. A picture is shown with `referrerpolicy=\"no-referrer\"`. View mode writes the sanitised markup through the library's Trusted Types policy, `shineui`. The form value is the string as set, so a value that came from your own store posts back unchanged until an edit is saved.",
+              "description": "Current content as HTML (ShineUI schema). Mutable; updated when an edit is saved. View mode and the edit path both read it through `sanitizeEditorHtml`: tags and attributes the editor cannot produce are dropped, a script or a handler never reaches the page, and a link whose address is not http, https, mailto, tel or sms, or a relative path, is shown as plain text. A picture is shown with `referrerpolicy=\"no-referrer\"`. View mode writes the sanitized markup through the library's Trusted Types policy, `shineui`. The form value is the string as set, so a value that came from your own store posts back unchanged until an edit is saved.",
               "default": "''",
               "value": {
                 "type": "string",
@@ -9159,7 +9174,7 @@
               },
               {
                 "name": "html",
-                "description": "Current content as HTML (ShineUI schema). Mutable; updated when an edit is saved. View mode and the edit path both read it through `sanitizeEditorHtml`: tags and attributes the editor cannot produce are dropped, a script or a handler never reaches the page, and a link whose address is not http, https, mailto, tel or sms, or a relative path, is shown as plain text. A picture is shown with `referrerpolicy=\"no-referrer\"`. View mode writes the sanitised markup through the library's Trusted Types policy, `shineui`. The form value is the string as set, so a value that came from your own store posts back unchanged until an edit is saved.",
+                "description": "Current content as HTML (ShineUI schema). Mutable; updated when an edit is saved. View mode and the edit path both read it through `sanitizeEditorHtml`: tags and attributes the editor cannot produce are dropped, a script or a handler never reaches the page, and a link whose address is not http, https, mailto, tel or sms, or a relative path, is shown as plain text. A picture is shown with `referrerpolicy=\"no-referrer\"`. View mode writes the sanitized markup through the library's Trusted Types policy, `shineui`. The form value is the string as set, so a value that came from your own store posts back unchanged until an edit is saved.",
                 "type": "string"
               },
               {
@@ -9277,7 +9292,7 @@
             },
             {
               "name": "variant",
-              "description": "Outcome flavour: `empty`, `success` (the brand, never a green), `error` (the deep accent) or `not-found`. Sets the icon well colors and the default icon. Only `error` renders `role=\"alert\"`, so only a failed operation interrupts a screen reader; do not use it for a merely empty list. The icon is `aria-hidden`, so the heading and body are the whole accessible content.",
+              "description": "Outcome flavor: `empty`, `success` (the brand, never a green), `error` (the deep accent) or `not-found`. Sets the icon well colors and the default icon. Only `error` renders `role=\"alert\"`, so only a failed operation interrupts a screen reader; do not use it for a merely empty list. The icon is `aria-hidden`, so the heading and body are the whole accessible content.",
               "default": "'empty'",
               "value": {
                 "type": "\"empty\" | \"error\" | \"not-found\" | \"success\"",
@@ -9320,7 +9335,7 @@
               },
               {
                 "name": "variant",
-                "description": "Outcome flavour: `empty`, `success` (the brand, never a green), `error` (the deep accent) or `not-found`. Sets the icon well colors and the default icon. Only `error` renders `role=\"alert\"`, so only a failed operation interrupts a screen reader; do not use it for a merely empty list. The icon is `aria-hidden`, so the heading and body are the whole accessible content.",
+                "description": "Outcome flavor: `empty`, `success` (the brand, never a green), `error` (the deep accent) or `not-found`. Sets the icon well colors and the default icon. Only `error` renders `role=\"alert\"`, so only a failed operation interrupts a screen reader; do not use it for a merely empty list. The icon is `aria-hidden`, so the heading and body are the whole accessible content.",
                 "type": "\"empty\" | \"error\" | \"not-found\" | \"success\""
               }
             ],
@@ -9343,7 +9358,7 @@
           "attributes": [
             {
               "name": "collapsed",
-              "description": "Whether the body is hidden. Seeds the state (the reference `defaultCollapsed`) and tracks it afterwards; writing it from script emits nothing.",
+              "description": "Whether the body is hidden. Seeds the state (the reference `defaultCollapsed`) and tracks it afterward; writing it from script emits nothing.",
               "default": "false",
               "value": {
                 "type": "boolean",
@@ -9382,7 +9397,7 @@
             "properties": [
               {
                 "name": "collapsed",
-                "description": "Whether the body is hidden. Seeds the state (the reference `defaultCollapsed`) and tracks it afterwards; writing it from script emits nothing.",
+                "description": "Whether the body is hidden. Seeds the state (the reference `defaultCollapsed`) and tracks it afterward; writing it from script emits nothing.",
                 "type": "boolean"
               },
               {
@@ -10422,7 +10437,7 @@
             },
             {
               "name": "open",
-              "description": "Shows the full-screen viewer. Mutable; the element opens it from the full-screen control and closes it on Escape, the scrim and the close control. Focus is trapped inside while it is open and returns to the control afterwards. While open, and while it fades out, the viewer paints in the browser's top layer, so a transformed or clipping ancestor cannot trap it; everything outside it is inert and the page does not scroll, and a node the page adds outside it while it is open goes inert too. The viewer is `role=\"dialog\"` with no `aria-modal`, so VoiceOver keeps reading the toast region; Tab goes on from the viewer into the toast stack and back. An element the page marks `data-sui-keep-live` stays usable with everything in it, and focus may move into it and back.",
+              "description": "Shows the full-screen viewer. Mutable; the element opens it from the full-screen control and closes it on Escape, the scrim and the close control. Focus is trapped inside while it is open and returns to the control afterward. While open, and while it fades out, the viewer paints in the browser's top layer, so a transformed or clipping ancestor cannot trap it; everything outside it is inert and the page does not scroll, and a node the page adds outside it while it is open goes inert too. The viewer is `role=\"dialog\"` with no `aria-modal`, so VoiceOver keeps reading the toast region; Tab goes on from the viewer into the toast stack and back. An element the page marks `data-sui-keep-live` stays usable with everything in it, and focus may move into it and back.",
               "default": "false",
               "value": {
                 "type": "boolean",
@@ -10469,7 +10484,7 @@
               },
               {
                 "name": "open",
-                "description": "Shows the full-screen viewer. Mutable; the element opens it from the full-screen control and closes it on Escape, the scrim and the close control. Focus is trapped inside while it is open and returns to the control afterwards. While open, and while it fades out, the viewer paints in the browser's top layer, so a transformed or clipping ancestor cannot trap it; everything outside it is inert and the page does not scroll, and a node the page adds outside it while it is open goes inert too. The viewer is `role=\"dialog\"` with no `aria-modal`, so VoiceOver keeps reading the toast region; Tab goes on from the viewer into the toast stack and back. An element the page marks `data-sui-keep-live` stays usable with everything in it, and focus may move into it and back.",
+                "description": "Shows the full-screen viewer. Mutable; the element opens it from the full-screen control and closes it on Escape, the scrim and the close control. Focus is trapped inside while it is open and returns to the control afterward. While open, and while it fades out, the viewer paints in the browser's top layer, so a transformed or clipping ancestor cannot trap it; everything outside it is inert and the page does not scroll, and a node the page adds outside it while it is open goes inert too. The viewer is `role=\"dialog\"` with no `aria-modal`, so VoiceOver keeps reading the toast region; Tab goes on from the viewer into the toast stack and back. An element the page marks `data-sui-keep-live` stays usable with everything in it, and focus may move into it and back.",
                 "type": "boolean"
               }
             ],
@@ -10504,7 +10519,7 @@
           "attributes": [
             {
               "name": "disabled",
-              "description": "Blocks clicks. As on `sui-button`, filled roles take the disabled well, an outline keeps its surface, a ghost stays bare, and on navy the ink fades. A disabled link keeps the look, drops its `href`, reads `aria-disabled=\"true\"` and takes no pointer events, since an anchor has no `disabled` attribute of its own.",
+              "description": "Blocks clicks. As on `sui-button`, filled roles take the disabled well, an outline keeps its surface, a ghost stays bare, and on navy the ink fades. A disabled link keeps the look, drops its `href`, reads `aria-disabled=\"true\"` and swallows a click, since an anchor has no `disabled` attribute of its own. A disabled button leaves the tab order and its tooltip with it; to keep both, so a keyboard or screen reader user reaches it and the reason the tooltip gives, set `aria-disabled=\"true\"` on the element instead. The button then reads as disabled, takes the same look and ignores a click, Enter and Space. An `aria-describedby` on the element reaches the button too.",
               "default": "false",
               "value": {
                 "type": "boolean",
@@ -10537,7 +10552,7 @@
             },
             {
               "name": "loading",
-              "description": "Shows a spinner in place of the icon and blocks clicks. The button stays focusable while busy, `aria-disabled` rather than disabled, so a keyboard user keeps their place and a modal trap around it holds; a click, Enter or Space does nothing until it clears. A link behaves the same and keeps its `href`. Reflected.",
+              "description": "Shows a spinner in place of the icon and blocks clicks. The button stays focusable while busy, `aria-disabled` rather than disabled, so a keyboard user keeps their place and a modal trap around it holds; a click, Enter or Space does nothing until it clears. A link behaves the same: it drops its `href` until the work is done and stays a tab stop, so nothing opens it, a new tab included. Reflected.",
               "default": "false",
               "value": {
                 "type": "boolean",
@@ -10647,7 +10662,7 @@
             "properties": [
               {
                 "name": "disabled",
-                "description": "Blocks clicks. As on `sui-button`, filled roles take the disabled well, an outline keeps its surface, a ghost stays bare, and on navy the ink fades. A disabled link keeps the look, drops its `href`, reads `aria-disabled=\"true\"` and takes no pointer events, since an anchor has no `disabled` attribute of its own.",
+                "description": "Blocks clicks. As on `sui-button`, filled roles take the disabled well, an outline keeps its surface, a ghost stays bare, and on navy the ink fades. A disabled link keeps the look, drops its `href`, reads `aria-disabled=\"true\"` and swallows a click, since an anchor has no `disabled` attribute of its own. A disabled button leaves the tab order and its tooltip with it; to keep both, so a keyboard or screen reader user reaches it and the reason the tooltip gives, set `aria-disabled=\"true\"` on the element instead. The button then reads as disabled, takes the same look and ignores a click, Enter and Space. An `aria-describedby` on the element reaches the button too.",
                 "type": "boolean"
               },
               {
@@ -10667,7 +10682,7 @@
               },
               {
                 "name": "loading",
-                "description": "Shows a spinner in place of the icon and blocks clicks. The button stays focusable while busy, `aria-disabled` rather than disabled, so a keyboard user keeps their place and a modal trap around it holds; a click, Enter or Space does nothing until it clears. A link behaves the same and keeps its `href`. Reflected.",
+                "description": "Shows a spinner in place of the icon and blocks clicks. The button stays focusable while busy, `aria-disabled` rather than disabled, so a keyboard user keeps their place and a modal trap around it holds; a click, Enter or Space does nothing until it clears. A link behaves the same: it drops its `href` until the work is done and stays a tab stop, so nothing opens it, a new tab included. Reflected.",
                 "type": "boolean"
               },
               {
@@ -11031,7 +11046,7 @@
           "slots": [
             {
               "name": "end",
-              "description": "Trailing content inside the field's edge: a shortcut hint, a unit, a small action. It sits after the clear control and the trailing icon, centred on the field's height, and the input gives up room for it only while it is filled. A press on it that lands on nothing focusable puts the caret in the input, so a `sui-kbd` hint reads and behaves as part of the field."
+              "description": "Trailing content inside the field's edge: a shortcut hint, a unit, a small action. It sits after the clear control and the trailing icon, centered on the field's height, and the input gives up room for it only while it is filled. A press on it that lands on nothing focusable puts the caret in the input, so a `sui-kbd` hint reads and behaves as part of the field."
             }
           ]
         },
@@ -11317,7 +11332,7 @@
             },
             {
               "name": "open",
-              "description": "Shows the lightbox. Mutable; the element opens it on click and closes it on Escape, the scrim and the close control. Focus is trapped inside while it is open and returns to the frame afterwards. Zoomed past 1x, the picture drags to pan and the arrow keys pan it too. While open, and while it fades out, the lightbox paints in the browser's top layer, so a transformed or clipping ancestor cannot trap it; everything outside it is inert and the page does not scroll, and a node the page adds outside it while it is open goes inert too. The lightbox is `role=\"dialog\"` with no `aria-modal`, so VoiceOver keeps reading the toast region; Tab goes on from the lightbox into the toast stack and back. An element the page marks `data-sui-keep-live` stays usable with everything in it, and focus may move into it and back.",
+              "description": "Shows the lightbox. Mutable; the element opens it on click and closes it on Escape, the scrim and the close control. Focus is trapped inside while it is open and returns to the frame afterward. Zoomed past 1x, the picture drags to pan and the arrow keys pan it too. While open, and while it fades out, the lightbox paints in the browser's top layer, so a transformed or clipping ancestor cannot trap it; everything outside it is inert and the page does not scroll, and a node the page adds outside it while it is open goes inert too. The lightbox is `role=\"dialog\"` with no `aria-modal`, so VoiceOver keeps reading the toast region; Tab goes on from the lightbox into the toast stack and back. An element the page marks `data-sui-keep-live` stays usable with everything in it, and focus may move into it and back.",
               "default": "false",
               "value": {
                 "type": "boolean",
@@ -11350,7 +11365,7 @@
             },
             {
               "name": "width",
-              "description": "Frame width: a number of px or any CSS length.",
+              "description": "Width: a number of px or any CSS length, a percentage of the container included. The element takes it, the frame fills it and the caption wraps to it.",
               "value": {
                 "type": "number | string | undefined",
                 "kind": "expression"
@@ -11391,7 +11406,7 @@
               },
               {
                 "name": "open",
-                "description": "Shows the lightbox. Mutable; the element opens it on click and closes it on Escape, the scrim and the close control. Focus is trapped inside while it is open and returns to the frame afterwards. Zoomed past 1x, the picture drags to pan and the arrow keys pan it too. While open, and while it fades out, the lightbox paints in the browser's top layer, so a transformed or clipping ancestor cannot trap it; everything outside it is inert and the page does not scroll, and a node the page adds outside it while it is open goes inert too. The lightbox is `role=\"dialog\"` with no `aria-modal`, so VoiceOver keeps reading the toast region; Tab goes on from the lightbox into the toast stack and back. An element the page marks `data-sui-keep-live` stays usable with everything in it, and focus may move into it and back.",
+                "description": "Shows the lightbox. Mutable; the element opens it on click and closes it on Escape, the scrim and the close control. Focus is trapped inside while it is open and returns to the frame afterward. Zoomed past 1x, the picture drags to pan and the arrow keys pan it too. While open, and while it fades out, the lightbox paints in the browser's top layer, so a transformed or clipping ancestor cannot trap it; everything outside it is inert and the page does not scroll, and a node the page adds outside it while it is open goes inert too. The lightbox is `role=\"dialog\"` with no `aria-modal`, so VoiceOver keeps reading the toast region; Tab goes on from the lightbox into the toast stack and back. An element the page marks `data-sui-keep-live` stays usable with everything in it, and focus may move into it and back.",
                 "type": "boolean"
               },
               {
@@ -11411,7 +11426,7 @@
               },
               {
                 "name": "width",
-                "description": "Frame width: a number of px or any CSS length.",
+                "description": "Width: a number of px or any CSS length, a percentage of the container included. The element takes it, the frame fills it and the caption wraps to it.",
                 "type": "number | string | undefined"
               }
             ],
@@ -12103,6 +12118,15 @@
           "name": "sui-input-number",
           "description": "Numeric field with steppers, a money mode and prefix or suffix text. It groups and separates the way `locale` does and accepts what it displays. Form-associated: it posts the raw number under its `name`, never the formatted text, and binds to React, Vue (`v-model`) and Angular forms. Use it for amounts, quantities and rates; always give it a label.",
           "attributes": [
+            {
+              "name": "align",
+              "description": "Which side of the field the number sits on, in the reading direction. Unset, a `money` field sits at the end and any other at the start. Set `end` where figures stack and should line up on their last digit: quantities, hours and rates in a line-item form, as a table's number column does. A `quiet` field is as wide as its number, so it has no side to choose.",
+              "value": {
+                "type": "\"end\" | \"start\" | undefined",
+                "kind": "expression",
+                "required": false
+              }
+            },
             {
               "name": "autocomplete",
               "description": "Native autocomplete hint, e.g. \"transaction-amount\" or \"postal-code\".",
@@ -12283,7 +12307,7 @@
             },
             {
               "name": "tone",
-              "description": "Ink for the quiet variant on the brand chrome. `inverse` takes the inverse inks, the inverse hover wash and the inverse focus colour, as `sui-button`'s tone of the same name does, so the value reads on a `tone=\"brand\"` toolbar. Opening the field shows its shell in the card's own inks. The default variant ignores it.",
+              "description": "Ink for the quiet variant on the brand chrome. `inverse` takes the inverse inks, the inverse hover wash and the inverse focus color, as `sui-button`'s tone of the same name does, so the value reads on a `tone=\"brand\"` toolbar. Opening the field shows its shell in the card's own inks. The default variant ignores it.",
               "value": {
                 "type": "\"inverse\" | undefined",
                 "kind": "expression",
@@ -12312,6 +12336,11 @@
           ],
           "js": {
             "properties": [
+              {
+                "name": "align",
+                "description": "Which side of the field the number sits on, in the reading direction. Unset, a `money` field sits at the end and any other at the start. Set `end` where figures stack and should line up on their last digit: quantities, hours and rates in a line-item form, as a table's number column does. A `quiet` field is as wide as its number, so it has no side to choose.",
+                "type": "\"end\" | \"start\" | undefined"
+              },
               {
                 "name": "autocomplete",
                 "description": "Native autocomplete hint, e.g. \"transaction-amount\" or \"postal-code\".",
@@ -12419,7 +12448,7 @@
               },
               {
                 "name": "tone",
-                "description": "Ink for the quiet variant on the brand chrome. `inverse` takes the inverse inks, the inverse hover wash and the inverse focus colour, as `sui-button`'s tone of the same name does, so the value reads on a `tone=\"brand\"` toolbar. Opening the field shows its shell in the card's own inks. The default variant ignores it.",
+                "description": "Ink for the quiet variant on the brand chrome. `inverse` takes the inverse inks, the inverse hover wash and the inverse focus color, as `sui-button`'s tone of the same name does, so the value reads on a `tone=\"brand\"` toolbar. Opening the field shows its shell in the card's own inks. The default variant ignores it.",
                 "type": "\"inverse\" | undefined"
               },
               {
@@ -13278,7 +13307,7 @@
             },
             {
               "name": "step",
-              "description": "Increment between values; drag positions and keyboard steps snap to it. Decimals are honoured. A drag crosses the whole range in 150px whatever the step, so a coarse step lands on the grid without slowing the drag.",
+              "description": "Increment between values; drag positions and keyboard steps snap to it. Decimals are honored. A drag crosses the whole range in 150px whatever the step, so a coarse step lands on the grid without slowing the drag.",
               "default": "1",
               "value": {
                 "type": "number",
@@ -13354,7 +13383,7 @@
               },
               {
                 "name": "step",
-                "description": "Increment between values; drag positions and keyboard steps snap to it. Decimals are honoured. A drag crosses the whole range in 150px whatever the step, so a coarse step lands on the grid without slowing the drag.",
+                "description": "Increment between values; drag positions and keyboard steps snap to it. Decimals are honored. A drag crosses the whole range in 150px whatever the step, so a coarse step lands on the grid without slowing the drag.",
                 "type": "number"
               },
               {
@@ -14109,7 +14138,7 @@
             },
             {
               "name": "orientation",
-              "description": "Which way the bar runs. `horizontal` (default) is the pill across the card with the legend under it. `vertical` stands the bar up as a column that fills the height of the element or of its parent (give one of them a height, e.g. `style=\"height:180px\"`; 120px is the floor), stacks the segments top to bottom in legend order, and puts the total and the legend beside it. An unrecognised value falls back to `horizontal`.",
+              "description": "Which way the bar runs. `horizontal` (default) is the pill across the card with the legend under it. `vertical` stands the bar up as a column that fills the height of the element or of its parent (give one of them a height, e.g. `style=\"height:180px\"`; 120px is the floor), stacks the segments top to bottom in legend order, and puts the total and the legend beside it. An unrecognized value falls back to `horizontal`.",
               "default": "'horizontal'",
               "value": {
                 "type": "\"horizontal\" | \"vertical\"",
@@ -14132,7 +14161,7 @@
               },
               {
                 "name": "orientation",
-                "description": "Which way the bar runs. `horizontal` (default) is the pill across the card with the legend under it. `vertical` stands the bar up as a column that fills the height of the element or of its parent (give one of them a height, e.g. `style=\"height:180px\"`; 120px is the floor), stacks the segments top to bottom in legend order, and puts the total and the legend beside it. An unrecognised value falls back to `horizontal`.",
+                "description": "Which way the bar runs. `horizontal` (default) is the pill across the card with the legend under it. `vertical` stands the bar up as a column that fills the height of the element or of its parent (give one of them a height, e.g. `style=\"height:180px\"`; 120px is the floor), stacks the segments top to bottom in legend order, and puts the total and the legend beside it. An unrecognized value falls back to `horizontal`.",
                 "type": "\"horizontal\" | \"vertical\""
               },
               {
@@ -14370,7 +14399,7 @@
             },
             {
               "name": "tone",
-              "description": "Ink for the quiet variant on the brand chrome. `inverse` takes the inverse inks, the inverse hover wash and the inverse focus colour, as `sui-button`'s tone of the same name does, so the value reads on a `tone=\"brand\"` toolbar. Opening the field shows its shell in the card's own inks. The default variant ignores it.",
+              "description": "Ink for the quiet variant on the brand chrome. `inverse` takes the inverse inks, the inverse hover wash and the inverse focus color, as `sui-button`'s tone of the same name does, so the value reads on a `tone=\"brand\"` toolbar. Opening the field shows its shell in the card's own inks. The default variant ignores it.",
               "value": {
                 "type": "\"inverse\" | undefined",
                 "kind": "expression",
@@ -14496,7 +14525,7 @@
               },
               {
                 "name": "tone",
-                "description": "Ink for the quiet variant on the brand chrome. `inverse` takes the inverse inks, the inverse hover wash and the inverse focus colour, as `sui-button`'s tone of the same name does, so the value reads on a `tone=\"brand\"` toolbar. Opening the field shows its shell in the card's own inks. The default variant ignores it.",
+                "description": "Ink for the quiet variant on the brand chrome. `inverse` takes the inverse inks, the inverse hover wash and the inverse focus color, as `sui-button`'s tone of the same name does, so the value reads on a `tone=\"brand\"` toolbar. Opening the field shows its shell in the card's own inks. The default variant ignores it.",
                 "type": "\"inverse\" | undefined"
               },
               {
@@ -14715,7 +14744,7 @@
             },
             {
               "name": "selection-mode",
-              "description": "`single` picks one row at a time. `checkbox` draws a box on every row under a select-all header, and the four controls carry the whole ticked set at once. Spelled as on `sui-tree`, which names the same two ways of picking rows. Reflected.",
+              "description": "`single` picks one row at a time. `checkbox` draws a box on every row under a select-all header, and the four controls carry the whole checked set at once. Spelled as on `sui-tree`, which names the same two ways of picking rows. Reflected.",
               "default": "'single'",
               "value": {
                 "type": "\"checkbox\" | \"single\"",
@@ -14778,7 +14807,7 @@
               },
               {
                 "name": "selectionMode",
-                "description": "`single` picks one row at a time. `checkbox` draws a box on every row under a select-all header, and the four controls carry the whole ticked set at once. Spelled as on `sui-tree`, which names the same two ways of picking rows. Reflected.",
+                "description": "`single` picks one row at a time. `checkbox` draws a box on every row under a select-all header, and the four controls carry the whole checked set at once. Spelled as on `sui-tree`, which names the same two ways of picking rows. Reflected.",
                 "type": "\"checkbox\" | \"single\""
               }
             ],
@@ -15160,7 +15189,7 @@
           "attributes": [
             {
               "name": "collapsed",
-              "description": "Whether the body is hidden. Seeds the state (the reference `defaultCollapsed`) and tracks it afterwards; writing it from script emits nothing.",
+              "description": "Whether the body is hidden. Seeds the state (the reference `defaultCollapsed`) and tracks it afterward; writing it from script emits nothing.",
               "default": "false",
               "value": {
                 "type": "boolean",
@@ -15207,7 +15236,7 @@
             "properties": [
               {
                 "name": "collapsed",
-                "description": "Whether the body is hidden. Seeds the state (the reference `defaultCollapsed`) and tracks it afterwards; writing it from script emits nothing.",
+                "description": "Whether the body is hidden. Seeds the state (the reference `defaultCollapsed`) and tracks it afterward; writing it from script emits nothing.",
                 "type": "boolean"
               },
               {
@@ -15867,7 +15896,7 @@
             },
             {
               "name": "selection-mode",
-              "description": "`single` picks one row at a time. `checkbox` draws a box on every row under a per-pane select-all header, and the transfer controls carry the whole ticked set at once. Reflected.",
+              "description": "`single` picks one row at a time. `checkbox` draws a box on every row under a per-pane select-all header, and the transfer controls carry the whole checked set at once. Reflected.",
               "default": "'single'",
               "value": {
                 "type": "\"checkbox\" | \"single\"",
@@ -15941,7 +15970,7 @@
               },
               {
                 "name": "selectionMode",
-                "description": "`single` picks one row at a time. `checkbox` draws a box on every row under a per-pane select-all header, and the transfer controls carry the whole ticked set at once. Reflected.",
+                "description": "`single` picks one row at a time. `checkbox` draws a box on every row under a per-pane select-all header, and the transfer controls carry the whole checked set at once. Reflected.",
                 "type": "\"checkbox\" | \"single\""
               },
               {
@@ -17237,21 +17266,21 @@
         },
         {
           "name": "sui-save-status",
-          "description": "Autosave status line for record editors: saved, saving, dirty (unsaved changes) or error. Slot it into `sui-form-layout` (`slot=\"status\"`) or `sui-form-actions` (`slot=\"status\"`). Announced politely as a live region.",
+          "description": "Autosave status line for record editors: nothing yet, saved, saving, dirty (unsaved changes) or error. Slot it into `sui-form-layout` (`slot=\"status\"`) or `sui-form-actions` (`slot=\"status\"`). Announced politely as a live region.",
           "attributes": [
             {
               "name": "state",
-              "description": "Which line to show.",
-              "default": "'saved'",
+              "description": "Which line to show. `idle`, the default, has nothing to report: a record opened and not yet edited. It draws nothing and stays in the page as the live region, so the first change is announced; a live region added to the page together with its text is often not read. Keep the element in place and change `state`, rather than adding it when there is something to say.",
+              "default": "'idle'",
               "value": {
-                "type": "\"dirty\" | \"error\" | \"saved\" | \"saving\"",
+                "type": "\"dirty\" | \"error\" | \"idle\" | \"saved\" | \"saving\"",
                 "kind": "expression",
                 "required": false
               }
             },
             {
               "name": "time",
-              "description": "When the record was saved, in the page's language, e.g. \"2 min ago\". The saved line reads \"Saved 2 min ago\"; without it, \"Saved just now\".",
+              "description": "When the record was saved, in the page's language, e.g. \"2 min ago\". The saved line reads \"Saved 2 min ago\"; without it, \"Saved just now\". Read on the saved line only.",
               "value": {
                 "type": "string | undefined",
                 "kind": "expression"
@@ -17262,12 +17291,12 @@
             "properties": [
               {
                 "name": "state",
-                "description": "Which line to show.",
-                "type": "\"dirty\" | \"error\" | \"saved\" | \"saving\""
+                "description": "Which line to show. `idle`, the default, has nothing to report: a record opened and not yet edited. It draws nothing and stays in the page as the live region, so the first change is announced; a live region added to the page together with its text is often not read. Keep the element in place and change `state`, rather than adding it when there is something to say.",
+                "type": "\"dirty\" | \"error\" | \"idle\" | \"saved\" | \"saving\""
               },
               {
                 "name": "time",
-                "description": "When the record was saved, in the page's language, e.g. \"2 min ago\". The saved line reads \"Saved 2 min ago\"; without it, \"Saved just now\".",
+                "description": "When the record was saved, in the page's language, e.g. \"2 min ago\". The saved line reads \"Saved 2 min ago\"; without it, \"Saved just now\". Read on the saved line only.",
                 "type": "string | undefined"
               }
             ],
@@ -17622,7 +17651,7 @@
             },
             {
               "name": "tone",
-              "description": "Ink for the quiet variant on the brand chrome. `inverse` takes the inverse inks, the inverse hover wash and the inverse focus colour, as `sui-button`'s tone of the same name does, so the value reads on a `tone=\"brand\"` toolbar. Opening the field shows its shell in the card's own inks. The default variant ignores it.",
+              "description": "Ink for the quiet variant on the brand chrome. `inverse` takes the inverse inks, the inverse hover wash and the inverse focus color, as `sui-button`'s tone of the same name does, so the value reads on a `tone=\"brand\"` toolbar. Opening the field shows its shell in the card's own inks. The default variant ignores it.",
               "value": {
                 "type": "\"inverse\" | undefined",
                 "kind": "expression",
@@ -17751,7 +17780,7 @@
               },
               {
                 "name": "tone",
-                "description": "Ink for the quiet variant on the brand chrome. `inverse` takes the inverse inks, the inverse hover wash and the inverse focus colour, as `sui-button`'s tone of the same name does, so the value reads on a `tone=\"brand\"` toolbar. Opening the field shows its shell in the card's own inks. The default variant ignores it.",
+                "description": "Ink for the quiet variant on the brand chrome. `inverse` takes the inverse inks, the inverse hover wash and the inverse focus color, as `sui-button`'s tone of the same name does, so the value reads on a `tone=\"brand\"` toolbar. Opening the field shows its shell in the card's own inks. The default variant ignores it.",
                 "type": "\"inverse\" | undefined"
               },
               {
@@ -18597,7 +18626,7 @@
           "attributes": [
             {
               "name": "direction",
-              "description": "Where the satellites fan out from the launcher. The first item is always the one nearest the launcher. An unrecognised value falls back to `up`.",
+              "description": "Where the satellites fan out from the launcher. The first item is always the one nearest the launcher. An unrecognized value falls back to `up`.",
               "default": "'up'",
               "value": {
                 "type": "\"down\" | \"left\" | \"right\" | \"up\"",
@@ -18645,7 +18674,7 @@
             "properties": [
               {
                 "name": "direction",
-                "description": "Where the satellites fan out from the launcher. The first item is always the one nearest the launcher. An unrecognised value falls back to `up`.",
+                "description": "Where the satellites fan out from the launcher. The first item is always the one nearest the launcher. An unrecognized value falls back to `up`.",
                 "type": "\"down\" | \"left\" | \"right\" | \"up\""
               },
               {
@@ -18960,7 +18989,7 @@
             },
             {
               "name": "ratio",
-              "description": "Share of the whole the first pane takes (0 to 1): its width side by side, its height when vertical. Seeds the split (the reference `defaultRatio`) and tracks it afterwards.",
+              "description": "Share of the whole the first pane takes (0 to 1): its width side by side, its height when vertical. Seeds the split (the reference `defaultRatio`) and tracks it afterward.",
               "default": "0.5",
               "value": {
                 "type": "number",
@@ -18997,7 +19026,7 @@
               },
               {
                 "name": "ratio",
-                "description": "Share of the whole the first pane takes (0 to 1): its width side by side, its height when vertical. Seeds the split (the reference `defaultRatio`) and tracks it afterwards.",
+                "description": "Share of the whole the first pane takes (0 to 1): its width side by side, its height when vertical. Seeds the split (the reference `defaultRatio`) and tracks it afterward.",
                 "type": "number"
               }
             ],
@@ -19197,7 +19226,7 @@
             },
             {
               "name": "severity",
-              "description": "How the change reads, on the status ladder `sui-trend` shares: `positive`, good news, in the positive ink (the ink under brand status, green under semantic); `critical`, bad news (a rising receivable), in the danger ink with the direction arrow ringed and a visually hidden \"unfavorable\" after the figure; `neutral`, neither, in the muted ink at regular weight, the arrow kept and unringed. So the judgement never rests on colour alone. The danger ink is the brand's own under brand mode and rose under semantic status mode, the same ink an overdue date wears. An unknown value reads as `positive`. Reflected.",
+              "description": "How the change reads, on the status ladder `sui-trend` shares: `positive`, good news, in the positive ink (the ink under brand status, green under semantic); `critical`, bad news (a rising receivable), in the danger ink with the direction arrow ringed and a visually hidden \"unfavorable\" after the figure; `neutral`, neither, in the muted ink at regular weight, the arrow kept and unringed. So the judgment never rests on color alone. The danger ink is the brand's own under brand mode and rose under semantic status mode, the same ink an overdue date wears. An unknown value reads as `positive`. Reflected.",
               "default": "'positive'",
               "value": {
                 "type": "\"critical\" | \"neutral\" | \"positive\"",
@@ -19284,7 +19313,7 @@
               },
               {
                 "name": "severity",
-                "description": "How the change reads, on the status ladder `sui-trend` shares: `positive`, good news, in the positive ink (the ink under brand status, green under semantic); `critical`, bad news (a rising receivable), in the danger ink with the direction arrow ringed and a visually hidden \"unfavorable\" after the figure; `neutral`, neither, in the muted ink at regular weight, the arrow kept and unringed. So the judgement never rests on colour alone. The danger ink is the brand's own under brand mode and rose under semantic status mode, the same ink an overdue date wears. An unknown value reads as `positive`. Reflected.",
+                "description": "How the change reads, on the status ladder `sui-trend` shares: `positive`, good news, in the positive ink (the ink under brand status, green under semantic); `critical`, bad news (a rising receivable), in the danger ink with the direction arrow ringed and a visually hidden \"unfavorable\" after the figure; `neutral`, neither, in the muted ink at regular weight, the arrow kept and unringed. So the judgment never rests on color alone. The danger ink is the brand's own under brand mode and rose under semantic status mode, the same ink an overdue date wears. An unknown value reads as `positive`. Reflected.",
                 "type": "\"critical\" | \"neutral\" | \"positive\""
               },
               {
@@ -19314,7 +19343,7 @@
           "attributes": [
             {
               "name": "active",
-              "description": "Index of the current step. Seeds it (the reference `defaultActive`) and tracks it afterwards; writing it from script emits nothing.",
+              "description": "Index of the current step. Seeds it (the reference `defaultActive`) and tracks it afterward; writing it from script emits nothing.",
               "default": "0",
               "value": {
                 "type": "number",
@@ -19354,7 +19383,7 @@
             "properties": [
               {
                 "name": "active",
-                "description": "Index of the current step. Seeds it (the reference `defaultActive`) and tracks it afterwards; writing it from script emits nothing.",
+                "description": "Index of the current step. Seeds it (the reference `defaultActive`) and tracks it afterward; writing it from script emits nothing.",
                 "type": "number"
               },
               {
@@ -19407,7 +19436,7 @@
             },
             {
               "name": "disabled",
-              "description": "Greys the tab and blocks activation.",
+              "description": "Grays the tab and blocks activation.",
               "default": "false",
               "value": {
                 "type": "boolean",
@@ -19441,7 +19470,7 @@
               },
               {
                 "name": "disabled",
-                "description": "Greys the tab and blocks activation.",
+                "description": "Grays the tab and blocks activation.",
                 "type": "boolean"
               },
               {
@@ -19470,7 +19499,7 @@
           "attributes": [
             {
               "name": "active",
-              "description": "Index of the active tab. Seeds the selection (the reference `defaultActive`) and tracks it afterwards; writing it from script moves the bar and emits nothing.",
+              "description": "Index of the active tab. Seeds the selection (the reference `defaultActive`) and tracks it afterward; writing it from script moves the bar and emits nothing.",
               "default": "0",
               "value": {
                 "type": "number",
@@ -19501,7 +19530,7 @@
             "properties": [
               {
                 "name": "active",
-                "description": "Index of the active tab. Seeds the selection (the reference `defaultActive`) and tracks it afterwards; writing it from script moves the bar and emits nothing.",
+                "description": "Index of the active tab. Seeds the selection (the reference `defaultActive`) and tracks it afterward; writing it from script moves the bar and emits nothing.",
                 "type": "number"
               },
               {
@@ -19960,7 +19989,7 @@
             },
             {
               "name": "code",
-              "description": "Code panes and consoles: `dark` (default) or `light`, written as `data-sui-code`. Independent of `mode`, because the light set is computed from the theme rather than from the site's light or dark, so a dark site with a light code pane is a supported pair. Unrecognised values become `dark`.",
+              "description": "Code panes and consoles: `dark` (default) or `light`, written as `data-sui-code`. Independent of `mode`, because the light set is computed from the theme rather than from the site's light or dark, so a dark site with a light code pane is a supported pair. Unrecognized values become `dark`.",
               "default": "'dark'",
               "value": {
                 "type": "\"auto\" | \"dark\" | \"light\"",
@@ -19979,7 +20008,7 @@
             },
             {
               "name": "mode",
-              "description": "`light`, `dark`, or `system`, which follows the operating system's `prefers-color-scheme` for as long as the element is connected and writes whichever it resolves to. It is the starting state: the switch in the kit shows what is painted and, pressed, picks light or dark outright, so `mode=\"system\"` follows the OS until the reader chooses. Unrecognised values become `light`. Light removes `data-sui-theme`.",
+              "description": "`light`, `dark`, or `system`, which follows the operating system's `prefers-color-scheme` for as long as the element is connected and writes whichever it resolves to. It is the starting state: the switch in the kit shows what is painted and, pressed, picks light or dark outright, so `mode=\"system\"` follows the OS until the reader chooses. Unrecognized values become `light`. Light removes `data-sui-theme`.",
               "default": "'light'",
               "value": {
                 "type": "\"dark\" | \"light\" | \"system\"",
@@ -19989,7 +20018,7 @@
             },
             {
               "name": "neutral",
-              "description": "Neutral family. Unrecognised values become `tint`.",
+              "description": "Neutral family. Unrecognized values become `tint`.",
               "default": "'tint'",
               "value": {
                 "type": "\"gray\" | \"mauve\" | \"mist\" | \"olive\" | \"sage\" | \"sand\" | \"slate\" | \"stone\" | \"tint\" | \"tintA\" | \"white\" | \"zinc\"",
@@ -20008,7 +20037,7 @@
             },
             {
               "name": "preset",
-              "description": "Named palette or `custom`. Unrecognised values become `shineui`.",
+              "description": "Named palette or `custom`. Unrecognized values become `shineui`.",
               "default": "'shineui'",
               "value": {
                 "type": "\"achroma\" | \"aubergine\" | \"charcoal\" | \"cranberry\" | \"custom\" | \"espresso\" | \"evergreen\" | \"forest\" | \"graphite\" | \"harbor\" | \"indigo\" | \"midnight\" | \"ocean\" | \"olive\" | \"plum\" | \"royal\" | \"sage\" | \"shineui\" | \"slate\" | \"steel\" | \"terracotta\" | \"wine\"",
@@ -20072,7 +20101,7 @@
               },
               {
                 "name": "code",
-                "description": "Code panes and consoles: `dark` (default) or `light`, written as `data-sui-code`. Independent of `mode`, because the light set is computed from the theme rather than from the site's light or dark, so a dark site with a light code pane is a supported pair. Unrecognised values become `dark`.",
+                "description": "Code panes and consoles: `dark` (default) or `light`, written as `data-sui-code`. Independent of `mode`, because the light set is computed from the theme rather than from the site's light or dark, so a dark site with a light code pane is a supported pair. Unrecognized values become `dark`.",
                 "type": "\"auto\" | \"dark\" | \"light\""
               },
               {
@@ -20082,12 +20111,12 @@
               },
               {
                 "name": "mode",
-                "description": "`light`, `dark`, or `system`, which follows the operating system's `prefers-color-scheme` for as long as the element is connected and writes whichever it resolves to. It is the starting state: the switch in the kit shows what is painted and, pressed, picks light or dark outright, so `mode=\"system\"` follows the OS until the reader chooses. Unrecognised values become `light`. Light removes `data-sui-theme`.",
+                "description": "`light`, `dark`, or `system`, which follows the operating system's `prefers-color-scheme` for as long as the element is connected and writes whichever it resolves to. It is the starting state: the switch in the kit shows what is painted and, pressed, picks light or dark outright, so `mode=\"system\"` follows the OS until the reader chooses. Unrecognized values become `light`. Light removes `data-sui-theme`.",
                 "type": "\"dark\" | \"light\" | \"system\""
               },
               {
                 "name": "neutral",
-                "description": "Neutral family. Unrecognised values become `tint`.",
+                "description": "Neutral family. Unrecognized values become `tint`.",
                 "type": "\"gray\" | \"mauve\" | \"mist\" | \"olive\" | \"sage\" | \"sand\" | \"slate\" | \"stone\" | \"tint\" | \"tintA\" | \"white\" | \"zinc\""
               },
               {
@@ -20097,7 +20126,7 @@
               },
               {
                 "name": "preset",
-                "description": "Named palette or `custom`. Unrecognised values become `shineui`.",
+                "description": "Named palette or `custom`. Unrecognized values become `shineui`.",
                 "type": "\"achroma\" | \"aubergine\" | \"charcoal\" | \"cranberry\" | \"custom\" | \"espresso\" | \"evergreen\" | \"forest\" | \"graphite\" | \"harbor\" | \"indigo\" | \"midnight\" | \"ocean\" | \"olive\" | \"plum\" | \"royal\" | \"sage\" | \"shineui\" | \"slate\" | \"steel\" | \"terracotta\" | \"wine\""
               },
               {
@@ -20568,7 +20597,7 @@
             },
             {
               "name": "position",
-              "description": "Where the stack sits: a corner, the middle of the top or bottom edge, or the center of the viewport. A top stack grows downward and a bottom stack grows upward, so the newest toast is always the one nearest the middle of the screen; `center` grows both ways and stays centered. The corner names are sides of the screen in either reading direction; inside a toast the severity edge and the icon lead and the X trails. An unrecognised value falls back to `top-right`. While toasts show, the stack paints in the browser's top layer, above dialogs and every other surface but tooltips, so it answers to the viewport even inside a transformed or clipping box. The live regions that announce the toasts stay where the element is, and stay live while a modal is open; Tab reaches the stack from the modal's last control and goes back.",
+              "description": "Where the stack sits: a corner, the middle of the top or bottom edge, or the center of the viewport. A top stack grows downward and a bottom stack grows upward, so the newest toast is always the one nearest the middle of the screen; `center` grows both ways and stays centered. The corner names are sides of the screen in either reading direction; inside a toast the severity edge and the icon lead and the X trails. An unrecognized value falls back to `top-right`. While toasts show, the stack paints in the browser's top layer, above dialogs and every other surface but tooltips, so it answers to the viewport even inside a transformed or clipping box. The live regions that announce the toasts stay where the element is, and stay live while a modal is open; Tab reaches the stack from the modal's last control and goes back.",
               "default": "'top-right'",
               "value": {
                 "type": "\"bottom-center\" | \"bottom-left\" | \"bottom-right\" | \"center\" | \"top-center\" | \"top-left\" | \"top-right\"",
@@ -20591,7 +20620,7 @@
               },
               {
                 "name": "position",
-                "description": "Where the stack sits: a corner, the middle of the top or bottom edge, or the center of the viewport. A top stack grows downward and a bottom stack grows upward, so the newest toast is always the one nearest the middle of the screen; `center` grows both ways and stays centered. The corner names are sides of the screen in either reading direction; inside a toast the severity edge and the icon lead and the X trails. An unrecognised value falls back to `top-right`. While toasts show, the stack paints in the browser's top layer, above dialogs and every other surface but tooltips, so it answers to the viewport even inside a transformed or clipping box. The live regions that announce the toasts stay where the element is, and stay live while a modal is open; Tab reaches the stack from the modal's last control and goes back.",
+                "description": "Where the stack sits: a corner, the middle of the top or bottom edge, or the center of the viewport. A top stack grows downward and a bottom stack grows upward, so the newest toast is always the one nearest the middle of the screen; `center` grows both ways and stays centered. The corner names are sides of the screen in either reading direction; inside a toast the severity edge and the icon lead and the X trails. An unrecognized value falls back to `top-right`. While toasts show, the stack paints in the browser's top layer, above dialogs and every other surface but tooltips, so it answers to the viewport even inside a transformed or clipping box. The live regions that announce the toasts stay where the element is, and stay live while a modal is open; Tab reaches the stack from the modal's last control and goes back.",
                 "type": "\"bottom-center\" | \"bottom-left\" | \"bottom-right\" | \"center\" | \"top-center\" | \"top-left\" | \"top-right\""
               }
             ],
@@ -21635,7 +21664,7 @@
             },
             {
               "name": "tone",
-              "description": "Ink for the quiet variant on the brand chrome. `inverse` takes the inverse inks, the inverse hover wash and the inverse focus colour, as `sui-button`'s tone of the same name does, so the value reads on a `tone=\"brand\"` toolbar. Opening the field shows its shell in the card's own inks. The default variant ignores it.",
+              "description": "Ink for the quiet variant on the brand chrome. `inverse` takes the inverse inks, the inverse hover wash and the inverse focus color, as `sui-button`'s tone of the same name does, so the value reads on a `tone=\"brand\"` toolbar. Opening the field shows its shell in the card's own inks. The default variant ignores it.",
               "value": {
                 "type": "\"inverse\" | undefined",
                 "kind": "expression",
@@ -21774,7 +21803,7 @@
               },
               {
                 "name": "tone",
-                "description": "Ink for the quiet variant on the brand chrome. `inverse` takes the inverse inks, the inverse hover wash and the inverse focus colour, as `sui-button`'s tone of the same name does, so the value reads on a `tone=\"brand\"` toolbar. Opening the field shows its shell in the card's own inks. The default variant ignores it.",
+                "description": "Ink for the quiet variant on the brand chrome. `inverse` takes the inverse inks, the inverse hover wash and the inverse focus color, as `sui-button`'s tone of the same name does, so the value reads on a `tone=\"brand\"` toolbar. Opening the field shows its shell in the card's own inks. The default variant ignores it.",
                 "type": "\"inverse\" | undefined"
               },
               {
@@ -21820,7 +21849,7 @@
         },
         {
           "name": "sui-tree-table",
-          "description": "A chart of accounts or any outline with columns. Branches open and close, siblings sort at every level, a filter keeps the ancestors of its matches, a tick carries down a subtree, and a branch can load its children on open. `aria-label` or `aria-labelledby` on the host names it. Use `sui-tree` for rows that are labels, not records.",
+          "description": "A chart of accounts or any outline with columns. Branches open and close, siblings sort at every level, a filter keeps the ancestors of its matches, a check carries down a subtree, and a branch can load its children on open. `aria-label` or `aria-labelledby` on the host names it. Use `sui-tree` for rows that are labels, not records.",
           "attributes": [
             {
               "name": "density",
@@ -21906,7 +21935,7 @@
             },
             {
               "name": "selection-mode",
-              "description": "`none`, `single` (one highlighted row) or `checkbox` (a box per row, a select-all box in the header, and a tick that carries down a whole subtree).",
+              "description": "`none`, `single` (one highlighted row) or `checkbox` (a box per row, a select-all box in the header, and a check that carries down a whole subtree).",
               "default": "'none'",
               "value": {
                 "type": "\"checkbox\" | \"none\" | \"single\"",
@@ -22018,12 +22047,12 @@
               },
               {
                 "name": "selection",
-                "description": "The keys the user has ticked. Under `checkbox` a branch is stored only when it was ticked whole: the mixed and fully ticked states of every ancestor are derived from the tree on each render, so there is no second copy to go stale when the tree changes shape. Mutable; updated before `suiSelectionChange` fires. Property, not attribute.",
+                "description": "The keys the user has checked. Under `checkbox` a branch is stored only when it was checked whole: the mixed and fully checked states of every ancestor are derived from the tree on each render, so there is no second copy to go stale when the tree changes shape. Mutable; updated before `suiSelectionChange` fires. Property, not attribute.",
                 "type": "SuiKey[]"
               },
               {
                 "name": "selectionMode",
-                "description": "`none`, `single` (one highlighted row) or `checkbox` (a box per row, a select-all box in the header, and a tick that carries down a whole subtree).",
+                "description": "`none`, `single` (one highlighted row) or `checkbox` (a box per row, a select-all box in the header, and a check that carries down a whole subtree).",
                 "type": "\"checkbox\" | \"none\" | \"single\""
               },
               {
@@ -22065,7 +22094,7 @@
               },
               {
                 "name": "suiSelectionChange",
-                "description": "Fires when the selection changes; detail is the new `selection`, the ticked keys. Does not bubble.",
+                "description": "Fires when the selection changes; detail is the new `selection`, the checked keys. Does not bubble.",
                 "type": "CustomEvent<SuiKey[]>"
               },
               {
@@ -22100,7 +22129,7 @@
             },
             {
               "name": "severity",
-              "description": "How the change reads, on the status ladder `sui-stat-card` shares: `positive`, good news, in the positive ink (the ink under brand status, green under semantic); `critical`, bad news, in the danger ink with the arrow ringed and a hidden \"unfavorable\" after the figure; `neutral`, neither, in the muted ink at regular weight, the arrow kept and unringed, so no tone rests on colour alone. Whether a rise is good is yours to say, since a rising receivable is bad: `severity=\"critical\"` marks it. An unknown value reads as `positive`. Reflected.",
+              "description": "How the change reads, on the status ladder `sui-stat-card` shares: `positive`, good news, in the positive ink (the ink under brand status, green under semantic); `critical`, bad news, in the danger ink with the arrow ringed and a hidden \"unfavorable\" after the figure; `neutral`, neither, in the muted ink at regular weight, the arrow kept and unringed, so no tone rests on color alone. Whether a rise is good is yours to say, since a rising receivable is bad: `severity=\"critical\"` marks it. An unknown value reads as `positive`. Reflected.",
               "default": "'positive'",
               "value": {
                 "type": "\"critical\" | \"neutral\" | \"positive\"",
@@ -22132,7 +22161,7 @@
               },
               {
                 "name": "severity",
-                "description": "How the change reads, on the status ladder `sui-stat-card` shares: `positive`, good news, in the positive ink (the ink under brand status, green under semantic); `critical`, bad news, in the danger ink with the arrow ringed and a hidden \"unfavorable\" after the figure; `neutral`, neither, in the muted ink at regular weight, the arrow kept and unringed, so no tone rests on colour alone. Whether a rise is good is yours to say, since a rising receivable is bad: `severity=\"critical\"` marks it. An unknown value reads as `positive`. Reflected.",
+                "description": "How the change reads, on the status ladder `sui-stat-card` shares: `positive`, good news, in the positive ink (the ink under brand status, green under semantic); `critical`, bad news, in the danger ink with the arrow ringed and a hidden \"unfavorable\" after the figure; `neutral`, neither, in the muted ink at regular weight, the arrow kept and unringed, so no tone rests on color alone. Whether a rise is good is yours to say, since a rising receivable is bad: `severity=\"critical\"` marks it. An unknown value reads as `positive`. Reflected.",
                 "type": "\"critical\" | \"neutral\" | \"positive\""
               },
               {