@slotted/theme 0.0.0-stage → 0.1.0-beta.1

package/dist/layer-order.js

@@ -0,0 +1,10 @@
+//#region src/layer-order.ts
+var e = [
+	"reset",
+	"tokens",
+	"theme",
+	"components",
+	"theme-rules"
+], t = `@layer ${e.map((e) => `slotted.${e}`).join(", ")};\n`;
+//#endregion
+export { e as LAYER_NAMES, t as LAYER_ORDER_STATEMENT };

package/dist/seeds-x76IGbQO.js

@@ -0,0 +1,99 @@
+//#region src/color.ts
+var e = (e, t, n) => Math.min(n, Math.max(t, e));
+function t(e) {
+	return e <= .04045 ? e / 12.92 : ((e + .055) / 1.055) ** 2.4;
+}
+function n(e) {
+	return e <= .0031308 ? e * 12.92 : 1.055 * e ** (1 / 2.4) - .055;
+}
+function r(e, n, r) {
+	let [i, a, o] = [
+		t(e),
+		t(n),
+		t(r)
+	], s = Math.cbrt(.4122214708 * i + .5363325363 * a + .0514459929 * o), c = Math.cbrt(.2119034982 * i + .6806995451 * a + .1073969566 * o), l = Math.cbrt(.0883024619 * i + .2817188376 * a + .6299787005 * o), u = .2104542553 * s + .793617785 * c - .0040720468 * l, d = 1.9779984951 * s - 2.428592205 * c + .4505937099 * l, f = .0259040371 * s + .7827717662 * c - .808675766 * l, p = Math.hypot(d, f);
+	return {
+		l: u,
+		c: p,
+		h: p < 1e-4 ? 0 : (Math.atan2(f, d) * 180 / Math.PI % 360 + 360) % 360
+	};
+}
+function i({ l: e, c: t, h: n }) {
+	let r = n * Math.PI / 180, i = t * Math.cos(r), a = t * Math.sin(r), o = (e + .3963377774 * i + .2158037573 * a) ** 3, s = (e - .1055613458 * i - .0638541728 * a) ** 3, c = (e - .0894841775 * i - 1.291485548 * a) ** 3;
+	return [
+		4.0767416621 * o - 3.3077115913 * s + .2309699292 * c,
+		-1.2684380046 * o + 2.6097574011 * s - .3413193965 * c,
+		-.0041960863 * o - .7034186147 * s + 1.707614701 * c
+	];
+}
+var a = /^#([\da-f]{3}|[\da-f]{6})$/i, o = /^oklch\(\s*(-?[\d.]+)(%?)\s+(-?[\d.]+)\s+(-?[\d.]+)(?:deg)?\s*\)$/i;
+function s(e) {
+	let t = e.trim(), n = a.exec(t);
+	if (n) {
+		let e = n[1], t = e.length === 3 ? [...e].map((e) => e + e).join("") : e, [i, a, o] = [
+			0,
+			2,
+			4
+		].map((e) => Number.parseInt(t.slice(e, e + 2), 16) / 255);
+		return r(i, a, o);
+	}
+	let i = o.exec(t);
+	if (!i) return null;
+	let s = Number(i[1]) / (i[2] === "%" ? 100 : 1), c = Number(i[3]), l = Number(i[4]);
+	return ![
+		s,
+		c,
+		l
+	].every(Number.isFinite) || s < 0 || s > 1 || c < 0 ? null : {
+		l: s,
+		c,
+		h: (l % 360 + 360) % 360
+	};
+}
+function c(t) {
+	let n = i(t), r = ([e, t, n]) => .2126 * e + .7152 * t + .0722 * n;
+	return {
+		raw: Math.max(0, r(n)),
+		clipped: r(n.map((t) => e(t, 0, 1)))
+	};
+}
+function l(e, t) {
+	return (Math.max(e, t) + .05) / (Math.min(e, t) + .05);
+}
+function u(e, t) {
+	let n = c(e), r = c(t);
+	return Math.min(l(n.raw, r.raw), l(n.clipped, r.clipped));
+}
+function d(t) {
+	return `#${i(t).map((t) => Math.round(e(n(e(t, 0, 1)), 0, 1) * 255).toString(16).padStart(2, "0")).join("")}`;
+}
+function f(e, t) {
+	let n = ({ l: e, c: t, h: n }) => [
+		e,
+		t * Math.cos(n * Math.PI / 180),
+		t * Math.sin(n * Math.PI / 180)
+	], [r, i] = [n(e), n(t)];
+	return Math.hypot(r[0] - i[0], r[1] - i[1], r[2] - i[2]);
+}
+//#endregion
+//#region src/seeds.ts
+var p = [
+	"accent",
+	"neutral",
+	"success",
+	"warning",
+	"danger"
+];
+function m(e) {
+	let t = {};
+	for (let n of p) {
+		let r = e[n];
+		if (r !== void 0) {
+			if (s(r) === null) throw Error(`seed ${n} ${JSON.stringify(r)} is neither #rrggbb nor oklch(L C H)`);
+			t[`--slotted-seed-${n}`] = r;
+		}
+	}
+	return t;
+}
+//#endregion
+export { r as a, d as c, f as i, i as l, m as n, s as o, u as r, c as s, p as t };

package/dist/seeds.js

@@ -0,0 +1,2 @@
+import { n as e, t } from "./seeds-x76IGbQO.js";
+export { t as SEED_NAMES, e as seedStyle };

package/dist/styles.css

@@ -0,0 +1 @@
+@layer slotted.reset, slotted.tokens, slotted.theme, slotted.components, slotted.theme-rules;

package/dist/types/apply.d.ts

@@ -0,0 +1,17 @@
+import type { Theme } from './define';
+/** Dispatched on the document when a theme stylesheet is applied or removed. */
+export declare const THEME_CHANGE_EVENT = "slotted-themechange";
+export interface ThemeChangeDetail {
+    readonly name: string;
+    readonly applied: boolean;
+}
+/**
+ * Puts a theme on the page without a build: one `<style>` per theme name in
+ * the head, replaced in place when the same name is applied again. The
+ * returned function removes it, but only while its call is still the latest
+ * one to have applied that name; a call a later one has superseded disposes
+ * to a no-op, as does calling the same disposer more than once.
+ */
+export declare function applyTheme(theme: Theme, options?: {
+    readonly document?: Document;
+}): () => void;

package/dist/types/bound.d.ts

@@ -0,0 +1,38 @@
+import type { Oklch } from './color';
+/**
+ * A lightness limit that holds a contrast ratio for every hue and chroma.
+ *
+ * The relative luminance of an OKLCH colour depends on its hue and chroma as
+ * well as on `l`: white text holds 4.5:1 up to l 0.568 at chroma 0, and the
+ * limit moves by about ±0.13 × chroma with the hue. A bound is a least-squares
+ * fit of the exact limit over chroma 0–`maxChroma` and every hue, moved by the
+ * fit's largest error toward the safe side, so it never admits a colour the
+ * exact limit refuses. `l + c·(T1 + c·(T2 + c·T3))`, each `Tp` a fourth-order
+ * Fourier series in the hue.
+ */
+export interface Bound {
+    readonly side: 'ceiling' | 'floor';
+    readonly l: number;
+    readonly k: readonly number[];
+}
+export declare const BOUND_POWERS = 3;
+export declare const BOUND_HARMONICS = 4;
+export declare function boundValue(bound: Bound, c: number, h: number): number;
+export declare function applyBounds(color: Oklch, bounds?: readonly Bound[]): Oklch;
+/**
+ * The limit as a `calc()` over the `a`, `b` and `alpha` channel keywords of an
+ * `oklab(from …)` whose alpha holds the chroma; `boundColorCss` builds it.
+ */
+export declare function boundCss(bound: Bound): string;
+/**
+ * A colour with its lightness held at the bound: the chroma moves into the
+ * alpha channel, the limit reads it there and the alpha returns to 1, so a
+ * bounded colour is opaque.
+ */
+export declare function boundColorCss(color: string, bound: Bound): string;
+/**
+ * The bound for a target relative luminance: a ceiling keeps the colour at or
+ * under it, a floor at or over it. Coefficients are rounded before the error
+ * is measured, so the shift covers the rounding as well as the fit.
+ */
+export declare function fitBound(target: number, side: Bound['side'], maxChroma?: number): Bound;

package/dist/types/color.d.ts

@@ -0,0 +1,30 @@
+/**
+ * Colour arithmetic for themes: OKLCH in, relative luminance and sRGB out. The
+ * matrices are Björn Ottosson's OKLab reference. A theme carries its seeds in
+ * OKLCH because the recipe derives every token by moving lightness and chroma
+ * along a fixed hue, which is what `oklch(from …)` computes in the browser.
+ */
+export interface Oklch {
+    readonly l: number;
+    readonly c: number;
+    readonly h: number;
+}
+/** sRGB channels in 0–1 to OKLCH. A chroma under 1e-4 has no hue; it reads as 0. */
+export declare function fromSrgb(r: number, g: number, b: number): Oklch;
+/** Linear-light sRGB, unclipped: a colour outside sRGB has a channel below 0 or above 1. */
+export declare function toLinearSrgb({ l, c, h }: Oklch): [number, number, number];
+/** A seed in one of the two notations a theme accepts, or `null`. */
+export declare function parseSeed(text: string): Oklch | null;
+export interface Luminance {
+    /** Of the colour as computed, which a wide-gamut screen shows. Never below 0. */
+    readonly raw: number;
+    /** Of the colour clipped per channel to sRGB, which an sRGB screen shows. */
+    readonly clipped: number;
+}
+export declare function relativeLuminance(color: Oklch): Luminance;
+/** The WCAG ratio a reader gets on either kind of screen: the lower of the two. */
+export declare function contrast(first: Oklch, second: Oklch): number;
+/** Six-digit hex of the colour clipped to sRGB. */
+export declare function toHex(color: Oklch): string;
+/** Euclidean distance in OKLab. */
+export declare function deltaE(first: Oklch, second: Oklch): number;

package/dist/types/contract-types.d.ts

@@ -0,0 +1,18 @@
+export interface TokenDefinition {
+    readonly name: string;
+    readonly layer: 'primitive' | 'semantic' | 'component';
+    readonly axis: 'base' | 'scheme' | 'density';
+    readonly type: string;
+    readonly root?: boolean;
+    readonly literal?: string;
+    readonly forcedColor?: string;
+    readonly reducedMotion?: boolean;
+}
+export interface TokenContract {
+    readonly schemaVersion: number;
+    readonly layers: readonly string[];
+    readonly axes: readonly string[];
+    readonly requiredSchemes: readonly string[];
+    readonly requiredDensities: readonly string[];
+    readonly tokens: readonly TokenDefinition[];
+}

package/dist/types/css-scan.d.ts

@@ -0,0 +1,29 @@
+/**
+ * Walks CSS text once, tracking whether each character sits inside a quoted
+ * string or a `/* ... *\/` comment, or follows a `\` that escapes it. Every
+ * reader of raw, interpolated CSS text — splitting a theme's rules into
+ * statements, or checking that a value carries no structural character —
+ * needs the same state, because `;`, `{` and `}` only mean what they look
+ * like when neither a string nor a comment is open and no `\` precedes them.
+ * `handlers.onCodeChar` runs for every other character; `handlers.onComment`
+ * runs once a comment closes, with its start index and the index right after
+ * it.
+ *
+ * The tokenizer rules followed are CSS Syntax Level 3 § 4.3: a `\` outside a
+ * string escapes the character after it, and a newline (`\n`, `\r`, `\f`)
+ * not preceded by `\` ends a string as a bad string, which this scan reports
+ * as a string left open.
+ */
+export interface ScanHandlers {
+    readonly onCodeChar?: (char: string, index: number) => void;
+    readonly onComment?: (start: number, end: number) => void;
+}
+export interface ScanEnd {
+    /** The quote character of a string a newline or the end of the text left open, or `null`. */
+    readonly openQuote: string | null;
+    /** The index of a `/*` that never found its `*\/`, or `null`. */
+    readonly openCommentAt: number | null;
+    /** The text ends in a `\` outside a string, which escapes whatever is written after it. */
+    readonly openEscape: boolean;
+}
+export declare function scanCssText(text: string, handlers?: ScanHandlers): ScanEnd;

package/dist/types/define.d.ts

@@ -0,0 +1,56 @@
+import { type BaseToken, type ComponentToken, type DensityToken, type MotionToken, type SchemeToken } from './generated/contract';
+import { type Recipe, type Scheme, type SeedName } from './recipe';
+import { type FlatTheme } from './validate';
+export declare const DENSITIES: readonly ["comfortable", "compact", "dense"];
+export type Density = (typeof DENSITIES)[number];
+type Values<T extends string> = Readonly<Partial<Record<T, string>>>;
+export interface FontFaceDefinition {
+    readonly family: string;
+    /** A CSS `src` value, written as it would be in `@font-face`. */
+    readonly src: string;
+    readonly weight?: string;
+    readonly style?: string;
+    readonly display?: 'auto' | 'block' | 'swap' | 'fallback' | 'optional';
+}
+export interface ThemeDefinition {
+    readonly name: string;
+    readonly seeds: Readonly<Record<SeedName, string>>;
+    readonly recipe: Recipe;
+    readonly base?: Values<BaseToken>;
+    readonly schemes?: Readonly<Partial<Record<Scheme, Values<SchemeToken>>>>;
+    readonly densities?: Readonly<Partial<Record<Density, Values<DensityToken>>>>;
+    readonly reducedMotion?: Values<MotionToken>;
+    readonly components?: Values<ComponentToken>;
+    readonly fonts?: readonly FontFaceDefinition[];
+    /** CSS text, or the URL of a `.css` file the CLI reads at build time. */
+    readonly rules?: readonly (string | URL)[];
+}
+export interface Theme extends ThemeDefinition {
+    readonly kind: 'slotted-theme';
+}
+export type ThemeOverrides = Omit<Partial<ThemeDefinition>, 'name' | 'seeds'> & {
+    readonly seeds?: Readonly<Partial<Record<SeedName, string>>>;
+};
+/**
+ * The theme as the contract reads it: every scheme with the recipe evaluated —
+ * an alias as its `var()`, every other derivation as the hex it computes to
+ * with the theme's own seeds — and the theme's scheme values laid over it.
+ */
+export declare function flattenTheme(theme: ThemeDefinition): FlatTheme;
+/**
+ * Throws when `theme` could not have come from `defineTheme`. `renderTheme`
+ * calls it on every theme, because an object typed `Theme` — one read back
+ * from storage, say — need never have passed through `defineTheme`.
+ */
+export declare function assertTheme(theme: ThemeDefinition): void;
+export declare function defineTheme(definition: ThemeDefinition): Theme;
+/**
+ * A theme built on another: `base`, `reducedMotion` and `components` merged
+ * key by key; `schemes` and `densities` merged per scheme/density; `seeds`
+ * merged per seed name; `recipe` replaced whole when `overrides` carries one;
+ * `fonts` and `rules` appended after `base`'s own.
+ */
+export declare function extendTheme(base: Theme, overrides: ThemeOverrides, options: {
+    readonly name: string;
+}): Theme;
+export {};

package/dist/types/format.d.ts

@@ -0,0 +1,6 @@
+/**
+ * A number as CSS reads it: five decimals at most, no exponent, no trailing
+ * zeros. The evaluator rounds coefficients to the same five decimals, so the
+ * browser and the evaluator compute with the same constants.
+ */
+export declare function fmt(value: number): string;

package/dist/types/generated/contract.d.ts

@@ -0,0 +1,9 @@
+import type { TokenContract } from '../contract-types';
+export declare const contract: TokenContract;
+export type BaseToken = '--slotted-radius-none' | '--slotted-font-family-sans' | '--slotted-font-family-mono' | '--slotted-border-width-thin' | '--slotted-border-width-thick' | '--slotted-border-width-medium' | '--slotted-duration-loop-fast' | '--slotted-duration-loop' | '--slotted-duration-loop-slow' | '--slotted-space-1' | '--slotted-space-2' | '--slotted-space-3' | '--slotted-space-4' | '--slotted-space-5' | '--slotted-space-6' | '--slotted-space-7' | '--slotted-space-8' | '--slotted-space-9' | '--slotted-space-10' | '--slotted-space-11' | '--slotted-space-12' | '--slotted-radius-xs' | '--slotted-radius-sm' | '--slotted-radius-md' | '--slotted-radius-lg' | '--slotted-radius-full' | '--slotted-font-size-xs' | '--slotted-font-size-sm' | '--slotted-font-size-md' | '--slotted-font-size-lg' | '--slotted-font-size-xl' | '--slotted-font-size-2xl' | '--slotted-font-size-3xl' | '--slotted-font-size-4xl' | '--slotted-line-height-xs' | '--slotted-line-height-sm' | '--slotted-line-height-md' | '--slotted-line-height-lg' | '--slotted-line-height-xl' | '--slotted-line-height-2xl' | '--slotted-line-height-3xl' | '--slotted-line-height-4xl' | '--slotted-font-weight-regular' | '--slotted-font-weight-medium' | '--slotted-font-weight-semibold' | '--slotted-duration-instant' | '--slotted-duration-short' | '--slotted-duration-medium' | '--slotted-duration-long' | '--slotted-easing-standard' | '--slotted-easing-enter' | '--slotted-easing-exit' | '--slotted-easing-emphasized' | '--slotted-z-index-sticky' | '--slotted-z-index-overlay' | '--slotted-z-index-popover' | '--slotted-z-index-toast' | '--slotted-icon-check' | '--slotted-icon-minus' | '--slotted-icon-plus' | '--slotted-icon-dot' | '--slotted-icon-x' | '--slotted-icon-ellipsis' | '--slotted-icon-copy' | '--slotted-icon-eye' | '--slotted-icon-eye-off' | '--slotted-icon-chevron-right' | '--slotted-icon-chevrons-right' | '--slotted-icon-panel-open' | '--slotted-icon-panel-close' | '--slotted-icon-arrow-left' | '--slotted-icon-pin' | '--slotted-icon-pin-off' | '--slotted-icon-chevron-down' | '--slotted-icon-calendar' | '--slotted-icon-clock' | '--slotted-icon-external' | '--slotted-icon-person' | '--slotted-icon-circle' | '--slotted-icon-circle-info' | '--slotted-icon-circle-check' | '--slotted-icon-triangle-alert' | '--slotted-icon-circle-alert' | '--slotted-icon-circle-x' | '--slotted-icon-circle-question' | '--slotted-icon-inbox' | '--slotted-icon-search' | '--slotted-icon-search-x' | '--slotted-icon-lock' | '--slotted-icon-caps-lock' | '--slotted-icon-arrow-up' | '--slotted-icon-stop' | '--slotted-icon-paperclip' | '--slotted-icon-pipette' | '--slotted-icon-cloud-off' | '--slotted-icon-loader-circle' | '--slotted-icon-maximize' | '--slotted-icon-minimize' | '--slotted-icon-upload' | '--slotted-icon-file' | '--slotted-icon-trash' | '--slotted-icon-play' | '--slotted-icon-pause' | '--slotted-icon-rotate-ccw' | '--slotted-icon-file-image' | '--slotted-icon-file-text' | '--slotted-icon-file-spreadsheet' | '--slotted-icon-file-audio' | '--slotted-icon-file-video' | '--slotted-icon-file-archive' | '--slotted-icon-file-type' | '--slotted-icon-presentation' | '--slotted-icon-text-wrap' | '--slotted-icon-bell' | '--slotted-icon-trending-up' | '--slotted-icon-image-off' | '--slotted-icon-funnel' | '--slotted-icon-grip-vertical' | '--slotted-icon-grip-horizontal' | '--slotted-icon-star' | '--slotted-icon-check-check' | '--slotted-font-family-heading' | '--slotted-control-font-family' | '--slotted-control-font-weight' | '--slotted-control-line-height' | '--slotted-control-letter-spacing' | '--slotted-control-border-width' | '--slotted-control-radius' | '--slotted-control-shadow-focus-geometry' | '--slotted-control-transition-duration' | '--slotted-control-transition-easing' | '--slotted-focus-ring-width' | '--slotted-control-invalid-edge-width' | '--slotted-focus-ring-offset' | '--slotted-target-min' | '--slotted-target-comfortable' | '--slotted-selection-size-sm' | '--slotted-selection-size-md' | '--slotted-selection-size-lg' | '--slotted-selection-halo-opacity' | '--slotted-highlight-tint-opacity';
+export type SchemeToken = '--slotted-focus-ring-color' | '--slotted-focus-ring-color-invalid' | '--slotted-border-subtle' | '--slotted-text' | '--slotted-text-muted' | '--slotted-disabled-background' | '--slotted-disabled-foreground' | '--slotted-disabled-border' | '--slotted-tone-accent-solid' | '--slotted-tone-accent-surface' | '--slotted-tone-accent-solid-hover' | '--slotted-tone-accent-solid-active' | '--slotted-tone-accent-on-solid' | '--slotted-tone-accent-border' | '--slotted-tone-accent-text' | '--slotted-tone-accent-subtle-hover' | '--slotted-tone-accent-subtle-active' | '--slotted-tone-secondary-solid' | '--slotted-tone-secondary-surface' | '--slotted-tone-secondary-solid-hover' | '--slotted-tone-secondary-solid-active' | '--slotted-tone-secondary-on-solid' | '--slotted-tone-secondary-border' | '--slotted-tone-secondary-text' | '--slotted-tone-secondary-subtle-hover' | '--slotted-tone-secondary-subtle-active' | '--slotted-tone-success-solid' | '--slotted-tone-success-surface' | '--slotted-tone-success-solid-hover' | '--slotted-tone-success-solid-active' | '--slotted-tone-success-on-solid' | '--slotted-tone-success-border' | '--slotted-tone-success-text' | '--slotted-tone-success-subtle-hover' | '--slotted-tone-success-subtle-active' | '--slotted-tone-warning-solid' | '--slotted-tone-warning-surface' | '--slotted-tone-warning-solid-hover' | '--slotted-tone-warning-solid-active' | '--slotted-tone-warning-on-solid' | '--slotted-tone-warning-border' | '--slotted-tone-warning-text' | '--slotted-tone-warning-subtle-hover' | '--slotted-tone-warning-subtle-active' | '--slotted-tone-danger-solid' | '--slotted-tone-danger-surface' | '--slotted-tone-danger-solid-hover' | '--slotted-tone-danger-solid-active' | '--slotted-tone-danger-on-solid' | '--slotted-tone-danger-border' | '--slotted-tone-danger-text' | '--slotted-tone-danger-subtle-hover' | '--slotted-tone-danger-subtle-active' | '--slotted-shadow-xs' | '--slotted-shadow-sm' | '--slotted-shadow-md' | '--slotted-shadow-lg' | '--slotted-surface' | '--slotted-surface-raised' | '--slotted-surface-sunken' | '--slotted-surface-inverse' | '--slotted-text-inverse' | '--slotted-border-strong' | '--slotted-control-border-color' | '--slotted-control-surface' | '--slotted-current-edge' | '--slotted-control-shadow' | '--slotted-scrim' | '--slotted-data-1' | '--slotted-data-2' | '--slotted-data-3' | '--slotted-data-4' | '--slotted-data-5' | '--slotted-data-6' | '--slotted-data-7' | '--slotted-data-8' | '--slotted-upload-kind-pdf' | '--slotted-upload-kind-document' | '--slotted-upload-kind-spreadsheet' | '--slotted-upload-kind-presentation' | '--slotted-upload-kind-image' | '--slotted-upload-kind-video' | '--slotted-upload-kind-audio' | '--slotted-upload-kind-archive' | '--slotted-upload-kind-other' | '--slotted-upload-kind-foreground' | '--slotted-code-comment' | '--slotted-code-keyword' | '--slotted-code-string' | '--slotted-code-number' | '--slotted-code-function' | '--slotted-code-type' | '--slotted-code-variable' | '--slotted-code-property' | '--slotted-code-punctuation' | '--slotted-code-tag' | '--slotted-code-attribute' | '--slotted-code-constant' | '--slotted-rating-edge';
+export type DensityToken = '--slotted-control-height-sm' | '--slotted-control-height-md' | '--slotted-control-height-lg' | '--slotted-control-padding-inline-sm' | '--slotted-control-padding-inline-md' | '--slotted-control-padding-inline-lg' | '--slotted-control-font-size-sm' | '--slotted-control-font-size-md' | '--slotted-control-font-size-lg' | '--slotted-control-icon-size-sm' | '--slotted-control-icon-size-md' | '--slotted-control-icon-size-lg' | '--slotted-control-gap-sm' | '--slotted-control-gap-md' | '--slotted-control-gap-lg' | '--slotted-control-label-gap-sm' | '--slotted-control-label-gap-md' | '--slotted-control-label-gap-lg' | '--slotted-control-inner-size-sm' | '--slotted-control-inner-size-md' | '--slotted-control-inner-size-lg' | '--slotted-avatar-size-xs' | '--slotted-avatar-size-sm' | '--slotted-avatar-size-md' | '--slotted-avatar-size-lg' | '--slotted-avatar-size-xl';
+export type MotionToken = '--slotted-duration-instant' | '--slotted-duration-short' | '--slotted-duration-medium' | '--slotted-duration-long';
+export type ColorToken = '--slotted-focus-ring-color' | '--slotted-focus-ring-color-invalid' | '--slotted-border-subtle' | '--slotted-text' | '--slotted-text-muted' | '--slotted-disabled-background' | '--slotted-disabled-foreground' | '--slotted-disabled-border' | '--slotted-tone-accent-solid' | '--slotted-tone-accent-surface' | '--slotted-tone-accent-solid-hover' | '--slotted-tone-accent-solid-active' | '--slotted-tone-accent-on-solid' | '--slotted-tone-accent-border' | '--slotted-tone-accent-text' | '--slotted-tone-accent-subtle-hover' | '--slotted-tone-accent-subtle-active' | '--slotted-tone-secondary-solid' | '--slotted-tone-secondary-surface' | '--slotted-tone-secondary-solid-hover' | '--slotted-tone-secondary-solid-active' | '--slotted-tone-secondary-on-solid' | '--slotted-tone-secondary-border' | '--slotted-tone-secondary-text' | '--slotted-tone-secondary-subtle-hover' | '--slotted-tone-secondary-subtle-active' | '--slotted-tone-success-solid' | '--slotted-tone-success-surface' | '--slotted-tone-success-solid-hover' | '--slotted-tone-success-solid-active' | '--slotted-tone-success-on-solid' | '--slotted-tone-success-border' | '--slotted-tone-success-text' | '--slotted-tone-success-subtle-hover' | '--slotted-tone-success-subtle-active' | '--slotted-tone-warning-solid' | '--slotted-tone-warning-surface' | '--slotted-tone-warning-solid-hover' | '--slotted-tone-warning-solid-active' | '--slotted-tone-warning-on-solid' | '--slotted-tone-warning-border' | '--slotted-tone-warning-text' | '--slotted-tone-warning-subtle-hover' | '--slotted-tone-warning-subtle-active' | '--slotted-tone-danger-solid' | '--slotted-tone-danger-surface' | '--slotted-tone-danger-solid-hover' | '--slotted-tone-danger-solid-active' | '--slotted-tone-danger-on-solid' | '--slotted-tone-danger-border' | '--slotted-tone-danger-text' | '--slotted-tone-danger-subtle-hover' | '--slotted-tone-danger-subtle-active' | '--slotted-surface' | '--slotted-surface-raised' | '--slotted-surface-sunken' | '--slotted-surface-inverse' | '--slotted-text-inverse' | '--slotted-border-strong' | '--slotted-control-border-color' | '--slotted-control-surface' | '--slotted-current-edge' | '--slotted-scrim' | '--slotted-data-1' | '--slotted-data-2' | '--slotted-data-3' | '--slotted-data-4' | '--slotted-data-5' | '--slotted-data-6' | '--slotted-data-7' | '--slotted-data-8' | '--slotted-upload-kind-pdf' | '--slotted-upload-kind-document' | '--slotted-upload-kind-spreadsheet' | '--slotted-upload-kind-presentation' | '--slotted-upload-kind-image' | '--slotted-upload-kind-video' | '--slotted-upload-kind-audio' | '--slotted-upload-kind-archive' | '--slotted-upload-kind-other' | '--slotted-upload-kind-foreground' | '--slotted-code-comment' | '--slotted-code-keyword' | '--slotted-code-string' | '--slotted-code-number' | '--slotted-code-function' | '--slotted-code-type' | '--slotted-code-variable' | '--slotted-code-property' | '--slotted-code-punctuation' | '--slotted-code-tag' | '--slotted-code-attribute' | '--slotted-code-constant' | '--slotted-rating-edge';
+export type ComponentToken = '--slotted-accordion-gap' | '--slotted-accordion-radius' | '--slotted-accordion-rule-color' | '--slotted-accordion-surface' | '--slotted-action-bar-background' | '--slotted-action-bar-border-color' | '--slotted-action-bar-gap' | '--slotted-action-bar-inset-block' | '--slotted-action-bar-inset-inline' | '--slotted-action-bar-overflow-active-background' | '--slotted-action-bar-overflow-color' | '--slotted-action-bar-overflow-hover-background' | '--slotted-action-bar-overflow-hover-color' | '--slotted-action-bar-overflow-open-background' | '--slotted-action-bar-separator-color' | '--slotted-action-bar-status-color' | '--slotted-action-sheet-footer-surface' | '--slotted-action-sheet-highlight' | '--slotted-action-sheet-highlight-active' | '--slotted-action-sheet-inline-size' | '--slotted-action-sheet-rule-color' | '--slotted-alert-actions-gap' | '--slotted-alert-border-width' | '--slotted-alert-column-gap' | '--slotted-alert-dismiss-radius' | '--slotted-alert-dismiss-size' | '--slotted-alert-font-family' | '--slotted-alert-padding-block' | '--slotted-alert-padding-inline' | '--slotted-alert-radius' | '--slotted-alert-row-gap' | '--slotted-alert-state-layer-active' | '--slotted-alert-state-layer-hover' | '--slotted-alert-text-gap' | '--slotted-alert-title-font-family' | '--slotted-alert-title-font-weight' | '--slotted-app-shell-aside-color' | '--slotted-app-shell-aside-extent' | '--slotted-app-shell-aside-size-lg' | '--slotted-app-shell-aside-size-md' | '--slotted-app-shell-aside-size-sm' | '--slotted-app-shell-aside-surface' | '--slotted-app-shell-banner-block-size' | '--slotted-app-shell-banner-color' | '--slotted-app-shell-banner-surface' | '--slotted-app-shell-border-color' | '--slotted-app-shell-brand-overflow' | '--slotted-app-shell-brand-wrap' | '--slotted-app-shell-canvas' | '--slotted-app-shell-color' | '--slotted-app-shell-elevation' | '--slotted-app-shell-footer-color' | '--slotted-app-shell-footer-surface' | '--slotted-app-shell-frame' | '--slotted-app-shell-frame-image' | '--slotted-app-shell-gutter' | '--slotted-app-shell-main-color' | '--slotted-app-shell-main-surface' | '--slotted-app-shell-nav-color' | '--slotted-app-shell-nav-overlay-size' | '--slotted-app-shell-nav-size-lg' | '--slotted-app-shell-nav-size-md' | '--slotted-app-shell-nav-size-sm' | '--slotted-app-shell-nav-surface' | '--slotted-app-shell-radius' | '--slotted-app-shell-rail-size' | '--slotted-app-shell-resizer-color' | '--slotted-app-shell-row-font-size' | '--slotted-app-shell-row-gap' | '--slotted-app-shell-row-height' | '--slotted-app-shell-row-inset' | '--slotted-app-shell-row-inset-size' | '--slotted-app-shell-row-line-height' | '--slotted-app-shell-row-mark' | '--slotted-app-shell-row-mark-size' | '--slotted-app-shell-row-text-line-height' | '--slotted-app-shell-row-text-size' | '--slotted-app-shell-scrim' | '--slotted-app-shell-scrollbar-thumb-color' | '--slotted-app-shell-scrollbar-track-color' | '--slotted-app-shell-tone-surface' | '--slotted-aspect-ratio' | '--slotted-attachment-action-radius' | '--slotted-attachment-action-size' | '--slotted-attachment-action-state-layer-active' | '--slotted-attachment-action-state-layer-hover' | '--slotted-attachment-background' | '--slotted-attachment-border-color' | '--slotted-attachment-border-width' | '--slotted-attachment-card-actions-opacity' | '--slotted-attachment-card-preview-radius' | '--slotted-attachment-card-size' | '--slotted-attachment-font-family' | '--slotted-attachment-grid-min' | '--slotted-attachment-group-gap' | '--slotted-attachment-icon-size-min' | '--slotted-attachment-line-gap' | '--slotted-attachment-name-font-weight' | '--slotted-attachment-padding-lg' | '--slotted-attachment-padding-md' | '--slotted-attachment-padding-sm' | '--slotted-attachment-preview-radius' | '--slotted-attachment-preview-size' | '--slotted-attachment-radius' | '--slotted-attachment-state-layer-active' | '--slotted-attachment-state-layer-hover' | '--slotted-attachment-strip-item-size' | '--slotted-avatar-border-width' | '--slotted-avatar-disabled-image-filter' | '--slotted-avatar-elevation' | '--slotted-avatar-font-family' | '--slotted-avatar-font-weight' | '--slotted-avatar-glyph-size' | '--slotted-avatar-group-overlap' | '--slotted-avatar-group-raise-lift' | '--slotted-avatar-initials-size' | '--slotted-avatar-radius' | '--slotted-avatar-ring-color' | '--slotted-avatar-ring-width' | '--slotted-avatar-size' | '--slotted-avatar-state-layer-active' | '--slotted-avatar-state-layer-hover' | '--slotted-badge-anchor-offset-x' | '--slotted-badge-anchor-offset-y' | '--slotted-badge-border-width' | '--slotted-badge-dot-border-color' | '--slotted-badge-font-family' | '--slotted-badge-font-weight' | '--slotted-badge-radius' | '--slotted-badge-ring-color' | '--slotted-badge-ring-width' | '--slotted-breadcrumb-color' | '--slotted-breadcrumb-color-current' | '--slotted-breadcrumb-color-hover' | '--slotted-breadcrumb-content-gap' | '--slotted-breadcrumb-ellipsis-background-active' | '--slotted-breadcrumb-ellipsis-background-hover' | '--slotted-breadcrumb-ellipsis-focus-ring-offset' | '--slotted-breadcrumb-ellipsis-radius' | '--slotted-breadcrumb-focus-ring-offset' | '--slotted-breadcrumb-font-family' | '--slotted-breadcrumb-font-size' | '--slotted-breadcrumb-gap' | '--slotted-breadcrumb-item-measure' | '--slotted-breadcrumb-line-height' | '--slotted-breadcrumb-page-weight' | '--slotted-breadcrumb-radius' | '--slotted-breadcrumb-row-gap' | '--slotted-breadcrumb-separator-color' | '--slotted-breadcrumb-separator-length' | '--slotted-breadcrumb-separator-skew' | '--slotted-breadcrumb-separator-thickness' | '--slotted-breadcrumb-underline-offset' | '--slotted-breadcrumb-underline-thickness' | '--slotted-calendar-active-background' | '--slotted-calendar-background' | '--slotted-calendar-cell-size' | '--slotted-calendar-color' | '--slotted-calendar-day-radius' | '--slotted-calendar-disabled-color' | '--slotted-calendar-hover-background' | '--slotted-calendar-in-range-color' | '--slotted-calendar-invalid-edge-width' | '--slotted-calendar-invalid-focus-ring-color' | '--slotted-calendar-outside-color' | '--slotted-calendar-preview-background' | '--slotted-calendar-preview-border-color' | '--slotted-calendar-radius' | '--slotted-calendar-range-active-background' | '--slotted-calendar-range-background' | '--slotted-calendar-range-border-color' | '--slotted-calendar-range-hover-background' | '--slotted-calendar-selected-background' | '--slotted-calendar-selected-color' | '--slotted-calendar-today-color' | '--slotted-calendar-trigger-color' | '--slotted-calendar-unavailable-color' | '--slotted-calendar-week-number-border-color' | '--slotted-calendar-week-number-color' | '--slotted-calendar-weekday-color' | '--slotted-card-actions-gap' | '--slotted-card-background' | '--slotted-card-background-disabled' | '--slotted-card-background-selected' | '--slotted-card-background-selected-active' | '--slotted-card-background-selected-hover' | '--slotted-card-background-subtle' | '--slotted-card-border-color' | '--slotted-card-border-color-disabled' | '--slotted-card-border-color-hover' | '--slotted-card-border-width' | '--slotted-card-color' | '--slotted-card-color-disabled' | '--slotted-card-edge-color-selected' | '--slotted-card-edge-width-selected' | '--slotted-card-footer-gap' | '--slotted-card-header-column-gap' | '--slotted-card-header-gap' | '--slotted-card-media-size' | '--slotted-card-padding-block' | '--slotted-card-padding-block-lg' | '--slotted-card-padding-block-sm' | '--slotted-card-padding-inline' | '--slotted-card-padding-inline-lg' | '--slotted-card-padding-inline-sm' | '--slotted-card-radius' | '--slotted-card-region-gap' | '--slotted-card-region-gap-lg' | '--slotted-card-region-gap-sm' | '--slotted-card-selection-line' | '--slotted-card-selection-size' | '--slotted-card-shadow' | '--slotted-card-shadow-hover' | '--slotted-carousel-controls-gap' | '--slotted-carousel-duration' | '--slotted-carousel-gap' | '--slotted-carousel-peek' | '--slotted-carousel-radius' | '--slotted-carousel-slide-min-size' | '--slotted-carousel-thumbnail-size' | '--slotted-carousel-viewport-size' | '--slotted-cascader-arrow-color' | '--slotted-cascader-background' | '--slotted-cascader-border-color' | '--slotted-cascader-border-subtle' | '--slotted-cascader-column-measure' | '--slotted-cascader-content-radius' | '--slotted-cascader-content-shadow' | '--slotted-cascader-highlight' | '--slotted-cascader-highlight-active' | '--slotted-cascader-highlight-ring' | '--slotted-cascader-hover-border-color' | '--slotted-cascader-icon-size-min' | '--slotted-cascader-indent' | '--slotted-cascader-invalid-border-color' | '--slotted-cascader-invalid-edge-width' | '--slotted-cascader-mark-inset' | '--slotted-cascader-open-border-color' | '--slotted-cascader-path' | '--slotted-cascader-placeholder-color' | '--slotted-cascader-radius' | '--slotted-cascader-selected-color' | '--slotted-cascader-separator-color' | '--slotted-cascader-surface' | '--slotted-chart-area-opacity' | '--slotted-chart-axis-color' | '--slotted-chart-band-color' | '--slotted-chart-bar-radius' | '--slotted-chart-card-padding-block' | '--slotted-chart-card-padding-inline' | '--slotted-chart-card-radius' | '--slotted-chart-color-1' | '--slotted-chart-color-2' | '--slotted-chart-color-3' | '--slotted-chart-color-4' | '--slotted-chart-color-5' | '--slotted-chart-color-6' | '--slotted-chart-color-7' | '--slotted-chart-color-8' | '--slotted-chart-crosshair-color' | '--slotted-chart-focus-color' | '--slotted-chart-gap' | '--slotted-chart-grid-color' | '--slotted-chart-inset' | '--slotted-chart-label-color' | '--slotted-chart-label-size' | '--slotted-chart-line-width' | '--slotted-chart-marker-size' | '--slotted-chart-plot-block-size' | '--slotted-chart-plot-block-size-lg' | '--slotted-chart-plot-block-size-sm' | '--slotted-chart-radius' | '--slotted-chart-reference-color' | '--slotted-chart-sequential-color' | '--slotted-chart-skeleton-hole' | '--slotted-chart-surface' | '--slotted-chart-tooltip-surface' | '--slotted-checkbox-active-background' | '--slotted-checkbox-background' | '--slotted-checkbox-border-color' | '--slotted-checkbox-border-width' | '--slotted-checkbox-checked-active-background' | '--slotted-checkbox-checked-background' | '--slotted-checkbox-checked-border-color' | '--slotted-checkbox-checked-hover-background' | '--slotted-checkbox-color' | '--slotted-checkbox-description-color' | '--slotted-checkbox-description-font-size' | '--slotted-checkbox-disabled-background' | '--slotted-checkbox-disabled-border-color' | '--slotted-checkbox-disabled-color' | '--slotted-checkbox-disabled-mark-color' | '--slotted-checkbox-group-gap' | '--slotted-checkbox-halo-color' | '--slotted-checkbox-hover-border-color' | '--slotted-checkbox-invalid-border-color' | '--slotted-checkbox-invalid-checked-background' | '--slotted-checkbox-invalid-edge-width' | '--slotted-checkbox-invalid-focus-ring-color' | '--slotted-checkbox-line-height' | '--slotted-checkbox-mark-color' | '--slotted-checkbox-mark-inset' | '--slotted-checkbox-radius' | '--slotted-checkbox-readonly-background' | '--slotted-checkbox-size' | '--slotted-checkbox-tile-active-background' | '--slotted-checkbox-tile-background' | '--slotted-checkbox-tile-border-color' | '--slotted-checkbox-tile-checked-background' | '--slotted-checkbox-tile-checked-border-color' | '--slotted-checkbox-tile-checked-hover-border-color' | '--slotted-checkbox-tile-description-gap' | '--slotted-checkbox-tile-disabled-background' | '--slotted-checkbox-tile-disabled-border-color' | '--slotted-checkbox-tile-hover-background' | '--slotted-checkbox-tile-hover-border-color' | '--slotted-checkbox-tile-inset' | '--slotted-checkbox-tile-invalid-border-color' | '--slotted-checkbox-tile-invalid-checked-background' | '--slotted-checkbox-tile-invalid-checked-border-color' | '--slotted-checkbox-tile-radius' | '--slotted-checkbox-tile-readonly-background' | '--slotted-checkbox-tile-readonly-border-color' | '--slotted-code-block-border-color' | '--slotted-code-block-color' | '--slotted-code-block-color-muted' | '--slotted-code-block-font-family' | '--slotted-code-block-font-size' | '--slotted-code-block-inset-block' | '--slotted-code-block-inset-inline' | '--slotted-code-block-line-height' | '--slotted-code-block-radius' | '--slotted-code-block-surface' | '--slotted-code-block-tab-size' | '--slotted-collapsible-active-background' | '--slotted-collapsible-background' | '--slotted-collapsible-color' | '--slotted-collapsible-description-color' | '--slotted-collapsible-hover-background' | '--slotted-collapsible-hover-color' | '--slotted-collapsible-indicator-color' | '--slotted-collapsible-padding-inline' | '--slotted-collapsible-panel-color' | '--slotted-collapsible-radius' | '--slotted-collapsible-rule-color' | '--slotted-collapsible-surface' | '--slotted-color-picker-channel-size' | '--slotted-color-picker-thumb-size' | '--slotted-color-picker-width' | '--slotted-column-manager-inline-size' | '--slotted-column-manager-list-max-block-size' | '--slotted-combobox-action-active-background' | '--slotted-combobox-action-color' | '--slotted-combobox-action-hover-background' | '--slotted-combobox-action-size' | '--slotted-combobox-arrow-color' | '--slotted-combobox-autofill-background' | '--slotted-combobox-background' | '--slotted-combobox-border-color' | '--slotted-combobox-color' | '--slotted-combobox-completion-background' | '--slotted-combobox-completion-color' | '--slotted-combobox-content-border-color' | '--slotted-combobox-content-padding-block' | '--slotted-combobox-content-padding-inline' | '--slotted-combobox-content-radius' | '--slotted-combobox-content-shadow' | '--slotted-combobox-content-text' | '--slotted-combobox-content-text-muted' | '--slotted-combobox-disabled-background' | '--slotted-combobox-disabled-border-color' | '--slotted-combobox-disabled-color' | '--slotted-combobox-highlight' | '--slotted-combobox-highlight-active' | '--slotted-combobox-highlight-ring' | '--slotted-combobox-hover-border-color' | '--slotted-combobox-icon-size-min' | '--slotted-combobox-invalid-border-color' | '--slotted-combobox-invalid-edge-width' | '--slotted-combobox-invalid-focus-ring-color' | '--slotted-combobox-item-radius' | '--slotted-combobox-measure' | '--slotted-combobox-open-border-color' | '--slotted-combobox-placeholder-color' | '--slotted-combobox-plain-hover-background' | '--slotted-combobox-radius' | '--slotted-combobox-readonly-background' | '--slotted-combobox-selected-color' | '--slotted-combobox-separator-color' | '--slotted-combobox-shadow' | '--slotted-combobox-subtle-background' | '--slotted-combobox-subtle-border-color' | '--slotted-combobox-subtle-hover-background' | '--slotted-combobox-surface' | '--slotted-command-palette-active' | '--slotted-command-palette-border-color' | '--slotted-command-palette-footer-surface' | '--slotted-command-palette-highlight' | '--slotted-command-palette-highlight-ring' | '--slotted-command-palette-hover' | '--slotted-command-palette-item-radius' | '--slotted-command-palette-list-max-block-size' | '--slotted-command-palette-list-padding' | '--slotted-command-palette-measure' | '--slotted-command-palette-page-surface' | '--slotted-command-palette-placeholder-fade' | '--slotted-command-palette-radius' | '--slotted-command-palette-separator-color' | '--slotted-command-palette-shadow' | '--slotted-command-palette-surface' | '--slotted-command-palette-text' | '--slotted-command-palette-text-muted' | '--slotted-container-content' | '--slotted-container-full' | '--slotted-container-measure' | '--slotted-container-wide' | '--slotted-context-menu-mark-color' | '--slotted-context-menu-mark-width' | '--slotted-control-inner-size' | '--slotted-currency-field-action-size' | '--slotted-currency-field-adornment-color' | '--slotted-currency-field-background' | '--slotted-currency-field-border-color' | '--slotted-currency-field-color' | '--slotted-currency-field-disabled-background' | '--slotted-currency-field-disabled-border-color' | '--slotted-currency-field-disabled-color' | '--slotted-currency-field-hover-border-color' | '--slotted-currency-field-icon-size-min' | '--slotted-currency-field-invalid-border-color' | '--slotted-currency-field-invalid-edge-width' | '--slotted-currency-field-invalid-focus-ring-color' | '--slotted-currency-field-placeholder-color' | '--slotted-currency-field-plain-hover-background' | '--slotted-currency-field-radius' | '--slotted-currency-field-readonly-background' | '--slotted-currency-field-readonly-border-color' | '--slotted-currency-field-scrub-active-color' | '--slotted-currency-field-shadow' | '--slotted-currency-field-stepper-active-background' | '--slotted-currency-field-stepper-color' | '--slotted-currency-field-stepper-disabled-background' | '--slotted-currency-field-stepper-disabled-color' | '--slotted-currency-field-stepper-hover-background' | '--slotted-currency-field-stepper-size' | '--slotted-currency-field-subtle-background' | '--slotted-currency-field-subtle-border-color' | '--slotted-currency-field-subtle-hover-background' | '--slotted-dashboard-grid-accent' | '--slotted-dashboard-grid-description-color' | '--slotted-dashboard-grid-edit-bar-background' | '--slotted-dashboard-grid-edit-bar-border' | '--slotted-dashboard-grid-gap' | '--slotted-dashboard-grid-handle-block-size' | '--slotted-dashboard-grid-handle-block-size-coarse' | '--slotted-dashboard-grid-handle-glyph-size' | '--slotted-dashboard-grid-handle-inline-size' | '--slotted-dashboard-grid-handle-inline-size-coarse' | '--slotted-dashboard-grid-lattice-color' | '--slotted-dashboard-grid-lattice-dot' | '--slotted-dashboard-grid-resize-hit' | '--slotted-dashboard-grid-resize-pill' | '--slotted-dashboard-grid-resize-pill-active' | '--slotted-dashboard-grid-row-size' | '--slotted-dashboard-grid-title-color' | '--slotted-dashboard-grid-title-font-family' | '--slotted-dashboard-grid-title-font-size' | '--slotted-data-grid-band-surface' | '--slotted-data-grid-block-size' | '--slotted-data-grid-border-color' | '--slotted-data-grid-border-color-strong' | '--slotted-data-grid-border-width' | '--slotted-data-grid-cell-padding-block' | '--slotted-data-grid-cell-padding-inline' | '--slotted-data-grid-changed-surface' | '--slotted-data-grid-color' | '--slotted-data-grid-color-muted' | '--slotted-data-grid-control-radius' | '--slotted-data-grid-cursor-color' | '--slotted-data-grid-filter-operator-size' | '--slotted-data-grid-filter-panel-size' | '--slotted-data-grid-filter-panel-size-date' | '--slotted-data-grid-filter-panel-size-datetime' | '--slotted-data-grid-font-family' | '--slotted-data-grid-font-size' | '--slotted-data-grid-gap' | '--slotted-data-grid-head-block-size' | '--slotted-data-grid-header-surface' | '--slotted-data-grid-header-surface-hover' | '--slotted-data-grid-icon-size' | '--slotted-data-grid-indent' | '--slotted-data-grid-pin-shadow-color' | '--slotted-data-grid-pin-shadow-size' | '--slotted-data-grid-radius' | '--slotted-data-grid-range-surface' | '--slotted-data-grid-row-block-size' | '--slotted-data-grid-row-color-selected' | '--slotted-data-grid-row-max-block-size' | '--slotted-data-grid-row-surface-hover' | '--slotted-data-grid-row-surface-selected' | '--slotted-data-grid-row-surface-selected-hover' | '--slotted-data-grid-row-surface-stripe' | '--slotted-data-grid-shadow' | '--slotted-data-grid-sticky-offset' | '--slotted-data-grid-sticky-offset-end' | '--slotted-data-grid-surface' | '--slotted-date-field-action-active-background' | '--slotted-date-field-action-color' | '--slotted-date-field-action-hover-background' | '--slotted-date-field-action-size' | '--slotted-date-field-adornment-color' | '--slotted-date-field-background' | '--slotted-date-field-border-color' | '--slotted-date-field-color' | '--slotted-date-field-disabled-background' | '--slotted-date-field-disabled-border-color' | '--slotted-date-field-disabled-color' | '--slotted-date-field-hover-border-color' | '--slotted-date-field-icon-size-min' | '--slotted-date-field-invalid-border-color' | '--slotted-date-field-invalid-edge-width' | '--slotted-date-field-invalid-focus-ring-color' | '--slotted-date-field-literal-color' | '--slotted-date-field-placeholder-color' | '--slotted-date-field-plain-hover-background' | '--slotted-date-field-radius' | '--slotted-date-field-readonly-background' | '--slotted-date-field-segment-focus-background' | '--slotted-date-field-segment-focus-color' | '--slotted-date-field-segment-min-inline-size' | '--slotted-date-field-segment-padding-inline' | '--slotted-date-field-segment-radius' | '--slotted-date-field-shadow' | '--slotted-date-field-subtle-background' | '--slotted-date-field-subtle-border-color' | '--slotted-date-field-subtle-hover-background' | '--slotted-date-picker-content-border-color' | '--slotted-date-picker-content-color' | '--slotted-date-picker-content-padding' | '--slotted-date-picker-content-radius' | '--slotted-date-picker-content-shadow' | '--slotted-date-picker-invalid-focus-ring-color' | '--slotted-date-picker-radius' | '--slotted-date-picker-surface' | '--slotted-date-picker-trigger-active-background' | '--slotted-date-picker-trigger-color' | '--slotted-date-picker-trigger-hover-background' | '--slotted-date-picker-trigger-size' | '--slotted-date-range-picker-action-active-background' | '--slotted-date-range-picker-action-color' | '--slotted-date-range-picker-action-hover-background' | '--slotted-date-range-picker-action-size' | '--slotted-date-range-picker-background' | '--slotted-date-range-picker-border-color' | '--slotted-date-range-picker-color' | '--slotted-date-range-picker-content-border-color' | '--slotted-date-range-picker-content-color' | '--slotted-date-range-picker-content-padding' | '--slotted-date-range-picker-content-radius' | '--slotted-date-range-picker-content-shadow' | '--slotted-date-range-picker-current-color' | '--slotted-date-range-picker-current-size' | '--slotted-date-range-picker-disabled-background' | '--slotted-date-range-picker-disabled-border-color' | '--slotted-date-range-picker-disabled-color' | '--slotted-date-range-picker-hover-border-color' | '--slotted-date-range-picker-invalid-border-color' | '--slotted-date-range-picker-invalid-edge-width' | '--slotted-date-range-picker-invalid-focus-ring-color' | '--slotted-date-range-picker-length-color' | '--slotted-date-range-picker-limit-color' | '--slotted-date-range-picker-pending-color' | '--slotted-date-range-picker-placeholder-color' | '--slotted-date-range-picker-plain-hover-background' | '--slotted-date-range-picker-preset-active-background' | '--slotted-date-range-picker-preset-hover-background' | '--slotted-date-range-picker-preset-selected-background' | '--slotted-date-range-picker-preset-selected-color' | '--slotted-date-range-picker-radius' | '--slotted-date-range-picker-readonly-background' | '--slotted-date-range-picker-separator-color' | '--slotted-date-range-picker-shadow' | '--slotted-date-range-picker-sheet-inline-size' | '--slotted-date-range-picker-subtle-background' | '--slotted-date-range-picker-subtle-border-color' | '--slotted-date-range-picker-subtle-hover-background' | '--slotted-date-range-picker-surface' | '--slotted-datetime-field-action-active-background' | '--slotted-datetime-field-action-color' | '--slotted-datetime-field-action-hover-background' | '--slotted-datetime-field-action-size' | '--slotted-datetime-field-adornment-color' | '--slotted-datetime-field-background' | '--slotted-datetime-field-border-color' | '--slotted-datetime-field-color' | '--slotted-datetime-field-disabled-background' | '--slotted-datetime-field-disabled-border-color' | '--slotted-datetime-field-disabled-color' | '--slotted-datetime-field-half-gap' | '--slotted-datetime-field-hover-border-color' | '--slotted-datetime-field-icon-size-min' | '--slotted-datetime-field-incomplete-border-color' | '--slotted-datetime-field-invalid-border-color' | '--slotted-datetime-field-invalid-edge-width' | '--slotted-datetime-field-invalid-focus-ring-color' | '--slotted-datetime-field-literal-color' | '--slotted-datetime-field-padding-block' | '--slotted-datetime-field-period-min-inline-size' | '--slotted-datetime-field-placeholder-color' | '--slotted-datetime-field-plain-hover-background' | '--slotted-datetime-field-preview-color' | '--slotted-datetime-field-preview-day-color' | '--slotted-datetime-field-radius' | '--slotted-datetime-field-readonly-background' | '--slotted-datetime-field-relative-border-color' | '--slotted-datetime-field-segment-focus-background' | '--slotted-datetime-field-segment-focus-color' | '--slotted-datetime-field-segment-min-inline-size' | '--slotted-datetime-field-segment-padding-inline' | '--slotted-datetime-field-segment-radius' | '--slotted-datetime-field-shadow' | '--slotted-datetime-field-subtle-background' | '--slotted-datetime-field-subtle-border-color' | '--slotted-datetime-field-subtle-hover-background' | '--slotted-datetime-picker-content-border-color' | '--slotted-datetime-picker-content-color' | '--slotted-datetime-picker-content-padding' | '--slotted-datetime-picker-content-radius' | '--slotted-datetime-picker-content-shadow' | '--slotted-datetime-picker-invalid-focus-ring-color' | '--slotted-datetime-picker-label-color' | '--slotted-datetime-picker-list-block-size' | '--slotted-datetime-picker-now-active-background' | '--slotted-datetime-picker-now-background' | '--slotted-datetime-picker-now-border-color' | '--slotted-datetime-picker-now-color' | '--slotted-datetime-picker-now-hover-background' | '--slotted-datetime-picker-now-hover-border-color' | '--slotted-datetime-picker-now-icon-color' | '--slotted-datetime-picker-option-current-background' | '--slotted-datetime-picker-option-hover-background' | '--slotted-datetime-picker-option-radius' | '--slotted-datetime-picker-option-selected-background' | '--slotted-datetime-picker-option-selected-color' | '--slotted-datetime-picker-option-selected-hover-background' | '--slotted-datetime-picker-radius' | '--slotted-datetime-picker-sheet-inline-size' | '--slotted-datetime-picker-surface' | '--slotted-datetime-picker-time-panel-inline-size' | '--slotted-datetime-picker-trigger-active-background' | '--slotted-datetime-picker-trigger-color' | '--slotted-datetime-picker-trigger-hover-background' | '--slotted-datetime-picker-trigger-size' | '--slotted-datetime-range-picker-action-active-background' | '--slotted-datetime-range-picker-action-color' | '--slotted-datetime-range-picker-action-hover-background' | '--slotted-datetime-range-picker-action-size' | '--slotted-datetime-range-picker-background' | '--slotted-datetime-range-picker-border-color' | '--slotted-datetime-range-picker-color' | '--slotted-datetime-range-picker-content-border-color' | '--slotted-datetime-range-picker-content-color' | '--slotted-datetime-range-picker-content-max-inline-size' | '--slotted-datetime-range-picker-content-padding' | '--slotted-datetime-range-picker-content-radius' | '--slotted-datetime-range-picker-content-shadow' | '--slotted-datetime-range-picker-current-color' | '--slotted-datetime-range-picker-current-size' | '--slotted-datetime-range-picker-disabled-background' | '--slotted-datetime-range-picker-disabled-border-color' | '--slotted-datetime-range-picker-disabled-color' | '--slotted-datetime-range-picker-done-active-background' | '--slotted-datetime-range-picker-done-background' | '--slotted-datetime-range-picker-done-color' | '--slotted-datetime-range-picker-done-hover-background' | '--slotted-datetime-range-picker-hint-color' | '--slotted-datetime-range-picker-hover-border-color' | '--slotted-datetime-range-picker-invalid-border-color' | '--slotted-datetime-range-picker-invalid-color' | '--slotted-datetime-range-picker-invalid-edge-width' | '--slotted-datetime-range-picker-invalid-focus-ring-color' | '--slotted-datetime-range-picker-label-color' | '--slotted-datetime-range-picker-length-color' | '--slotted-datetime-range-picker-limit-color' | '--slotted-datetime-range-picker-list-block-size' | '--slotted-datetime-range-picker-list-min-inline-size' | '--slotted-datetime-range-picker-now-color' | '--slotted-datetime-range-picker-option-current-background' | '--slotted-datetime-range-picker-option-hover-background' | '--slotted-datetime-range-picker-option-radius' | '--slotted-datetime-range-picker-option-selected-background' | '--slotted-datetime-range-picker-option-selected-color' | '--slotted-datetime-range-picker-option-selected-hover-background' | '--slotted-datetime-range-picker-placeholder-color' | '--slotted-datetime-range-picker-plain-hover-background' | '--slotted-datetime-range-picker-preset-active-background' | '--slotted-datetime-range-picker-preset-background' | '--slotted-datetime-range-picker-preset-hover-background' | '--slotted-datetime-range-picker-preset-radius' | '--slotted-datetime-range-picker-preset-selected-background' | '--slotted-datetime-range-picker-preset-selected-color' | '--slotted-datetime-range-picker-radius' | '--slotted-datetime-range-picker-readonly-background' | '--slotted-datetime-range-picker-shadow' | '--slotted-datetime-range-picker-sheet-inline-size' | '--slotted-datetime-range-picker-subtle-background' | '--slotted-datetime-range-picker-subtle-border-color' | '--slotted-datetime-range-picker-subtle-hover-background' | '--slotted-datetime-range-picker-surface' | '--slotted-datetime-range-picker-tab-block-size' | '--slotted-description-list-cell-padding-block' | '--slotted-description-list-cell-padding-inline' | '--slotted-description-list-clamp' | '--slotted-description-list-color' | '--slotted-description-list-column-gap' | '--slotted-description-list-control-color' | '--slotted-description-list-control-color-complete' | '--slotted-description-list-control-color-hover' | '--slotted-description-list-control-surface-active' | '--slotted-description-list-control-surface-hover' | '--slotted-description-list-font-family' | '--slotted-description-list-font-size' | '--slotted-description-list-frame-radius' | '--slotted-description-list-glyph-size' | '--slotted-description-list-group-gap' | '--slotted-description-list-hint-color' | '--slotted-description-list-hint-font-size' | '--slotted-description-list-line-height' | '--slotted-description-list-placeholder-color' | '--slotted-description-list-radius' | '--slotted-description-list-row-gap' | '--slotted-description-list-rule-color' | '--slotted-description-list-stack-gap' | '--slotted-description-list-surface' | '--slotted-description-list-term-color' | '--slotted-description-list-term-min' | '--slotted-description-list-term-surface' | '--slotted-description-list-term-weight' | '--slotted-description-list-term-width' | '--slotted-description-list-toggle-color' | '--slotted-description-list-underline-offset' | '--slotted-detail-panel-aside-size-lg' | '--slotted-detail-panel-aside-size-md' | '--slotted-detail-panel-aside-size-sm' | '--slotted-detail-panel-border' | '--slotted-detail-panel-gap-lg' | '--slotted-detail-panel-gap-md' | '--slotted-detail-panel-gap-sm' | '--slotted-detail-panel-inset-block-lg' | '--slotted-detail-panel-inset-block-md' | '--slotted-detail-panel-inset-block-sm' | '--slotted-detail-panel-rhythm' | '--slotted-dialog-body-color' | '--slotted-dialog-border-color' | '--slotted-dialog-close-active-background' | '--slotted-dialog-close-color' | '--slotted-dialog-close-hover-background' | '--slotted-dialog-color' | '--slotted-dialog-description-color' | '--slotted-dialog-footer-surface' | '--slotted-dialog-measure' | '--slotted-dialog-radius' | '--slotted-dialog-rule-color' | '--slotted-dialog-scrim' | '--slotted-dialog-surface' | '--slotted-dialog-title-color' | '--slotted-dialog-title-font-family' | '--slotted-divider-color' | '--slotted-divider-gap' | '--slotted-divider-inset' | '--slotted-divider-label-color' | '--slotted-divider-min-length' | '--slotted-divider-thickness' | '--slotted-drawer-body-color' | '--slotted-drawer-border-color' | '--slotted-drawer-close-active-background' | '--slotted-drawer-close-color' | '--slotted-drawer-close-hover-background' | '--slotted-drawer-color' | '--slotted-drawer-description-color' | '--slotted-drawer-extent' | '--slotted-drawer-extent-lg' | '--slotted-drawer-extent-md' | '--slotted-drawer-extent-sm' | '--slotted-drawer-extent-xl' | '--slotted-drawer-footer-surface' | '--slotted-drawer-radius' | '--slotted-drawer-resizer-line-active-color' | '--slotted-drawer-resizer-line-color' | '--slotted-drawer-rule-color' | '--slotted-drawer-scrim' | '--slotted-drawer-sheet-inline-size' | '--slotted-drawer-surface' | '--slotted-drawer-title-color' | '--slotted-drawer-title-font-family' | '--slotted-entity-picker-action-active-background' | '--slotted-entity-picker-action-color' | '--slotted-entity-picker-action-hover-background' | '--slotted-entity-picker-action-size' | '--slotted-entity-picker-autofill-background' | '--slotted-entity-picker-background' | '--slotted-entity-picker-border-color' | '--slotted-entity-picker-color' | '--slotted-entity-picker-content-border-color' | '--slotted-entity-picker-content-radius' | '--slotted-entity-picker-content-shadow' | '--slotted-entity-picker-content-text' | '--slotted-entity-picker-content-text-muted' | '--slotted-entity-picker-disabled-background' | '--slotted-entity-picker-disabled-border-color' | '--slotted-entity-picker-disabled-color' | '--slotted-entity-picker-error-color' | '--slotted-entity-picker-field-basis' | '--slotted-entity-picker-field-min' | '--slotted-entity-picker-highlight' | '--slotted-entity-picker-highlight-active' | '--slotted-entity-picker-highlight-ring' | '--slotted-entity-picker-hover-border-color' | '--slotted-entity-picker-icon-size-min' | '--slotted-entity-picker-invalid-border-color' | '--slotted-entity-picker-invalid-edge-width' | '--slotted-entity-picker-invalid-focus-ring-color' | '--slotted-entity-picker-item-radius' | '--slotted-entity-picker-measure' | '--slotted-entity-picker-meta-measure' | '--slotted-entity-picker-offer-color' | '--slotted-entity-picker-open-border-color' | '--slotted-entity-picker-placeholder-color' | '--slotted-entity-picker-plain-hover-background' | '--slotted-entity-picker-radius' | '--slotted-entity-picker-readonly-background' | '--slotted-entity-picker-scope-inline-size' | '--slotted-entity-picker-selected-color' | '--slotted-entity-picker-shadow' | '--slotted-entity-picker-subtle-background' | '--slotted-entity-picker-subtle-border-color' | '--slotted-entity-picker-subtle-hover-background' | '--slotted-entity-picker-surface' | '--slotted-event-calendar-background' | '--slotted-event-calendar-event-radius' | '--slotted-event-calendar-hour-size' | '--slotted-event-calendar-now-color' | '--slotted-event-calendar-off-background' | '--slotted-event-calendar-rule-color' | '--slotted-event-calendar-selection-background' | '--slotted-event-calendar-selection-border-color' | '--slotted-event-calendar-today-background' | '--slotted-event-calendar-today-color' | '--slotted-field-action-color' | '--slotted-field-action-color-active' | '--slotted-field-action-color-hover' | '--slotted-field-action-radius' | '--slotted-field-column-gap' | '--slotted-field-counter-color' | '--slotted-field-counter-invalid-color' | '--slotted-field-font-family' | '--slotted-field-group-content-gap' | '--slotted-field-group-field-gap' | '--slotted-field-group-font-family' | '--slotted-field-group-legend-color' | '--slotted-field-group-legend-font-weight' | '--slotted-field-group-line-height' | '--slotted-field-group-mark-color' | '--slotted-field-group-mark-gap' | '--slotted-field-group-mark-text-color' | '--slotted-field-group-message-gap' | '--slotted-field-group-track-min' | '--slotted-field-header-gap' | '--slotted-field-help-color' | '--slotted-field-help-radius' | '--slotted-field-help-surface-active' | '--slotted-field-help-surface-hover' | '--slotted-field-icon-size-min' | '--slotted-field-label-color' | '--slotted-field-label-font-weight' | '--slotted-field-label-inline-size' | '--slotted-field-line-height' | '--slotted-field-mark-color' | '--slotted-field-mark-gap' | '--slotted-field-mark-text-color' | '--slotted-field-row-gap' | '--slotted-filter-bar-chip-seam' | '--slotted-filter-bar-color' | '--slotted-filter-bar-color-muted' | '--slotted-filter-bar-editor-size' | '--slotted-filter-bar-font-family' | '--slotted-filter-bar-gap' | '--slotted-filter-bar-group-border' | '--slotted-filter-bar-group-surface' | '--slotted-filter-bar-join-size' | '--slotted-filter-bar-pill-border' | '--slotted-filter-bar-pill-radius' | '--slotted-filter-bar-search-max' | '--slotted-filter-bar-surface' | '--slotted-filter-bar-value-max' | '--slotted-filter-bar-value-max-narrow' | '--slotted-form-color' | '--slotted-form-summary-background' | '--slotted-form-summary-border-color' | '--slotted-form-summary-color' | '--slotted-form-summary-radius' | '--slotted-fullscreen-inset' | '--slotted-fullscreen-surface' | '--slotted-fullscreen-trigger-active-background' | '--slotted-fullscreen-trigger-border-color' | '--slotted-fullscreen-trigger-color' | '--slotted-fullscreen-trigger-hover-background' | '--slotted-fullscreen-trigger-radius' | '--slotted-grid-columns' | '--slotted-grid-min-item-width-lg' | '--slotted-grid-min-item-width-md' | '--slotted-grid-min-item-width-sm' | '--slotted-grid-min-item-width-xl' | '--slotted-grid-min-item-width-xs' | '--slotted-ground' | '--slotted-highlight-background' | '--slotted-highlight-color' | '--slotted-highlight-current-background' | '--slotted-highlight-current-color' | '--slotted-highlight-disabled-background' | '--slotted-highlight-rule-color' | '--slotted-hover-card-color' | '--slotted-hover-card-halo' | '--slotted-hover-card-radius' | '--slotted-hover-card-tint' | '--slotted-hover-card-underline-color' | '--slotted-icon-baseline-shift' | '--slotted-icon-size' | '--slotted-image-background' | '--slotted-image-border-width' | '--slotted-image-fallback-min-size' | '--slotted-image-glyph-size' | '--slotted-image-placeholder-background' | '--slotted-image-placeholder-blur' | '--slotted-image-position' | '--slotted-image-radius' | '--slotted-import-export-center-background' | '--slotted-import-export-center-border' | '--slotted-import-export-center-errors-max-block-size' | '--slotted-import-export-center-gap-md' | '--slotted-import-export-center-gap-sm' | '--slotted-import-export-center-inset-block-md' | '--slotted-import-export-center-inset-block-sm' | '--slotted-import-export-center-inset-inline-md' | '--slotted-import-export-center-inset-inline-sm' | '--slotted-import-export-center-min-inline-size-sm' | '--slotted-import-export-center-status-column' | '--slotted-inline-message-column-gap' | '--slotted-inline-message-font-family' | '--slotted-inline-message-line-height' | '--slotted-kbd-base-width' | '--slotted-kbd-border-width' | '--slotted-kbd-font-family' | '--slotted-kbd-font-weight' | '--slotted-kbd-radius' | '--slotted-kbd-symbol-font-family' | '--slotted-letter-spacing-wide' | '--slotted-link-color' | '--slotted-link-color-active' | '--slotted-link-color-current' | '--slotted-link-color-disabled' | '--slotted-link-color-hover' | '--slotted-link-color-visited' | '--slotted-link-external-icon-gap' | '--slotted-link-external-icon-size' | '--slotted-link-focus-ring-offset' | '--slotted-link-radius' | '--slotted-link-underline-color' | '--slotted-link-underline-offset' | '--slotted-link-underline-thickness' | '--slotted-list-background' | '--slotted-list-border-color' | '--slotted-list-border-width' | '--slotted-list-empty-color' | '--slotted-list-empty-padding' | '--slotted-list-empty-padding-lg' | '--slotted-list-empty-padding-sm' | '--slotted-list-gap' | '--slotted-list-gap-lg' | '--slotted-list-gap-sm' | '--slotted-list-item-background' | '--slotted-list-item-background-active' | '--slotted-list-item-background-current' | '--slotted-list-item-background-hover' | '--slotted-list-item-background-selected' | '--slotted-list-item-body-gap' | '--slotted-list-item-border-color' | '--slotted-list-item-border-width' | '--slotted-list-item-color' | '--slotted-list-item-color-disabled' | '--slotted-list-item-color-muted' | '--slotted-list-item-control-size' | '--slotted-list-item-control-size-lg' | '--slotted-list-item-control-size-sm' | '--slotted-list-item-description-font-size' | '--slotted-list-item-font-size' | '--slotted-list-item-font-size-lg' | '--slotted-list-item-font-size-sm' | '--slotted-list-item-font-weight' | '--slotted-list-item-font-weight-current' | '--slotted-list-item-font-weight-selected' | '--slotted-list-item-gap' | '--slotted-list-item-gap-lg' | '--slotted-list-item-gap-sm' | '--slotted-list-item-icon-size' | '--slotted-list-item-icon-size-lg' | '--slotted-list-item-icon-size-sm' | '--slotted-list-item-min-block-size' | '--slotted-list-item-min-block-size-lg' | '--slotted-list-item-min-block-size-sm' | '--slotted-list-item-padding-block' | '--slotted-list-item-padding-block-lg' | '--slotted-list-item-padding-block-sm' | '--slotted-list-item-padding-inline' | '--slotted-list-item-padding-inline-lg' | '--slotted-list-item-padding-inline-sm' | '--slotted-list-item-radius' | '--slotted-list-padding-inline' | '--slotted-list-padding-inline-lg' | '--slotted-list-padding-inline-sm' | '--slotted-list-radius' | '--slotted-list-section-color' | '--slotted-list-section-font-size' | '--slotted-list-section-font-weight' | '--slotted-list-section-letter-spacing' | '--slotted-list-section-padding-block' | '--slotted-list-section-padding-block-lg' | '--slotted-list-section-padding-block-sm' | '--slotted-listbox-border-color' | '--slotted-listbox-columns' | '--slotted-listbox-group-border-color' | '--slotted-listbox-highlight' | '--slotted-listbox-highlight-active' | '--slotted-listbox-measure' | '--slotted-listbox-option-radius' | '--slotted-listbox-padding-block' | '--slotted-listbox-padding-inline' | '--slotted-listbox-radius' | '--slotted-listbox-rows' | '--slotted-listbox-selected-surface' | '--slotted-listbox-selected-text' | '--slotted-listbox-shadow' | '--slotted-listbox-surface' | '--slotted-listbox-text' | '--slotted-listbox-text-muted' | '--slotted-loading-overlay-blur' | '--slotted-loading-overlay-inset' | '--slotted-loading-overlay-measure' | '--slotted-loading-overlay-radius' | '--slotted-loading-overlay-scrim' | '--slotted-loading-overlay-surface' | '--slotted-markdown-backref-size' | '--slotted-markdown-task-gap' | '--slotted-menu-border-color' | '--slotted-menu-gap' | '--slotted-menu-highlight' | '--slotted-menu-highlight-active' | '--slotted-menu-item-radius' | '--slotted-menu-measure' | '--slotted-menu-measure-lg' | '--slotted-menu-measure-sm' | '--slotted-menu-min-measure' | '--slotted-menu-padding-block' | '--slotted-menu-padding-inline' | '--slotted-menu-radius' | '--slotted-menu-separator-color' | '--slotted-menu-shadow' | '--slotted-menu-surface' | '--slotted-menu-text' | '--slotted-menu-text-muted' | '--slotted-menubar-gap' | '--slotted-menubar-highlight' | '--slotted-menubar-highlight-active' | '--slotted-menubar-text' | '--slotted-menubar-trigger-font-weight' | '--slotted-menubar-trigger-radius' | '--slotted-message-avatar-size' | '--slotted-message-bubble-padding-block' | '--slotted-message-bubble-padding-inline' | '--slotted-message-bubble-radius' | '--slotted-message-bubble-radius-joined' | '--slotted-message-bubble-share' | '--slotted-message-column-gap' | '--slotted-message-retry-state-layer' | '--slotted-message-run-gap' | '--slotted-message-scroller-fade' | '--slotted-message-scroller-gap' | '--slotted-message-scroller-jump-size' | '--slotted-message-scroller-padding' | '--slotted-message-scroller-state-layer-active' | '--slotted-message-scroller-state-layer-hover' | '--slotted-message-stack-gap' | '--slotted-message-state-layer-active' | '--slotted-message-state-layer-hover' | '--slotted-message-thread-avatar-size' | '--slotted-multi-select-action-active-background' | '--slotted-multi-select-action-color' | '--slotted-multi-select-action-hover-background' | '--slotted-multi-select-action-size' | '--slotted-multi-select-arrow-color' | '--slotted-multi-select-autofill-background' | '--slotted-multi-select-background' | '--slotted-multi-select-border-color' | '--slotted-multi-select-color' | '--slotted-multi-select-content-border-color' | '--slotted-multi-select-content-padding-block' | '--slotted-multi-select-content-padding-inline' | '--slotted-multi-select-content-radius' | '--slotted-multi-select-content-shadow' | '--slotted-multi-select-content-text' | '--slotted-multi-select-content-text-muted' | '--slotted-multi-select-counter-color' | '--slotted-multi-select-counter-complete-color' | '--slotted-multi-select-disabled-background' | '--slotted-multi-select-disabled-border-color' | '--slotted-multi-select-disabled-color' | '--slotted-multi-select-field-basis' | '--slotted-multi-select-field-min' | '--slotted-multi-select-highlight' | '--slotted-multi-select-highlight-active' | '--slotted-multi-select-highlight-ring' | '--slotted-multi-select-hover-border-color' | '--slotted-multi-select-icon-size-min' | '--slotted-multi-select-invalid-border-color' | '--slotted-multi-select-invalid-edge-width' | '--slotted-multi-select-invalid-focus-ring-color' | '--slotted-multi-select-item-radius' | '--slotted-multi-select-measure' | '--slotted-multi-select-open-border-color' | '--slotted-multi-select-placeholder-color' | '--slotted-multi-select-plain-hover-background' | '--slotted-multi-select-radius' | '--slotted-multi-select-readonly-background' | '--slotted-multi-select-selected-color' | '--slotted-multi-select-separator-color' | '--slotted-multi-select-shadow' | '--slotted-multi-select-subtle-background' | '--slotted-multi-select-subtle-border-color' | '--slotted-multi-select-subtle-hover-background' | '--slotted-multi-select-surface' | '--slotted-navigation-menu-active-background' | '--slotted-navigation-menu-border-color' | '--slotted-navigation-menu-color' | '--slotted-navigation-menu-column-size' | '--slotted-navigation-menu-current-background' | '--slotted-navigation-menu-current-color' | '--slotted-navigation-menu-current-edge' | '--slotted-navigation-menu-hover-background' | '--slotted-navigation-menu-muted-color' | '--slotted-navigation-menu-nested-list-size' | '--slotted-navigation-menu-offset' | '--slotted-navigation-menu-radius' | '--slotted-navigation-menu-shadow' | '--slotted-navigation-menu-surface' | '--slotted-navigation-menu-viewport-radius' | '--slotted-notification-center-background' | '--slotted-notification-center-border' | '--slotted-notification-center-description-clamp' | '--slotted-notification-center-gap-md' | '--slotted-notification-center-gap-sm' | '--slotted-notification-center-inset-block-md' | '--slotted-notification-center-inset-block-sm' | '--slotted-notification-center-inset-inline-md' | '--slotted-notification-center-inset-inline-sm' | '--slotted-notification-center-min-inline-size-sm' | '--slotted-notification-center-scrollbar-thumb-color' | '--slotted-notification-center-scrollbar-track-color' | '--slotted-notification-center-title-clamp' | '--slotted-notification-center-title-size-md' | '--slotted-notification-center-title-size-sm' | '--slotted-number-field-action-size' | '--slotted-number-field-adornment-color' | '--slotted-number-field-background' | '--slotted-number-field-border-color' | '--slotted-number-field-color' | '--slotted-number-field-disabled-background' | '--slotted-number-field-disabled-border-color' | '--slotted-number-field-disabled-color' | '--slotted-number-field-hover-border-color' | '--slotted-number-field-icon-size-min' | '--slotted-number-field-invalid-border-color' | '--slotted-number-field-invalid-edge-width' | '--slotted-number-field-invalid-focus-ring-color' | '--slotted-number-field-placeholder-color' | '--slotted-number-field-plain-hover-background' | '--slotted-number-field-radius' | '--slotted-number-field-readonly-background' | '--slotted-number-field-readonly-border-color' | '--slotted-number-field-scrub-active-color' | '--slotted-number-field-shadow' | '--slotted-number-field-stepper-active-background' | '--slotted-number-field-stepper-color' | '--slotted-number-field-stepper-disabled-background' | '--slotted-number-field-stepper-disabled-color' | '--slotted-number-field-stepper-hover-background' | '--slotted-number-field-stepper-size' | '--slotted-number-field-subtle-background' | '--slotted-number-field-subtle-border-color' | '--slotted-number-field-subtle-hover-background' | '--slotted-otp-input-autofill-background' | '--slotted-otp-input-background' | '--slotted-otp-input-border-color' | '--slotted-otp-input-caret-width' | '--slotted-otp-input-color' | '--slotted-otp-input-current-border-color' | '--slotted-otp-input-disabled-background' | '--slotted-otp-input-disabled-border-color' | '--slotted-otp-input-disabled-color' | '--slotted-otp-input-font-weight' | '--slotted-otp-input-group-gap' | '--slotted-otp-input-hover-border-color' | '--slotted-otp-input-invalid-border-color' | '--slotted-otp-input-invalid-edge-width' | '--slotted-otp-input-invalid-focus-ring-color' | '--slotted-otp-input-mask-size' | '--slotted-otp-input-placeholder-color' | '--slotted-otp-input-radius' | '--slotted-otp-input-readonly-background' | '--slotted-otp-input-selection-background' | '--slotted-otp-input-separator-color' | '--slotted-otp-input-separator-size' | '--slotted-otp-input-shadow' | '--slotted-otp-input-subtle-background' | '--slotted-otp-input-subtle-border-color' | '--slotted-otp-input-subtle-hover-background' | '--slotted-page-background-sunken' | '--slotted-page-background-surface' | '--slotted-page-footer-background' | '--slotted-page-footer-border' | '--slotted-page-footer-padding-block' | '--slotted-page-ground' | '--slotted-page-header-background' | '--slotted-page-header-border' | '--slotted-page-header-control-size' | '--slotted-page-header-description-measure' | '--slotted-page-header-gap' | '--slotted-page-header-heading-size-lg' | '--slotted-page-header-heading-size-md' | '--slotted-page-header-heading-size-sm' | '--slotted-page-header-inset' | '--slotted-page-header-padding-block' | '--slotted-page-header-radius' | '--slotted-page-header-shadow' | '--slotted-page-header-snapped-heading-size-lg' | '--slotted-page-header-snapped-heading-size-md' | '--slotted-page-header-snapped-heading-size-sm' | '--slotted-page-padding-block' | '--slotted-pagination-color' | '--slotted-pagination-color-disabled' | '--slotted-pagination-color-muted' | '--slotted-pagination-current-color' | '--slotted-pagination-current-surface' | '--slotted-pagination-ellipsis-lift' | '--slotted-pagination-ellipsis-tracking' | '--slotted-pagination-font-family' | '--slotted-pagination-font-size' | '--slotted-pagination-gap' | '--slotted-pagination-glyph-size' | '--slotted-pagination-item-gap' | '--slotted-pagination-item-padding' | '--slotted-pagination-item-weight' | '--slotted-pagination-page-size-gap' | '--slotted-pagination-page-size-inset' | '--slotted-pagination-page-size-surface' | '--slotted-pagination-radius' | '--slotted-pagination-row-gap' | '--slotted-pagination-surface-active' | '--slotted-pagination-surface-hover' | '--slotted-pagination-target' | '--slotted-pagination-text-gap' | '--slotted-popover-arrow-size' | '--slotted-popover-arrow-tip-radius' | '--slotted-popover-border-color' | '--slotted-popover-gap' | '--slotted-popover-measure' | '--slotted-popover-measure-lg' | '--slotted-popover-measure-sm' | '--slotted-popover-padding-block' | '--slotted-popover-padding-block-lg' | '--slotted-popover-padding-block-sm' | '--slotted-popover-padding-inline' | '--slotted-popover-padding-inline-lg' | '--slotted-popover-padding-inline-sm' | '--slotted-popover-radius' | '--slotted-popover-shadow' | '--slotted-popover-surface' | '--slotted-popover-text' | '--slotted-progress-indicator-buffer-color' | '--slotted-progress-indicator-buffer-percent' | '--slotted-progress-indicator-gap' | '--slotted-progress-indicator-indicator-color' | '--slotted-progress-indicator-percent' | '--slotted-progress-indicator-position' | '--slotted-progress-indicator-radius' | '--slotted-progress-indicator-size' | '--slotted-progress-indicator-stroke' | '--slotted-progress-indicator-thickness' | '--slotted-progress-indicator-track-color' | '--slotted-progress-indicator-travel-size' | '--slotted-progress-indicator-travel-start' | '--slotted-progress-indicator-wave-amplitude' | '--slotted-progress-indicator-wave-phase' | '--slotted-prompt-composer-action-active-background' | '--slotted-prompt-composer-action-color' | '--slotted-prompt-composer-action-hover-background' | '--slotted-prompt-composer-action-label-color' | '--slotted-prompt-composer-background' | '--slotted-prompt-composer-border-color' | '--slotted-prompt-composer-caret-color' | '--slotted-prompt-composer-color' | '--slotted-prompt-composer-disabled-background' | '--slotted-prompt-composer-disabled-border-color' | '--slotted-prompt-composer-disabled-color' | '--slotted-prompt-composer-drop-background' | '--slotted-prompt-composer-drop-border-color' | '--slotted-prompt-composer-hover-border-color' | '--slotted-prompt-composer-invalid-border-color' | '--slotted-prompt-composer-invalid-edge-width' | '--slotted-prompt-composer-invalid-focus-ring-color' | '--slotted-prompt-composer-line-height' | '--slotted-prompt-composer-max-rows' | '--slotted-prompt-composer-placeholder-color' | '--slotted-prompt-composer-radius' | '--slotted-prompt-composer-raised-focus-shadow' | '--slotted-prompt-composer-raised-shadow' | '--slotted-prompt-composer-readonly-background' | '--slotted-prompt-composer-rows' | '--slotted-prompt-composer-selection-background' | '--slotted-prompt-composer-shadow' | '--slotted-prompt-composer-submit-active-background' | '--slotted-prompt-composer-submit-background' | '--slotted-prompt-composer-submit-color' | '--slotted-prompt-composer-submit-disabled-background' | '--slotted-prompt-composer-submit-hover-background' | '--slotted-prompt-composer-subtle-background' | '--slotted-prompt-composer-subtle-border-color' | '--slotted-prose-anchor-gap' | '--slotted-prose-caption-size' | '--slotted-prose-code-inset' | '--slotted-prose-code-size' | '--slotted-prose-flow-loose' | '--slotted-prose-flow-normal' | '--slotted-prose-flow-tight' | '--slotted-prose-focus-ring-offset' | '--slotted-prose-font-family' | '--slotted-prose-footnotes-size' | '--slotted-prose-h1-size' | '--slotted-prose-h1-size-narrow' | '--slotted-prose-h2-size' | '--slotted-prose-h2-size-narrow' | '--slotted-prose-h3-size' | '--slotted-prose-h4-size' | '--slotted-prose-h5-size' | '--slotted-prose-h6-size' | '--slotted-prose-h6-tracking' | '--slotted-prose-lead-line-height' | '--slotted-prose-lead-size' | '--slotted-prose-line-height' | '--slotted-prose-list-inset' | '--slotted-prose-list-inset-narrow' | '--slotted-prose-mark-inset' | '--slotted-prose-marker-gap' | '--slotted-prose-media-radius' | '--slotted-prose-quote-color' | '--slotted-prose-quote-inset' | '--slotted-prose-quote-thickness' | '--slotted-prose-small-size' | '--slotted-radio-group-active-background' | '--slotted-radio-group-background' | '--slotted-radio-group-border-color' | '--slotted-radio-group-border-width' | '--slotted-radio-group-checked-active-border-color' | '--slotted-radio-group-checked-border-color' | '--slotted-radio-group-checked-hover-border-color' | '--slotted-radio-group-color' | '--slotted-radio-group-description-color' | '--slotted-radio-group-description-font-size' | '--slotted-radio-group-disabled-background' | '--slotted-radio-group-disabled-border-color' | '--slotted-radio-group-disabled-color' | '--slotted-radio-group-disabled-mark-color' | '--slotted-radio-group-gap' | '--slotted-radio-group-halo-color' | '--slotted-radio-group-hover-border-color' | '--slotted-radio-group-invalid-border-color' | '--slotted-radio-group-invalid-checked-border-color' | '--slotted-radio-group-invalid-edge-width' | '--slotted-radio-group-invalid-focus-ring-color' | '--slotted-radio-group-invalid-mark-color' | '--slotted-radio-group-line-height' | '--slotted-radio-group-mark-color' | '--slotted-radio-group-readonly-background' | '--slotted-radio-group-size' | '--slotted-radio-group-tile-active-background' | '--slotted-radio-group-tile-background' | '--slotted-radio-group-tile-border-color' | '--slotted-radio-group-tile-checked-background' | '--slotted-radio-group-tile-checked-border-color' | '--slotted-radio-group-tile-checked-hover-border-color' | '--slotted-radio-group-tile-description-gap' | '--slotted-radio-group-tile-disabled-background' | '--slotted-radio-group-tile-disabled-border-color' | '--slotted-radio-group-tile-hover-background' | '--slotted-radio-group-tile-hover-border-color' | '--slotted-radio-group-tile-inset' | '--slotted-radio-group-tile-invalid-border-color' | '--slotted-radio-group-tile-invalid-checked-background' | '--slotted-radio-group-tile-invalid-checked-border-color' | '--slotted-radio-group-tile-radius' | '--slotted-radio-group-tile-readonly-background' | '--slotted-radio-group-tile-readonly-border-color' | '--slotted-radius-pill' | '--slotted-rating-active-background' | '--slotted-rating-bar-color' | '--slotted-rating-bar-size' | '--slotted-rating-empty-color' | '--slotted-rating-gap' | '--slotted-rating-hover-background' | '--slotted-rating-invalid-color' | '--slotted-rating-invalid-edge-width' | '--slotted-rating-lit-color' | '--slotted-rating-symbol-size' | '--slotted-result-state-actions-block-gap' | '--slotted-result-state-actions-gap' | '--slotted-result-state-column-gap' | '--slotted-result-state-description-font-size' | '--slotted-result-state-font-family' | '--slotted-result-state-media' | '--slotted-result-state-media-size' | '--slotted-result-state-padding-block' | '--slotted-result-state-padding-inline' | '--slotted-result-state-row-gap' | '--slotted-result-state-text-gap' | '--slotted-result-state-title-font-family' | '--slotted-result-state-title-font-size' | '--slotted-result-state-title-font-weight' | '--slotted-result-state-title-letter-spacing' | '--slotted-saved-views-panel-inline-size' | '--slotted-scroll-area-fade-size' | '--slotted-scroll-area-inset' | '--slotted-scroll-area-thumb-color' | '--slotted-scroll-area-track-color' | '--slotted-section-border' | '--slotted-section-description-measure' | '--slotted-section-gap' | '--slotted-section-heading-size-lg' | '--slotted-section-heading-size-md' | '--slotted-section-heading-size-sm' | '--slotted-section-inset' | '--slotted-section-radius' | '--slotted-section-surface' | '--slotted-segmented-control-active-background' | '--slotted-segmented-control-background' | '--slotted-segmented-control-border-color' | '--slotted-segmented-control-checked-color' | '--slotted-segmented-control-color' | '--slotted-segmented-control-disabled-border-color' | '--slotted-segmented-control-disabled-color' | '--slotted-segmented-control-disabled-indicator-background' | '--slotted-segmented-control-divider-color' | '--slotted-segmented-control-hover-background' | '--slotted-segmented-control-indicator-background' | '--slotted-segmented-control-indicator-border-color' | '--slotted-segmented-control-inset' | '--slotted-segmented-control-invalid-border-color' | '--slotted-segmented-control-invalid-edge-width' | '--slotted-segmented-control-invalid-focus-ring-color' | '--slotted-segmented-control-radius' | '--slotted-segmented-control-shadow' | '--slotted-select-action-active-background' | '--slotted-select-action-color' | '--slotted-select-action-hover-background' | '--slotted-select-action-size' | '--slotted-select-arrow-color' | '--slotted-select-background' | '--slotted-select-border-color' | '--slotted-select-color' | '--slotted-select-content-border-color' | '--slotted-select-content-padding-block' | '--slotted-select-content-padding-inline' | '--slotted-select-content-radius' | '--slotted-select-content-shadow' | '--slotted-select-content-text' | '--slotted-select-content-text-muted' | '--slotted-select-disabled-background' | '--slotted-select-disabled-border-color' | '--slotted-select-disabled-color' | '--slotted-select-highlight' | '--slotted-select-highlight-active' | '--slotted-select-highlight-ring' | '--slotted-select-hover-border-color' | '--slotted-select-icon-size-min' | '--slotted-select-invalid-border-color' | '--slotted-select-invalid-edge-width' | '--slotted-select-invalid-focus-ring-color' | '--slotted-select-item-radius' | '--slotted-select-measure' | '--slotted-select-open-border-color' | '--slotted-select-placeholder-color' | '--slotted-select-plain-hover-background' | '--slotted-select-radius' | '--slotted-select-readonly-background' | '--slotted-select-search-icon-color' | '--slotted-select-selected-color' | '--slotted-select-separator-color' | '--slotted-select-shadow' | '--slotted-select-subtle-background' | '--slotted-select-subtle-border-color' | '--slotted-select-subtle-hover-background' | '--slotted-select-surface' | '--slotted-side-navigation-active-background' | '--slotted-side-navigation-color' | '--slotted-side-navigation-current-background' | '--slotted-side-navigation-current-color' | '--slotted-side-navigation-current-description-color' | '--slotted-side-navigation-current-edge' | '--slotted-side-navigation-description-color' | '--slotted-side-navigation-description-gap' | '--slotted-side-navigation-dot-color' | '--slotted-side-navigation-dot-size' | '--slotted-side-navigation-flyout-border-color' | '--slotted-side-navigation-flyout-measure' | '--slotted-side-navigation-flyout-min-measure' | '--slotted-side-navigation-flyout-radius' | '--slotted-side-navigation-flyout-shadow' | '--slotted-side-navigation-flyout-surface' | '--slotted-side-navigation-guide-color' | '--slotted-side-navigation-hover-background' | '--slotted-side-navigation-hover-color' | '--slotted-side-navigation-indent' | '--slotted-side-navigation-indent-step' | '--slotted-side-navigation-radius' | '--slotted-side-navigation-row-gap' | '--slotted-side-navigation-section-color' | '--slotted-side-navigation-section-gap' | '--slotted-side-navigation-section-label-gap' | '--slotted-skeleton-block-size' | '--slotted-skeleton-border-color' | '--slotted-skeleton-border-width' | '--slotted-skeleton-fill' | '--slotted-skeleton-highlight-color' | '--slotted-skeleton-inline-size' | '--slotted-skeleton-last-line-size' | '--slotted-skeleton-line-size' | '--slotted-skeleton-min-block-size' | '--slotted-skeleton-phase' | '--slotted-skeleton-radius' | '--slotted-skeleton-row-size' | '--slotted-skeleton-size' | '--slotted-skeleton-trough-color' | '--slotted-slider-bubble-background' | '--slotted-slider-bubble-color' | '--slotted-slider-color' | '--slotted-slider-disabled-border-color' | '--slotted-slider-disabled-indicator-color' | '--slotted-slider-disabled-thumb-color' | '--slotted-slider-disabled-track-color' | '--slotted-slider-indicator-color' | '--slotted-slider-invalid-edge-width' | '--slotted-slider-invalid-focus-ring-color' | '--slotted-slider-invalid-indicator-color' | '--slotted-slider-invalid-thumb-border-color' | '--slotted-slider-length' | '--slotted-slider-mark-color' | '--slotted-slider-mark-label-color' | '--slotted-slider-output-color' | '--slotted-slider-readonly-indicator-color' | '--slotted-slider-readonly-thumb-border-color' | '--slotted-slider-thumb-border-color' | '--slotted-slider-thumb-color' | '--slotted-slider-thumb-hover-background' | '--slotted-slider-thumb-shadow' | '--slotted-slider-thumb-size' | '--slotted-slider-track-border-color' | '--slotted-slider-track-color' | '--slotted-slider-track-size' | '--slotted-sparkline-area-opacity' | '--slotted-sparkline-bar-share' | '--slotted-sparkline-block-size' | '--slotted-sparkline-block-size-lg' | '--slotted-sparkline-block-size-sm' | '--slotted-sparkline-color' | '--slotted-sparkline-line-width' | '--slotted-sparkline-line-width-sm' | '--slotted-sparkline-marker-size' | '--slotted-sparkline-marker-size-lg' | '--slotted-sparkline-marker-size-sm' | '--slotted-sparkline-reference-color' | '--slotted-sparkline-ring-color' | '--slotted-sparkline-ring-width' | '--slotted-sparkline-ring-width-sm' | '--slotted-spinner-size' | '--slotted-split-button-radius' | '--slotted-splitter-disabled-line-color' | '--slotted-splitter-line-active-color' | '--slotted-splitter-line-color' | '--slotted-stat-card-background' | '--slotted-stat-card-background-subtle' | '--slotted-stat-card-border-color' | '--slotted-stat-card-border-width' | '--slotted-stat-card-color' | '--slotted-stat-card-color-muted' | '--slotted-stat-card-delta-font-size' | '--slotted-stat-card-delta-font-size-lg' | '--slotted-stat-card-delta-font-size-sm' | '--slotted-stat-card-indicator-size' | '--slotted-stat-card-indicator-size-lg' | '--slotted-stat-card-label-font-size' | '--slotted-stat-card-label-font-size-lg' | '--slotted-stat-card-label-font-size-sm' | '--slotted-stat-card-label-line-height' | '--slotted-stat-card-label-line-height-lg' | '--slotted-stat-card-label-line-height-sm' | '--slotted-stat-card-min-inline-size' | '--slotted-stat-card-padding-block' | '--slotted-stat-card-padding-block-lg' | '--slotted-stat-card-padding-block-sm' | '--slotted-stat-card-padding-inline' | '--slotted-stat-card-padding-inline-lg' | '--slotted-stat-card-padding-inline-sm' | '--slotted-stat-card-prose-font-size' | '--slotted-stat-card-prose-font-size-lg' | '--slotted-stat-card-prose-line-height' | '--slotted-stat-card-prose-line-height-lg' | '--slotted-stat-card-radius' | '--slotted-stat-card-region-gap' | '--slotted-stat-card-region-gap-lg' | '--slotted-stat-card-region-gap-sm' | '--slotted-stat-card-shadow' | '--slotted-stat-card-shadow-elevated' | '--slotted-stat-card-trend-gap' | '--slotted-stat-card-trend-gap-lg' | '--slotted-stat-card-trend-gap-sm' | '--slotted-stat-card-trend-inline-size' | '--slotted-stat-card-trend-inline-size-lg' | '--slotted-stat-card-trend-inline-size-sm' | '--slotted-stat-card-value-font-size' | '--slotted-stat-card-value-font-size-lg' | '--slotted-stat-card-value-font-size-sm' | '--slotted-stat-card-value-line-height' | '--slotted-stat-card-value-line-height-lg' | '--slotted-stat-card-value-line-height-sm' | '--slotted-status-indicator-font-family' | '--slotted-status-indicator-mark-border-color' | '--slotted-status-indicator-mark-border-width' | '--slotted-stepper-color' | '--slotted-stepper-color-muted' | '--slotted-stepper-column-inset' | '--slotted-stepper-connector-color' | '--slotted-stepper-connector-color-complete' | '--slotted-stepper-connector-gap' | '--slotted-stepper-connector-thickness' | '--slotted-stepper-description-font-size' | '--slotted-stepper-description-gap' | '--slotted-stepper-font-family' | '--slotted-stepper-font-size' | '--slotted-stepper-gap' | '--slotted-stepper-glyph-size' | '--slotted-stepper-label-color-invalid' | '--slotted-stepper-label-gap' | '--slotted-stepper-label-weight' | '--slotted-stepper-line-height' | '--slotted-stepper-marker-border' | '--slotted-stepper-marker-border-current' | '--slotted-stepper-marker-color-complete' | '--slotted-stepper-marker-color-current' | '--slotted-stepper-marker-color-invalid' | '--slotted-stepper-marker-press-strength' | '--slotted-stepper-marker-size' | '--slotted-stepper-marker-surface' | '--slotted-stepper-marker-surface-complete' | '--slotted-stepper-marker-surface-invalid' | '--slotted-stepper-marker-weight' | '--slotted-stepper-panel-gap' | '--slotted-stepper-radius' | '--slotted-stepper-step-gap' | '--slotted-stepper-track-gap' | '--slotted-stepper-track-min' | '--slotted-stepper-underline-offset' | '--slotted-switch-active-background' | '--slotted-switch-border-color' | '--slotted-switch-checked-active-background' | '--slotted-switch-checked-background' | '--slotted-switch-checked-border-color' | '--slotted-switch-checked-hover-background' | '--slotted-switch-checked-thumb-border-color' | '--slotted-switch-color' | '--slotted-switch-description-color' | '--slotted-switch-description-font-size' | '--slotted-switch-disabled-background' | '--slotted-switch-disabled-border-color' | '--slotted-switch-disabled-color' | '--slotted-switch-disabled-mark-color' | '--slotted-switch-disabled-thumb-background' | '--slotted-switch-hover-background' | '--slotted-switch-invalid-border-color' | '--slotted-switch-invalid-edge-width' | '--slotted-switch-invalid-focus-ring-color' | '--slotted-switch-line-height' | '--slotted-switch-mark-color' | '--slotted-switch-pending-color' | '--slotted-switch-radius' | '--slotted-switch-readonly-background' | '--slotted-switch-readonly-border-color' | '--slotted-switch-thumb-background' | '--slotted-switch-thumb-border-color' | '--slotted-switch-thumb-shadow' | '--slotted-switch-track-background' | '--slotted-switch-track-inline-size' | '--slotted-table-border-color' | '--slotted-table-border-color-strong' | '--slotted-table-border-width' | '--slotted-table-cell-padding-block' | '--slotted-table-cell-padding-inline' | '--slotted-table-color' | '--slotted-table-color-muted' | '--slotted-table-column-actions-size' | '--slotted-table-control-radius' | '--slotted-table-font-family' | '--slotted-table-font-size' | '--slotted-table-gap' | '--slotted-table-header-surface' | '--slotted-table-header-surface-hover' | '--slotted-table-icon-size' | '--slotted-table-of-contents-color' | '--slotted-table-of-contents-color-current' | '--slotted-table-of-contents-color-hover' | '--slotted-table-of-contents-indent' | '--slotted-table-of-contents-marker-color' | '--slotted-table-of-contents-track-color' | '--slotted-table-of-contents-track-width' | '--slotted-table-radius' | '--slotted-table-row-color-selected' | '--slotted-table-row-min-block-size' | '--slotted-table-row-surface-hover' | '--slotted-table-row-surface-selected' | '--slotted-table-row-surface-selected-hover' | '--slotted-table-row-surface-stripe' | '--slotted-table-selection-size' | '--slotted-table-shadow' | '--slotted-table-sticky-inset' | '--slotted-table-sticky-offset' | '--slotted-table-sticky-offset-end' | '--slotted-table-surface' | '--slotted-tabs-actions-gap' | '--slotted-tabs-active-background' | '--slotted-tabs-active-marker-color' | '--slotted-tabs-color' | '--slotted-tabs-contained-background' | '--slotted-tabs-contained-selected-background' | '--slotted-tabs-dismiss-active-background' | '--slotted-tabs-dismiss-active-color' | '--slotted-tabs-dismiss-color' | '--slotted-tabs-dismiss-hover-background' | '--slotted-tabs-dismiss-hover-color' | '--slotted-tabs-fade-size' | '--slotted-tabs-gap' | '--slotted-tabs-hover-background' | '--slotted-tabs-hover-color' | '--slotted-tabs-hover-marker-color' | '--slotted-tabs-list-gap' | '--slotted-tabs-marker-color' | '--slotted-tabs-scroll-color' | '--slotted-tabs-selected-color' | '--slotted-tabs-track-color' | '--slotted-tag-border-color' | '--slotted-tag-border-width' | '--slotted-tag-font-family' | '--slotted-tag-font-weight' | '--slotted-tag-group-gap' | '--slotted-tag-inset-block' | '--slotted-tag-state-layer-active' | '--slotted-tag-state-layer-hover' | '--slotted-tags-input-action-active-background' | '--slotted-tags-input-action-color' | '--slotted-tags-input-action-hover-background' | '--slotted-tags-input-action-size' | '--slotted-tags-input-autofill-background' | '--slotted-tags-input-background' | '--slotted-tags-input-border-color' | '--slotted-tags-input-color' | '--slotted-tags-input-counter-color' | '--slotted-tags-input-counter-complete-color' | '--slotted-tags-input-current-border-color' | '--slotted-tags-input-disabled-background' | '--slotted-tags-input-disabled-border-color' | '--slotted-tags-input-disabled-color' | '--slotted-tags-input-field-basis' | '--slotted-tags-input-field-min' | '--slotted-tags-input-hover-border-color' | '--slotted-tags-input-icon-size-min' | '--slotted-tags-input-invalid-border-color' | '--slotted-tags-input-invalid-edge-width' | '--slotted-tags-input-invalid-focus-ring-color' | '--slotted-tags-input-placeholder-color' | '--slotted-tags-input-plain-hover-background' | '--slotted-tags-input-radius' | '--slotted-tags-input-readonly-background' | '--slotted-tags-input-shadow' | '--slotted-tags-input-subtle-background' | '--slotted-tags-input-subtle-border-color' | '--slotted-tags-input-subtle-hover-background' | '--slotted-text-field-action-active-background' | '--slotted-text-field-action-color' | '--slotted-text-field-action-hover-background' | '--slotted-text-field-action-label-color' | '--slotted-text-field-action-size' | '--slotted-text-field-adornment-color' | '--slotted-text-field-autofill-background' | '--slotted-text-field-background' | '--slotted-text-field-border-color' | '--slotted-text-field-caps-lock-color' | '--slotted-text-field-color' | '--slotted-text-field-copy-complete-color' | '--slotted-text-field-disabled-background' | '--slotted-text-field-disabled-border-color' | '--slotted-text-field-disabled-color' | '--slotted-text-field-hover-border-color' | '--slotted-text-field-icon-size-min' | '--slotted-text-field-invalid-border-color' | '--slotted-text-field-invalid-edge-width' | '--slotted-text-field-invalid-focus-ring-color' | '--slotted-text-field-placeholder-color' | '--slotted-text-field-plain-hover-background' | '--slotted-text-field-radius' | '--slotted-text-field-readonly-background' | '--slotted-text-field-shadow' | '--slotted-text-field-subtle-background' | '--slotted-text-field-subtle-border-color' | '--slotted-text-field-subtle-hover-background' | '--slotted-textarea-background' | '--slotted-textarea-border-color' | '--slotted-textarea-color' | '--slotted-textarea-disabled-background' | '--slotted-textarea-disabled-border-color' | '--slotted-textarea-disabled-color' | '--slotted-textarea-hover-border-color' | '--slotted-textarea-invalid-border-color' | '--slotted-textarea-invalid-edge-width' | '--slotted-textarea-invalid-focus-ring-color' | '--slotted-textarea-line-height' | '--slotted-textarea-max-rows' | '--slotted-textarea-placeholder-color' | '--slotted-textarea-plain-hover-background' | '--slotted-textarea-radius' | '--slotted-textarea-readonly-background' | '--slotted-textarea-rows' | '--slotted-textarea-shadow' | '--slotted-textarea-subtle-background' | '--slotted-textarea-subtle-border-color' | '--slotted-textarea-subtle-hover-background' | '--slotted-time-field-action-active-background' | '--slotted-time-field-action-color' | '--slotted-time-field-action-hover-background' | '--slotted-time-field-action-size' | '--slotted-time-field-adornment-color' | '--slotted-time-field-background' | '--slotted-time-field-border-color' | '--slotted-time-field-color' | '--slotted-time-field-disabled-background' | '--slotted-time-field-disabled-border-color' | '--slotted-time-field-disabled-color' | '--slotted-time-field-hover-border-color' | '--slotted-time-field-icon-size-min' | '--slotted-time-field-invalid-border-color' | '--slotted-time-field-invalid-edge-width' | '--slotted-time-field-invalid-focus-ring-color' | '--slotted-time-field-literal-color' | '--slotted-time-field-period-min-inline-size' | '--slotted-time-field-placeholder-color' | '--slotted-time-field-plain-hover-background' | '--slotted-time-field-preview-color' | '--slotted-time-field-preview-next-color' | '--slotted-time-field-radius' | '--slotted-time-field-readonly-background' | '--slotted-time-field-relative-border-color' | '--slotted-time-field-segment-focus-background' | '--slotted-time-field-segment-focus-color' | '--slotted-time-field-segment-min-inline-size' | '--slotted-time-field-segment-padding-inline' | '--slotted-time-field-segment-radius' | '--slotted-time-field-shadow' | '--slotted-time-field-subtle-background' | '--slotted-time-field-subtle-border-color' | '--slotted-time-field-subtle-hover-background' | '--slotted-time-picker-content-border-color' | '--slotted-time-picker-content-color' | '--slotted-time-picker-content-min-inline-size' | '--slotted-time-picker-content-padding' | '--slotted-time-picker-content-radius' | '--slotted-time-picker-content-shadow' | '--slotted-time-picker-invalid-focus-ring-color' | '--slotted-time-picker-label-color' | '--slotted-time-picker-list-block-size' | '--slotted-time-picker-now-color' | '--slotted-time-picker-option-current-background' | '--slotted-time-picker-option-hover-background' | '--slotted-time-picker-option-radius' | '--slotted-time-picker-option-selected-background' | '--slotted-time-picker-option-selected-color' | '--slotted-time-picker-option-selected-hover-background' | '--slotted-time-picker-radius' | '--slotted-time-picker-sheet-inline-size' | '--slotted-time-picker-surface' | '--slotted-time-picker-trigger-active-background' | '--slotted-time-picker-trigger-color' | '--slotted-time-picker-trigger-hover-background' | '--slotted-time-picker-trigger-size' | '--slotted-time-range-picker-action-active-background' | '--slotted-time-range-picker-action-color' | '--slotted-time-range-picker-action-hover-background' | '--slotted-time-range-picker-action-size' | '--slotted-time-range-picker-background' | '--slotted-time-range-picker-border-color' | '--slotted-time-range-picker-color' | '--slotted-time-range-picker-content-border-color' | '--slotted-time-range-picker-content-color' | '--slotted-time-range-picker-content-min-inline-size' | '--slotted-time-range-picker-content-padding' | '--slotted-time-range-picker-content-radius' | '--slotted-time-range-picker-content-shadow' | '--slotted-time-range-picker-current-color' | '--slotted-time-range-picker-current-size' | '--slotted-time-range-picker-disabled-background' | '--slotted-time-range-picker-disabled-border-color' | '--slotted-time-range-picker-disabled-color' | '--slotted-time-range-picker-done-active-background' | '--slotted-time-range-picker-done-background' | '--slotted-time-range-picker-done-color' | '--slotted-time-range-picker-done-hover-background' | '--slotted-time-range-picker-hint-color' | '--slotted-time-range-picker-hover-border-color' | '--slotted-time-range-picker-invalid-border-color' | '--slotted-time-range-picker-invalid-color' | '--slotted-time-range-picker-invalid-edge-width' | '--slotted-time-range-picker-invalid-focus-ring-color' | '--slotted-time-range-picker-label-color' | '--slotted-time-range-picker-length-color' | '--slotted-time-range-picker-limit-color' | '--slotted-time-range-picker-list-block-size' | '--slotted-time-range-picker-now-color' | '--slotted-time-range-picker-option-current-background' | '--slotted-time-range-picker-option-hover-background' | '--slotted-time-range-picker-option-radius' | '--slotted-time-range-picker-option-selected-background' | '--slotted-time-range-picker-option-selected-color' | '--slotted-time-range-picker-option-selected-hover-background' | '--slotted-time-range-picker-placeholder-color' | '--slotted-time-range-picker-plain-hover-background' | '--slotted-time-range-picker-preset-active-background' | '--slotted-time-range-picker-preset-background' | '--slotted-time-range-picker-preset-hover-background' | '--slotted-time-range-picker-preset-radius' | '--slotted-time-range-picker-preset-selected-background' | '--slotted-time-range-picker-preset-selected-color' | '--slotted-time-range-picker-radius' | '--slotted-time-range-picker-readonly-background' | '--slotted-time-range-picker-shadow' | '--slotted-time-range-picker-sheet-inline-size' | '--slotted-time-range-picker-subtle-background' | '--slotted-time-range-picker-subtle-border-color' | '--slotted-time-range-picker-subtle-hover-background' | '--slotted-time-range-picker-surface' | '--slotted-time-range-picker-tab-block-size' | '--slotted-timeline-color' | '--slotted-timeline-color-muted' | '--slotted-timeline-connector-color' | '--slotted-timeline-connector-thickness' | '--slotted-timeline-content-gap' | '--slotted-timeline-core-ratio' | '--slotted-timeline-font-family' | '--slotted-timeline-font-size' | '--slotted-timeline-gap' | '--slotted-timeline-group-gap' | '--slotted-timeline-group-weight' | '--slotted-timeline-item-gap' | '--slotted-timeline-line-gap' | '--slotted-timeline-line-height' | '--slotted-timeline-marker-border' | '--slotted-timeline-marker-surface' | '--slotted-timeline-meta-font-size' | '--slotted-timeline-opposite-size' | '--slotted-timeline-radius' | '--slotted-timeline-state-layer-active' | '--slotted-timeline-state-layer-hover' | '--slotted-timeline-time-font-size' | '--slotted-timeline-title-weight' | '--slotted-timeline-track-min' | '--slotted-toast-actions-gap' | '--slotted-toast-border-color' | '--slotted-toast-border-width' | '--slotted-toast-close-radius' | '--slotted-toast-close-size' | '--slotted-toast-column-gap' | '--slotted-toast-font-family' | '--slotted-toast-gap' | '--slotted-toast-measure' | '--slotted-toast-offset' | '--slotted-toast-padding-block' | '--slotted-toast-padding-inline' | '--slotted-toast-progress-size' | '--slotted-toast-radius' | '--slotted-toast-row-gap' | '--slotted-toast-shadow' | '--slotted-toast-stack-fade' | '--slotted-toast-stack-step' | '--slotted-toast-state-layer-active' | '--slotted-toast-state-layer-hover' | '--slotted-toast-surface' | '--slotted-toast-text' | '--slotted-toast-text-gap' | '--slotted-toast-text-muted' | '--slotted-toast-title-font-family' | '--slotted-toast-title-font-weight' | '--slotted-toggle-active-background' | '--slotted-toggle-border-color' | '--slotted-toggle-color' | '--slotted-toggle-disabled-border-color' | '--slotted-toggle-disabled-color' | '--slotted-toggle-disabled-pressed-background' | '--slotted-toggle-group-active-background' | '--slotted-toggle-group-border-color' | '--slotted-toggle-group-color' | '--slotted-toggle-group-disabled-border-color' | '--slotted-toggle-group-disabled-color' | '--slotted-toggle-group-disabled-pressed-background' | '--slotted-toggle-group-hover-background' | '--slotted-toggle-group-pressed-background' | '--slotted-toggle-group-pressed-border-color' | '--slotted-toggle-group-pressed-color' | '--slotted-toggle-group-pressed-hover-background' | '--slotted-toggle-group-radius' | '--slotted-toggle-group-shadow' | '--slotted-toggle-hover-background' | '--slotted-toggle-pressed-background' | '--slotted-toggle-pressed-border-color' | '--slotted-toggle-pressed-color' | '--slotted-toggle-pressed-hover-background' | '--slotted-toggle-radius' | '--slotted-toggle-shadow' | '--slotted-tone-secondary-subtle' | '--slotted-toolbar-background' | '--slotted-toolbar-border-color' | '--slotted-toolbar-gap' | '--slotted-toolbar-inset' | '--slotted-toolbar-overflow-active-background' | '--slotted-toolbar-overflow-color' | '--slotted-toolbar-overflow-hover-background' | '--slotted-toolbar-overflow-hover-color' | '--slotted-toolbar-overflow-open-background' | '--slotted-toolbar-separator-color' | '--slotted-tooltip-arrow-size' | '--slotted-tooltip-arrow-tip-radius' | '--slotted-tooltip-border-color' | '--slotted-tooltip-gap' | '--slotted-tooltip-measure' | '--slotted-tooltip-measure-sm' | '--slotted-tooltip-radius' | '--slotted-tooltip-shadow' | '--slotted-tooltip-surface' | '--slotted-tooltip-surface-raised' | '--slotted-tooltip-text' | '--slotted-tooltip-text-raised' | '--slotted-top-navigation-active-background' | '--slotted-top-navigation-block-size' | '--slotted-top-navigation-border-color' | '--slotted-top-navigation-color' | '--slotted-top-navigation-count-background' | '--slotted-top-navigation-count-color' | '--slotted-top-navigation-current-background' | '--slotted-top-navigation-current-color' | '--slotted-top-navigation-current-edge' | '--slotted-top-navigation-hover-background' | '--slotted-top-navigation-inset' | '--slotted-top-navigation-muted-color' | '--slotted-top-navigation-name-font-size' | '--slotted-top-navigation-name-max' | '--slotted-top-navigation-panel-radius' | '--slotted-top-navigation-panel-shadow' | '--slotted-top-navigation-panel-size' | '--slotted-top-navigation-panel-surface' | '--slotted-top-navigation-radius' | '--slotted-top-navigation-search-min' | '--slotted-top-navigation-search-size' | '--slotted-top-navigation-surface' | '--slotted-tour-arrow-size' | '--slotted-tour-arrow-tip-radius' | '--slotted-tour-border-color' | '--slotted-tour-gap' | '--slotted-tour-measure' | '--slotted-tour-measure-compact' | '--slotted-tour-measure-lg' | '--slotted-tour-measure-sm' | '--slotted-tour-padding-block' | '--slotted-tour-padding-block-lg' | '--slotted-tour-padding-block-sm' | '--slotted-tour-padding-inline' | '--slotted-tour-padding-inline-lg' | '--slotted-tour-padding-inline-sm' | '--slotted-tour-radius' | '--slotted-tour-scrim' | '--slotted-tour-shadow' | '--slotted-tour-spotlight-padding' | '--slotted-tour-spotlight-radius' | '--slotted-tour-surface' | '--slotted-tour-text' | '--slotted-transfer-pane-min-inline-size' | '--slotted-transfer-rows' | '--slotted-tree-border-color' | '--slotted-tree-guide-color' | '--slotted-tree-highlight' | '--slotted-tree-highlight-active' | '--slotted-tree-indent' | '--slotted-tree-mark-inset' | '--slotted-tree-measure' | '--slotted-tree-padding-block' | '--slotted-tree-padding-inline' | '--slotted-tree-radius' | '--slotted-tree-rows' | '--slotted-tree-selected-edge' | '--slotted-tree-selected-surface' | '--slotted-tree-selected-text' | '--slotted-tree-shadow' | '--slotted-tree-surface' | '--slotted-tree-text' | '--slotted-tree-text-muted' | '--slotted-typography-font-family' | '--slotted-typography-lines' | '--slotted-typography-uppercase-tracking' | '--slotted-upload-action-radius' | '--slotted-upload-action-size' | '--slotted-upload-border-width' | '--slotted-upload-card-actions-opacity' | '--slotted-upload-card-measure' | '--slotted-upload-field-section-gap' | '--slotted-upload-font-family' | '--slotted-upload-icon-size-min' | '--slotted-upload-item-background' | '--slotted-upload-item-border-color' | '--slotted-upload-item-gap' | '--slotted-upload-item-padding-block' | '--slotted-upload-item-padding-inline' | '--slotted-upload-item-radius' | '--slotted-upload-label-font-weight' | '--slotted-upload-line-gap' | '--slotted-upload-name-font-weight' | '--slotted-upload-preview-radius' | '--slotted-upload-preview-size' | '--slotted-upload-radius' | '--slotted-upload-section-gap' | '--slotted-upload-state-layer-active' | '--slotted-upload-state-layer-hover' | '--slotted-upload-status-font-weight' | '--slotted-upload-trigger-background' | '--slotted-upload-viewer-control-opacity' | '--slotted-upload-viewer-control-size' | '--slotted-upload-viewer-tile-size' | '--slotted-upload-zone-background' | '--slotted-upload-zone-border-color' | '--slotted-upload-zone-border-width' | '--slotted-upload-zone-icon-size' | '--slotted-upload-zone-padding-block' | '--slotted-upload-zone-padding-inline' | '--slotted-upload-zone-state-layer-active' | '--slotted-upload-zone-state-layer-hover' | '--slotted-wizard-border' | '--slotted-wizard-edit-color' | '--slotted-wizard-gap' | '--slotted-wizard-header-gap' | '--slotted-wizard-progress-inline-size' | '--slotted-wizard-rhythm' | '--slotted-wizard-segment-color' | '--slotted-wizard-segment-color-complete' | '--slotted-wizard-segment-color-invalid' | '--slotted-wizard-toggle-active-background' | '--slotted-wizard-toggle-hover-border-color';
+export declare const COMPONENT_TOKENS: readonly ComponentToken[];