@12-apps/ui 6.35.0 → 6.36.0

package/dist/types/components/data-display/MapPreview/MapSearchBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MapSearchBar.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/MapPreview/MapSearchBar.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,KAAK,MAAM,OAAO,CAAC;AA8B1B,MAAM,WAAW,iBAAiB;IAChC,2EAA2E;IAC3E,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CAClE;AAED,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CA2B9C,CAAC"}
+{"version":3,"file":"MapSearchBar.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/MapPreview/MapSearchBar.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,KAAK,MAAM,OAAO,CAAC;AA+B1B,MAAM,WAAW,iBAAiB;IAChC,2EAA2E;IAC3E,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CAClE;AAED,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CA2B9C,CAAC"}

package/dist/types/components/data-display/MapPreview/mapSurface.d.ts

@@ -2,12 +2,12 @@ import type { Theme } from '@mui/material/styles/index.js';
 import type { MapType } from './MapPreview.types';
 export declare const surfaceBackground: (mapType: MapType, theme: Theme) => string;
 export declare const tileBackground: (mapType: MapType, theme: Theme) => string;
-export declare const BOUNCE_KEYFRAMES: {
+export declare const bounceKeyframes: (theme: Theme) => {
     readonly '0%, 100%': {
         readonly transform: "translateY(0)";
     };
     readonly '50%': {
-        readonly transform: "translateY(-10px)";
+        readonly transform: `translateY(${string})`;
     };
 };
 //# sourceMappingURL=mapSurface.d.ts.map

package/dist/types/components/data-display/MapPreview/mapSurface.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mapSurface.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/MapPreview/mapSurface.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAG3D,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAQlD,eAAO,MAAM,iBAAiB,GAAI,SAAS,OAAO,EAAE,OAAO,KAAK,KAAG,MASlE,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,SAAS,OAAO,EAAE,OAAO,KAAK,KAAG,MAU/D,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;;;;CAGnB,CAAC"}
+{"version":3,"file":"mapSurface.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/MapPreview/mapSurface.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAG3D,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AASlD,eAAO,MAAM,iBAAiB,GAAI,SAAS,OAAO,EAAE,OAAO,KAAK,KAAG,MASlE,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,SAAS,OAAO,EAAE,OAAO,KAAK,KAAG,MAU/D,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,OAAO,KAAK;;;;;;;CAI/B,CAAC"}

package/dist/types/components/data-display/Popover/Popover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Popover/Popover.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAmGpD,eAAO,MAAM,OAAO,kGA0BnB,CAAC"}
+{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Popover/Popover.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AA+GpD,eAAO,MAAM,OAAO,kGA0BnB,CAAC"}

package/dist/types/components/data-display/Progress/Progress.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Progress.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Progress/Progress.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,OAAO,KAAK,EAAE,aAAa,EAAiC,MAAM,kBAAkB,CAAC;AA4OrF,eAAO,MAAM,QAAQ,mGA+CpB,CAAC"}
+{"version":3,"file":"Progress.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Progress/Progress.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,OAAO,KAAK,EAAE,aAAa,EAAiC,MAAM,kBAAkB,CAAC;AA+OrF,eAAO,MAAM,QAAQ,mGA+CpB,CAAC"}

package/dist/types/components/data-display/Progress/Progress.styles.d.ts

@@ -7,12 +7,14 @@ export declare const pulseAnimation: {
     toString: () => string;
 } & string;
 export declare const getColorFromTheme: (theme: Theme, color: string) => PaletteColor;
-export declare const getSizeStyles: (size?: ProgressSize) => {
-    height: number;
-    circularSize: number;
+interface SizeStep {
+    heightPx: number;
+    circularSizePx: number;
     fontSize: (theme: Theme) => string;
-};
-export declare const barVariantStyles: (variant: ProgressVariant | undefined, colorPalette: PaletteColor) => CSSObject;
-export declare const barEmphasisStyles: (colorPalette: PaletteColor, glow?: boolean, pulse?: boolean) => CSSObject;
-export declare const circularEmphasisStyles: (colorPalette: PaletteColor, glow?: boolean, pulse?: boolean) => CSSObject;
+}
+export declare const getSizeStyles: (size?: ProgressSize) => SizeStep;
+export declare const barVariantStyles: (theme: Theme, variant: ProgressVariant | undefined, colorPalette: PaletteColor) => CSSObject;
+export declare const barEmphasisStyles: (theme: Theme, colorPalette: PaletteColor, glow?: boolean, pulse?: boolean) => CSSObject;
+export declare const circularEmphasisStyles: (theme: Theme, colorPalette: PaletteColor, glow?: boolean, pulse?: boolean) => CSSObject;
+export {};
 //# sourceMappingURL=Progress.styles.d.ts.map

package/dist/types/components/data-display/Progress/Progress.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Progress.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Progress/Progress.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAapF,OAAO,KAAK,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAMtE,eAAO,MAAM,cAAc;;;;;UAU1B,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,OAAO,KAAK,EAAE,OAAO,MAAM,KAAG,YAkB/D,CAAC;AAYF,eAAO,MAAM,aAAa,GAAI,OAAO,YAAY;YARF,MAAM;kBAAgB,MAAM;cAAY,CAAC,KAAK,EAAE,KAAK,KAAK,MAAM;CAQZ,CAAC;AAEpG,eAAO,MAAM,gBAAgB,GAC3B,SAAS,eAAe,GAAG,SAAS,EACpC,cAAc,YAAY,KACzB,SAiBF,CAAC;AAIF,eAAO,MAAM,iBAAiB,GAC5B,cAAc,YAAY,EAC1B,OAAO,OAAO,EACd,QAAQ,OAAO,KACd,SAQD,CAAC;AAEH,eAAO,MAAM,sBAAsB,GACjC,cAAc,YAAY,EAC1B,OAAO,OAAO,EACd,QAAQ,OAAO,KACd,SAOD,CAAC"}
+{"version":3,"file":"Progress.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Progress/Progress.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAapF,OAAO,KAAK,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAMtE,eAAO,MAAM,cAAc;;;;;UAU1B,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,OAAO,KAAK,EAAE,OAAO,MAAM,KAAG,YAkB/D,CAAC;AAKF,UAAU,QAAQ;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,cAAc,EAAE,MAAM,CAAC;IACvB,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,MAAM,CAAC;CACpC;AASD,eAAO,MAAM,aAAa,GAAI,OAAO,YAAY,aAAkD,CAAC;AAEpG,eAAO,MAAM,gBAAgB,GAC3B,OAAO,KAAK,EACZ,SAAS,eAAe,GAAG,SAAS,EACpC,cAAc,YAAY,KACzB,SAiBF,CAAC;AAIF,eAAO,MAAM,iBAAiB,GAC5B,OAAO,KAAK,EACZ,cAAc,YAAY,EAC1B,OAAO,OAAO,EACd,QAAQ,OAAO,KACd,SAQD,CAAC;AAEH,eAAO,MAAM,sBAAsB,GACjC,OAAO,KAAK,EACZ,cAAc,YAAY,EAC1B,OAAO,OAAO,EACd,QAAQ,OAAO,KACd,SAOD,CAAC"}

package/dist/types/components/data-display/Sheet/Sheet.animations.d.ts

@@ -1,3 +1,4 @@
+import { type Theme } from '@mui/material/styles/index.js';
 /** Spring physics used by the draggable variant's snap-point animation. */
 export declare const SPRING_CONFIG: {
     tension: number;
@@ -8,19 +9,19 @@ export declare const SPRING_CONFIG: {
 export declare const DEFAULT_VELOCITY_THRESHOLD = 0.5;
 /** Drag resistance factor applied past the first and last snap points. */
 export declare const DEFAULT_DRAG_RESISTANCE = 0.3;
-export declare const pulseAnimation: {
+export declare const pulseAnimation: (theme: Theme) => {
     name: string;
     styles: string;
     anim: 1;
     toString: () => string;
 } & string;
-export declare const shimmerAnimation: {
+export declare const shimmerAnimation: (theme: Theme) => {
     name: string;
     styles: string;
     anim: 1;
     toString: () => string;
 } & string;
-export declare const glowAnimation: {
+export declare const glowAnimation: (theme: Theme) => {
     name: string;
     styles: string;
     anim: 1;

package/dist/types/components/data-display/Sheet/Sheet.animations.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Sheet.animations.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Sheet/Sheet.animations.ts"],"names":[],"mappings":"AAEA,2EAA2E;AAC3E,eAAO,MAAM,aAAa;;;;CAIzB,CAAC;AAEF,sEAAsE;AACtE,eAAO,MAAM,0BAA0B,MAAM,CAAC;AAE9C,0EAA0E;AAC1E,eAAO,MAAM,uBAAuB,MAAM,CAAC;AAE3C,eAAO,MAAM,cAAc;;;;;UAU1B,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;;UAO5B,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;UAOzB,CAAC"}
+{"version":3,"file":"Sheet.animations.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Sheet/Sheet.animations.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAItE,2EAA2E;AAC3E,eAAO,MAAM,aAAa;;;;CAIzB,CAAC;AAEF,sEAAsE;AACtE,eAAO,MAAM,0BAA0B,MAAM,CAAC;AAE9C,0EAA0E;AAC1E,eAAO,MAAM,uBAAuB,MAAM,CAAC;AAE3C,eAAO,MAAM,cAAc,GAAI,OAAO,KAAK;;;;;UAU1C,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,OAAO,KAAK;;;;;UAO5C,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,OAAO,KAAK;;;;;UAOzC,CAAC"}

package/dist/types/components/data-display/Sheet/Sheet.body.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Sheet.body.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Sheet/Sheet.body.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAGhD,MAAM,WAAW,cAAe,SAAQ,IAAI,CAC1C,UAAU,EACR,OAAO,GACP,aAAa,GACb,iBAAiB,GACjB,YAAY,GACZ,QAAQ,GACR,QAAQ,GACR,SAAS,GACT,OAAO,GACP,UAAU,GACV,SAAS,GACT,SAAS,GACT,QAAQ,CACX;IACC,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,OAAO,CAAC;IACpB,eAAe,EAAE,OAAO,CAAC;IACzB,kBAAkB,EAAE,OAAO,CAAC;IAC5B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,WAAW,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;CAC/D;AA6BD;;;;GAIG;AACH,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAmE9C,CAAC"}
+{"version":3,"file":"Sheet.body.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Sheet/Sheet.body.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAIhD,MAAM,WAAW,cAAe,SAAQ,IAAI,CAC1C,UAAU,EACR,OAAO,GACP,aAAa,GACb,iBAAiB,GACjB,YAAY,GACZ,QAAQ,GACR,QAAQ,GACR,SAAS,GACT,OAAO,GACP,UAAU,GACV,SAAS,GACT,SAAS,GACT,QAAQ,CACX;IACC,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,OAAO,CAAC;IACpB,eAAe,EAAE,OAAO,CAAC;IACzB,kBAAkB,EAAE,OAAO,CAAC;IAC5B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,WAAW,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;CAC/D;AA6BD;;;;GAIG;AACH,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAmE9C,CAAC"}

package/dist/types/components/data-display/Sheet/Sheet.parts.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Sheet.parts.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Sheet/Sheet.parts.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,KAAK,EACV,iBAAiB,EACjB,gBAAgB,EAChB,gBAAgB,EAChB,iBAAiB,EAClB,MAAM,eAAe,CAAC;AAqEvB,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA2DlD,CAAC;AAOF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAgBpD,CAAC;AAQF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA0BlD,CAAC;AAOF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAsBpD,CAAC"}
+{"version":3,"file":"Sheet.parts.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Sheet/Sheet.parts.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,KAAK,EACV,iBAAiB,EACjB,gBAAgB,EAChB,gBAAgB,EAChB,iBAAiB,EAClB,MAAM,eAAe,CAAC;AAqEvB,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA2DlD,CAAC;AAOF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAgBpD,CAAC;AAQF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA0BlD,CAAC;AAOF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAsBpD,CAAC"}

package/dist/types/components/data-display/Sheet/Sheet.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Sheet.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Sheet/Sheet.styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAIhD,KAAK,QAAQ,GAAG,WAAW,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC,CAAC;AACpD,KAAK,OAAO,GAAG,WAAW,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC,CAAC;AAClD,KAAK,IAAI,GAAG,WAAW,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC;AAC5C,KAAK,KAAK,GAAG,WAAW,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC;AA0H9C,UAAU,iBAAiB;IACzB,KAAK,EAAE,KAAK,CAAC;IACb,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,KAAK,CAAC;IACb,QAAQ,EAAE,QAAQ,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,OAAO,CAAC;IACf,KAAK,EAAE,OAAO,CAAC;IACf,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,OAAO,CAAC;IACrB,kBAAkB,EAAE,OAAO,CAAC;IAC5B,eAAe,EAAE,OAAO,CAAC;CAC1B;AA8HD,UAAU,YAAa,SAAQ,iBAAiB;IAC9C,IAAI,EAAE,IAAI,CAAC;IACX,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,UAAU,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED;;;;;;GAMG;AACH,eAAO,MAAM,OAAO,GAAI,OAAO,YAAY,KAAG,SA4B7C,CAAC"}
+{"version":3,"file":"Sheet.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Sheet/Sheet.styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAMhD,KAAK,QAAQ,GAAG,WAAW,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC,CAAC;AACpD,KAAK,OAAO,GAAG,WAAW,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC,CAAC;AAClD,KAAK,IAAI,GAAG,WAAW,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC;AAC5C,KAAK,KAAK,GAAG,WAAW,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC;AA6H9C,UAAU,iBAAiB;IACzB,KAAK,EAAE,KAAK,CAAC;IACb,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,KAAK,CAAC;IACb,QAAQ,EAAE,QAAQ,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,OAAO,CAAC;IACf,KAAK,EAAE,OAAO,CAAC;IACf,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,OAAO,CAAC;IACrB,kBAAkB,EAAE,OAAO,CAAC;IAC5B,eAAe,EAAE,OAAO,CAAC;CAC1B;AA8HD,UAAU,YAAa,SAAQ,iBAAiB;IAC9C,IAAI,EAAE,IAAI,CAAC;IACX,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,UAAU,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED;;;;;;GAMG;AACH,eAAO,MAAM,OAAO,GAAI,OAAO,YAAY,KAAG,SA4B7C,CAAC"}

package/dist/types/components/data-display/StatCard/StatCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StatCard.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/StatCard/StatCard.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAIV,aAAa,EACd,MAAM,kBAAkB,CAAC;AAwK1B;;;;;;;;;;GAUG;AACH,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAwC5C,CAAC;AAIF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"StatCard.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/StatCard/StatCard.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAIV,aAAa,EACd,MAAM,kBAAkB,CAAC;AAyK1B;;;;;;;;;;GAUG;AACH,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAwC5C,CAAC;AAIF,eAAe,QAAQ,CAAC"}

package/dist/types/components/data-display/Table/Table.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Table/Table.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAEV,YAAY,EACZ,UAAU,EACV,gBAAgB,EAAC,MAAM,eAAe,CAAC;AA0CzC,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC;IACzB,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAC;IACjD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC9B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CA4BA,CAAC;AAkBF,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,EAAE,UAAU,CAAC,CAAC;AA6LxF,eAAO,MAAM,KAAK,kGAiEjB,CAAC"}
+{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Table/Table.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAEV,YAAY,EACZ,UAAU,EACV,gBAAgB,EAAC,MAAM,eAAe,CAAC;AAiDzC,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC;IACzB,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAC;IACjD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC9B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CA4BA,CAAC;AAqBF,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,EAAE,UAAU,CAAC,CAAC;AA6LxF,eAAO,MAAM,KAAK,kGAiEjB,CAAC"}

package/dist/types/components/data-display/Table/Table.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Table.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Table/Table.styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAEtE,OAAO,KAAK,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AA6KpE,eAAO,MAAM,WAAW,GAAI,sFAQC;IAC3B,KAAK,EAAE,KAAK,CAAC;IACb,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,gBAAgB,CAAC;CAChC,KAAG,SAmDH,CAAA"}
+{"version":3,"file":"Table.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Table/Table.styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAEtE,OAAO,KAAK,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AA8KpE,eAAO,MAAM,WAAW,GAAI,sFAQC;IAC3B,KAAK,EAAE,KAAK,CAAC;IACb,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,gBAAgB,CAAC;CAChC,KAAG,SAmDH,CAAA"}

package/dist/types/components/data-display/Timeline/Timeline.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Timeline.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Timeline/Timeline.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGhC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AA+BtD,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CA8CtC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"Timeline.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Timeline/Timeline.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGhC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAgCtD,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CA8CtC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/types/components/data-display/Timeline/TimelineRow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TimelineRow.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Timeline/TimelineRow.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAgQpE,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC;IACjC,IAAI,EAAE,YAAY,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,WAAW,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC,CAAC;IAC/C,WAAW,EAAE,UAAU,GAAG,YAAY,CAAC;IACvC,aAAa,EAAE,OAAO,CAAC;IACvB,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,OAAO,CAAC;IACrB,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IAC3C,aAAa,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;CAClE,CA8DA,CAAC"}
+{"version":3,"file":"TimelineRow.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Timeline/TimelineRow.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAiQpE,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC;IACjC,IAAI,EAAE,YAAY,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,WAAW,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC,CAAC;IAC/C,WAAW,EAAE,UAAU,GAAG,YAAY,CAAC;IACvC,aAAa,EAAE,OAAO,CAAC;IACvB,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,OAAO,CAAC;IACrB,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IAC3C,aAAa,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;CAClE,CA8DA,CAAC"}

package/dist/types/components/data-display/TimingDiagram/TimingDiagram.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TimingDiagram.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/TimingDiagram/TimingDiagram.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGhC,OAAO,KAAK,EAAc,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AA0E5E,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CA8ChD,CAAC;AAGF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"TimingDiagram.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/TimingDiagram/TimingDiagram.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGhC,OAAO,KAAK,EAAc,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AA0E5E,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CA+ChD,CAAC;AAGF,eAAe,aAAa,CAAC"}

package/dist/types/components/data-display/TimingDiagram/TimingDiagram.views.d.ts

@@ -15,7 +15,8 @@ export interface TimingViewProps {
     animated: boolean;
     showLabels: boolean;
     showTooltips: boolean;
-    height: number;
+    /** The waterfall's plot height in design px — drawn through `rem`. */
+    plotHeightPx: number;
 }
 export declare const formatTime: (ms: number) => string;
 export declare const WaterfallView: FC<TimingViewProps>;

package/dist/types/components/data-display/TimingDiagram/TimingDiagram.views.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TimingDiagram.views.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/TimingDiagram/TimingDiagram.views.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,KAAK,EAAE,EAAE,EAAgB,MAAM,OAAO,CAAC;AAG9C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAIxD,MAAM,MAAM,QAAQ,GAAG,KAAK,GAAG,SAAS,GAAG,KAAK,GAAG,SAAS,GAAG,UAAU,CAAC;AAG1E,eAAO,MAAM,WAAW,GAAI,OAAO,KAAK,KAAG,MAAM,CAAC,QAAQ,EAAE,MAAM,CASjE,CAAC;AAEF,MAAM,WAAW,KAAK;IACpB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,KAAK,EAAE,CAAC;IAChB,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACpC,IAAI,EAAE,UAAU,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,OAAO,CAAC;IACpB,YAAY,EAAE,OAAO,CAAC;IACtB,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,UAAU,GAAI,IAAI,MAAM,KAAG,MAGvC,CAAC;AAwFF,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,eAAe,CAkD7C,CAAC;AAyCF,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,eAAe,CA0C3C,CAAC;AA2DF,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,eAAe,CAiC9C,CAAC"}
+{"version":3,"file":"TimingDiagram.views.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/TimingDiagram/TimingDiagram.views.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,KAAK,EAAE,EAAE,EAAgB,MAAM,OAAO,CAAC;AAG9C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAIxD,MAAM,MAAM,QAAQ,GAAG,KAAK,GAAG,SAAS,GAAG,KAAK,GAAG,SAAS,GAAG,UAAU,CAAC;AAG1E,eAAO,MAAM,WAAW,GAAI,OAAO,KAAK,KAAG,MAAM,CAAC,QAAQ,EAAE,MAAM,CASjE,CAAC;AAEF,MAAM,WAAW,KAAK;IACpB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,KAAK,EAAE,CAAC;IAChB,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACpC,IAAI,EAAE,UAAU,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,OAAO,CAAC;IACpB,YAAY,EAAE,OAAO,CAAC;IACtB,sEAAsE;IACtE,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,UAAU,GAAI,IAAI,MAAM,KAAG,MAGvC,CAAC;AAwFF,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,eAAe,CAkD7C,CAAC;AAyCF,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,eAAe,CA0C3C,CAAC;AA2DF,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,eAAe,CAiC9C,CAAC"}

package/dist/types/components/data-display/Tooltip/Tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAmHpD,eAAO,MAAM,OAAO,kGA6CnB,CAAC"}
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAgIpD,eAAO,MAAM,OAAO,kGA6CnB,CAAC"}

package/dist/typography/Blockquote.js

@@ -2,9 +2,9 @@ import {
   Blockquote
 } from "../chunk-NEGCJNGJ.js";
 import "../chunk-FQ6UW7IY.js";
-import "../chunk-YKCAJ2TN.js";
 import "../chunk-6JAIFIPW.js";
 import "../chunk-N3GAFIXG.js";
+import "../chunk-YKCAJ2TN.js";
 import "../chunk-PZ5AY32C.js";
 export {
   Blockquote

package/dist/typography/Code.js

@@ -3,9 +3,9 @@ import {
   Code
 } from "../chunk-FYTLKHEN.js";
 import "../chunk-FQ6UW7IY.js";
-import "../chunk-YKCAJ2TN.js";
 import "../chunk-6JAIFIPW.js";
 import "../chunk-N3GAFIXG.js";
+import "../chunk-YKCAJ2TN.js";
 import "../chunk-PZ5AY32C.js";
 export {
   Code

package/dist/typography/Text.js

@@ -10,8 +10,8 @@ import "../chunk-AG66JBNH.js";
 import "../chunk-FZXKH2ZT.js";
 import "../chunk-PZBK3F52.js";
 import "../chunk-26X4CZVR.js";
-import "../chunk-YKCAJ2TN.js";
 import "../chunk-6JAIFIPW.js";
+import "../chunk-YKCAJ2TN.js";
 import "../chunk-PZ5AY32C.js";
 export {
   Text

package/dist/user-avatar.js

@@ -1,13 +1,13 @@
 import {
   UserAvatar,
   UserMenu
-} from "./chunk-LDDN254Q.js";
+} from "./chunk-2UCLUDEB.js";
 import "./chunk-UDQSIRAP.js";
-import "./chunk-ZXSUWFQX.js";
-import "./chunk-CMTR3WEA.js";
+import "./chunk-PGPPN63I.js";
+import "./chunk-TNQDSTIA.js";
 import "./chunk-6ZZGK5DT.js";
 import "./chunk-3ZVUNSFF.js";
-import "./chunk-XRMZMBE3.js";
+import "./chunk-MTEQEPNY.js";
 import "./chunk-VUHLNYAE.js";
 import "./chunk-2GSIEDGN.js";
 import "./chunk-N6CSXHFJ.js";
@@ -34,9 +34,9 @@ import "./chunk-FZXKH2ZT.js";
 import "./chunk-PZBK3F52.js";
 import "./chunk-26X4CZVR.js";
 import "./chunk-FQ6UW7IY.js";
-import "./chunk-YKCAJ2TN.js";
 import "./chunk-6JAIFIPW.js";
 import "./chunk-N3GAFIXG.js";
+import "./chunk-YKCAJ2TN.js";
 import "./chunk-PZ5AY32C.js";
 export {
   UserAvatar,

package/dist/utility/AnimatedIcon.js

@@ -6,9 +6,9 @@ import "../chunk-6QLPSMTA.js";
 import "../chunk-3T5Z5HXF.js";
 import "../chunk-HPK33ACY.js";
 import "../chunk-FQ6UW7IY.js";
-import "../chunk-YKCAJ2TN.js";
 import "../chunk-6JAIFIPW.js";
 import "../chunk-N3GAFIXG.js";
+import "../chunk-YKCAJ2TN.js";
 import "../chunk-PZ5AY32C.js";
 export {
   AnimatedIcon

package/dist/utility/WorkflowStep.js

@@ -6,9 +6,9 @@ import "../chunk-R75DZ3AK.js";
 import "../chunk-OATHOXIU.js";
 import "../chunk-V5KKBMAT.js";
 import "../chunk-FQ6UW7IY.js";
-import "../chunk-YKCAJ2TN.js";
 import "../chunk-6JAIFIPW.js";
 import "../chunk-N3GAFIXG.js";
+import "../chunk-YKCAJ2TN.js";
 import "../chunk-PZ5AY32C.js";
 export {
   WorkflowStep,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@12-apps/ui",
-  "version": "6.35.0",
+  "version": "6.36.0",
   "license": "MIT",
   "packageManager": "pnpm@10.34.5",
   "type": "module",

package/src/components/data-display/Alert/Alert.styles.tsx

@@ -32,17 +32,17 @@ import {
   SEMANTIC_VARIANTS,
 } from './Alert.metrics';
 import type { IconName } from '../../../icons/Icon.types';
-import { rem } from '../../../tokens/relative';
+import { rem, rems } from '../../../tokens/relative';
 
 export type { AlertPalette } from './Alert.metrics';
 
-export const pulseAnimation = keyframes`
+export const pulseAnimation = (theme: Theme) => keyframes`
   0% {
     box-shadow: 0 0 0 0 currentColor;
     opacity: 1;
   }
   70% {
-    box-shadow: 0 0 0 ${PULSE.spread}px currentColor;
+    box-shadow: 0 0 0 ${rem(theme, PULSE.spread)} currentColor;
     opacity: 0;
   }
   100% {
@@ -82,19 +82,19 @@ export const pulseAnimation = keyframes`
 
 // Removed unused slideInAnimation - can be re-added if needed for future features
 
-export const shimmerAnimation = keyframes`
+export const shimmerAnimation = (theme: Theme) => keyframes`
   0% {
-    background-position: -${GRADIENT.shimmerTravel}px 0;
+    background-position: ${rem(theme, -GRADIENT.shimmerTravel)} 0;
   }
   100% {
-    background-position: ${GRADIENT.shimmerTravel}px 0;
+    background-position: ${rem(theme, GRADIENT.shimmerTravel)} 0;
   }
 `;
 
-export const fadeInScale = keyframes`
+export const fadeInScale = (theme: Theme) => keyframes`
   from {
     opacity: 0;
-    transform: scale(${FADE_IN.scale}) translateY(-${FADE_IN.lift}px);
+    transform: scale(${FADE_IN.scale}) translateY(${rem(theme, -FADE_IN.lift)});
   }
   to {
     opacity: 1;
@@ -296,8 +296,8 @@ export const alertVariantStyles = (
     // be mostly pane — the backdrop should be legible AS texture behind the
     // text, never as competition with it.
     backgroundColor: alpha(theme.palette.background.paper, GLASS.backgroundAlpha),
-    backdropFilter: `blur(${GLASS.blur}px) saturate(${GLASS.saturatePercent}%)`,
-    WebkitBackdropFilter: `blur(${GLASS.blur}px) saturate(${GLASS.saturatePercent}%)`,
+    backdropFilter: `blur(${rem(theme, GLASS.blur)}) saturate(${GLASS.saturatePercent}%)`,
+    WebkitBackdropFilter: `blur(${rem(theme, GLASS.blur)}) saturate(${GLASS.saturatePercent}%)`,
     border: `1px solid ${alpha(theme.palette.divider, GLASS.borderAlpha)}`,
     color: theme.palette.text.primary,
     '.MuiAlert-icon': {
@@ -307,7 +307,7 @@ export const alertVariantStyles = (
     // alpha with nothing blurred behind it — the see-through banner this is
     // fixing. There is no degraded frost to fall back to, so it falls back to an
     // opaque pane: less pretty, still readable.
-    '@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px)))': {
+    [`@supports not ((backdrop-filter: blur(${rem(theme, 1)})) or (-webkit-backdrop-filter: blur(${rem(theme, 1)})))`]: {
       backgroundColor: theme.palette.background.paper,
     },
   }),
@@ -325,26 +325,26 @@ export const alertVariantStyles = (
       content: '""',
       position: 'absolute',
       top: 0,
-      left: `-${GRADIENT.shimmerTravel}px`,
+      left: rem(theme, -GRADIENT.shimmerTravel),
       width: '100%',
       height: '100%',
       background: `linear-gradient(90deg, transparent, ${sheen(theme, GRADIENT.shimmerAlpha)}, transparent)`,
-      animation: `${shimmerAnimation} ${seconds(GRADIENT.shimmerMs)} infinite`,
+      animation: `${shimmerAnimation(theme)} ${seconds(GRADIENT.shimmerMs)} infinite`,
     },
   }),
 });
 
 /** The web's glow: a soft shadow of the hue and a touch of brightness. */
-const glowStyles = (colorPalette: AlertPalette): CSSObject => ({
+const glowStyles = (theme: Theme, colorPalette: AlertPalette): CSSObject => ({
   // No `!important`: the pointer states paint their tint as an INSET shadow on
   // the same property, and compose this one alongside it rather than fighting
   // it. `glowShadow` in `Alert.tsx` is the other half of that pair.
-  boxShadow: `0 0 ${GLOW.blur}px ${GLOW.spread}px ${alpha(colorPalette.main, GLOW.alpha)}`,
+  boxShadow: `0 0 ${rems(theme, GLOW.blur, GLOW.spread)} ${alpha(colorPalette.main, GLOW.alpha)}`,
   filter: `brightness(${GLOW.brightness})`,
 });
 
 /** The web's pulse: a wash of the hue over the whole card, fading out every two seconds. */
-const pulseAfter = (colorPalette: AlertPalette): CSSObject => ({
+const pulseAfter = (theme: Theme, colorPalette: AlertPalette): CSSObject => ({
   content: '""',
   position: 'absolute',
   top: 0,
@@ -354,7 +354,7 @@ const pulseAfter = (colorPalette: AlertPalette): CSSObject => ({
   borderRadius: 'inherit',
   backgroundColor: colorPalette.main,
   opacity: PULSE.alpha,
-  animation: `${pulseAnimation} ${seconds(PULSE.ms)} infinite`,
+  animation: `${pulseAnimation(theme)} ${seconds(PULSE.ms)} infinite`,
   pointerEvents: 'none',
   zIndex: -1,
 });
@@ -364,24 +364,25 @@ const pulseAfter = (colorPalette: AlertPalette): CSSObject => ({
 // leak into the glow+pulse case. Declaration ORDER is kept as it has always
 // been, because emotion hashes the serialised block into the class name.
 export const alertEmphasisStyles = (
+  theme: Theme,
   colorPalette: AlertPalette,
   glow: boolean,
   pulse: boolean,
 ): CSSObject => ({
-  ...(glow && !pulse && glowStyles(colorPalette)),
+  ...(glow && !pulse && glowStyles(theme, colorPalette)),
 
   // Pulse animation
   ...(pulse &&
     !glow && {
       position: 'relative',
-      '&::after': pulseAfter(colorPalette),
+      '&::after': pulseAfter(theme, colorPalette),
     }),
 
   // Both glow and pulse
   ...(glow &&
     pulse && {
       position: 'relative',
-      ...glowStyles(colorPalette),
-      '&::after': pulseAfter(colorPalette),
+      ...glowStyles(theme, colorPalette),
+      '&::after': pulseAfter(theme, colorPalette),
     }),
 });

package/src/components/data-display/Alert/Alert.tsx

@@ -39,7 +39,7 @@ import {
 import type { AlertColor } from '@mui/material/Alert/index.js';
 import type { AlertProps } from './Alert.types';
 import { resolveTestId, withoutTestIdProps } from '../../../platform/test-id';
-import { sxRem } from '../../../tokens/relative';
+import { rem, rems, sxRem } from '../../../tokens/relative';
 
 const transition = `all ${seconds(ALERT_TRANSITION_MS)} ${ALERT_EASING}`;
 
@@ -73,7 +73,7 @@ function pointerShadow(
   // so for them the two rules agree.
   const ink = variant === 'gradient' ? absoluteInk(theme).black : modeInk(theme);
   const glowShadow = glow
-    ? `0 0 ${GLOW.blur}px ${GLOW.spread}px ${alpha(colorPalette.main, GLOW.alpha)}`
+    ? `0 0 ${rems(theme, GLOW.blur, GLOW.spread)} ${alpha(colorPalette.main, GLOW.alpha)}`
     : null;
   return (alpha_) =>
     [`inset 0 0 0 100vmax ${alpha(ink, alpha_)}`, glowShadow].filter(Boolean).join(', ');
@@ -98,7 +98,7 @@ const StyledAlert = styled(MuiAlert, {
     transition: `${transition}, box-shadow ${seconds(ACTIVE.ms)} ${ALERT_EASING}`,
     position: 'relative',
     overflow: 'hidden',
-    animation: animate ? `${fadeInScale} ${seconds(FADE_IN.ms)} ease-out` : 'none',
+    animation: animate ? `${fadeInScale(theme)} ${seconds(FADE_IN.ms)} ease-out` : 'none',
     willChange: 'transform, opacity',
 
     ...alertLayoutStyles(theme, colorPalette, animate),
@@ -156,12 +156,12 @@ const StyledAlert = styled(MuiAlert, {
     // every keyboard focus, and it would also outrank the root's opacity
     // transition the way the hover block did.
     '&:focus-visible': {
-      outline: `${FOCUS.ringWidth}px solid ${alpha(colorPalette.main, FOCUS.ringAlpha)}`,
-      outlineOffset: `${FOCUS.offset}px`,
+      outline: `${rem(theme, FOCUS.ringWidth)} solid ${alpha(colorPalette.main, FOCUS.ringAlpha)}`,
+      outlineOffset: rem(theme, FOCUS.offset),
     },
 
     ...alertVariantStyles(theme, customVariant, colorPalette),
-    ...alertEmphasisStyles(colorPalette, Boolean(glow), Boolean(pulse)),
+    ...alertEmphasisStyles(theme, colorPalette, Boolean(glow), Boolean(pulse)),
   };
 });
 
@@ -262,8 +262,8 @@ const AlertCloseButton: React.FC<{ dataTestId?: string; label: string; onClose:
         // translucent surface's contrast depends on what sits behind it, which
         // is why that test stops where it does and why this comment does not
         // borrow a guarantee it never made.
-        outline: `${FOCUS.ringWidth}px solid currentColor`,
-        outlineOffset: `${FOCUS.offset}px`,
+        outline: `${rem(theme, FOCUS.ringWidth)} solid currentColor`,
+        outlineOffset: rem(theme, FOCUS.offset),
         backgroundColor: alpha(theme.palette.action.focus, CLOSE_BUTTON.washAlpha),
       },
     })}

package/src/components/data-display/AlertDialog/AlertDialog.tsx

@@ -11,22 +11,23 @@ import DialogContentText from '@mui/material/DialogContentText/index.js';
 import DialogTitle from '@mui/material/DialogTitle/index.js';
 import IconButton from '@mui/material/IconButton/index.js';
 import Typography from '@mui/material/Typography/index.js';
-import { alpha, keyframes, styled } from '@mui/material/styles/index.js';
+import { alpha, keyframes, styled, useTheme } from '@mui/material/styles/index.js';
+import type { Theme } from '@mui/material/styles/index.js';
 import React from 'react';
 
 import { neutralTones } from '../../../tokens/ink';
 
 import type { AlertDialogProps } from './AlertDialog.types';
-import { rem } from '../../../tokens/relative';
+import { rem, rems } from '../../../tokens/relative';
 
 // Define pulse animation
-const pulseAnimation = keyframes`
+const pulseAnimation = (theme: Theme) => keyframes`
   0% {
     box-shadow: 0 0 0 0 currentColor;
     opacity: 1;
   }
   70% {
-    box-shadow: 0 0 0 15px currentColor;
+    box-shadow: 0 0 0 ${rem(theme, 15)} currentColor;
     opacity: 0;
   }
   100% {
@@ -71,13 +72,13 @@ const StyledDialog = styled(Dialog, {
 
     ...(customVariant === 'glass' && {
       backgroundColor: alpha(theme.palette.background.paper, 0.1),
-      backdropFilter: 'blur(20px)',
+      backdropFilter: `blur(${rem(theme, 20)})`,
       border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,
     }),
 
     // Glow effect
     ...(glow && !pulse && {
-      boxShadow: `0 0 30px 10px ${alpha(theme.palette.primary.main, 0.3)} !important`,
+      boxShadow: `0 0 ${rems(theme, 30, 10)} ${alpha(theme.palette.primary.main, 0.3)} !important`,
       filter: 'brightness(1.05)',
     }),
 
@@ -94,7 +95,7 @@ const StyledDialog = styled(Dialog, {
         borderRadius: 'inherit',
         backgroundColor: theme.palette.primary.main,
         opacity: 0.1,
-        animation: `${pulseAnimation} 2s infinite`,
+        animation: `${pulseAnimation(theme)} 2s infinite`,
         pointerEvents: 'none',
         zIndex: -1,
       },
@@ -103,7 +104,7 @@ const StyledDialog = styled(Dialog, {
     // Both glow and pulse
     ...(glow && pulse && {
       position: 'relative',
-      boxShadow: `0 0 30px 10px ${alpha(theme.palette.primary.main, 0.3)} !important`,
+      boxShadow: `0 0 ${rems(theme, 30, 10)} ${alpha(theme.palette.primary.main, 0.3)} !important`,
       filter: 'brightness(1.05)',
       '&::after': {
         content: '""',
@@ -115,7 +116,7 @@ const StyledDialog = styled(Dialog, {
         borderRadius: 'inherit',
         backgroundColor: theme.palette.primary.main,
         opacity: 0.1,
-        animation: `${pulseAnimation} 2s infinite`,
+        animation: `${pulseAnimation(theme)} 2s infinite`,
         pointerEvents: 'none',
         zIndex: -1,
       },
@@ -263,6 +264,7 @@ function AlertDialogFooter({
   onConfirm: () => void;
   dataTestId: string;
 }): React.ReactElement {
+  const theme = useTheme();
   return (
     <StyledDialogActions data-testid={`${dataTestId}-actions`}>
       {showCancel && (
@@ -285,7 +287,7 @@ function AlertDialogFooter({
         startIcon={
           loading ? (
             <CircularProgress
-              size={16}
+              size={rem(theme, 16)}
               color="inherit"
               data-testid={`${dataTestId}-loading-spinner`}
             />

package/src/components/data-display/Avatar/Avatar.animations.ts

@@ -1,12 +1,15 @@
 import { keyframes } from '@mui/material/styles/index.js';
+import type { Theme } from '@mui/material/styles/index.js';
 
-export const pulseAnimation = keyframes`
+import { rem } from '../../../tokens/relative';
+
+export const pulseAnimation = (theme: Theme) => keyframes`
   0% {
     box-shadow: 0 0 0 0 currentColor;
     opacity: 1;
   }
   70% {
-    box-shadow: 0 0 0 10px currentColor;
+    box-shadow: 0 0 0 ${rem(theme, 10)} currentColor;
     opacity: 0;
   }
   100% {

package/src/components/data-display/Avatar/Avatar.tsx

@@ -11,6 +11,7 @@ import {
 } from './Avatar.helpers';
 import { GROUP_MAX, GROUP_OVERLAP, GROUP_HOVER, BORDER_WIDTH } from './Avatar.metrics';
 import type { AvatarProps, ContentType } from './Avatar.types';
+import { rem } from '../../../tokens/relative';
 import { AvatarView, type AvatarViewProps } from './Avatar.view';
 
 /** The node behind the winning content slot; the pick itself is shared. */
@@ -164,13 +165,13 @@ const AvatarGroupContainer = styled('div')<{ overlap?: number }>(({ theme, overl
   display: 'flex',
   alignItems: 'center',
   '& > *': {
-    marginLeft: -overlap,
+    marginLeft: rem(theme, -overlap),
     transition: 'all 0.3s ease',
     position: 'relative',
-    border: `${BORDER_WIDTH}px solid ${theme.palette.background.paper}`,
+    border: `${rem(theme, BORDER_WIDTH)} solid ${theme.palette.background.paper}`,
     '&:hover': {
       zIndex: 100,
-      transform: `scale(${GROUP_HOVER.scale}) translateY(-${GROUP_HOVER.lift}px)`,
+      transform: `scale(${GROUP_HOVER.scale}) translateY(${rem(theme, -GROUP_HOVER.lift)})`,
     },
     '&:first-of-type': {
       marginLeft: 0,