@vectoriox/iox-ui 5.81.0 → 5.82.0

package/design-core/index.d.ts

@@ -1087,7 +1087,7 @@ declare const SPEC_AXES: {
             readonly "ease-spring": "cubic-bezier(0.2, 0, 0, 1)";
             readonly "dur-spring": "140ms";
             readonly "hover-lift": "-2px";
-            readonly "press-scale": "1";
+            readonly "press-scale": "0.97";
         };
         readonly standard: {
             readonly label: "Standard";
@@ -1109,7 +1109,7 @@ declare const SPEC_AXES: {
             readonly "ease-spring": "cubic-bezier(0.33, 0, 0.1, 1)";
             readonly "dur-spring": "400ms";
             readonly "hover-lift": "0px";
-            readonly "press-scale": "1";
+            readonly "press-scale": "0.98";
         };
         readonly lively: {
             readonly label: "Lively";
@@ -2061,6 +2061,12 @@ declare const SPEC_A11Y: {
         readonly "surface-glass": "var(--iox-surface)";
         readonly "surface-glass-strong": "var(--iox-surface)";
         readonly "blur-surface": "none";
+        readonly "button-secondary-backdrop": "none";
+        readonly "card-backdrop": "none";
+        readonly "nav-backdrop": "none";
+        readonly "dialog-backdrop": "none";
+        readonly "tabbar-backdrop": "none";
+        readonly "segmented-track-backdrop": "none";
     };
 };
 declare const SPEC_ELEMENT_STYLES: readonly [{
@@ -5384,7 +5390,7 @@ declare const SPEC_FLAVOR_PACKS: readonly [{
         readonly tier: "semantic";
         readonly type: "number";
         readonly group: "motion";
-        readonly value: "1";
+        readonly value: "0.98";
     }, {
         readonly name: "button-font";
         readonly tier: "component";
@@ -11590,7 +11596,7 @@ declare const SPEC_FLAVOR_PACKS: readonly [{
         readonly tier: "semantic";
         readonly type: "number";
         readonly group: "motion";
-        readonly value: "1";
+        readonly value: "0.97";
     }, {
         readonly name: "button-font";
         readonly tier: "component";
@@ -11711,7 +11717,7 @@ declare const SPEC_FLAVOR_PACKS: readonly [{
         readonly tier: "component";
         readonly type: "number";
         readonly group: "components";
-        readonly value: "1";
+        readonly value: "0.97";
         readonly overridden: true;
     }, {
         readonly name: "button-press-radius";
@@ -13036,6 +13042,20 @@ declare function compileTokenCssBlocks(tokens: ReadonlyArray<DesignTokenLike> |
 /** One stylesheet string: base → schemes → reduced motion → reduced transparency → dark LAST. */
 declare function compileTokenCss(tokens: ReadonlyArray<DesignTokenLike> | null | undefined, opts?: TokenCssOptions): string;
 
+/** The token the browser's own chrome takes its colour from: the page's ground. */
+declare const THEME_COLOR_TOKEN = "bg";
+interface ThemeColors {
+    light?: string;
+    dark?: string;
+}
+/**
+ * The `theme-color` the browser's chrome takes per colour scheme (premium components G15 — mobile-native M10): the
+ * page's ground in each mode the site shows, resolved through the org's rows. A light or dark site answers its one
+ * mode; `auto` answers both (the engine writes them with `media="(prefers-color-scheme: …)"`). A value that is not a
+ * solid colour answers nothing — the browser keeps its own.
+ */
+declare function themeColors(rows: ReadonlyArray<DesignTokenLike> | null | undefined, mode?: DesignMode | string | null | undefined): ThemeColors;
+
 /**
  * Flavors v1 (flavors-and-theming-plan.md, F1–F2): a pack is its TOKENS plus the accent hue
  * opinion the brand derivation reads. The per-type `defaults` map and its resolvers are gone
@@ -13092,7 +13112,13 @@ declare enum ElementStyleState {
     Current = "current",
     /** A composite part that is ON — the active tab (CC4a "Active"): compiles to `[data-iox-on]`, the attribute every
      *  composite runtime writes. */
-    On = "on"
+    On = "on",
+    /** G4 — compile through the style compiler's COMPONENT_STATE_SELECTOR: `:disabled` / aria-disabled, aria-busy,
+     *  pressed / checked / selected, the page scrolled. */
+    Disabled = "disabled",
+    Busy = "busy",
+    Selected = "selected",
+    Scrolled = "scrolled"
 }
 declare const ELEMENT_STYLE_STATES: ReadonlyArray<ElementStyleState>;
 interface ElementStyle {
@@ -13106,6 +13132,10 @@ interface ElementStyle {
     readonly focus?: Readonly<Record<string, string>>;
     readonly current?: Readonly<Record<string, string>>;
     readonly on?: Readonly<Record<string, string>>;
+    readonly disabled?: Readonly<Record<string, string>>;
+    readonly busy?: Readonly<Record<string, string>>;
+    readonly selected?: Readonly<Record<string, string>>;
+    readonly scrolled?: Readonly<Record<string, string>>;
 }
 declare const ELEMENT_STYLES: ReadonlyArray<ElementStyle>;
 /** Legacy `Button.variant` → the element style it maps to (adopt, DS7). */
@@ -13912,7 +13942,16 @@ interface StaggerSpec {
     readonly stagger?: number;
     readonly cap?: number;
 }
-/** The delay of the `index`-th item: `stagger` ms each, the last `cap` waiting no longer than the one before. */
+/** Each gap is this much of the one before (G8 — Emil 66: a uniform stagger is a metronome; the delays shrink). */
+declare const STAGGER_SHRINK = 0.75;
+/** Only the first items stagger; the rest arrive with the sixth (Emil 67). */
+declare const STAGGER_MAX_ITEMS = 6;
+/**
+ * The delay of the `index`-th item (G8): the first gap is `stagger` ms and every next one is `STAGGER_SHRINK` of the
+ * one before, so the group lands together instead of ticking; items from the `cap`-th on (never past the sixth) arrive
+ * with it. 80 ms → 0, 80, 140, 185, 219, 244. Static groups (their delays written at stamp time) and a Repeater's rows
+ * (`entranceDelay`) read the same curve.
+ */
 declare function staggerDelay(spec: StaggerSpec, index?: number): number;
 /** What an action carries, as both runtimes read it. */
 interface TimedAction {
@@ -14436,5 +14475,5 @@ declare function presetChoices(id: string, mode?: DesignMode): DesignChoices | n
  */
 declare function stylePresetOfChoices(choices: DesignChoices | null | undefined): StylePreset | undefined;
 
-export { ACCENT_TOKEN_NAMES, ANIMATE_IDS, AdoptOutcome, AdoptSkipReason, BAR_RESERVE_BREAKPOINTS, BAR_RESERVE_CLASS, BETWEEN_IDS, BOTTOM_BAR_STYLE, BUTTON_VARIANT_TO_STYLE, CANVAS_LINK_ATTRIBUTE, CARD_LINK_CLASS, COLOR_SCHEMES, COLOR_SCHEME_TRAIT, COLOR_SCHEME_TYPES, ColorScheme, ColourCheckId, DEFAULT_FLAVOR_ID, DESIGN_TOKEN_GROUPS, DESIGN_TOKEN_TIERS, DESIGN_TOKEN_TYPES, DesignConfigKey, ELEMENT_STYLES, ELEMENT_STYLE_MARKER_CLASS, ELEMENT_STYLE_STATES, EMPTY_IMAGE_ATTRIBUTE, EMPTY_IMAGE_SRC, ElementStyleState, EntranceParam, FLAVOR_SPEC_VERSION, FONT_CATALOG, FONT_FAMILY_TOKENS, FONT_FILE_ACCEPT, FONT_FILE_EXTENSIONS, FONT_FILE_FORMATS, FONT_STYLES, FONT_WEIGHTS, FontUploadError, GOOGLE_FONTS_CSS_ORIGIN, GOOGLE_FONTS_FILE_ORIGIN, HELD_CONTRAST, INHERITED_TEXT, LinkType, MAX_FONT_FILE_BYTES, MOOD_IDS, MOOD_LABELS, NEW_NODE_STYLE_DEFAULTS, OwnedTraitLink, PALETTE_PRESETS, PRE_DS2_FLAVOR_DEFAULTS, PRE_MOTION, PRE_TINT_DEFAULT, REDUCED_DESIGN_MOTION, REDUCED_MOTION_OVERRIDES, REDUCED_TRANSPARENCY_OVERRIDES, REVERT_WINDOW_MS, ROW_INDEX_ATTRIBUTE, SCHEME_INK, SCROLL_IDS, SPEC_A11Y, SPEC_AXES, SPEC_BUTTON_VARIANT_TO_STYLE, SPEC_CONTRAST, SPEC_CONTRAST_AUDIT, SPEC_DEFAULT_ELEMENT_STYLE, SPEC_ELEMENT_STYLES, SPEC_FIELD_CLASS_BASELINE, SPEC_FLAVORS, SPEC_FLAVOR_PACKS, SPEC_FONTS, SPEC_FONT_ROLES, SPEC_INK_SCOPES, SPEC_LEGACY_ALIASES, SPEC_MOODS, SPEC_PALETTE_PRESETS, SPEC_SCHEMES, SPEC_SCHEME_INK, SPEC_SCRIPTS, SPEC_SPRINGS, SPEC_STYLE_PRESETS, SPEC_TIERS, SPEC_TIER_IDS, SPEC_TOKEN_TYPES, STYLE_PRESETS, SUPERSEDED_STYLE_VALUES, SWISS_FLAVOR, TINT_FULL_CHROMA, TINT_IDS, TINT_LEVELS, TINT_OWN_HUE_CHROMA, TINT_TURN_CHROMA, USER_TOKEN_SOURCE, WCAG_AA_TEXT, WCAG_AA_UI, adoptElementStyles, adoptionStyleFor, apcaLc, applyElementStyle, applyHeadingLevelRule, atLightness, atLightnessMaxChroma, auditDesignContrast, barReserveClass, buildFlavorTokens, buildFontFaceCss, buttonBlockHref, catalogFontId, checkFontWeight, choicesForPack, colorSchemeClass, colorSchemeOf, colourTabChecks, compareFontWeights, compileSchemeCss, compileTokenCss, compileTokenCssBlocks, compositeOver, cssString, defaultDesignChoices, defaultElementStyleFor, deriveAccentTokens, deriveBrandTokens, designApplySnapshot, designBaseline, designConfigEntries, designModeOf, designMotionOf, designRevertConfig, designTokenRepairs, designTokenRows, drawsScript, elementStyleById, elementStyleClass, elementStylesFor, emptyImageLabelSrc, emptyImagePlaceholder, emptyImageSrc, ensureAlpha, ensureContrast, entranceDelay, flavorColours, flavorPackById, flavorSeedWrites, flavorSourceStamp, fontFamilyKey, fontFileName, fontFileStem, fontFormatOf, fontPreloads, fontRoleReferences, fontStackWithout, fontWeightCovers, fontWeightRange, fontWeightValue, fontsForTokens, formatFontFamilies, formatFontFamily, formatFontWeight, googleFontHref, groupFontFamilies, hasElementStyleMarker, headingHref, inSrgbGamut, isDesignTokenGroup, isDesignTokenTier, isDesignTokenType, isFontWeightRange, isRetiredFlavorId, legacyDesignTokenRows, legacyFlavorTokens, legacyRuleTokenReferences, matchFontWeight, missingDesignRows, missingFontRoles, nodeDesignClasses, normalizeFontStyle, normalizeFontWeight, normalizeFontWeightValue, oklabToRgb, ownedTraitStatus, ownedTraitsOf, packDesignChoices, paintColours, parseCssColour, parseFontFamilies, parseFontWeight, parseHexColor, planDesignApply, planDesignRevert, planFlavorRevert, planFlavorSeed, planFontFamilyRemoval, planSwissMigration, preTintAccentGrounds, presetChoices, presetModes, previewElementStyleAdoption, previewFontWeight, quantizeRgb, readDesignConfig, readOwnedTrait, relativeLuminance, releaseElementStyle, repeatedRowIndex, resolveDesignChoices, resolveDesignMotion, resolveSchemeTokenValues, resolveTokenReferences, resolveTokenValues, revertAvailable, rgbToOklab, ringColour, roleClass, sameDesignChoices, scriptsForLocale, setColorScheme, specTokenNames, splitTopLevel, springToLinear, stackNamesFamily, staggerDelay, styleKeyToKebab, stylePresetById, stylePresetOfChoices, switchElementStyle, syncNodeDesignClasses, toHexColor, tokenReferences, tokensToDarkVarMap, tokensToVarMap, unknownTokenReferences, untouchedSeedRow, userFontStack, validateFlavorPack, wcagContrastRatio, withSchemeInk, withoutScriptPartners, writeOwnedTrait };
-export type { AccentBackgrounds, AccentGround, AccentTokenName, AdoptContext, AdoptReport, AdoptableNode, AdoptedNode, AnimateId, ApplyElementStyleResult, BetweenId, ButtonBlockLinkProps, ColourCheck, ColourFlavor, ContrastFinding, DensityId, DesignApplyOptions, DesignChoices, DesignClassSource, DesignConfigEntry, DesignMode, DesignMotion, DesignRevertSnapshot, DesignTokenGroup, DesignTokenLike, DesignTokenRow, DesignTokenTier, DesignTokenType, ElementStyle, ElementStyleTarget, ElementStyleTraitLike, FlavorColours, FlavorPack, FlavorPackV2, FlavorPalette, FlavorRevertPlan, FlavorRevertSnapshot, FlavorRevertWrite, FlavorSeedOptions, FlavorSeedPlan, FlavorSpecToken, FlavorTintConfig, FlavorTokenDef, FontDescriptor, FontFamilyGroup, FontFamilyRemoval, FontFamilyToken, FontFormat, FontPair, FontRoleToken, FontStyle, FontWeight, FontWeightRange, FontsForTokensOptions, KeptEdit, LinearSpring, MissingFontRole, MoodId, MotionId, NodeLinkProps, OkLab, OwnedTrait, OwnedTraitStatus, PalettePreset, PresetMode, ResolvedMode, Rgb, Rgba, SchemeId, ScriptId, ScrollId, SeedBaseline, SeedExpectation, ShapeId, SkippedNode, StaggerSpec, StoredDesign, StoredDesignTokenRow, StylePreset, SupersededStyleValue, SwissMigration, SwitchElementStyleResult, TimedAction, TintId, TintLevel, TokenCssBlocks, TokenCssOptions };
+export { ACCENT_TOKEN_NAMES, ANIMATE_IDS, AdoptOutcome, AdoptSkipReason, BAR_RESERVE_BREAKPOINTS, BAR_RESERVE_CLASS, BETWEEN_IDS, BOTTOM_BAR_STYLE, BUTTON_VARIANT_TO_STYLE, CANVAS_LINK_ATTRIBUTE, CARD_LINK_CLASS, COLOR_SCHEMES, COLOR_SCHEME_TRAIT, COLOR_SCHEME_TYPES, ColorScheme, ColourCheckId, DEFAULT_FLAVOR_ID, DESIGN_TOKEN_GROUPS, DESIGN_TOKEN_TIERS, DESIGN_TOKEN_TYPES, DesignConfigKey, ELEMENT_STYLES, ELEMENT_STYLE_MARKER_CLASS, ELEMENT_STYLE_STATES, EMPTY_IMAGE_ATTRIBUTE, EMPTY_IMAGE_SRC, ElementStyleState, EntranceParam, FLAVOR_SPEC_VERSION, FONT_CATALOG, FONT_FAMILY_TOKENS, FONT_FILE_ACCEPT, FONT_FILE_EXTENSIONS, FONT_FILE_FORMATS, FONT_STYLES, FONT_WEIGHTS, FontUploadError, GOOGLE_FONTS_CSS_ORIGIN, GOOGLE_FONTS_FILE_ORIGIN, HELD_CONTRAST, INHERITED_TEXT, LinkType, MAX_FONT_FILE_BYTES, MOOD_IDS, MOOD_LABELS, NEW_NODE_STYLE_DEFAULTS, OwnedTraitLink, PALETTE_PRESETS, PRE_DS2_FLAVOR_DEFAULTS, PRE_MOTION, PRE_TINT_DEFAULT, REDUCED_DESIGN_MOTION, REDUCED_MOTION_OVERRIDES, REDUCED_TRANSPARENCY_OVERRIDES, REVERT_WINDOW_MS, ROW_INDEX_ATTRIBUTE, SCHEME_INK, SCROLL_IDS, SPEC_A11Y, SPEC_AXES, SPEC_BUTTON_VARIANT_TO_STYLE, SPEC_CONTRAST, SPEC_CONTRAST_AUDIT, SPEC_DEFAULT_ELEMENT_STYLE, SPEC_ELEMENT_STYLES, SPEC_FIELD_CLASS_BASELINE, SPEC_FLAVORS, SPEC_FLAVOR_PACKS, SPEC_FONTS, SPEC_FONT_ROLES, SPEC_INK_SCOPES, SPEC_LEGACY_ALIASES, SPEC_MOODS, SPEC_PALETTE_PRESETS, SPEC_SCHEMES, SPEC_SCHEME_INK, SPEC_SCRIPTS, SPEC_SPRINGS, SPEC_STYLE_PRESETS, SPEC_TIERS, SPEC_TIER_IDS, SPEC_TOKEN_TYPES, STAGGER_MAX_ITEMS, STAGGER_SHRINK, STYLE_PRESETS, SUPERSEDED_STYLE_VALUES, SWISS_FLAVOR, THEME_COLOR_TOKEN, TINT_FULL_CHROMA, TINT_IDS, TINT_LEVELS, TINT_OWN_HUE_CHROMA, TINT_TURN_CHROMA, USER_TOKEN_SOURCE, WCAG_AA_TEXT, WCAG_AA_UI, adoptElementStyles, adoptionStyleFor, apcaLc, applyElementStyle, applyHeadingLevelRule, atLightness, atLightnessMaxChroma, auditDesignContrast, barReserveClass, buildFlavorTokens, buildFontFaceCss, buttonBlockHref, catalogFontId, checkFontWeight, choicesForPack, colorSchemeClass, colorSchemeOf, colourTabChecks, compareFontWeights, compileSchemeCss, compileTokenCss, compileTokenCssBlocks, compositeOver, cssString, defaultDesignChoices, defaultElementStyleFor, deriveAccentTokens, deriveBrandTokens, designApplySnapshot, designBaseline, designConfigEntries, designModeOf, designMotionOf, designRevertConfig, designTokenRepairs, designTokenRows, drawsScript, elementStyleById, elementStyleClass, elementStylesFor, emptyImageLabelSrc, emptyImagePlaceholder, emptyImageSrc, ensureAlpha, ensureContrast, entranceDelay, flavorColours, flavorPackById, flavorSeedWrites, flavorSourceStamp, fontFamilyKey, fontFileName, fontFileStem, fontFormatOf, fontPreloads, fontRoleReferences, fontStackWithout, fontWeightCovers, fontWeightRange, fontWeightValue, fontsForTokens, formatFontFamilies, formatFontFamily, formatFontWeight, googleFontHref, groupFontFamilies, hasElementStyleMarker, headingHref, inSrgbGamut, isDesignTokenGroup, isDesignTokenTier, isDesignTokenType, isFontWeightRange, isRetiredFlavorId, legacyDesignTokenRows, legacyFlavorTokens, legacyRuleTokenReferences, matchFontWeight, missingDesignRows, missingFontRoles, nodeDesignClasses, normalizeFontStyle, normalizeFontWeight, normalizeFontWeightValue, oklabToRgb, ownedTraitStatus, ownedTraitsOf, packDesignChoices, paintColours, parseCssColour, parseFontFamilies, parseFontWeight, parseHexColor, planDesignApply, planDesignRevert, planFlavorRevert, planFlavorSeed, planFontFamilyRemoval, planSwissMigration, preTintAccentGrounds, presetChoices, presetModes, previewElementStyleAdoption, previewFontWeight, quantizeRgb, readDesignConfig, readOwnedTrait, relativeLuminance, releaseElementStyle, repeatedRowIndex, resolveDesignChoices, resolveDesignMotion, resolveSchemeTokenValues, resolveTokenReferences, resolveTokenValues, revertAvailable, rgbToOklab, ringColour, roleClass, sameDesignChoices, scriptsForLocale, setColorScheme, specTokenNames, splitTopLevel, springToLinear, stackNamesFamily, staggerDelay, styleKeyToKebab, stylePresetById, stylePresetOfChoices, switchElementStyle, syncNodeDesignClasses, themeColors, toHexColor, tokenReferences, tokensToDarkVarMap, tokensToVarMap, unknownTokenReferences, untouchedSeedRow, userFontStack, validateFlavorPack, wcagContrastRatio, withSchemeInk, withoutScriptPartners, writeOwnedTrait };
+export type { AccentBackgrounds, AccentGround, AccentTokenName, AdoptContext, AdoptReport, AdoptableNode, AdoptedNode, AnimateId, ApplyElementStyleResult, BetweenId, ButtonBlockLinkProps, ColourCheck, ColourFlavor, ContrastFinding, DensityId, DesignApplyOptions, DesignChoices, DesignClassSource, DesignConfigEntry, DesignMode, DesignMotion, DesignRevertSnapshot, DesignTokenGroup, DesignTokenLike, DesignTokenRow, DesignTokenTier, DesignTokenType, ElementStyle, ElementStyleTarget, ElementStyleTraitLike, FlavorColours, FlavorPack, FlavorPackV2, FlavorPalette, FlavorRevertPlan, FlavorRevertSnapshot, FlavorRevertWrite, FlavorSeedOptions, FlavorSeedPlan, FlavorSpecToken, FlavorTintConfig, FlavorTokenDef, FontDescriptor, FontFamilyGroup, FontFamilyRemoval, FontFamilyToken, FontFormat, FontPair, FontRoleToken, FontStyle, FontWeight, FontWeightRange, FontsForTokensOptions, KeptEdit, LinearSpring, MissingFontRole, MoodId, MotionId, NodeLinkProps, OkLab, OwnedTrait, OwnedTraitStatus, PalettePreset, PresetMode, ResolvedMode, Rgb, Rgba, SchemeId, ScriptId, ScrollId, SeedBaseline, SeedExpectation, ShapeId, SkippedNode, StaggerSpec, StoredDesign, StoredDesignTokenRow, StylePreset, SupersededStyleValue, SwissMigration, SwitchElementStyleResult, ThemeColors, TimedAction, TintId, TintLevel, TokenCssBlocks, TokenCssOptions };

package/fesm2022/vectoriox-iox-ui-design-core.mjs

@@ -1336,7 +1336,7 @@ const SPEC_AXES = {
             "ease-spring": "cubic-bezier(0.2, 0, 0, 1)",
             "dur-spring": "140ms",
             "hover-lift": "-2px",
-            "press-scale": "1"
+            "press-scale": "0.97"
         },
         "standard": {
             "label": "Standard",
@@ -1358,7 +1358,7 @@ const SPEC_AXES = {
             "ease-spring": "cubic-bezier(0.33, 0, 0.1, 1)",
             "dur-spring": "400ms",
             "hover-lift": "0px",
-            "press-scale": "1"
+            "press-scale": "0.98"
         },
         "lively": {
             "label": "Lively",
@@ -2606,7 +2606,13 @@ const SPEC_A11Y = {
     "reducedTransparency": {
         "surface-glass": "var(--iox-surface)",
         "surface-glass-strong": "var(--iox-surface)",
-        "blur-surface": "none"
+        "blur-surface": "none",
+        "button-secondary-backdrop": "none",
+        "card-backdrop": "none",
+        "nav-backdrop": "none",
+        "dialog-backdrop": "none",
+        "tabbar-backdrop": "none",
+        "segmented-track-backdrop": "none"
     }
 };
 const SPEC_ELEMENT_STYLES = [
@@ -6537,7 +6543,7 @@ const SPEC_FLAVOR_PACKS = [
                 "tier": "semantic",
                 "type": "number",
                 "group": "motion",
-                "value": "1"
+                "value": "0.98"
             },
             {
                 "name": "button-font",
@@ -13796,7 +13802,7 @@ const SPEC_FLAVOR_PACKS = [
                 "tier": "semantic",
                 "type": "number",
                 "group": "motion",
-                "value": "1"
+                "value": "0.97"
             },
             {
                 "name": "button-font",
@@ -13936,7 +13942,7 @@ const SPEC_FLAVOR_PACKS = [
                 "tier": "component",
                 "type": "number",
                 "group": "components",
-                "value": "1",
+                "value": "0.97",
                 "overridden": true
             },
             {
@@ -15187,8 +15193,17 @@ var ElementStyleState;
     /** A composite part that is ON — the active tab (CC4a "Active"): compiles to `[data-iox-on]`, the attribute every
      *  composite runtime writes. */
     ElementStyleState["On"] = "on";
+    /** G4 — compile through the style compiler's COMPONENT_STATE_SELECTOR: `:disabled` / aria-disabled, aria-busy,
+     *  pressed / checked / selected, the page scrolled. */
+    ElementStyleState["Disabled"] = "disabled";
+    ElementStyleState["Busy"] = "busy";
+    ElementStyleState["Selected"] = "selected";
+    ElementStyleState["Scrolled"] = "scrolled";
 })(ElementStyleState || (ElementStyleState = {}));
-const ELEMENT_STYLE_STATES = [ElementStyleState.Hover, ElementStyleState.Active, ElementStyleState.Focus, ElementStyleState.Current, ElementStyleState.On];
+const ELEMENT_STYLE_STATES = [
+    ElementStyleState.Hover, ElementStyleState.Active, ElementStyleState.Focus, ElementStyleState.Current, ElementStyleState.On,
+    ElementStyleState.Disabled, ElementStyleState.Busy, ElementStyleState.Selected, ElementStyleState.Scrolled,
+];
 const ELEMENT_STYLES = SPEC_ELEMENT_STYLES;
 /** Legacy `Button.variant` → the element style it maps to (adopt, DS7). */
 const BUTTON_VARIANT_TO_STYLE = SPEC_BUTTON_VARIANT_TO_STYLE;
@@ -15914,6 +15929,46 @@ function compileTokenCss(tokens, opts = {}) {
     return [base, dark].filter(Boolean).join('\n');
 }
 
+/** The token the browser's own chrome takes its colour from: the page's ground. */
+const THEME_COLOR_TOKEN = 'bg';
+const VAR_REF = /^var\(\s*--iox-([\w-]+)\s*(?:,\s*([^()]+))?\)$/;
+/** A colour the browser's chrome can wear: opaque hex, rgb() or hsl() — never a gradient, a mix or a translucent one. */
+const SOLID_COLOUR = /^(#([0-9a-f]{3}|[0-9a-f]{6})|rgb\(\s*[\d.]+\s*,?\s*[\d.]+\s*,?\s*[\d.]+\s*\)|hsl\([^()/]+\))$/i;
+function resolveIn$1(map, value, depth = 0) {
+    if (!value || depth > 12)
+        return undefined;
+    const ref = VAR_REF.exec(value.trim());
+    if (!ref)
+        return value.trim();
+    return resolveIn$1(map, map.get(ref[1]) ?? ref[2]?.trim(), depth + 1);
+}
+function colourFor(rows, dark) {
+    const map = new Map(rows.map(r => [r.name, dark ? (r.values?.dark ?? r.value) : r.value]));
+    const colour = resolveIn$1(map, map.get(THEME_COLOR_TOKEN));
+    return colour && SOLID_COLOUR.test(colour) ? colour : undefined;
+}
+/**
+ * The `theme-color` the browser's chrome takes per colour scheme (premium components G15 — mobile-native M10): the
+ * page's ground in each mode the site shows, resolved through the org's rows. A light or dark site answers its one
+ * mode; `auto` answers both (the engine writes them with `media="(prefers-color-scheme: …)"`). A value that is not a
+ * solid colour answers nothing — the browser keeps its own.
+ */
+function themeColors(rows, mode = 'auto') {
+    const list = rows ?? [];
+    const out = {};
+    if (mode !== 'dark') {
+        const light = colourFor(list, false);
+        if (light)
+            out.light = light;
+    }
+    if (mode !== 'light') {
+        const dark = colourFor(list, true);
+        if (dark)
+            out.dark = dark;
+    }
+    return out;
+}
+
 /** A pack's own sanity: every token row names itself and carries a value. Returns errors. */
 function validateFlavorPack(pack) {
     const errors = [];
@@ -17995,14 +18050,24 @@ var EntranceParam;
 })(EntranceParam || (EntranceParam = {}));
 /** The row attribute both renderers write on a repeated row (its 0-based index in the source) — the ONE definition. */
 const ROW_INDEX_ATTRIBUTE = 'data-iox-row-idx';
-/** The delay of the `index`-th item: `stagger` ms each, the last `cap` waiting no longer than the one before. */
+/** Each gap is this much of the one before (G8 — Emil 66: a uniform stagger is a metronome; the delays shrink). */
+const STAGGER_SHRINK = 0.75;
+/** Only the first items stagger; the rest arrive with the sixth (Emil 67). */
+const STAGGER_MAX_ITEMS = 6;
+/**
+ * The delay of the `index`-th item (G8): the first gap is `stagger` ms and every next one is `STAGGER_SHRINK` of the
+ * one before, so the group lands together instead of ticking; items from the `cap`-th on (never past the sixth) arrive
+ * with it. 80 ms → 0, 80, 140, 185, 219, 244. Static groups (their delays written at stamp time) and a Repeater's rows
+ * (`entranceDelay`) read the same curve.
+ */
 function staggerDelay(spec, index = 0) {
     const stagger = Number(spec.stagger ?? 0);
     if (!(stagger > 0))
         return 0;
-    const cap = Math.max(1, Math.floor(Number(spec.cap ?? 1)) || 1);
+    const cap = Math.min(STAGGER_MAX_ITEMS, Math.max(1, Math.floor(Number(spec.cap ?? 1)) || 1));
     const i = Number.isFinite(index) ? Math.max(0, Math.floor(index)) : 0;
-    return Math.min(i, cap - 1) * stagger;
+    const steps = Math.min(i, cap - 1);
+    return Math.round(stagger * (1 - STAGGER_SHRINK ** steps) / (1 - STAGGER_SHRINK));
 }
 /**
  * The delay an action plays with on the row at `rowIndex`: its own delay, plus — when it carries a stagger — that row's
@@ -18553,5 +18618,5 @@ function stylePresetOfChoices(choices) {
  * Generated bundle index. Do not edit.
  */
 
-export { ACCENT_TOKEN_NAMES, ANIMATE_IDS, AdoptOutcome, AdoptSkipReason, BAR_RESERVE_BREAKPOINTS, BAR_RESERVE_CLASS, BETWEEN_IDS, BOTTOM_BAR_STYLE, BUTTON_VARIANT_TO_STYLE, CANVAS_LINK_ATTRIBUTE, CARD_LINK_CLASS, COLOR_SCHEMES, COLOR_SCHEME_TRAIT, COLOR_SCHEME_TYPES, ColorScheme, ColourCheckId, DEFAULT_FLAVOR_ID, DESIGN_TOKEN_GROUPS, DESIGN_TOKEN_TIERS, DESIGN_TOKEN_TYPES, DesignConfigKey, ELEMENT_STYLES, ELEMENT_STYLE_MARKER_CLASS, ELEMENT_STYLE_STATES, EMPTY_IMAGE_ATTRIBUTE, EMPTY_IMAGE_SRC, ElementStyleState, EntranceParam, FLAVOR_SPEC_VERSION, FONT_CATALOG, FONT_FAMILY_TOKENS, FONT_FILE_ACCEPT, FONT_FILE_EXTENSIONS, FONT_FILE_FORMATS, FONT_STYLES, FONT_WEIGHTS, FontUploadError, GOOGLE_FONTS_CSS_ORIGIN, GOOGLE_FONTS_FILE_ORIGIN, HELD_CONTRAST, INHERITED_TEXT, LinkType, MAX_FONT_FILE_BYTES, MOOD_IDS, MOOD_LABELS, NEW_NODE_STYLE_DEFAULTS, OwnedTraitLink, PALETTE_PRESETS, PRE_DS2_FLAVOR_DEFAULTS, PRE_MOTION, PRE_TINT_DEFAULT, REDUCED_DESIGN_MOTION, REDUCED_MOTION_OVERRIDES, REDUCED_TRANSPARENCY_OVERRIDES, REVERT_WINDOW_MS, ROW_INDEX_ATTRIBUTE, SCHEME_INK, SCROLL_IDS, SPEC_A11Y, SPEC_AXES, SPEC_BUTTON_VARIANT_TO_STYLE, SPEC_CONTRAST, SPEC_CONTRAST_AUDIT, SPEC_DEFAULT_ELEMENT_STYLE, SPEC_ELEMENT_STYLES, SPEC_FIELD_CLASS_BASELINE, SPEC_FLAVORS, SPEC_FLAVOR_PACKS, SPEC_FONTS, SPEC_FONT_ROLES, SPEC_INK_SCOPES, SPEC_LEGACY_ALIASES, SPEC_MOODS, SPEC_PALETTE_PRESETS, SPEC_SCHEMES, SPEC_SCHEME_INK, SPEC_SCRIPTS, SPEC_SPRINGS, SPEC_STYLE_PRESETS, SPEC_TIERS, SPEC_TIER_IDS, SPEC_TOKEN_TYPES, STYLE_PRESETS, SUPERSEDED_STYLE_VALUES, SWISS_FLAVOR, TINT_FULL_CHROMA, TINT_IDS, TINT_LEVELS, TINT_OWN_HUE_CHROMA, TINT_TURN_CHROMA, USER_TOKEN_SOURCE, WCAG_AA_TEXT, WCAG_AA_UI, adoptElementStyles, adoptionStyleFor, apcaLc, applyElementStyle, applyHeadingLevelRule, atLightness, atLightnessMaxChroma, auditDesignContrast, barReserveClass, buildFlavorTokens, buildFontFaceCss, buttonBlockHref, catalogFontId, checkFontWeight, choicesForPack, colorSchemeClass, colorSchemeOf, colourTabChecks, compareFontWeights, compileSchemeCss, compileTokenCss, compileTokenCssBlocks, compositeOver, cssString, defaultDesignChoices, defaultElementStyleFor, deriveAccentTokens, deriveBrandTokens, designApplySnapshot, designBaseline, designConfigEntries, designModeOf, designMotionOf, designRevertConfig, designTokenRepairs, designTokenRows, drawsScript, elementStyleById, elementStyleClass, elementStylesFor, emptyImageLabelSrc, emptyImagePlaceholder, emptyImageSrc, ensureAlpha, ensureContrast, entranceDelay, flavorColours, flavorPackById, flavorSeedWrites, flavorSourceStamp, fontFamilyKey, fontFileName, fontFileStem, fontFormatOf, fontPreloads, fontRoleReferences, fontStackWithout, fontWeightCovers, fontWeightRange, fontWeightValue, fontsForTokens, formatFontFamilies, formatFontFamily, formatFontWeight, googleFontHref, groupFontFamilies, hasElementStyleMarker, headingHref, inSrgbGamut, isDesignTokenGroup, isDesignTokenTier, isDesignTokenType, isFontWeightRange, isRetiredFlavorId, legacyDesignTokenRows, legacyFlavorTokens, legacyRuleTokenReferences, matchFontWeight, missingDesignRows, missingFontRoles, nodeDesignClasses, normalizeFontStyle, normalizeFontWeight, normalizeFontWeightValue, oklabToRgb, ownedTraitStatus, ownedTraitsOf, packDesignChoices, paintColours, parseCssColour, parseFontFamilies, parseFontWeight, parseHexColor, planDesignApply, planDesignRevert, planFlavorRevert, planFlavorSeed, planFontFamilyRemoval, planSwissMigration, preTintAccentGrounds, presetChoices, presetModes, previewElementStyleAdoption, previewFontWeight, quantizeRgb, readDesignConfig, readOwnedTrait, relativeLuminance, releaseElementStyle, repeatedRowIndex, resolveDesignChoices, resolveDesignMotion, resolveSchemeTokenValues, resolveTokenReferences, resolveTokenValues, revertAvailable, rgbToOklab, ringColour, roleClass, sameDesignChoices, scriptsForLocale, setColorScheme, specTokenNames, splitTopLevel, springToLinear, stackNamesFamily, staggerDelay, styleKeyToKebab, stylePresetById, stylePresetOfChoices, switchElementStyle, syncNodeDesignClasses, toHexColor, tokenReferences, tokensToDarkVarMap, tokensToVarMap, unknownTokenReferences, untouchedSeedRow, userFontStack, validateFlavorPack, wcagContrastRatio, withSchemeInk, withoutScriptPartners, writeOwnedTrait };
+export { ACCENT_TOKEN_NAMES, ANIMATE_IDS, AdoptOutcome, AdoptSkipReason, BAR_RESERVE_BREAKPOINTS, BAR_RESERVE_CLASS, BETWEEN_IDS, BOTTOM_BAR_STYLE, BUTTON_VARIANT_TO_STYLE, CANVAS_LINK_ATTRIBUTE, CARD_LINK_CLASS, COLOR_SCHEMES, COLOR_SCHEME_TRAIT, COLOR_SCHEME_TYPES, ColorScheme, ColourCheckId, DEFAULT_FLAVOR_ID, DESIGN_TOKEN_GROUPS, DESIGN_TOKEN_TIERS, DESIGN_TOKEN_TYPES, DesignConfigKey, ELEMENT_STYLES, ELEMENT_STYLE_MARKER_CLASS, ELEMENT_STYLE_STATES, EMPTY_IMAGE_ATTRIBUTE, EMPTY_IMAGE_SRC, ElementStyleState, EntranceParam, FLAVOR_SPEC_VERSION, FONT_CATALOG, FONT_FAMILY_TOKENS, FONT_FILE_ACCEPT, FONT_FILE_EXTENSIONS, FONT_FILE_FORMATS, FONT_STYLES, FONT_WEIGHTS, FontUploadError, GOOGLE_FONTS_CSS_ORIGIN, GOOGLE_FONTS_FILE_ORIGIN, HELD_CONTRAST, INHERITED_TEXT, LinkType, MAX_FONT_FILE_BYTES, MOOD_IDS, MOOD_LABELS, NEW_NODE_STYLE_DEFAULTS, OwnedTraitLink, PALETTE_PRESETS, PRE_DS2_FLAVOR_DEFAULTS, PRE_MOTION, PRE_TINT_DEFAULT, REDUCED_DESIGN_MOTION, REDUCED_MOTION_OVERRIDES, REDUCED_TRANSPARENCY_OVERRIDES, REVERT_WINDOW_MS, ROW_INDEX_ATTRIBUTE, SCHEME_INK, SCROLL_IDS, SPEC_A11Y, SPEC_AXES, SPEC_BUTTON_VARIANT_TO_STYLE, SPEC_CONTRAST, SPEC_CONTRAST_AUDIT, SPEC_DEFAULT_ELEMENT_STYLE, SPEC_ELEMENT_STYLES, SPEC_FIELD_CLASS_BASELINE, SPEC_FLAVORS, SPEC_FLAVOR_PACKS, SPEC_FONTS, SPEC_FONT_ROLES, SPEC_INK_SCOPES, SPEC_LEGACY_ALIASES, SPEC_MOODS, SPEC_PALETTE_PRESETS, SPEC_SCHEMES, SPEC_SCHEME_INK, SPEC_SCRIPTS, SPEC_SPRINGS, SPEC_STYLE_PRESETS, SPEC_TIERS, SPEC_TIER_IDS, SPEC_TOKEN_TYPES, STAGGER_MAX_ITEMS, STAGGER_SHRINK, STYLE_PRESETS, SUPERSEDED_STYLE_VALUES, SWISS_FLAVOR, THEME_COLOR_TOKEN, TINT_FULL_CHROMA, TINT_IDS, TINT_LEVELS, TINT_OWN_HUE_CHROMA, TINT_TURN_CHROMA, USER_TOKEN_SOURCE, WCAG_AA_TEXT, WCAG_AA_UI, adoptElementStyles, adoptionStyleFor, apcaLc, applyElementStyle, applyHeadingLevelRule, atLightness, atLightnessMaxChroma, auditDesignContrast, barReserveClass, buildFlavorTokens, buildFontFaceCss, buttonBlockHref, catalogFontId, checkFontWeight, choicesForPack, colorSchemeClass, colorSchemeOf, colourTabChecks, compareFontWeights, compileSchemeCss, compileTokenCss, compileTokenCssBlocks, compositeOver, cssString, defaultDesignChoices, defaultElementStyleFor, deriveAccentTokens, deriveBrandTokens, designApplySnapshot, designBaseline, designConfigEntries, designModeOf, designMotionOf, designRevertConfig, designTokenRepairs, designTokenRows, drawsScript, elementStyleById, elementStyleClass, elementStylesFor, emptyImageLabelSrc, emptyImagePlaceholder, emptyImageSrc, ensureAlpha, ensureContrast, entranceDelay, flavorColours, flavorPackById, flavorSeedWrites, flavorSourceStamp, fontFamilyKey, fontFileName, fontFileStem, fontFormatOf, fontPreloads, fontRoleReferences, fontStackWithout, fontWeightCovers, fontWeightRange, fontWeightValue, fontsForTokens, formatFontFamilies, formatFontFamily, formatFontWeight, googleFontHref, groupFontFamilies, hasElementStyleMarker, headingHref, inSrgbGamut, isDesignTokenGroup, isDesignTokenTier, isDesignTokenType, isFontWeightRange, isRetiredFlavorId, legacyDesignTokenRows, legacyFlavorTokens, legacyRuleTokenReferences, matchFontWeight, missingDesignRows, missingFontRoles, nodeDesignClasses, normalizeFontStyle, normalizeFontWeight, normalizeFontWeightValue, oklabToRgb, ownedTraitStatus, ownedTraitsOf, packDesignChoices, paintColours, parseCssColour, parseFontFamilies, parseFontWeight, parseHexColor, planDesignApply, planDesignRevert, planFlavorRevert, planFlavorSeed, planFontFamilyRemoval, planSwissMigration, preTintAccentGrounds, presetChoices, presetModes, previewElementStyleAdoption, previewFontWeight, quantizeRgb, readDesignConfig, readOwnedTrait, relativeLuminance, releaseElementStyle, repeatedRowIndex, resolveDesignChoices, resolveDesignMotion, resolveSchemeTokenValues, resolveTokenReferences, resolveTokenValues, revertAvailable, rgbToOklab, ringColour, roleClass, sameDesignChoices, scriptsForLocale, setColorScheme, specTokenNames, splitTopLevel, springToLinear, stackNamesFamily, staggerDelay, styleKeyToKebab, stylePresetById, stylePresetOfChoices, switchElementStyle, syncNodeDesignClasses, themeColors, toHexColor, tokenReferences, tokensToDarkVarMap, tokensToVarMap, unknownTokenReferences, untouchedSeedRow, userFontStack, validateFlavorPack, wcagContrastRatio, withSchemeInk, withoutScriptPartners, writeOwnedTrait };
 //# sourceMappingURL=vectoriox-iox-ui-design-core.mjs.map