@12-apps/ui 6.37.0 → 6.38.0

package/dist/types/components/layout/Skeleton/Skeleton.styles.d.ts

@@ -16,6 +16,13 @@ interface SkeletonStyleArgs {
     shimmer: boolean;
     style?: React.CSSProperties;
 }
-export declare const skeletonStyles: (theme: Theme, { intensity, borderRadius, glassmorphism, shimmer, style }: SkeletonStyleArgs) => CSSObject;
+/**
+ * A `width`/`height` for MUI's `Skeleton`, which writes it into an inline
+ * `style`: a number there is px, so it is design px through the type scale.
+ * The caller keeps a `0` as `0` (see `Skeleton.tsx`).
+ */
+export declare const skeletonLength: (theme: Theme, value: number | string | undefined) => string | undefined;
+/** The skeleton's `sx` — so a number on `borderRadius` is a multiple of `shape.borderRadius`. */
+export declare const skeletonSx: (theme: Theme, { intensity, borderRadius, glassmorphism, shimmer, style }: SkeletonStyleArgs) => CSSObject;
 export {};
 //# sourceMappingURL=Skeleton.styles.d.ts.map

package/dist/types/components/layout/Skeleton/Skeleton.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/Skeleton/Skeleton.styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAEtE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AActD,KAAK,eAAe,GAAG,WAAW,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC,CAAC;AAC7D,KAAK,iBAAiB,GAAG,WAAW,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC,CAAC;AAEjE,qFAAqF;AACrF,eAAO,MAAM,aAAa,GACxB,SAAS,eAAe,KACvB,UAAU,GAAG,aAAa,GAAG,MAU/B,CAAC;AAEF,eAAO,MAAM,eAAe,GAC1B,SAAS,eAAe,EACxB,WAAW,aAAa,CAAC,WAAW,CAAC,4DAItC,CAAC;AAIF,eAAO,MAAM,iBAAiB,GAC5B,SAAS,eAAe,KACvB;IAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAA;CAG0B,CAAC;AAwClF,UAAU,iBAAiB;IACzB,SAAS,EAAE,iBAAiB,CAAC;IAC7B,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,aAAa,EAAE,OAAO,CAAC;IACvB,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,eAAO,MAAM,cAAc,GACzB,OAAO,KAAK,EACZ,4DAA4D,iBAAiB,KAC5E,SAaD,CAAC"}
+{"version":3,"file":"Skeleton.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/Skeleton/Skeleton.styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAEtE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAetD,KAAK,eAAe,GAAG,WAAW,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC,CAAC;AAC7D,KAAK,iBAAiB,GAAG,WAAW,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC,CAAC;AAEjE,qFAAqF;AACrF,eAAO,MAAM,aAAa,GACxB,SAAS,eAAe,KACvB,UAAU,GAAG,aAAa,GAAG,MAU/B,CAAC;AAEF,eAAO,MAAM,eAAe,GAC1B,SAAS,eAAe,EACxB,WAAW,aAAa,CAAC,WAAW,CAAC,4DAItC,CAAC;AAIF,eAAO,MAAM,iBAAiB,GAC5B,SAAS,eAAe,KACvB;IAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAA;CAG0B,CAAC;AAwClF,UAAU,iBAAiB;IACzB,SAAS,EAAE,iBAAiB,CAAC;IAC7B,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,aAAa,EAAE,OAAO,CAAC;IACvB,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED;;;;GAIG;AACH,eAAO,MAAM,cAAc,GAAI,OAAO,KAAK,EAAE,OAAO,MAAM,GAAG,MAAM,GAAG,SAAS,KAAG,MAAM,GAAG,SACpC,CAAC;AAExD,iGAAiG;AACjG,eAAO,MAAM,UAAU,GACrB,OAAO,KAAK,EACZ,4DAA4D,iBAAiB,KAC5E,SAaD,CAAC"}

package/dist/types/components/layout/Spacer/Spacer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Spacer.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/Spacer/Spacer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAGlD,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA8BxC,CAAC"}
+{"version":3,"file":"Spacer.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/Spacer/Spacer.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAclD,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAiCxC,CAAC"}

package/dist/types/components/layout/TableFilter/TableFilter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableFilter.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/TableFilter/TableFilter.tsx"],"names":[],"mappings":"AAaA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAGhD,OAAO,KAAK,EACV,6BAA6B,EAC7B,uBAAuB,EACvB,sBAAsB,EACtB,oBAAoB,EACpB,qBAAqB,EACrB,gBAAgB,EAChB,0BAA0B,EAC1B,uBAAuB,EACxB,MAAM,qBAAqB,CAAC;AAM7B;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,IAAI,EACJ,YAAY,EACZ,gBAAwB,EACxB,IAAI,GACL,EAAE,gBAAgB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAMtC;yBAZe,WAAW;;;kCAeyB,sBAAsB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO;;;;kCAqB5C,oBAAoB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO;;;;4DAYvF,qBAAqB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO;;;;2DA+DzC,uBAAuB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO;;;;8BA+DG,uBAAuB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO;;;;;wGA+GzF,0BAA0B,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO;;;;AAlGjD,iBAAS,wBAAwB,CAAC,MAAM,SAAS,MAAM,GAAG,MAAM,EAAE,EAChE,KAAK,EACL,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,MAAM,GACP,EAAE,6BAA6B,CAAC,MAAM,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAqC3D;kBA3CQ,wBAAwB"}
+{"version":3,"file":"TableFilter.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/TableFilter/TableFilter.tsx"],"names":[],"mappings":"AAaA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAGhD,OAAO,KAAK,EACV,6BAA6B,EAC7B,uBAAuB,EACvB,sBAAsB,EACtB,oBAAoB,EACpB,qBAAqB,EACrB,gBAAgB,EAChB,0BAA0B,EAC1B,uBAAuB,EACxB,MAAM,qBAAqB,CAAC;AAO7B;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,IAAI,EACJ,YAAY,EACZ,gBAAwB,EACxB,IAAI,GACL,EAAE,gBAAgB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAMtC;yBAZe,WAAW;;;kCAeyB,sBAAsB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO;;;;kCAqB5C,oBAAoB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO;;;;4DAYvF,qBAAqB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO;;;;2DA+DzC,uBAAuB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO;;;;8BA+DG,uBAAuB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO;;;;;wGA+GzF,0BAA0B,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO;;;;AAlGjD,iBAAS,wBAAwB,CAAC,MAAM,SAAS,MAAM,GAAG,MAAM,EAAE,EAChE,KAAK,EACL,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,MAAM,GACP,EAAE,6BAA6B,CAAC,MAAM,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAqC3D;kBA3CQ,wBAAwB"}

package/dist/types/components/navigation/AppHeader/AppHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppHeader.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/AppHeader/AppHeader.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AA8IxD;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA+D9C,CAAC;AAIF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"AppHeader.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/AppHeader/AppHeader.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAyJxD;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA+D9C,CAAC;AAIF,eAAe,SAAS,CAAC"}

package/dist/types/components/navigation/AppHeader/AppHeader.details.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppHeader.details.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/AppHeader/AppHeader.details.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,KAAK,EAGV,qBAAqB,EACtB,MAAM,mBAAmB,CAAC;AA4H3B;;;;;;;;;;GAUG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA2E5D,CAAC"}
+{"version":3,"file":"AppHeader.details.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/AppHeader/AppHeader.details.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,KAAK,EAGV,qBAAqB,EACtB,MAAM,mBAAmB,CAAC;AA4H3B;;;;;;;;;;GAUG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA2E5D,CAAC"}

package/dist/types/components/navigation/AppHeader/AppHeader.identity.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppHeader.identity.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/AppHeader/AppHeader.identity.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,KAAK,EAAE,sBAAsB,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAatF;;;;;;GAMG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAqD1D,CAAC;AAmLF;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CA6C9D,CAAC"}
+{"version":3,"file":"AppHeader.identity.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/AppHeader/AppHeader.identity.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,KAAK,EAAE,sBAAsB,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAatF;;;;;;GAMG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAqD1D,CAAC;AA+LF;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CA6C9D,CAAC"}

package/dist/types/components/navigation/Breadcrumbs/Breadcrumbs.styles.d.ts

@@ -1,11 +1,11 @@
 import type { CSSObject, Theme } from '@mui/material/styles/index.js';
-export declare const slideIn: {
+export declare const slideIn: (theme: Theme) => {
     name: string;
     styles: string;
     anim: 1;
     toString: () => string;
 } & string;
-export declare const pulse: {
+export declare const pulse: (theme: Theme) => {
     name: string;
     styles: string;
     anim: 1;

package/dist/types/components/navigation/Breadcrumbs/Breadcrumbs.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/Breadcrumbs/Breadcrumbs.styles.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAMtE,eAAO,MAAM,OAAO;;;;;UASnB,CAAC;AAEF,eAAO,MAAM,KAAK;;;;;UAUjB,CAAC;AA6CF,eAAO,MAAM,oBAAoB,GAAI,gDAKlB;IACjB,KAAK,EAAE,KAAK,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,KAAG,SAkCsF,CAAC;AA0C3F,eAAO,MAAM,oBAAoB,GAAI,sCAIpB;IACf,KAAK,EAAE,KAAK,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,KAAG,SAuCyC,CAAC;AAE9C,eAAO,MAAM,WAAW;;;;;;CAMd,CAAC"}
+{"version":3,"file":"Breadcrumbs.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/Breadcrumbs/Breadcrumbs.styles.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAMtE,eAAO,MAAM,OAAO,GAAI,OAAO,KAAK;;;;;UASnC,CAAC;AAEF,eAAO,MAAM,KAAK,GAAI,OAAO,KAAK;;;;;UAUjC,CAAC;AA6CF,eAAO,MAAM,oBAAoB,GAAI,gDAKlB;IACjB,KAAK,EAAE,KAAK,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,KAAG,SAkC0G,CAAC;AA0C/G,eAAO,MAAM,oBAAoB,GAAI,sCAIpB;IACf,KAAK,EAAE,KAAK,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,KAAG,SAuCyC,CAAC;AAE9C,eAAO,MAAM,WAAW;;;;;;CAMd,CAAC"}

package/dist/types/components/navigation/DropdownMenu/DropdownMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenu.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/DropdownMenu/DropdownMenu.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAwD,MAAM,OAAO,CAAC;AAE7E,OAAO,KAAK,EAAmB,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AA0S/E,eAAO,MAAM,YAAY,uGAqExB,CAAC"}
+{"version":3,"file":"DropdownMenu.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/DropdownMenu/DropdownMenu.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAwD,MAAM,OAAO,CAAC;AAE7E,OAAO,KAAK,EAAmB,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAmT/E,eAAO,MAAM,YAAY,uGAqExB,CAAC"}

package/dist/types/components/navigation/NavigationMenu/NavigationMegaSection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationMegaSection.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/NavigationMenu/NavigationMegaSection.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAKhC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAuBjE,MAAM,WAAW,0BAA0B;IACzC,OAAO,EAAE,kBAAkB,CAAC;IAC5B,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAID,eAAO,MAAM,qBAAqB,EAAE,EAAE,CAAC,0BAA0B,CA0BhE,CAAC"}
+{"version":3,"file":"NavigationMegaSection.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/NavigationMenu/NavigationMegaSection.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAMhC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAuBjE,MAAM,WAAW,0BAA0B;IACzC,OAAO,EAAE,kBAAkB,CAAC;IAC5B,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAID,eAAO,MAAM,qBAAqB,EAAE,EAAE,CAAC,0BAA0B,CA0BhE,CAAC"}

package/dist/types/components/navigation/NavigationMenu/NavigationMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationMenu.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/NavigationMenu/NavigationMenu.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAOxC,OAAO,KAAK,EAAqB,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAmGrF,eAAO,MAAM,cAAc,4FAyE1B,CAAC"}
+{"version":3,"file":"NavigationMenu.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/NavigationMenu/NavigationMenu.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAOxC,OAAO,KAAK,EAAqB,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAuGrF,eAAO,MAAM,cAAc,4FAyE1B,CAAC"}

package/dist/types/components/navigation/NavigationMenu/NavigationMenu.shell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationMenu.shell.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/NavigationMenu/NavigationMenu.shell.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzE,OAAO,KAAK,MAAM,OAAO,CAAC;AAqL1B,MAAM,WAAW,oBAAqB,SAAQ,iBAAiB;IAC7D,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAED,eAAO,MAAM,eAAe,6FAM3B,CAAC;AAIF,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAE/C,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC;IAAE,OAAO,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,CAGlC,CAAC;AAErD,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC;IAAE,OAAO,EAAE,MAAM,IAAI,CAAA;CAAE,CAAC,CAGb,CAAC;AAEpE,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,CAEzD,CAAC"}
+{"version":3,"file":"NavigationMenu.shell.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/NavigationMenu/NavigationMenu.shell.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,aAAa,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzE,OAAO,KAAK,MAAM,OAAO,CAAC;AAsL1B,MAAM,WAAW,oBAAqB,SAAQ,iBAAiB;IAC7D,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAED,eAAO,MAAM,eAAe,6FAM3B,CAAC;AAIF,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAE/C,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC;IAAE,OAAO,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,CAGlC,CAAC;AAErD,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC;IAAE,OAAO,EAAE,MAAM,IAAI,CAAA;CAAE,CAAC,CAGb,CAAC;AAEpE,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,CAEzD,CAAC"}

package/dist/types/components/navigation/NavigationMenu/NavigationMenu.styles.d.ts

@@ -1,11 +1,11 @@
 import type { CSSObject, Theme } from '@mui/material/styles/index.js';
-export declare const slideIn: {
+export declare const slideIn: (theme: Theme) => {
     name: string;
     styles: string;
     anim: 1;
     toString: () => string;
 } & string;
-export declare const pulseGlow: {
+export declare const pulseGlow: (theme: Theme) => {
     name: string;
     styles: string;
     anim: 1;

package/dist/types/components/navigation/NavigationMenu/NavigationMenu.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationMenu.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/NavigationMenu/NavigationMenu.styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAKtE,eAAO,MAAM,OAAO;;;;;UASnB,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;UAUrB,CAAC;AA0JF,eAAO,MAAM,mBAAmB,GAAI,uDAOjC;IACD,KAAK,EAAE,KAAK,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,KAAG,SA8BA,CAAC"}
+{"version":3,"file":"NavigationMenu.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/NavigationMenu/NavigationMenu.styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAKtE,eAAO,MAAM,OAAO,GAAI,OAAO,KAAK;;;;;UASnC,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,OAAO,KAAK;;;;;UAUrC,CAAC;AA0JF,eAAO,MAAM,mBAAmB,GAAI,uDAOjC;IACD,KAAK,EAAE,KAAK,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,KAAG,SA8BA,CAAC"}

package/dist/types/components/navigation/NavigationMenu/NavigationStandardBody.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationStandardBody.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/NavigationMenu/NavigationStandardBody.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAK3C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAiFjE,MAAM,WAAW,2BAA2B;IAC1C,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,OAAO,CAAC;IACnB,WAAW,EAAE,OAAO,CAAC;IACrB,YAAY,EAAE,OAAO,CAAC;IACtB,KAAK,EAAE,kBAAkB,EAAE,CAAC;IAC5B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,gBAAgB,EAAE,MAAM,IAAI,CAAC;CAC9B;AAID,eAAO,MAAM,sBAAsB,EAAE,EAAE,CAAC,2BAA2B,CA4ClE,CAAC"}
+{"version":3,"file":"NavigationStandardBody.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/NavigationMenu/NavigationStandardBody.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAK3C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAkFjE,MAAM,WAAW,2BAA2B;IAC1C,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,OAAO,CAAC;IACnB,WAAW,EAAE,OAAO,CAAC;IACrB,YAAY,EAAE,OAAO,CAAC;IACtB,KAAK,EAAE,kBAAkB,EAAE,CAAC;IAC5B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,gBAAgB,EAAE,MAAM,IAAI,CAAC;CAC9B;AAID,eAAO,MAAM,sBAAsB,EAAE,EAAE,CAAC,2BAA2B,CA4ClE,CAAC"}

package/dist/types/components/navigation/Pagination/Pagination.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/Pagination/Pagination.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAuI1D,eAAO,MAAM,UAAU,kGAwEtB,CAAC"}
+{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/Pagination/Pagination.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAwI1D,eAAO,MAAM,UAAU,kGAwEtB,CAAC"}

package/dist/types/components/navigation/Pagination/PaginationParts.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PaginationParts.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/Pagination/PaginationParts.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,KAAK,MAAM,OAAO,CAAC;AAmB1B,MAAM,WAAW,uBAAuB;IACtC,qEAAqE;IACrE,aAAa,EAAE,MAAM,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAED,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CAiC1D,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAepF,CAAC"}
+{"version":3,"file":"PaginationParts.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/Pagination/PaginationParts.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,KAAK,MAAM,OAAO,CAAC;AAoB1B,MAAM,WAAW,uBAAuB;IACtC,qEAAqE;IACrE,aAAa,EAAE,MAAM,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAED,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CAiC1D,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAepF,CAAC"}

package/dist/types/components/navigation/Tabs/Tabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/Tabs/Tabs.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAW,SAAS,EAAE,MAAM,cAAc,CAAC;AA4PvD,eAAO,MAAM,IAAI,+FA+ChB,CAAC"}
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/Tabs/Tabs.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAW,SAAS,EAAE,MAAM,cAAc,CAAC;AA6PvD,eAAO,MAAM,IAAI,+FA+ChB,CAAC"}

package/dist/types/components/navigation/Tabs/Tabs.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/Tabs/Tabs.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AA0ItE,eAAO,MAAM,cAAc,GAAI,+CAK5B;IACD,KAAK,EAAE,KAAK,CAAC;IACb,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,KAAG,SAeF,CAAC"}
+{"version":3,"file":"Tabs.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/Tabs/Tabs.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AA4ItE,eAAO,MAAM,cAAc,GAAI,+CAK5B;IACD,KAAK,EAAE,KAAK,CAAC;IACb,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,KAAG,SAeF,CAAC"}

package/dist/types/components/navigation/Tabs/TabsPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TabsPanel.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/Tabs/TabsPanel.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AA8ClD,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,GAAG;IAAE,UAAU,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAiD3F,CAAC"}
+{"version":3,"file":"TabsPanel.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/Tabs/TabsPanel.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAqDlD,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,GAAG;IAAE,UAAU,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAiD3F,CAAC"}

package/dist/types/components/utility/AnimatedIcon/AnimatedIcon.animations.d.ts

@@ -1,3 +1,4 @@
+import type { Theme } from '@mui/material/styles/index.js';
 export declare const rotateAnimation: {
     name: string;
     styles: string;
@@ -10,31 +11,31 @@ export declare const pulseAnimation: {
     anim: 1;
     toString: () => string;
 } & string;
-export declare const translateAnimation: {
+export declare const translateAnimation: (theme: Theme) => {
     name: string;
     styles: string;
     anim: 1;
     toString: () => string;
 } & string;
-export declare const glowPulseAnimation: {
+export declare const glowPulseAnimation: (theme: Theme) => {
     name: string;
     styles: string;
     anim: 1;
     toString: () => string;
 } & string;
-export declare const bounceAnimation: {
+export declare const bounceAnimation: (theme: Theme) => {
     name: string;
     styles: string;
     anim: 1;
     toString: () => string;
 } & string;
-export declare const shakeAnimation: {
+export declare const shakeAnimation: (theme: Theme) => {
     name: string;
     styles: string;
     anim: 1;
     toString: () => string;
 } & string;
-export declare const flipAnimation: {
+export declare const flipAnimation: (theme: Theme) => {
     name: string;
     styles: string;
     anim: 1;
@@ -58,7 +59,7 @@ export declare const heartbeatAnimation: {
     anim: 1;
     toString: () => string;
 } & string;
-export declare const wobbleAnimation: {
+export declare const wobbleAnimation: (theme: Theme) => {
     name: string;
     styles: string;
     anim: 1;
@@ -76,7 +77,7 @@ export declare const swingAnimation: {
     anim: 1;
     toString: () => string;
 } & string;
-export declare const floatAnimation: {
+export declare const floatAnimation: (theme: Theme) => {
     name: string;
     styles: string;
     anim: 1;
@@ -94,7 +95,7 @@ export declare const rippleAnimation: {
     anim: 1;
     toString: () => string;
 } & string;
-export declare const neonFlickerAnimation: {
+export declare const neonFlickerAnimation: (theme: Theme) => {
     name: string;
     styles: string;
     anim: 1;

package/dist/types/components/utility/AnimatedIcon/AnimatedIcon.animations.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AnimatedIcon.animations.d.ts","sourceRoot":"","sources":["../../../../../src/components/utility/AnimatedIcon/AnimatedIcon.animations.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe;;;;;UAO3B,CAAC;AAEF,eAAO,MAAM,cAAc;;;;;UAa1B,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;;;UAU9B,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;;;UAU9B,CAAC;AAGF,eAAO,MAAM,eAAe;;;;;UAU3B,CAAC;AAEF,eAAO,MAAM,cAAc;;;;;UAU1B,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;UAOzB,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;UAUzB,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;;;UAO9B,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;;;UAgB9B,CAAC;AAEF,eAAO,MAAM,eAAe;;;;;UAmB3B,CAAC;AAEF,eAAO,MAAM,cAAc;;;;;UAiB1B,CAAC;AAEF,eAAO,MAAM,cAAc;;;;;UAgB1B,CAAC;AAEF,eAAO,MAAM,cAAc;;;;;UAU1B,CAAC;AAEF,eAAO,MAAM,cAAc;;;;;UAa1B,CAAC;AAEF,eAAO,MAAM,eAAe;;;;;UAS3B,CAAC;AAEF,eAAO,MAAM,oBAAoB;;;;;UAyChC,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;;UAS5B,CAAC"}
+{"version":3,"file":"AnimatedIcon.animations.d.ts","sourceRoot":"","sources":["../../../../../src/components/utility/AnimatedIcon/AnimatedIcon.animations.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAI3D,eAAO,MAAM,eAAe;;;;;UAO3B,CAAC;AAEF,eAAO,MAAM,cAAc;;;;;UAa1B,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,OAAO,KAAK;;;;;UAU9C,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,OAAO,KAAK;;;;;UAU9C,CAAC;AAGF,eAAO,MAAM,eAAe,GAAI,OAAO,KAAK;;;;;UAU3C,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,OAAO,KAAK;;;;;UAU1C,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,OAAO,KAAK;;;;;UAOzC,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;UAUzB,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;;;UAO9B,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;;;UAgB9B,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,OAAO,KAAK;;;;;UAmB3C,CAAC;AAEF,eAAO,MAAM,cAAc;;;;;UAiB1B,CAAC;AAEF,eAAO,MAAM,cAAc;;;;;UAgB1B,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,OAAO,KAAK;;;;;UAU1C,CAAC;AAEF,eAAO,MAAM,cAAc;;;;;UAa1B,CAAC;AAEF,eAAO,MAAM,eAAe;;;;;UAS3B,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAI,OAAO,KAAK;;;;;UAyChD,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;;UAS5B,CAAC"}

package/dist/types/components/utility/AnimatedIcon/AnimatedIcon.styles.d.ts

@@ -2,7 +2,7 @@ import type { CSSObject, Theme } from '@mui/material/styles/index.js';
 import type { AnimationSize, AnimationVariant } from './AnimatedIcon.types';
 /** Per size: the ring's edge and the glyph's edge (its font size, width and height), in design px. */
 export declare const sizeConfigs: Record<AnimationSize, {
-    size: number;
+    ring: number;
     glyph: number;
 }>;
 export interface IconStyleFlags {

package/dist/types/components/utility/AnimatedIcon/AnimatedIcon.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AnimatedIcon.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/utility/AnimatedIcon/AnimatedIcon.styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAsBtE,OAAO,KAAK,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAI5E,sGAAsG;AACtG,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,aAAa,EAAE;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAM9E,CAAC;AA+CF,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,iBAAiB,EAAE,gBAAgB,CAAC;IACpC,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,OAAO,CAAC;IACf,KAAK,EAAE,OAAO,CAAC;IACf,MAAM,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,UAAU,GAAG,MAAM,CAAC;IAChD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AA+ED,eAAO,MAAM,MAAM,GAAI,OAAO,KAAK,EAAE,OAAO,cAAc,KAAG,SAyD5D,CAAC"}
+{"version":3,"file":"AnimatedIcon.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/utility/AnimatedIcon/AnimatedIcon.styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAsBtE,OAAO,KAAK,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAI5E,sGAAsG;AACtG,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,aAAa,EAAE;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAM9E,CAAC;AAgDF,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,iBAAiB,EAAE,gBAAgB,CAAC;IACpC,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,OAAO,CAAC;IACf,KAAK,EAAE,OAAO,CAAC;IACf,MAAM,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,UAAU,GAAG,MAAM,CAAC;IAChD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AA+ED,eAAO,MAAM,MAAM,GAAI,OAAO,KAAK,EAAE,OAAO,cAAc,KAAG,SA6D5D,CAAC"}

package/dist/types/components/utility/AspectRatio/AspectRatio.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AspectRatio.d.ts","sourceRoot":"","sources":["../../../../../src/components/utility/AspectRatio/AspectRatio.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAE5D,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAsElD,CAAC"}
+{"version":3,"file":"AspectRatio.d.ts","sourceRoot":"","sources":["../../../../../src/components/utility/AspectRatio/AspectRatio.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAY5D,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAsElD,CAAC"}

package/dist/types/social-login-button/social-login-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"social-login-button.d.ts","sourceRoot":"","sources":["../../../src/social-login-button/social-login-button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAIpD,MAAM,MAAM,cAAc,GAAG,QAAQ,GAAG,UAAU,GAAG,OAAO,CAAC;AAE7D;;GAEG;AACH,QAAA,MAAM,UAAU,QAAO,KAAK,CAAC,YAsB5B,CAAC;AAEF,QAAA,MAAM,YAAY,QAAO,KAAK,CAAC,YAU9B,CAAC;AAEF,QAAA,MAAM,SAAS,QAAO,KAAK,CAAC,YAI3B,CAAC;AAkGF,MAAM,WAAW,sBAAsB;IACrC,QAAQ,EAAE,cAAc,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;;;;;;;;;;;;OAeG;IACH,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;;;;;;OAQG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAYD;;GAEG;AACH,eAAO,MAAM,iBAAiB,kGA0C7B,CAAC;AAIF;;GAEG;AACH,MAAM,WAAW,yBAAyB;IACxC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;;;;OAOG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC5B;AAED,wBAAgB,oBAAoB,CAAC,EACnC,QAAQ,EACR,KAA6B,EAC7B,QAAQ,EACR,WAAmB,EACnB,WAAkB,EAClB,QAAc,GACf,EAAE,yBAAyB,GAAG,KAAK,CAAC,YAAY,CAyChD;AAED,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,SAAS,EAAE,CAAC"}
+{"version":3,"file":"social-login-button.d.ts","sourceRoot":"","sources":["../../../src/social-login-button/social-login-button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAKpD,MAAM,MAAM,cAAc,GAAG,QAAQ,GAAG,UAAU,GAAG,OAAO,CAAC;AAK7D;;GAEG;AACH,QAAA,MAAM,UAAU,QAAO,KAAK,CAAC,YAuB5B,CAAC;AAEF,QAAA,MAAM,YAAY,QAAO,KAAK,CAAC,YAW9B,CAAC;AAEF,QAAA,MAAM,SAAS,QAAO,KAAK,CAAC,YAI3B,CAAC;AAkGF,MAAM,WAAW,sBAAsB;IACrC,QAAQ,EAAE,cAAc,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;;;;;;;;;;;;OAeG;IACH,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;;;;;;OAQG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAYD;;GAEG;AACH,eAAO,MAAM,iBAAiB,kGA0C7B,CAAC;AAIF;;GAEG;AACH,MAAM,WAAW,yBAAyB;IACxC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;;;;OAOG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC5B;AAYD,wBAAgB,oBAAoB,CAAC,EACnC,QAAQ,EACR,KAA6B,EAC7B,QAAQ,EACR,WAAmB,EACnB,WAAkB,EAClB,QAAQ,GACT,EAAE,yBAAyB,GAAG,KAAK,CAAC,YAAY,CA0ChD;AAED,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,SAAS,EAAE,CAAC"}

package/dist/typography/Blockquote.js

@@ -1,6 +1,6 @@
 import {
   Blockquote
-} from "../chunk-NEGCJNGJ.js";
+} from "../chunk-4G47KBTP.js";
 import "../chunk-FQ6UW7IY.js";
 import "../chunk-6JAIFIPW.js";
 import "../chunk-N3GAFIXG.js";

package/dist/typography/Code.js

@@ -1,7 +1,7 @@
 import "../chunk-DURAH4VI.js";
 import {
   Code
-} from "../chunk-FYTLKHEN.js";
+} from "../chunk-FYKFQPVT.js";
 import "../chunk-FQ6UW7IY.js";
 import "../chunk-6JAIFIPW.js";
 import "../chunk-N3GAFIXG.js";

package/dist/typography/Text.js

@@ -1,7 +1,7 @@
 import "../chunk-VUHLNYAE.js";
 import {
   Text
-} from "../chunk-WTOYEWW6.js";
+} from "../chunk-YBH4SPMM.js";
 import "../chunk-U3PPLAFB.js";
 import "../chunk-TYJR4GOF.js";
 import "../chunk-PE4ZW3IA.js";

package/dist/user-avatar.js

@@ -1,7 +1,7 @@
 import {
   UserAvatar,
   UserMenu
-} from "./chunk-NCPWLHZT.js";
+} from "./chunk-SKT2V2OX.js";
 import "./chunk-UDQSIRAP.js";
 import "./chunk-PGPPN63I.js";
 import "./chunk-TNQDSTIA.js";
@@ -10,17 +10,16 @@ import "./chunk-3ZVUNSFF.js";
 import "./chunk-MTEQEPNY.js";
 import "./chunk-VUHLNYAE.js";
 import "./chunk-2GSIEDGN.js";
-import "./chunk-N6CSXHFJ.js";
+import "./chunk-WN5PNP6F.js";
 import "./chunk-FKUYRQSP.js";
-import "./chunk-LVEG6XQL.js";
+import "./chunk-76X6JRVI.js";
 import "./chunk-JH7EEJEQ.js";
 import "./chunk-BA4RHQ3B.js";
-import "./chunk-73BEVJCS.js";
 import "./chunk-2EAAWOZ2.js";
 import "./chunk-4WNFOBTH.js";
 import "./chunk-LN46DSMF.js";
 import "./chunk-TAMIZE4Q.js";
-import "./chunk-WTOYEWW6.js";
+import "./chunk-YBH4SPMM.js";
 import "./chunk-U3PPLAFB.js";
 import "./chunk-TYJR4GOF.js";
 import "./chunk-CGO452DC.js";

package/dist/utility/AnimatedIcon.js

@@ -1,9 +1,9 @@
 import "../chunk-H2PTB6FD.js";
 import {
   AnimatedIcon
-} from "../chunk-VYSFKR32.js";
-import "../chunk-6QLPSMTA.js";
-import "../chunk-3T5Z5HXF.js";
+} from "../chunk-75CGLX6Q.js";
+import "../chunk-XEWMY4ZM.js";
+import "../chunk-KM3Y5TCG.js";
 import "../chunk-HPK33ACY.js";
 import "../chunk-FQ6UW7IY.js";
 import "../chunk-6JAIFIPW.js";

package/dist/utility/AspectRatio.js

@@ -1,7 +1,8 @@
 import "../chunk-IYM4LTA5.js";
 import {
   AspectRatio
-} from "../chunk-N52O2OKZ.js";
+} from "../chunk-3NNO6YIH.js";
+import "../chunk-YKCAJ2TN.js";
 import "../chunk-PZ5AY32C.js";
 export {
   AspectRatio

package/dist/utility/WorkflowStep.js

@@ -1,9 +1,9 @@
 import "../chunk-IO36MEBD.js";
 import {
   WorkflowStep
-} from "../chunk-EOW2ECB3.js";
-import "../chunk-R75DZ3AK.js";
-import "../chunk-OATHOXIU.js";
+} from "../chunk-SNURSSTN.js";
+import "../chunk-BVLMKSHX.js";
+import "../chunk-MC4KYGSX.js";
 import "../chunk-V5KKBMAT.js";
 import "../chunk-FQ6UW7IY.js";
 import "../chunk-6JAIFIPW.js";

package/package.json

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

package/src/components/feedback/Dialog/Dialog.styles.ts

@@ -15,7 +15,7 @@ import {
   DIALOG_WIDTH_PERCENT,
 } from './Dialog.metrics';
 import { scrim, shadowInk } from '../../../tokens/ink';
-import { shadowCss } from '../../../tokens/shadow';
+import { rem, rems } from '../../../tokens/relative';
 import { dynamicViewportHeight } from '../../../utils/viewport';
 
 /**
@@ -26,14 +26,14 @@ import { dynamicViewportHeight } from '../../../utils/viewport';
  * too — so a paper cannot be 800px wide on one side and 780 on the other.
  */
 
-// Define pulse animation
-const pulseAnimation = keyframes`
+// Define pulse animation — a function of the theme so the ring's spread follows the type scale.
+const pulseAnimation = (theme: Theme) => keyframes`
   0% {
     box-shadow: 0 0 0 0 currentColor;
     opacity: 1;
   }
   70% {
-    box-shadow: 0 0 0 ${DIALOG_PULSE.spread}px currentColor;
+    box-shadow: 0 0 0 ${rem(theme, DIALOG_PULSE.spread)} currentColor;
     opacity: 0;
   }
   100% {
@@ -56,17 +56,17 @@ interface VariantStyleOptions {
 function borderRadiusOf(theme: Theme, borderRadius: VariantStyleOptions['borderRadius']) {
   const units = DIALOG_RADIUS_UNITS[borderRadius] ?? DIALOG_RADIUS_UNITS.lg;
   // `none` is a bare 0 rather than `spacing(0)`, as this has always written it.
-  return units === 0 ? 0 : theme.spacing(units);
+  return units === 0 ? '0' : theme.spacing(units);
 }
 
-function maxWidthOf(size: VariantStyleOptions['size']): number {
-  return DIALOG_MAX_WIDTH[size] ?? DIALOG_MAX_WIDTH.md;
+function maxWidthOf(theme: Theme, size: VariantStyleOptions['size']): string {
+  return rem(theme, DIALOG_MAX_WIDTH[size] ?? DIALOG_MAX_WIDTH.md);
 }
 
 function baseStylesOf(theme: Theme, opts: VariantStyleOptions) {
   return {
     borderRadius: borderRadiusOf(theme, opts.borderRadius),
-    maxWidth: maxWidthOf(opts.size),
+    maxWidth: maxWidthOf(theme, opts.size),
     width: `${DIALOG_WIDTH_PERCENT}vw`,
     margin: theme.spacing(DIALOG_MARGIN_UNITS),
     transition: theme.transitions.create(
@@ -79,13 +79,7 @@ function baseStylesOf(theme: Theme, opts: VariantStyleOptions) {
 function glowStylesOf(theme: Theme, glow: boolean) {
   return glow
     ? {
-        boxShadow: shadowCss({
-          offsetX: 0,
-          offsetY: 0,
-          blurRadius: DIALOG_GLOW.blurRadius,
-          spreadDistance: 0,
-          color: alpha(theme.palette.primary.main, DIALOG_GLOW.alpha),
-        }),
+        boxShadow: `${rems(theme, 0, 0, DIALOG_GLOW.blurRadius)} ${alpha(theme.palette.primary.main, DIALOG_GLOW.alpha)}`,
       }
     : {};
 }
@@ -104,7 +98,7 @@ function pulseStylesOf(theme: Theme, pulse: boolean) {
       borderRadius: 'inherit',
       backgroundColor: theme.palette.primary.main,
       opacity: DIALOG_PULSE.alpha,
-      animation: `${pulseAnimation} ${DIALOG_PULSE.durationMs / 1000}s infinite`,
+      animation: `${pulseAnimation(theme)} ${DIALOG_PULSE.durationMs / 1000}s infinite`,
       pointerEvents: 'none' as const,
       zIndex: DIALOG_PULSE.zIndex,
     },
@@ -116,7 +110,7 @@ function defaultVariantStyles(theme: Theme, opts: VariantStyleOptions) {
   const gradientStyles = opts.gradient
     ? {
         background: `linear-gradient(${DIALOG_GRADIENT.angleDeg}deg, ${alpha(theme.palette.primary.main, DIALOG_GRADIENT.stopAlpha)}, ${alpha(theme.palette.secondary.main, DIALOG_GRADIENT.stopAlpha)})`,
-        backdropFilter: `blur(${DIALOG_GRADIENT.blurPx}px)`,
+        backdropFilter: `blur(${rem(theme, DIALOG_GRADIENT.blurPx)})`,
       }
     : {};
   return {
@@ -124,7 +118,7 @@ function defaultVariantStyles(theme: Theme, opts: VariantStyleOptions) {
     backgroundColor: opts.glass
       ? alpha(theme.palette.background.paper, DIALOG_GLASS.backgroundAlpha)
       : theme.palette.background.paper,
-    backdropFilter: opts.glass ? `blur(${DIALOG_GLASS.blurPx}px)` : 'none',
+    backdropFilter: opts.glass ? `blur(${rem(theme, DIALOG_GLASS.blurPx)})` : 'none',
     border: opts.glass
       ? `${DIALOG_BORDER_WIDTH}px solid ${alpha(theme.palette.primary.main, DIALOG_GLASS.borderAlpha)}`
       : 'none',
@@ -142,15 +136,9 @@ export function variantStylesOf(theme: Theme, opts: VariantStyleOptions): SxProp
         ...baseStylesOf(theme, opts),
         ...decorations,
         backgroundColor: alpha(theme.palette.background.paper, DIALOG_GLASS.backgroundAlpha),
-        backdropFilter: `blur(${DIALOG_GLASS.blurPx}px)`,
+        backdropFilter: `blur(${rem(theme, DIALOG_GLASS.blurPx)})`,
         border: `${DIALOG_BORDER_WIDTH}px solid ${alpha(theme.palette.primary.main, DIALOG_GLASS.borderAlpha)}`,
-        boxShadow: shadowCss({
-          offsetX: 0,
-          offsetY: DIALOG_GLASS.shadow.offsetY,
-          blurRadius: DIALOG_GLASS.shadow.blurRadius,
-          spreadDistance: 0,
-          color: shadowInk(theme, DIALOG_GLASS.shadow.alpha),
-        }),
+        boxShadow: `${rems(theme, 0, DIALOG_GLASS.shadow.offsetY, DIALOG_GLASS.shadow.blurRadius)} ${shadowInk(theme, DIALOG_GLASS.shadow.alpha)}`,
       };
     case 'fullscreen':
       return {
@@ -171,7 +159,7 @@ export function variantStylesOf(theme: Theme, opts: VariantStyleOptions): SxProp
         // panel's leading corners square.
         borderRadius: `${radius} 0 0 ${radius}`,
         margin: 0,
-        width: maxWidthOf(opts.size),
+        width: maxWidthOf(theme, opts.size),
         // Never wider than the screen: a 600px panel on a 375px phone put its
         // title and the start of every line off the left edge.
         maxWidth: '100%',
@@ -192,6 +180,6 @@ export function variantStylesOf(theme: Theme, opts: VariantStyleOptions): SxProp
 export function backdropSxOf(theme: Theme, glass: boolean) {
   return {
     backgroundColor: scrim(theme, glass ? DIALOG_BACKDROP.alpha.glass : DIALOG_BACKDROP.alpha.plain),
-    backdropFilter: glass ? `blur(${DIALOG_BACKDROP.blurPx}px)` : 'none',
+    backdropFilter: glass ? `blur(${rem(theme, DIALOG_BACKDROP.blurPx)})` : 'none',
   };
 }

package/src/components/feedback/Modal/Modal.styles.ts

@@ -2,6 +2,7 @@ import { alpha, keyframes } from '@mui/material/styles/index.js';
 import type { CSSObject, Theme } from '@mui/material/styles/index.js';
 
 import { scrim, shadowInk } from '../../../tokens/ink';
+import { rem, rems } from '../../../tokens/relative';
 
 import type { ModalProps } from './Modal.types';
 
@@ -9,13 +10,13 @@ type Variant = NonNullable<ModalProps['variant']>;
 type Size = NonNullable<ModalProps['size']>;
 type Radius = NonNullable<ModalProps['borderRadius']>;
 
-const pulseAnimation = keyframes`
+const pulseAnimation = (theme: Theme) => keyframes`
   0% {
     box-shadow: 0 0 0 0 currentColor;
     opacity: 1;
   }
   70% {
-    box-shadow: 0 0 0 20px currentColor;
+    box-shadow: 0 0 0 ${rem(theme, 20)} currentColor;
     opacity: 0;
   }
   100% {
@@ -71,7 +72,7 @@ const pulseRing = (theme: Theme): CSSObject => ({
   borderRadius: 'inherit',
   backgroundColor: theme.palette.primary.main,
   opacity: 0.3,
-  animation: `${pulseAnimation} 2s infinite`,
+  animation: `${pulseAnimation(theme)} 2s infinite`,
   pointerEvents: 'none' as const,
   zIndex: -1,
 });
@@ -83,16 +84,16 @@ const surface = (theme: Theme, flags: ModalStyleFlags): CSSObject => {
   const isGlass = glass || variant === 'glass';
 
   const boxShadow = glow
-    ? `0 0 40px ${alpha(theme.palette.primary.main, 0.3)}`
+    ? `${rems(theme, 0, 0, 40)} ${alpha(theme.palette.primary.main, 0.3)}`
     : isGlass
-      ? `0 8px 32px ${shadowInk(theme, 0.1)}`
+      ? `${rems(theme, 0, 8, 32)} ${shadowInk(theme, 0.1)}`
       : theme.shadows[8];
 
   return {
     backgroundColor: isGlass
       ? alpha(theme.palette.background.paper, 0.1)
       : theme.palette.background.paper,
-    backdropFilter: isGlass ? 'blur(20px)' : gradient ? 'blur(10px)' : 'none',
+    backdropFilter: isGlass ? `blur(${rem(theme, 20)})` : gradient ? `blur(${rem(theme, 10)})` : 'none',
     border: isGlass ? `1px solid ${alpha(theme.palette.primary.main, 0.2)}` : 'none',
     boxShadow,
     ...(gradient && {
@@ -107,7 +108,7 @@ export const panelSx = (theme: Theme, flags: ModalStyleFlags): CSSObject => {
   return {
     // A pulsing panel positions its own ring, so it becomes the containing block.
     position: pulse ? ('relative' as const) : ('absolute' as const),
-    width: WIDTHS[size] ?? WIDTHS.md,
+    width: rem(theme, WIDTHS[size] ?? WIDTHS.md),
     maxWidth: '90vw',
     borderRadius: (RADII[borderRadius] ?? RADII.lg)(theme),
     outline: 0,
@@ -124,5 +125,5 @@ export const panelSx = (theme: Theme, flags: ModalStyleFlags): CSSObject => {
 
 export const backdropSx = (theme: Theme, isGlass: boolean): CSSObject => ({
   backgroundColor: scrim(theme, isGlass ? 0.2 : 0.5),
-  backdropFilter: isGlass ? 'blur(8px)' : 'none',
+  backdropFilter: isGlass ? `blur(${rem(theme, 8)})` : 'none',
 });

package/src/components/feedback/Modal/Modal.tsx

@@ -70,8 +70,9 @@ export const Modal: React.FC<ModalProps> = (props) => {
   );
 };
 
-export const ModalContent: React.FC<ModalContentProps> = ({ children, padding = 3, dataTestId }) => (
-  <Box sx={{ p: padding }} data-testid={dataTestId || 'modal-content'}>
+// `padding` is in spacing units; the default is applied in `sx`, where `p` reads it as one.
+export const ModalContent: React.FC<ModalContentProps> = ({ children, padding, dataTestId }) => (
+  <Box sx={{ p: padding ?? 3 }} data-testid={dataTestId || 'modal-content'}>
     {children}
   </Box>
 );

package/src/components/feedback/Sonner/Sonner.tsx

@@ -2,7 +2,7 @@ import Box from '@mui/material/Box/index.js';
 import Portal from '@mui/material/Portal/index.js';
 import React, { createContext, useCallback, useContext, useRef,useState, useMemo } from 'react';
 
-import { sxRem } from '../../../tokens/relative';
+import { rem, sxRem } from '../../../tokens/relative';
 
 import type { SonnerContextType, SonnerItem,SonnerProps } from './Sonner.types';
 
@@ -182,13 +182,13 @@ const SonnerToaster: React.FC<{
       <Box
         sx={{
           position: 'fixed',
-          top: 16,
-          right: 16,
+          top: sxRem(16),
+          right: sxRem(16),
           zIndex: 9999,
           display: 'flex',
           flexDirection: 'column',
           pointerEvents: 'none',
-          maxHeight: 'calc(100vh - 32px)',
+          maxHeight: (theme) => `calc(100vh - ${rem(theme, 32)})`,
           overflowY: 'auto',
           overflowX: 'hidden' }}
       >