@shineuix/angular 1.0.0 → 1.0.2

package/index.d.ts

@@ -39,7 +39,7 @@ declare interface SuiAccordion extends Components.SuiAccordion {
 }
 declare class SuiAccordionItem {
     /**
-     * Greys the header and blocks toggling.
+     * Grays the header and blocks toggling.
      * @default false
      */
     disabled: Components.SuiAccordionItem['disabled'];
@@ -300,7 +300,7 @@ declare class SuiAutoComplete {
     size: Components.SuiAutoComplete['size'];
     /**
      * 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
+     * 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.
      */
@@ -718,8 +718,12 @@ declare class SuiButton {
     /**
      * 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.
+     * 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
      */
     disabled: Components.SuiButton['disabled'];
@@ -757,7 +761,8 @@ declare class SuiButton {
      * 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.
+     * 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
      */
     loading: Components.SuiButton['loading'];
@@ -780,7 +785,9 @@ declare class SuiButton {
      */
     rel?: Exclude<Components.SuiButton['rel'], undefined>;
     /**
-     * Control height: sm 28px, md 34px (toolbars), lg 42px (forms). Reflected.
+     * 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'
      */
     size: Components.SuiButton['size'];
@@ -798,7 +805,7 @@ declare class SuiButton {
      * `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.
+     * labeled button and an icon button agree on a brand bar.
      */
     tone?: Exclude<Components.SuiButton['tone'], undefined>;
     /**
@@ -1144,7 +1151,7 @@ declare class SuiCarousel {
     index: Components.SuiCarousel['index'];
     /**
      * `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
+     * 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'
@@ -1290,7 +1297,7 @@ declare class SuiCascadeSelect {
     size: Components.SuiCascadeSelect['size'];
     /**
      * 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
+     * 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.
      */
@@ -3780,7 +3787,7 @@ declare class SuiDataGrid {
      * 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.
+     * exactly either way, from a private clipboard flavor the copy carries beside the plain text.
      * @default false
      */
     copyFormulas: Components.SuiDataGrid['copyFormulas'];
@@ -3814,7 +3821,7 @@ declare class SuiDataGrid {
      * 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.
+     * 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'
      */
@@ -4142,7 +4149,7 @@ declare class SuiDataTable {
     /**
      * 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
+     * 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'
      */
@@ -4718,7 +4725,7 @@ declare class SuiDatePicker {
     todayDate?: Exclude<Components.SuiDatePicker['todayDate'], undefined>;
     /**
      * 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
+     * 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.
      */
@@ -4779,6 +4786,14 @@ declare interface SuiDatePicker extends Components.SuiDatePicker {
     suiClose: EventEmitter<SuiDatePickerCustomEvent<SuiCloseReason>>;
 }
 declare class SuiDescriptionList {
+    /**
+     * 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'
+     */
+    align: Components.SuiDescriptionList['align'];
     /**
      * Grid column count in the columns layout.
      * @default 2
@@ -4807,7 +4822,7 @@ declare class SuiDescriptionList {
     suiCopyError: EventEmitter<SuiDescriptionListCustomEvent<string>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<SuiDescriptionList, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SuiDescriptionList, "sui-description-list", never, { "columns": { "alias": "columns"; "required": false; }; "items": { "alias": "items"; "required": false; }; "layout": { "alias": "layout"; "required": false; }; "termWidth": { "alias": "termWidth"; "required": false; }; }, { "suiCopy": "suiCopy"; "suiCopyError": "suiCopyError"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SuiDescriptionList, "sui-description-list", never, { "align": { "alias": "align"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "items": { "alias": "items"; "required": false; }; "layout": { "alias": "layout"; "required": false; }; "termWidth": { "alias": "termWidth"; "required": false; }; }, { "suiCopy": "suiCopy"; "suiCopyError": "suiCopyError"; }, never, ["*"], true, never>;
 }
 declare interface SuiDescriptionList extends Components.SuiDescriptionList {
     /**
@@ -5191,7 +5206,7 @@ declare class SuiEditBox {
      * 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
+     * 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 ''
@@ -5292,7 +5307,7 @@ declare class SuiEmptyState {
      */
     icon?: Exclude<Components.SuiEmptyState['icon'], undefined>;
     /**
-     * Outcome flavour: `empty`, `success` (the brand, never a green), `error` (the deep accent) or `not-found`.
+     * 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.
@@ -5309,7 +5324,7 @@ declare interface SuiEmptyState extends Components.SuiEmptyState {
 }
 declare class SuiFieldset {
     /**
-     * Whether the body is hidden. Seeds the state (the reference `defaultCollapsed`) and tracks it afterwards; writing it from script emits nothing.
+     * Whether the body is hidden. Seeds the state (the reference `defaultCollapsed`) and tracks it afterward; writing it from script emits nothing.
      * @default false
      */
     collapsed: Components.SuiFieldset['collapsed'];
@@ -5937,7 +5952,7 @@ declare class SuiGalleria {
     /**
      * 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
+     * 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
@@ -5994,8 +6009,12 @@ declare class SuiIconButton {
     /**
      * 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.
+     * `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
      */
     disabled: Components.SuiIconButton['disabled'];
@@ -6025,7 +6044,8 @@ declare class SuiIconButton {
      * 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.
+     * 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
      */
     loading: Components.SuiIconButton['loading'];
@@ -6381,7 +6401,7 @@ declare class SuiImage {
     /**
      * 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,
+     * 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
@@ -6408,7 +6428,8 @@ declare class SuiImage {
      */
     src: Components.SuiImage['src'];
     /**
-     * Frame width: a number of px or any CSS length.
+     * 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.
      */
     width?: Exclude<Components.SuiImage['width'], undefined>;
     protected z: NgZone;
@@ -6795,6 +6816,13 @@ declare interface SuiInputMask extends Components.SuiInputMask {
     suiBlur: EventEmitter<SuiInputMaskCustomEvent<void>>;
 }
 declare class SuiInputNumber {
+    /**
+     * 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.
+     */
+    align?: Exclude<Components.SuiInputNumber['align'], undefined>;
     /**
      * Native autocomplete hint, e.g. "transaction-amount" or "postal-code".
      */
@@ -6912,7 +6940,7 @@ declare class SuiInputNumber {
     suffixText?: Exclude<Components.SuiInputNumber['suffixText'], undefined>;
     /**
      * 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
+     * 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.
      */
@@ -6942,7 +6970,7 @@ declare class SuiInputNumber {
     suiBlur: EventEmitter<SuiInputNumberCustomEvent<void>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<SuiInputNumber, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SuiInputNumber, "sui-input-number", never, { "autocomplete": { "alias": "autocomplete"; "required": false; }; "currency": { "alias": "currency"; "required": false; }; "decimals": { "alias": "decimals"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "error": { "alias": "error"; "required": false; }; "help": { "alias": "help"; "required": false; }; "hideButtons": { "alias": "hideButtons"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "label": { "alias": "label"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "money": { "alias": "money"; "required": false; }; "name": { "alias": "name"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "prefixText": { "alias": "prefixText"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "size": { "alias": "size"; "required": false; }; "step": { "alias": "step"; "required": false; }; "suffixText": { "alias": "suffixText"; "required": false; }; "tone": { "alias": "tone"; "required": false; }; "value": { "alias": "value"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, { "suiChange": "suiChange"; "suiInput": "suiInput"; "suiFocus": "suiFocus"; "suiBlur": "suiBlur"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SuiInputNumber, "sui-input-number", never, { "align": { "alias": "align"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "currency": { "alias": "currency"; "required": false; }; "decimals": { "alias": "decimals"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "error": { "alias": "error"; "required": false; }; "help": { "alias": "help"; "required": false; }; "hideButtons": { "alias": "hideButtons"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "label": { "alias": "label"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "money": { "alias": "money"; "required": false; }; "name": { "alias": "name"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "prefixText": { "alias": "prefixText"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "size": { "alias": "size"; "required": false; }; "step": { "alias": "step"; "required": false; }; "suffixText": { "alias": "suffixText"; "required": false; }; "tone": { "alias": "tone"; "required": false; }; "value": { "alias": "value"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, { "suiChange": "suiChange"; "suiInput": "suiInput"; "suiFocus": "suiFocus"; "suiBlur": "suiBlur"; }, never, ["*"], true, never>;
 }
 declare interface SuiInputNumber extends Components.SuiInputNumber {
     /**
@@ -7380,7 +7408,7 @@ declare class SuiKnob {
     required: Components.SuiKnob['required'];
     static ngAcceptInputType_required: boolean | '';
     /**
-     * Increment between values; drag positions and keyboard steps snap to it. Decimals are honoured.
+     * 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
@@ -7840,7 +7868,7 @@ declare class SuiMeterGroup {
      * 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`.
+     * it. An unrecognized value falls back to `horizontal`.
      * @default 'horizontal'
      */
     orientation: Components.SuiMeterGroup['orientation'];
@@ -8007,7 +8035,7 @@ declare class SuiMultiSelect {
     size: Components.SuiMultiSelect['size'];
     /**
      * 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
+     * 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.
      */
@@ -8213,7 +8241,7 @@ declare class SuiOrderList {
     selection: Components.SuiOrderList['selection'];
     /**
      * `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`,
+     * 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'
      */
@@ -8437,7 +8465,7 @@ declare interface SuiPaginator extends Components.SuiPaginator {
 }
 declare class SuiPanel {
     /**
-     * Whether the body is hidden. Seeds the state (the reference `defaultCollapsed`) and tracks it afterwards; writing it from script emits nothing.
+     * Whether the body is hidden. Seeds the state (the reference `defaultCollapsed`) and tracks it afterward; writing it from script emits nothing.
      * @default false
      */
     collapsed: Components.SuiPanel['collapsed'];
@@ -8805,7 +8833,7 @@ declare class SuiPickList {
     selection: Components.SuiPickList['selection'];
     /**
      * `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.
+     * select-all header, and the transfer controls carry the whole checked set at once. Reflected.
      * @default 'single'
      */
     selectionMode: Components.SuiPickList['selectionMode'];
@@ -9467,13 +9495,16 @@ declare interface SuiRichTextEditor extends Components.SuiRichTextEditor {
 }
 declare class SuiSaveStatus {
     /**
-     * Which line to show.
-     * @default 'saved'
+     * 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'
      */
     state: Components.SuiSaveStatus['state'];
     /**
      * 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".
+     * "Saved 2 min ago"; without it, "Saved just now". Read on the saved line only.
      */
     time?: Exclude<Components.SuiSaveStatus['time'], undefined>;
     protected z: NgZone;
@@ -9712,7 +9743,7 @@ declare class SuiSelect {
     size: Components.SuiSelect['size'];
     /**
      * 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
+     * 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.
      */
@@ -10197,7 +10228,7 @@ declare interface SuiSparkline extends Components.SuiSparkline {
 declare class SuiSpeedDial {
     /**
      * 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`.
+     * launcher. An unrecognized value falls back to `up`.
      * @default 'up'
      */
     direction: Components.SuiSpeedDial['direction'];
@@ -10419,7 +10450,7 @@ declare class SuiSplitter {
      */
     orientation: Components.SuiSplitter['orientation'];
     /**
-     * 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.
+     * 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
      */
     ratio: Components.SuiSplitter['ratio'];
@@ -10548,7 +10579,7 @@ declare class SuiStatCard {
      * 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
+     * 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'
@@ -10583,7 +10614,7 @@ declare interface SuiStatCard extends Components.SuiStatCard {
 }
 declare class SuiStepper {
     /**
-     * Index of the current step. Seeds it (the reference `defaultActive`) and tracks it afterwards; writing it from script emits nothing.
+     * Index of the current step. Seeds it (the reference `defaultActive`) and tracks it afterward; writing it from script emits nothing.
      * @default 0
      */
     active: Components.SuiStepper['active'];
@@ -10635,7 +10666,7 @@ declare class SuiTab {
      */
     badge?: Exclude<Components.SuiTab['badge'], undefined>;
     /**
-     * Greys the tab and blocks activation.
+     * Grays the tab and blocks activation.
      * @default false
      */
     disabled: Components.SuiTab['disabled'];
@@ -10659,7 +10690,7 @@ declare interface SuiTab extends Components.SuiTab {
 }
 declare class SuiTabs {
     /**
-     * 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.
+     * 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
      */
     active: Components.SuiTabs['active'];
@@ -10902,7 +10933,7 @@ declare class SuiThemePicker {
     /**
      * 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
+     * or dark, so a dark site with a light code pane is a supported pair. Unrecognized values become
      * `dark`.
      * @default 'dark'
      */
@@ -10917,13 +10948,13 @@ declare class SuiThemePicker {
      * `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
+     * so `mode="system"` follows the OS until the reader chooses. Unrecognized values become
      * `light`. Light removes `data-sui-theme`.
      * @default 'light'
      */
     mode: Components.SuiThemePicker['mode'];
     /**
-     * Neutral family. Unrecognised values become `tint`.
+     * Neutral family. Unrecognized values become `tint`.
      * @default 'tint'
      */
     neutral: Components.SuiThemePicker['neutral'];
@@ -10934,7 +10965,7 @@ declare class SuiThemePicker {
     persist: Components.SuiThemePicker['persist'];
     static ngAcceptInputType_persist: boolean | '';
     /**
-     * Named palette or `custom`. Unrecognised values become `shineui`.
+     * Named palette or `custom`. Unrecognized values become `shineui`.
      * @default 'shineui'
      */
     preset: Components.SuiThemePicker['preset'];
@@ -11236,7 +11267,7 @@ declare class SuiToastHost {
      * 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`.
+     * 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
@@ -11846,7 +11877,7 @@ declare class SuiTreeSelect {
     size: Components.SuiTreeSelect['size'];
     /**
      * 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
+     * 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.
      */
@@ -12000,8 +12031,8 @@ declare class SuiTreeTable {
      */
     nullOrder: Components.SuiTreeTable['nullOrder'];
     /**
-     * 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
+     * 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.
      * @default []
@@ -12009,7 +12040,7 @@ declare class SuiTreeTable {
     selection: Components.SuiTreeTable['selection'];
     /**
      * `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).
+     * header, and a check that carries down a whole subtree).
      * @default 'none'
      */
     selectionMode: Components.SuiTreeTable['selectionMode'];
@@ -12060,7 +12091,7 @@ declare interface SuiTreeTable extends Components.SuiTreeTable {
      */
     suiExpandedChange: EventEmitter<SuiTreeTableCustomEvent<SuiKey[]>>;
     /**
-     * Fires when the selection changes; detail is the new `selection`, the ticked keys. Does not
+     * Fires when the selection changes; detail is the new `selection`, the checked keys. Does not
   bubble.
      */
     suiSelectionChange: EventEmitter<SuiTreeTableCustomEvent<SuiKey[]>>;
@@ -12096,7 +12127,7 @@ declare class SuiTrend {
      * 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
+     * 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'
      */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shineuix/angular",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "description": "Angular standalone directives for ShineUI web components.",
   "license": "MIT",
   "keywords": [
@@ -21,7 +21,7 @@
   },
   "dependencies": {
     "tslib": "^2.8.0",
-    "@shineuix/core": "1.0.0"
+    "@shineuix/core": "1.0.2"
   },
   "peerDependencies": {
     "@angular/core": "^20.0.0 || ^21.0.0 || ^22.0.0",
@@ -29,6 +29,11 @@
     "rxjs": "^6.5.3 || ^7.4.0"
   },
   "author": "ShineUI contributors",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/smallandsimple/shineui.git",
+    "directory": "packages/angular"
+  },
   "homepage": "https://shineui.dev",
   "bugs": {
     "email": "info@shineui.dev"