@ethlete/core 5.0.0-next.45 → 5.0.0-next.47

package/generators/generators.json

@@ -10,6 +10,11 @@
       "schema": "./migrate-provider-shape/schema.json",
       "description": "Rewrite destructured provider tuples into the tree-shakeable definition shape"
     },
+    "migrate-surface-interaction-swatch": {
+      "factory": "./migrate-surface-interaction-swatch/migration",
+      "schema": "./migrate-surface-interaction-swatch/schema.json",
+      "description": "Rewrite surface theme interactionColor maps into the { color, onColor, inkColor } swatch shape"
+    },
     "tailwind-4-color-theme": {
       "factory": "./tailwind-4-color-theme/generator",
       "schema": "./tailwind-4-color-theme/schema.json",

package/generators/migrate-surface-interaction-swatch/interaction-swatch.js

@@ -0,0 +1,43 @@
+import { Project, SyntaxKind } from 'ts-morph';
+const INTERACTION_KEYS = ['default', 'hover', 'focus', 'active', 'disabled'];
+const createProject = () => new Project({
+    useInMemoryFileSystem: true,
+    compilerOptions: {
+        target: 99,
+        module: 99,
+    },
+});
+const isFlatInteractionColor = (initializer) => initializer
+    .getProperties()
+    .some((property) => property.isKind(SyntaxKind.PropertyAssignment) && INTERACTION_KEYS.includes(property.getName()));
+const findFlatInteractionColor = (sourceFile) => {
+    for (const property of sourceFile.getDescendantsOfKind(SyntaxKind.PropertyAssignment)) {
+        if (property.getName() !== 'interactionColor')
+            continue;
+        const initializer = property.getInitializer();
+        if (initializer?.isKind(SyntaxKind.ObjectLiteralExpression) && isFlatInteractionColor(initializer)) {
+            return initializer;
+        }
+    }
+    return null;
+};
+/**
+ * Rewrites `interactionColor: { default, hover, … }` into `interactionColor: { color: { default, … } }`,
+ * the swatch shape that also carries the optional `onColor` and `inkColor` maps.
+ */
+export const migrateInteractionSwatchInFile = (filePath, content) => {
+    if (!content.includes('interactionColor')) {
+        return { changed: false, content };
+    }
+    const sourceFile = createProject().createSourceFile(filePath, content);
+    let changed = false;
+    // Re-queried after every rewrite: manipulating the AST forgets the nodes a single up-front
+    // collection would have handed us.
+    for (let initializer = findFlatInteractionColor(sourceFile); initializer;) {
+        initializer.replaceWithText(`{ color: ${initializer.getText()} }`);
+        changed = true;
+        initializer = findFlatInteractionColor(sourceFile);
+    }
+    return { changed, content: changed ? sourceFile.getFullText() : content };
+};
+//# sourceMappingURL=interaction-swatch.js.map

package/generators/migrate-surface-interaction-swatch/migration.js

@@ -0,0 +1,29 @@
+import { formatFiles } from '@nx/devkit';
+import { createMigrationScope } from '../migrate-provider-shape/migration-scope.js';
+import { migrateInteractionSwatchInFile } from './interaction-swatch.js';
+export default async function migrateSurfaceInteractionSwatch(tree, schema) {
+    console.log('\n🔄 Migrating surface interactionColor to the swatch shape...');
+    const scope = createMigrationScope(tree, schema);
+    console.log(`   Scope: ${scope.describe()}`);
+    let filesChanged = 0;
+    scope.visit(tree, (filePath) => {
+        if (!filePath.endsWith('.ts') || filePath.endsWith('.d.ts'))
+            return;
+        const before = tree.read(filePath, 'utf-8');
+        if (!before)
+            return;
+        const result = migrateInteractionSwatchInFile(filePath, before);
+        if (!result.changed)
+            return;
+        tree.write(filePath, result.content);
+        filesChanged++;
+        console.log(`   ✓ ${filePath}`);
+    });
+    console.log(filesChanged === 0
+        ? '   Nothing to migrate.\n'
+        : `\n✅ Migrated ${filesChanged} file(s). Regenerate your surface CSS with \`nx g @ethlete/core:tailwind-4-surface-theme\`.\n`);
+    if (!schema.skipFormat) {
+        await formatFiles(tree);
+    }
+}
+//# sourceMappingURL=migration.js.map

package/generators/migrate-surface-interaction-swatch/schema.json

@@ -0,0 +1,26 @@
+{
+  "$schema": "http://json-schema.org/schema",
+  "$id": "migrate-surface-interaction-swatch",
+  "title": "Migrate surface interactionColor to the swatch shape",
+  "type": "object",
+  "properties": {
+    "projects": {
+      "type": "array",
+      "items": { "type": "string" },
+      "description": "Nx projects to migrate. Defaults to every project in the workspace.",
+      "alias": "project"
+    },
+    "include": {
+      "type": "array",
+      "items": { "type": "string" },
+      "description": "Path prefixes to migrate, relative to the workspace root (e.g. 'apps/web'). Unioned with `projects`. Defaults to the whole workspace.",
+      "alias": "includePath"
+    },
+    "skipFormat": {
+      "type": "boolean",
+      "description": "Skip formatting files after migration",
+      "default": false
+    }
+  },
+  "required": []
+}

package/generators/tailwind-4-surface-theme/generator.js

@@ -158,9 +158,52 @@ const COLOR_PROPS = ['background', 'color', 'colorMuted', 'colorSubtle', 'border
 const isColorProp = (name) => COLOR_PROPS.some((p) => p === name);
 const INTERACTION_KEYS = ['default', 'hover', 'focus', 'active', 'disabled'];
 const isInteractionKey = (name) => INTERACTION_KEYS.some((key) => key === name);
+const SWATCH_KEYS = ['color', 'onColor', 'inkColor'];
+const isSwatchKey = (name) => SWATCH_KEYS.some((key) => key === name);
+function parseInteractionColorMap(obj) {
+    const map = {};
+    for (const prop of obj.getProperties()) {
+        if (!prop.isKind(SyntaxKind.PropertyAssignment))
+            continue;
+        const name = prop.getName();
+        const initializer = prop.getInitializer();
+        if (initializer?.isKind(SyntaxKind.StringLiteral) && isInteractionKey(name)) {
+            map[name] = initializer.getLiteralValue();
+        }
+    }
+    return map;
+}
+function parseInteractionColor(obj, themeName) {
+    const swatch = {};
+    for (const prop of obj.getProperties()) {
+        if (!prop.isKind(SyntaxKind.PropertyAssignment))
+            continue;
+        const name = prop.getName();
+        const initializer = prop.getInitializer();
+        if (isInteractionKey(name)) {
+            throw new Error(`Surface theme "${themeName}" uses the old flat \`interactionColor\` shape. It now takes a swatch: ` +
+                `{ color: { default, hover, focus, active, disabled }, onColor?, inkColor? }. ` +
+                `Run \`nx g @ethlete/core:migrate-surface-interaction-swatch\` to convert your themes.`);
+        }
+        if (!initializer?.isKind(SyntaxKind.ObjectLiteralExpression) || !isSwatchKey(name))
+            continue;
+        const map = parseInteractionColorMap(initializer);
+        if (name === 'color') {
+            if (map.default && map.hover && map.focus && map.active && map.disabled) {
+                swatch.color = map;
+            }
+            continue;
+        }
+        if (map.default) {
+            swatch[name] = map;
+        }
+    }
+    return swatch.color ? swatch : undefined;
+}
 function parseSurfaceThemeObject(obj) {
     const properties = obj.getProperties();
     const theme = {};
+    let interactionColorObj = null;
     for (const prop of properties) {
         if (!prop.isKind(SyntaxKind.PropertyAssignment)) {
             continue;
@@ -177,24 +220,7 @@ function parseSurfaceThemeObject(obj) {
             continue;
         }
         if (propName === 'interactionColor' && initializer.isKind(SyntaxKind.ObjectLiteralExpression)) {
-            const interactionProps = initializer.getProperties();
-            const interactionColor = {};
-            for (const iProp of interactionProps) {
-                if (!iProp.isKind(SyntaxKind.PropertyAssignment))
-                    continue;
-                const iPropName = iProp.getName();
-                const iInit = iProp.getInitializer();
-                if (iInit?.isKind(SyntaxKind.StringLiteral) && isInteractionKey(iPropName)) {
-                    interactionColor[iPropName] = iInit.getLiteralValue();
-                }
-            }
-            if (interactionColor.default &&
-                interactionColor.hover &&
-                interactionColor.focus &&
-                interactionColor.active &&
-                interactionColor.disabled) {
-                theme.interactionColor = interactionColor;
-            }
+            interactionColorObj = initializer;
             continue;
         }
         if (propName === 'elevation') {
@@ -227,6 +253,9 @@ function parseSurfaceThemeObject(obj) {
         !theme.border) {
         throw new Error('SurfaceTheme must have name, type, elevation, background, color, colorMuted, colorSubtle, and border properties');
     }
+    if (interactionColorObj) {
+        theme.interactionColor = parseInteractionColor(interactionColorObj, theme.name);
+    }
     return theme;
 }
 // Makes the named theme the sole default of its surface type, overriding any isDefault
@@ -322,11 +351,14 @@ function generateSurfaceThemeCss(themes, utilityPrefix, runtimePrefix, schema) {
         tailwindVars.push(`  --color-${utilityPrefix}-surface-${name}-subtle: rgb(${theme.colorSubtle});`);
         tailwindVars.push(`  --color-${utilityPrefix}-surface-${name}-border: rgb(${theme.border});`);
         if (theme.interactionColor) {
-            tailwindVars.push(`  --color-${utilityPrefix}-surface-${name}-interaction: rgb(${theme.interactionColor.default});`);
-            tailwindVars.push(`  --color-${utilityPrefix}-surface-${name}-interaction-hover: rgb(${theme.interactionColor.hover});`);
-            tailwindVars.push(`  --color-${utilityPrefix}-surface-${name}-interaction-focus: rgb(${theme.interactionColor.focus});`);
-            tailwindVars.push(`  --color-${utilityPrefix}-surface-${name}-interaction-active: rgb(${theme.interactionColor.active});`);
-            tailwindVars.push(`  --color-${utilityPrefix}-surface-${name}-interaction-disabled: rgb(${theme.interactionColor.disabled});`);
+            const { color, onColor, inkColor } = theme.interactionColor;
+            pushStaticInteractionColors(tailwindVars, `--color-${utilityPrefix}-surface-${name}-interaction`, color);
+            if (onColor) {
+                pushStaticInteractionColors(tailwindVars, `--color-${utilityPrefix}-surface-${name}-on-interaction`, onColor);
+            }
+            if (inkColor) {
+                pushStaticInteractionColors(tailwindVars, `--color-${utilityPrefix}-surface-${name}-interaction-ink`, inkColor);
+            }
         }
         tailwindVars.push('');
     }
@@ -420,11 +452,39 @@ ${tailwindVars.join('\n')}
 ${themeVars.join('\n')}
 }
 
-${aliasBlock}`;
+${aliasBlock}
+${buildSurfaceColorScope(runtimePrefix)}`;
+}
+// The reserved `surface` color scope. It bridges the two theming systems - color variables out of
+// surface variables - so `[etProvideColor]="'surface'"` renders a component in the neutral of
+// whatever surface it sits on. It lives here rather than in the SDK's own CSS because a stylesheet
+// shipped with `ProvideColorDirective` would land in every bundle that themes anything, and only
+// apps that use the scope should pay for it.
+function buildSurfaceColorScope(runtimePrefix) {
+    const tint = `var(--${runtimePrefix}-surface-interaction, var(--${runtimePrefix}-surface-color))`;
+    const on = `var(--${runtimePrefix}-surface-on-interaction, var(--${runtimePrefix}-surface-background))`;
+    const ink = `var(--${runtimePrefix}-surface-interaction-ink, var(--${runtimePrefix}-surface-color))`;
+    const state = (name, source, fallback) => INTERACTION_STATE_SUFFIXES.map((suffix) => `    --${runtimePrefix}-color-${name}${suffix}: ${suffix ? `var(--${runtimePrefix}-surface-${source}${suffix}, ${fallback})` : fallback};`).join('\n');
+    return `/* The reserved \`surface\` color: resolves the color tokens from the ambient surface's neutral swatch. */
+@layer base {
+  .${runtimePrefix}-color--surface {
+${state('primary', 'interaction', tint)}
+
+${state('on-primary', 'on-interaction', on)}
+
+${state('primary-ink', 'interaction-ink', ink)}
+  }
+}
+`;
 }
 // Dynamic surface color declarations (unindented). Emitted in `@theme` (so Tailwind generates
 // the utilities) and re-declared on every surface selector (so the utilities resolve per scope).
 function buildDynamicSurfaceColors(utilityPrefix, runtimePrefix) {
+    // `on-interaction` and `interaction-ink` are optional per theme, so each falls back to the
+    // surface's own background/color - the same defaults the `.<runtimePrefix>-color--surface`
+    // bridge applies.
+    const onFallback = `var(--${runtimePrefix}-surface-background)`;
+    const inkFallback = `var(--${runtimePrefix}-surface-color)`;
     return [
         `--color-${utilityPrefix}-surface-bg: rgb(var(--${runtimePrefix}-surface-background));`,
         `--color-${utilityPrefix}-surface: rgb(var(--${runtimePrefix}-surface-color));`,
@@ -436,8 +496,35 @@ function buildDynamicSurfaceColors(utilityPrefix, runtimePrefix) {
         `--color-${utilityPrefix}-surface-interaction-focus: rgb(var(--${runtimePrefix}-surface-interaction-focus));`,
         `--color-${utilityPrefix}-surface-interaction-active: rgb(var(--${runtimePrefix}-surface-interaction-active));`,
         `--color-${utilityPrefix}-surface-interaction-disabled: rgb(var(--${runtimePrefix}-surface-interaction-disabled));`,
+        ...INTERACTION_STATE_SUFFIXES.map((suffix) => `--color-${utilityPrefix}-surface-on-interaction${suffix}: rgb(var(--${runtimePrefix}-surface-on-interaction${suffix}, ${onFallback}));`),
+        ...INTERACTION_STATE_SUFFIXES.map((suffix) => `--color-${utilityPrefix}-surface-interaction-ink${suffix}: rgb(var(--${runtimePrefix}-surface-interaction-ink${suffix}, ${inkFallback}));`),
     ];
 }
+const INTERACTION_STATE_SUFFIXES = ['', '-hover', '-focus', '-active', '-disabled'];
+// Fills the optional states from the ones that are set, matching how the color theme generator
+// resolves a swatch: hover falls back to default, focus to hover, active and disabled to default.
+function resolveInteractionStates(map) {
+    const hover = map.hover || map.default;
+    return {
+        '': map.default,
+        '-hover': hover,
+        '-focus': map.focus || hover,
+        '-active': map.active || map.default,
+        '-disabled': map.disabled || map.default,
+    };
+}
+function pushStaticInteractionColors(vars, name, map) {
+    const states = resolveInteractionStates(map);
+    for (const suffix of INTERACTION_STATE_SUFFIXES) {
+        vars.push(`  ${name}${suffix}: rgb(${states[suffix]});`);
+    }
+}
+function pushRuntimeInteractionVars(vars, name, map, indent) {
+    const states = resolveInteractionStates(map);
+    for (const suffix of INTERACTION_STATE_SUFFIXES) {
+        vars.push(`${indent}${name}${suffix}: ${states[suffix]};`);
+    }
+}
 function pushSurfaceVars(vars, runtimePrefix, theme, indent) {
     vars.push(`${indent}--${runtimePrefix}-surface-background: ${theme.background};`);
     vars.push(`${indent}--${runtimePrefix}-surface-color: ${theme.color};`);
@@ -447,11 +534,14 @@ function pushSurfaceVars(vars, runtimePrefix, theme, indent) {
     vars.push(`${indent}--${runtimePrefix}-surface-type: ${theme.type};`);
     vars.push(`${indent}--${runtimePrefix}-surface-elevation: ${theme.elevation};`);
     if (theme.interactionColor) {
-        vars.push(`${indent}--${runtimePrefix}-surface-interaction: ${theme.interactionColor.default};`);
-        vars.push(`${indent}--${runtimePrefix}-surface-interaction-hover: ${theme.interactionColor.hover};`);
-        vars.push(`${indent}--${runtimePrefix}-surface-interaction-focus: ${theme.interactionColor.focus};`);
-        vars.push(`${indent}--${runtimePrefix}-surface-interaction-active: ${theme.interactionColor.active};`);
-        vars.push(`${indent}--${runtimePrefix}-surface-interaction-disabled: ${theme.interactionColor.disabled};`);
+        const { color, onColor, inkColor } = theme.interactionColor;
+        pushRuntimeInteractionVars(vars, `--${runtimePrefix}-surface-interaction`, color, indent);
+        if (onColor) {
+            pushRuntimeInteractionVars(vars, `--${runtimePrefix}-surface-on-interaction`, onColor, indent);
+        }
+        if (inkColor) {
+            pushRuntimeInteractionVars(vars, `--${runtimePrefix}-surface-interaction-ink`, inkColor, indent);
+        }
     }
 }
 function findMainStylesFile(tree) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ethlete/core",
-  "version": "5.0.0-next.45",
+  "version": "5.0.0-next.47",
   "license": "MIT",
   "sideEffects": false,
   "peerDependencies": {

package/types/ethlete-core.d.ts

@@ -3066,13 +3066,33 @@ declare const SURFACE_TYPE: {
 };
 type SurfaceType = (typeof SURFACE_TYPE)[keyof typeof SURFACE_TYPE];
 type SurfaceThemeColor = `${number} ${number} ${number}`;
-type SurfaceInteractionColor = {
+type SurfaceInteractionColorMap = {
     default: SurfaceThemeColor;
     hover: SurfaceThemeColor;
     focus: SurfaceThemeColor;
     active: SurfaceThemeColor;
     disabled: SurfaceThemeColor;
 };
+type SurfaceOnInteractionColorMap = {
+    default: SurfaceThemeColor;
+    hover?: SurfaceThemeColor;
+    focus?: SurfaceThemeColor;
+    active?: SurfaceThemeColor;
+    disabled?: SurfaceThemeColor;
+};
+/**
+ * The surface's neutral color, shaped like a color theme's swatch. It serves both roles: `color`
+ * is the tint source `[etSurfaceInteractive]` mixes for hover/active feedback, and the whole
+ * swatch is the palette a component picks up from `[etProvideColor]="'surface'"`.
+ *
+ * `onColor` (text on a filled neutral) defaults to the surface background, `inkColor` (text and
+ * borders on a tinted or transparent neutral) to the surface color.
+ */
+type SurfaceInteractionColor = {
+    color: SurfaceInteractionColorMap;
+    onColor?: SurfaceOnInteractionColorMap;
+    inkColor?: SurfaceOnInteractionColorMap;
+};
 type SurfaceTheme = {
     name: string;
     type: SurfaceType;
@@ -3226,6 +3246,16 @@ interface EthleteColorThemeNameRegistry {
 type RegisteredColorThemeName = EthleteColorThemeNameRegistry extends {
     name: infer N extends string;
 } ? N : string;
+/**
+ * Reserved color name. Resolves the color tokens from the ambient surface's neutral swatch
+ * (`SurfaceTheme['interactionColor']`) instead of a registered accent, so a secondary action can
+ * read as chrome without the app registering a neutral color theme. Apps must not register a color
+ * theme under this name.
+ */
+declare const SURFACE_COLOR = "surface";
+type SurfaceColor = typeof SURFACE_COLOR;
+/** Everything `[etProvideColor]` accepts: a registered theme name, a theme object, `surface`, or nothing. */
+type ColorThemeInput = RegisteredColorThemeName | SurfaceColor | ColorTheme | null;
 declare const createCssColorThemeName: (name: string) => string;
 declare const ɵProvideColorThemes: (valueOverride?: (ColorTheme | undefined)[] | undefined) => _angular_core.Provider[];
 declare const injectColorThemes: _ethlete_core.InjectFn<ColorTheme[]>;
@@ -3237,6 +3267,33 @@ declare const injectWarningTheme: () => ColorTheme;
 declare const injectSuccessTheme: () => ColorTheme;
 declare const injectDefaultColorTheme: () => ColorTheme;
 
+/** One choice in a {@link provideColorPalette} palette. */
+type ColorPaletteEntry = {
+    /** The color theme this choice selects - a name the app registered with `provideColorThemesWithTailwind4`. */
+    token: RegisteredColorThemeName;
+    /** What a user reads next to the swatch. Provide it already translated. */
+    label: string;
+};
+/**
+ * The color themes a subtree may offer a user as pickable choices, in the order they should appear.
+ * A curated slice of what `provideColorThemesWithTailwind4` registered: an app registers every theme
+ * it renders with, including ones nobody should pick by hand (`error`, `warning`), and adds the
+ * user-facing label a swatch needs.
+ *
+ * Components that let a user choose a color read it optionally and fall back to accepting a raw
+ * theme name when it is absent - the scheduler's `colorToken` field is the reference consumer.
+ *
+ * @example
+ * provideColorPalette([
+ *   { token: 'brand', label: 'Team green' },
+ *   { token: 'ocean', label: 'Training blue' },
+ * ]);
+ */
+declare const provideColorPalette: (valueOverride?: (ColorPaletteEntry | undefined)[] | undefined) => _angular_core.Provider[];
+/** The palette from {@link provideColorPalette}. Pass `{ optional: true }` - most apps provide none. */
+declare const injectColorPalette: _ethlete_core.InjectFn<ColorPaletteEntry[]>;
+declare const COLOR_PALETTE: _angular_core.InjectionToken<ColorPaletteEntry[]>;
+
 /**
  * @deprecated Migrate to Tailwind v4. Intent to remove in v6.
  */
@@ -3291,8 +3348,8 @@ declare class ProvideColorDirective {
     private parentProvider;
     private currentProviderSync;
     private forcedColor;
-    color: InputSignal<RegisteredColorThemeName | ColorTheme | null | undefined>;
-    effectiveColor: _angular_core.Signal<string | ColorTheme | null | undefined>;
+    color: InputSignal<ColorThemeInput | undefined>;
+    effectiveColor: _angular_core.Signal<ColorThemeInput | undefined>;
     /**
      * The color that actually applies at this provider's location: its own effective color, or -
      * when this provider is passive (no input, nothing forced) - the nearest ancestor provider's.
@@ -3300,13 +3357,13 @@ declare class ProvideColorDirective {
      * consumers that re-apply context across detached DOM (overlay panes) must use this instead
      * of `effectiveColor` or a passive in-between provider (e.g. a form field's) erases the theme.
      */
-    resolvedColor: _angular_core.Signal<string | ColorTheme | null | undefined>;
+    resolvedColor: _angular_core.Signal<ColorThemeInput | undefined>;
     colorName: _angular_core.Signal<string | undefined>;
     protected themeClass: _angular_core.Signal<string>;
     syncWithProvider(provider: ProvideColorDirective): void;
     stopSyncWithProvider(): void;
     /** @internal */
-    forceColor(color: RegisteredColorThemeName | ColorTheme | null): void;
+    forceColor(color: ColorThemeInput): void;
     /** @internal */
     clearForcedColor(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ProvideColorDirective, never>;
@@ -3341,8 +3398,8 @@ declare const injectSurfaceContextTracker: _ethlete_core.InjectFn<SurfaceContext
  * Same shape as `ColorInteractiveDirective` - reacts to its own `:hover`/`:focus-visible`/
  * `:active`/`[disabled]` - but drives `--et-surface-interaction-*`, a neutral/muted tint, instead
  * of the ambient color theme. Use it for chrome-level interaction feedback that shouldn't borrow
- * the page's brand color (a tab trigger's hover state, a toggle button that should look neutral
- * until it's actually active - see `ButtonDirective`'s `mutedUntilPressed`).
+ * the page's brand color (a tab trigger's hover state, a row's hover fill). For a whole component
+ * that should render neutral rather than accented, provide the `surface` color instead.
  *
  * Has no container/exclude/has-focus variants: it has no descendant-cascading CSS at all, so
  * applying it to a wrapper with independently-interactive children is safe by construction -
@@ -3628,7 +3685,7 @@ type UnsavedChangesGuardRef<T> = UnsavedChangesTrackerRef<T> & {
 declare const createUnsavedChangesGuard: <T>(config: CreateUnsavedChangesGuardConfig<T>) => UnsavedChangesGuardRef<T>;
 
 /** The version of `@ethlete/core` this build was cut from. */
-declare const CORE_VERSION = "5.0.0-next.45";
+declare const CORE_VERSION = "5.0.0-next.47";
 
-export { ANIMATABLE_TOKEN, ANIMATED_IF_TOKEN, ANIMATED_LIFECYCLE_TOKEN, ANIMATION_DEBUG_STORAGE_KEY, AT_LEAST_ONE_REQUIRED, AnimatableDirective, AnimatedIfDirective, AnimatedLifecycleDirective, AutoSurfaceDirective, BOUNDARY_ELEMENT_TOKEN, BREAKPOINT_INSTANCE_TOKEN, BREAKPOINT_ORDER, COLOR_PROVIDER, CORE_VERSION, ClickOutsideDirective, ColorInteractiveContainerDirective, ColorInteractiveDirective, ColorInteractiveExcludeDirective, ColorInteractiveHasFocusDirective, DEFAULT_MULTI_INSTANCE_RELS, DEFAULT_MULTI_INSTANCE_TAGS, DEFAULT_VIEWPORT_CONFIG, DISABLE_LOGGER_PARAM, DragHandleDirective, ET_DISABLE_SCROLL_TOP, ET_DISABLE_SCROLL_TOP_AS_RETURN_ROUTE, ET_DISABLE_SCROLL_TOP_ON_PATH_PARAM_CHANGE, ET_PROPERTY_REMOVED, ET_RESTORE_SCROLL, FOCUSABLE_SELECTOR, FOCUS_VISIBLE_TRACKER_TOKEN, HtmlToMarkdownPipe, IS_ARRAY_NOT_EMPTY, IS_EMAIL, InferMimeTypePipe, InitialsPipe, IsArrayNotEmpty, IsEmail, jsonLd_d as JsonLD, KeyPressManager, MUST_MATCH, MarkdownToHtmlPipe, MatchStateType, MustMatch, NOTIFICATION_CLICK_MESSAGE_TYPE, NormalizeGameResultTypePipe, NormalizeMatchParticipantsPipe, NormalizeMatchScorePipe, NormalizeMatchStatePipe, NormalizeMatchTypePipe, PropsDirective, ProvideColorDirective, ProvideSurfaceDirective, RUNTIME_ERROR_NO_DATA, RepeatDirective, ResizeHandlesComponent, RestoreScrollDirective, RuntimeError, SURFACE_PROVIDER, SURFACE_TYPE, SWIPE_VELOCITY_WINDOW_MS, ScrollObserverDirective, ScrollObserverEndDirective, ScrollObserverStartDirective, SlugifyPipe, StructuredDataComponent, SurfaceInteractiveDirective, ToArrayPipe, TypedQueryList, UNSAVED_CHANGES_TITLE_MARKER, ValidateAtLeastOneRequired, Validators, anchoredOverlayPosition, animationDebugLog, applyAlternateBinding, applyAlternateLanguagesBindings, applyArticleBindings, applyAuthorBinding, applyCanonicalBinding, applyCenteredPosition, applyDescriptionBinding, applyFaviconOverlay, applyGlobalPosition, applyHeadBinding, applyHeadTitleBinding, applyHeadTitleMarker, applyHostListener, applyHostListeners, applyInitialFocus, applyKeywordsBinding, applyLinkBinding, applyMetaBinding, applyNextBinding, applyOgBinding, applyOpenGraphBindings, applyPrevBinding, applyResourceHintsBindings, applyRobotsBinding, applySocialMediaBindings, applyStructuredDataBinding, applyTwitterCardBindings, areScrollStatesEqual, bindProps, boolBreakpointTransform, booleanBreakpointAttribute, boundingClientRectToElementRect, breakpointTransformBase, buildElementSignal, buildSignalEffects, canUseSessionMemory, clamp, clone, cloneFormGroup, computedTillFalsy, computedTillTruthy, controlValueSignal, controlValueSignalWithPrevious, copyToClipboard, createAnchoredPositionCleanup, createArrayPropertyBinding, createAutoSessionMemoryKey, createBulkPropertyBinding, createCanAnimateSignal, createComponentId, createCssColorThemeName, createCssSurfaceName, createDependencyStash, createDestroy, createDocumentElementSignal, createElementDictionary, createElementDimensions, createEmptyElementSignal, createFlipAnimation, createFlipAnimationGroup, createHostProps, createIsRenderedSignal, createLogger, createObjectUrlHandle, createOverlayRuntimeRef, createPropHandlers, createPropertyBinding, createProps, createRootThemeCss, createRoute, createRouterState, createRxHostListener, createSessionMemory, createSetup, createSwatchCss, createSwipeTracker, createTailwindColorThemes, createTailwindCssVar, createTailwindRgbVar, createThemeStyle, createUnsavedChangesGuard, createUnsavedChangesTabLock, createUnsavedChangesTracker, createUserConsentProvider, deferredSignal, defineLabels, defineProvider, defineRootProvider, defineStaticProvider, defineStaticRootProvider, deleteCookie, dragGestureFrom, easeElastic, easeIn, easeInOut, easeLinear, easeOut, easeOutBack, easeOutBackStrong, elementCanScroll, enableAnchoredOverlayPositionExtras, equal, firstElementSignal, focusElement, forceReflow, formatRuntimeError, fromNextFrame, getCookie, getDomain, getElementScrollCoordinates, getFocusableElements, getFormGroupValue, getGroupMatchPoints, getGroupMatchScore, getHeadingElement, getKnockoutMatchScore, getMatchScoreSubLine, getObjectProperty, getScrollContainerTarget, getScrollItemTarget, getScrollSnapTarget, hasCookie, holdScrollRestoration, htmlToMarkdown, inferMimeType, initials, injectAngularRootElement, injectAnimatedBlockSize, injectBoundaryElement, injectBreakpointInput, injectBreakpointIsMatched, injectBreakpointObserver, injectCanHover, injectColorThemes, injectColorThemesPrefix, injectCurrentBreakpoint, injectDefaultColorTheme, injectDeviceInputType, injectDisplayOrientation, injectErrorTheme, injectFaviconStore, injectFileDownload, injectFocusVisibleTracker, injectFragment, injectHasPrecisionInput, injectHasTouchInput, injectHostElement, injectIs2Xl, injectIsDocumentVisible, injectIsLandscape, injectIsLg, injectIsMd, injectIsPortrait, injectIsRouterInitialized, injectIsSm, injectIsXl, injectIsXs, injectLinkStore, injectLinkStoreConfig, injectLocale, injectMediaQueryIsMatched, injectMetaConfig, injectMetaStore, injectNotifications, injectObserveBreakpoint, injectObserveMediaQuery, injectOverlayRuntime, injectPathParam, injectPathParamChanges, injectPathParams, injectPrefersReducedMotion, injectQueryParam, injectQueryParamChanges, injectQueryParams, injectRenderer, injectRoute, injectRouteData, injectRouteDataItem, injectRouteTitle, injectRouterEvent, injectRouterNavigationState, injectRouterState, injectScrollbarDimensions, injectStructuredDataConfig, injectStructuredDataStore, injectStyleManager, injectSuccessTheme, injectSurfaceContextTracker, injectSurfaceThemes, injectSurfaceThemesPrefix, injectTemplateRef, injectTitleConfig, injectTitleStore, injectUnsavedChangesCoordinator, injectUrl, injectViewportConfig, injectViewportDimensions, injectViewportSize, injectWarningTheme, isAnimationDebugEnabled, isArray, isElementSignal, isElementVisible, isFocusable, isGroupMatch, isHTMLElement, isKnockoutMatch, isObject, markdownToHtml, matchesReducedMotion, maybeSignalValue, memoizeSignal, nextFrame, normalizeGameResultType, normalizeMatchParticipant, normalizeMatchParticipants, normalizeMatchScore, normalizeMatchState, normalizeMatchType, normalizeUnsavedChangesSource, numberBreakpointAttribute, numberBreakpointTransform, previousSignalValue, provideBoundaryElement, provideBreakpointInstance, provideBreakpointObserver, provideColorThemes, provideColorThemesWithTailwind4, provideFaviconStore, provideFocusVisibleTracker, provideLinkStore, provideLinkStoreConfig, provideLocale, provideMetaConfig, provideMetaStore, provideNotifications, provideOverlayRuntime, provideRenderer, provideStructuredDataConfig, provideStructuredDataStore, provideStyleManager, provideSurfaceContextTracker, provideSurfaceThemesWithTailwind4, provideTitleConfig, provideTitleStore, provideUnsavedChangesCoordinator, provideViewportConfig, randomId, readFromClipboard, registerAnchoredPositionMiddlewareExtras, registerAnchoredPositionSetup, resetPositioningStyles, resolveAppRootColorProvider, resolveSurfaceByElevation, round, routerDisableScrollTop, routerRestoreScroll, scrollToElement, setBackdropStyles, setBaseElementStyles, setCookie, setInputSignal, setupFocusTrap, setupPositioning, setupScrollRestoration, signalAnimatedNumber, signalAttributes, signalClasses, signalElementChildren, signalElementDimensions, signalElementIntersection, signalElementLastScrollDirection, signalElementMutations, signalElementScrollState, signalHostAttributes, signalHostClasses, signalHostElementDimensions, signalHostElementIntersection, signalHostElementLastScrollDirection, signalHostElementMutations, signalHostElementScrollState, signalHostStyles, signalIsRendered, signalStyles, slugify, suppressTextSelection, switchQueryListChanges, syncSignal, templateComputed, toArray, toArrayTrackByFn, toInjectFn, toProvideFn, toStringBinding, toToken, transformOrReturn, typedBreakpointTransform, unbindProps, useCursorDragScroll, writeScrollbarSizeToCssVariables, writeViewportSizeToCssVariables, ɵProvideColorThemes, ɵProvideColorThemesPrefix, ɵProvideSurfaceThemes, ɵProvideSurfaceThemesPrefix };
-export type { AlternateLanguagesConfig, AnchoredPositionMiddlewareExtras, AnchoredPositionSetup, AngularRenderer, AnimatedBlockSizeConfig, AnimatedLifecycleState, AnimatedNumberSignal, AnimatedSizeAxis, AnimationEndEvent, AnyTemplateType, ArticleConfig, BindPropsOptions, BoolBreakpointSignal, Breakpoint, BreakpointInput, BreakpointMap, BuildMediaQueryOptions, BuildSignalEffectsConfig, ColorTheme, ColorThemeType, ComponentTemplate, ComponentType, ComponentTypeWithInputs, ConsentHandler, ControlValueSignalOptions, CreateLoggerConfig, CreatePropsOptions, CreateSessionMemoryConfig, CreateUnsavedChangesGuardConfig, CreateUnsavedChangesTabLockConfig, CreateUnsavedChangesTrackerConfig, CreateUserConsentProviderOptions, CurrentElementVisibility, CursorDragScrollDirection, CursorDragScrollOptions, DragEndEvent, DragGestureEvent, DragMoveEvent, DragStartEvent, ElementDimensions, ElementLastScrollDirection, ElementLastScrollDirectionType, ElementRect, ElementScrollState, ElementSignal, ElementSignalValue, ElementSize, EthleteColorThemeNameRegistry, EthleteSurfaceThemeNameRegistry, FaviconOverlay, FileDownloadOptions, FlipAnimationConfig, HeadBinding, HostProps, InjectFn, InjectQueryParamConfig, InjectUtilConfig, InjectUtilTransformConfig, IntersectionObserverEntryWithDetails, IsElementVisibleOptions, LabelsDefinition, LabelsSource, LinkConfig, LinkStoreConfig, LogicalSize, MaybeSignal, MetaConfig, MetaTagConfig, NgClassType, NgTemplateTemplate, NormalizedGameResultType, NormalizedMatchParticipant, NormalizedMatchParticipants, NormalizedMatchScore, NormalizedUnsavedChangesSource, NotificationActionConfig, NotificationClickContext, NotificationClickMessage, NotificationDeliveryPath, NotificationPermissionState, NotificationRef, Notifications, NullableElementDimensions, NumberBreakpointSignal, ObjectUrlHandle, OnThemeColorMap, OpenGraphConfig, OverlayRuntimeAnchoredPosition, OverlayRuntimeAnimationDelegate, OverlayRuntimeAnimationDelegateEnterContext, OverlayRuntimeAnimationDelegateLeaveContext, OverlayRuntimeAutoFocusTarget, OverlayRuntimeCenteredPosition, OverlayRuntimeCloseEvent, OverlayRuntimeCloseGuard, OverlayRuntimeCloseSource, OverlayRuntimeComponentBase, OverlayRuntimeElements, OverlayRuntimeGlobalPosition, OverlayRuntimeGlobalPositionAlignment, OverlayRuntimeMountConfig, OverlayRuntimePositionStrategy, OverlayRuntimeRef, OverlayRuntimeRole, OverlayRuntimeShiftOptions, OverlayRuntimeState, PropHandlers, Props, PropsAttachedElements, PropsAttachedElementsInternal, PropsInternal, ProviderDefinition, ProviderDefinitionOptions, RegisteredColorThemeName, RegisteredSurfaceThemeName, ResizeEdge, ResizeMoveEvent, ResourceHintsConfig, RobotsConfig, RouterDisableScrollTopConfig, RouterState, ScrollContainerTarget, ScrollItemTarget, ScrollRestorationRestoreConfig, ScrollRestorationScrollElement, ScrollSnapOrigin, ScrollSnapTarget, ScrollToElementOptions, SetupScrollRestorationConfig, ShowNotificationConfig, SignalAnimatedNumberOptions, SignalElementBindingComplexType, SignalElementBindingType, SignalElementChildrenOptions, SignalElementIntersectionOptions, SignalElementScrollStateOptions, SocialMediaConfig, StaticProviderDefinition, StringTemplate, StructuredDataConfig, StyleManager, SurfaceContextEntry, SurfaceContextSurface, SurfaceContextTracker, SurfaceInteractionColor, SurfaceTheme, SurfaceThemeColor, SurfaceType, SwipeEndEvent, SwipeTracker, SwipeUpdateEvent, SyncSignalOptions, TemplateRefWithContext, ThemeColor, ThemeColorMap, ThemeHSLColor, ThemeInkColorMap, ThemeRGBColor, ThemeSwatch, TitleConfig, TitlePart, Translatable, TwitterCardConfig, TypedBreakpointSignal, UnbindPropsOptions, UnsavedChangesAbandonReason, UnsavedChangesConfirmContext, UnsavedChangesConfirmFn, UnsavedChangesGuardRef, UnsavedChangesRegistration, UnsavedChangesSource, UnsavedChangesTabConfig, UnsavedChangesTabLockRef, UnsavedChangesTrackerRef, ValidateAtLeastOneRequiredConfig, Vec2, ViewportConfig };
+export { ANIMATABLE_TOKEN, ANIMATED_IF_TOKEN, ANIMATED_LIFECYCLE_TOKEN, ANIMATION_DEBUG_STORAGE_KEY, AT_LEAST_ONE_REQUIRED, AnimatableDirective, AnimatedIfDirective, AnimatedLifecycleDirective, AutoSurfaceDirective, BOUNDARY_ELEMENT_TOKEN, BREAKPOINT_INSTANCE_TOKEN, BREAKPOINT_ORDER, COLOR_PALETTE, COLOR_PROVIDER, CORE_VERSION, ClickOutsideDirective, ColorInteractiveContainerDirective, ColorInteractiveDirective, ColorInteractiveExcludeDirective, ColorInteractiveHasFocusDirective, DEFAULT_MULTI_INSTANCE_RELS, DEFAULT_MULTI_INSTANCE_TAGS, DEFAULT_VIEWPORT_CONFIG, DISABLE_LOGGER_PARAM, DragHandleDirective, ET_DISABLE_SCROLL_TOP, ET_DISABLE_SCROLL_TOP_AS_RETURN_ROUTE, ET_DISABLE_SCROLL_TOP_ON_PATH_PARAM_CHANGE, ET_PROPERTY_REMOVED, ET_RESTORE_SCROLL, FOCUSABLE_SELECTOR, FOCUS_VISIBLE_TRACKER_TOKEN, HtmlToMarkdownPipe, IS_ARRAY_NOT_EMPTY, IS_EMAIL, InferMimeTypePipe, InitialsPipe, IsArrayNotEmpty, IsEmail, jsonLd_d as JsonLD, KeyPressManager, MUST_MATCH, MarkdownToHtmlPipe, MatchStateType, MustMatch, NOTIFICATION_CLICK_MESSAGE_TYPE, NormalizeGameResultTypePipe, NormalizeMatchParticipantsPipe, NormalizeMatchScorePipe, NormalizeMatchStatePipe, NormalizeMatchTypePipe, PropsDirective, ProvideColorDirective, ProvideSurfaceDirective, RUNTIME_ERROR_NO_DATA, RepeatDirective, ResizeHandlesComponent, RestoreScrollDirective, RuntimeError, SURFACE_COLOR, SURFACE_PROVIDER, SURFACE_TYPE, SWIPE_VELOCITY_WINDOW_MS, ScrollObserverDirective, ScrollObserverEndDirective, ScrollObserverStartDirective, SlugifyPipe, StructuredDataComponent, SurfaceInteractiveDirective, ToArrayPipe, TypedQueryList, UNSAVED_CHANGES_TITLE_MARKER, ValidateAtLeastOneRequired, Validators, anchoredOverlayPosition, animationDebugLog, applyAlternateBinding, applyAlternateLanguagesBindings, applyArticleBindings, applyAuthorBinding, applyCanonicalBinding, applyCenteredPosition, applyDescriptionBinding, applyFaviconOverlay, applyGlobalPosition, applyHeadBinding, applyHeadTitleBinding, applyHeadTitleMarker, applyHostListener, applyHostListeners, applyInitialFocus, applyKeywordsBinding, applyLinkBinding, applyMetaBinding, applyNextBinding, applyOgBinding, applyOpenGraphBindings, applyPrevBinding, applyResourceHintsBindings, applyRobotsBinding, applySocialMediaBindings, applyStructuredDataBinding, applyTwitterCardBindings, areScrollStatesEqual, bindProps, boolBreakpointTransform, booleanBreakpointAttribute, boundingClientRectToElementRect, breakpointTransformBase, buildElementSignal, buildSignalEffects, canUseSessionMemory, clamp, clone, cloneFormGroup, computedTillFalsy, computedTillTruthy, controlValueSignal, controlValueSignalWithPrevious, copyToClipboard, createAnchoredPositionCleanup, createArrayPropertyBinding, createAutoSessionMemoryKey, createBulkPropertyBinding, createCanAnimateSignal, createComponentId, createCssColorThemeName, createCssSurfaceName, createDependencyStash, createDestroy, createDocumentElementSignal, createElementDictionary, createElementDimensions, createEmptyElementSignal, createFlipAnimation, createFlipAnimationGroup, createHostProps, createIsRenderedSignal, createLogger, createObjectUrlHandle, createOverlayRuntimeRef, createPropHandlers, createPropertyBinding, createProps, createRootThemeCss, createRoute, createRouterState, createRxHostListener, createSessionMemory, createSetup, createSwatchCss, createSwipeTracker, createTailwindColorThemes, createTailwindCssVar, createTailwindRgbVar, createThemeStyle, createUnsavedChangesGuard, createUnsavedChangesTabLock, createUnsavedChangesTracker, createUserConsentProvider, deferredSignal, defineLabels, defineProvider, defineRootProvider, defineStaticProvider, defineStaticRootProvider, deleteCookie, dragGestureFrom, easeElastic, easeIn, easeInOut, easeLinear, easeOut, easeOutBack, easeOutBackStrong, elementCanScroll, enableAnchoredOverlayPositionExtras, equal, firstElementSignal, focusElement, forceReflow, formatRuntimeError, fromNextFrame, getCookie, getDomain, getElementScrollCoordinates, getFocusableElements, getFormGroupValue, getGroupMatchPoints, getGroupMatchScore, getHeadingElement, getKnockoutMatchScore, getMatchScoreSubLine, getObjectProperty, getScrollContainerTarget, getScrollItemTarget, getScrollSnapTarget, hasCookie, holdScrollRestoration, htmlToMarkdown, inferMimeType, initials, injectAngularRootElement, injectAnimatedBlockSize, injectBoundaryElement, injectBreakpointInput, injectBreakpointIsMatched, injectBreakpointObserver, injectCanHover, injectColorPalette, injectColorThemes, injectColorThemesPrefix, injectCurrentBreakpoint, injectDefaultColorTheme, injectDeviceInputType, injectDisplayOrientation, injectErrorTheme, injectFaviconStore, injectFileDownload, injectFocusVisibleTracker, injectFragment, injectHasPrecisionInput, injectHasTouchInput, injectHostElement, injectIs2Xl, injectIsDocumentVisible, injectIsLandscape, injectIsLg, injectIsMd, injectIsPortrait, injectIsRouterInitialized, injectIsSm, injectIsXl, injectIsXs, injectLinkStore, injectLinkStoreConfig, injectLocale, injectMediaQueryIsMatched, injectMetaConfig, injectMetaStore, injectNotifications, injectObserveBreakpoint, injectObserveMediaQuery, injectOverlayRuntime, injectPathParam, injectPathParamChanges, injectPathParams, injectPrefersReducedMotion, injectQueryParam, injectQueryParamChanges, injectQueryParams, injectRenderer, injectRoute, injectRouteData, injectRouteDataItem, injectRouteTitle, injectRouterEvent, injectRouterNavigationState, injectRouterState, injectScrollbarDimensions, injectStructuredDataConfig, injectStructuredDataStore, injectStyleManager, injectSuccessTheme, injectSurfaceContextTracker, injectSurfaceThemes, injectSurfaceThemesPrefix, injectTemplateRef, injectTitleConfig, injectTitleStore, injectUnsavedChangesCoordinator, injectUrl, injectViewportConfig, injectViewportDimensions, injectViewportSize, injectWarningTheme, isAnimationDebugEnabled, isArray, isElementSignal, isElementVisible, isFocusable, isGroupMatch, isHTMLElement, isKnockoutMatch, isObject, markdownToHtml, matchesReducedMotion, maybeSignalValue, memoizeSignal, nextFrame, normalizeGameResultType, normalizeMatchParticipant, normalizeMatchParticipants, normalizeMatchScore, normalizeMatchState, normalizeMatchType, normalizeUnsavedChangesSource, numberBreakpointAttribute, numberBreakpointTransform, previousSignalValue, provideBoundaryElement, provideBreakpointInstance, provideBreakpointObserver, provideColorPalette, provideColorThemes, provideColorThemesWithTailwind4, provideFaviconStore, provideFocusVisibleTracker, provideLinkStore, provideLinkStoreConfig, provideLocale, provideMetaConfig, provideMetaStore, provideNotifications, provideOverlayRuntime, provideRenderer, provideStructuredDataConfig, provideStructuredDataStore, provideStyleManager, provideSurfaceContextTracker, provideSurfaceThemesWithTailwind4, provideTitleConfig, provideTitleStore, provideUnsavedChangesCoordinator, provideViewportConfig, randomId, readFromClipboard, registerAnchoredPositionMiddlewareExtras, registerAnchoredPositionSetup, resetPositioningStyles, resolveAppRootColorProvider, resolveSurfaceByElevation, round, routerDisableScrollTop, routerRestoreScroll, scrollToElement, setBackdropStyles, setBaseElementStyles, setCookie, setInputSignal, setupFocusTrap, setupPositioning, setupScrollRestoration, signalAnimatedNumber, signalAttributes, signalClasses, signalElementChildren, signalElementDimensions, signalElementIntersection, signalElementLastScrollDirection, signalElementMutations, signalElementScrollState, signalHostAttributes, signalHostClasses, signalHostElementDimensions, signalHostElementIntersection, signalHostElementLastScrollDirection, signalHostElementMutations, signalHostElementScrollState, signalHostStyles, signalIsRendered, signalStyles, slugify, suppressTextSelection, switchQueryListChanges, syncSignal, templateComputed, toArray, toArrayTrackByFn, toInjectFn, toProvideFn, toStringBinding, toToken, transformOrReturn, typedBreakpointTransform, unbindProps, useCursorDragScroll, writeScrollbarSizeToCssVariables, writeViewportSizeToCssVariables, ɵProvideColorThemes, ɵProvideColorThemesPrefix, ɵProvideSurfaceThemes, ɵProvideSurfaceThemesPrefix };
+export type { AlternateLanguagesConfig, AnchoredPositionMiddlewareExtras, AnchoredPositionSetup, AngularRenderer, AnimatedBlockSizeConfig, AnimatedLifecycleState, AnimatedNumberSignal, AnimatedSizeAxis, AnimationEndEvent, AnyTemplateType, ArticleConfig, BindPropsOptions, BoolBreakpointSignal, Breakpoint, BreakpointInput, BreakpointMap, BuildMediaQueryOptions, BuildSignalEffectsConfig, ColorPaletteEntry, ColorTheme, ColorThemeInput, ColorThemeType, ComponentTemplate, ComponentType, ComponentTypeWithInputs, ConsentHandler, ControlValueSignalOptions, CreateLoggerConfig, CreatePropsOptions, CreateSessionMemoryConfig, CreateUnsavedChangesGuardConfig, CreateUnsavedChangesTabLockConfig, CreateUnsavedChangesTrackerConfig, CreateUserConsentProviderOptions, CurrentElementVisibility, CursorDragScrollDirection, CursorDragScrollOptions, DragEndEvent, DragGestureEvent, DragMoveEvent, DragStartEvent, ElementDimensions, ElementLastScrollDirection, ElementLastScrollDirectionType, ElementRect, ElementScrollState, ElementSignal, ElementSignalValue, ElementSize, EthleteColorThemeNameRegistry, EthleteSurfaceThemeNameRegistry, FaviconOverlay, FileDownloadOptions, FlipAnimationConfig, HeadBinding, HostProps, InjectFn, InjectQueryParamConfig, InjectUtilConfig, InjectUtilTransformConfig, IntersectionObserverEntryWithDetails, IsElementVisibleOptions, LabelsDefinition, LabelsSource, LinkConfig, LinkStoreConfig, LogicalSize, MaybeSignal, MetaConfig, MetaTagConfig, NgClassType, NgTemplateTemplate, NormalizedGameResultType, NormalizedMatchParticipant, NormalizedMatchParticipants, NormalizedMatchScore, NormalizedUnsavedChangesSource, NotificationActionConfig, NotificationClickContext, NotificationClickMessage, NotificationDeliveryPath, NotificationPermissionState, NotificationRef, Notifications, NullableElementDimensions, NumberBreakpointSignal, ObjectUrlHandle, OnThemeColorMap, OpenGraphConfig, OverlayRuntimeAnchoredPosition, OverlayRuntimeAnimationDelegate, OverlayRuntimeAnimationDelegateEnterContext, OverlayRuntimeAnimationDelegateLeaveContext, OverlayRuntimeAutoFocusTarget, OverlayRuntimeCenteredPosition, OverlayRuntimeCloseEvent, OverlayRuntimeCloseGuard, OverlayRuntimeCloseSource, OverlayRuntimeComponentBase, OverlayRuntimeElements, OverlayRuntimeGlobalPosition, OverlayRuntimeGlobalPositionAlignment, OverlayRuntimeMountConfig, OverlayRuntimePositionStrategy, OverlayRuntimeRef, OverlayRuntimeRole, OverlayRuntimeShiftOptions, OverlayRuntimeState, PropHandlers, Props, PropsAttachedElements, PropsAttachedElementsInternal, PropsInternal, ProviderDefinition, ProviderDefinitionOptions, RegisteredColorThemeName, RegisteredSurfaceThemeName, ResizeEdge, ResizeMoveEvent, ResourceHintsConfig, RobotsConfig, RouterDisableScrollTopConfig, RouterState, ScrollContainerTarget, ScrollItemTarget, ScrollRestorationRestoreConfig, ScrollRestorationScrollElement, ScrollSnapOrigin, ScrollSnapTarget, ScrollToElementOptions, SetupScrollRestorationConfig, ShowNotificationConfig, SignalAnimatedNumberOptions, SignalElementBindingComplexType, SignalElementBindingType, SignalElementChildrenOptions, SignalElementIntersectionOptions, SignalElementScrollStateOptions, SocialMediaConfig, StaticProviderDefinition, StringTemplate, StructuredDataConfig, StyleManager, SurfaceColor, SurfaceContextEntry, SurfaceContextSurface, SurfaceContextTracker, SurfaceInteractionColor, SurfaceInteractionColorMap, SurfaceOnInteractionColorMap, SurfaceTheme, SurfaceThemeColor, SurfaceType, SwipeEndEvent, SwipeTracker, SwipeUpdateEvent, SyncSignalOptions, TemplateRefWithContext, ThemeColor, ThemeColorMap, ThemeHSLColor, ThemeInkColorMap, ThemeRGBColor, ThemeSwatch, TitleConfig, TitlePart, Translatable, TwitterCardConfig, TypedBreakpointSignal, UnbindPropsOptions, UnsavedChangesAbandonReason, UnsavedChangesConfirmContext, UnsavedChangesConfirmFn, UnsavedChangesGuardRef, UnsavedChangesRegistration, UnsavedChangesSource, UnsavedChangesTabConfig, UnsavedChangesTabLockRef, UnsavedChangesTrackerRef, ValidateAtLeastOneRequiredConfig, Vec2, ViewportConfig };