@sandlada/mdk 1.0.5 → 1.1.0-20250908.a

package/build/index.d.ts

@@ -5,6 +5,7 @@ export * from './modules/easing';
 export * from './modules/elevation';
 export * from './modules/shape';
 export * from './modules/state';
+export * from './modules/palette';
 export * from './modules/typeface';
 export * from './modules/typescale';
 export * from './modules/variant';

package/build/index.js

@@ -5,6 +5,7 @@ export * from './modules/easing';
 export * from './modules/elevation';
 export * from './modules/shape';
 export * from './modules/state';
+export * from './modules/palette';
 export * from './modules/typeface';
 export * from './modules/typescale';
 export * from './modules/variant';

package/build/modules/color.d.ts

@@ -1,97 +1,4 @@
-export declare const Palette: {
-    readonly Black: "var(--md-sys-palette-black, #000)";
-    readonly Error0: "var(--md-sys-palette-error-0, #000)";
-    readonly Error10: "var(--md-sys-palette-error-10, #410e0b)";
-    readonly Error20: "var(--md-sys-palette-error-20, #601410)";
-    readonly Error30: "var(--md-sys-palette-error-30, #8c1d18)";
-    readonly Error40: "var(--md-sys-palette-error-40, #b3261e)";
-    readonly Error50: "var(--md-sys-palette-error-50, #dc362e)";
-    readonly Error60: "var(--md-sys-palette-error-60, #e46962)";
-    readonly Error70: "var(--md-sys-palette-error-70, #ec928e)";
-    readonly Error80: "var(--md-sys-palette-error-80, #f2b8b5)";
-    readonly Error90: "var(--md-sys-palette-error-90, #f9dedc)";
-    readonly Error95: "var(--md-sys-palette-error-95, #fceeee)";
-    readonly Error99: "var(--md-sys-palette-error-99, #fffbf9)";
-    readonly Error100: "var(--md-sys-palette-error-100, #fff)";
-    readonly NeutralVariant0: "var(--md-sys-palette-neutral-variant-0, #000)";
-    readonly NeutralVariant10: "var(--md-sys-palette-neutral-variant-10, #1d1a22)";
-    readonly NeutralVariant20: "var(--md-sys-palette-neutral-variant-20, #322f37)";
-    readonly NeutralVariant30: "var(--md-sys-palette-neutral-variant-30, #49454f)";
-    readonly NeutralVariant40: "var(--md-sys-palette-neutral-variant-40, #605d66)";
-    readonly NeutralVariant50: "var(--md-sys-palette-neutral-variant-50, #79747e)";
-    readonly NeutralVariant60: "var(--md-sys-palette-neutral-variant-60, #938f99)";
-    readonly NeutralVariant70: "var(--md-sys-palette-neutral-variant-70, #aea9b4)";
-    readonly NeutralVariant80: "var(--md-sys-palette-neutral-variant-80, #cac4d0)";
-    readonly NeutralVariant90: "var(--md-sys-palette-neutral-variant-90, #e7e0ec)";
-    readonly NeutralVariant95: "var(--md-sys-palette-neutral-variant-95, #f5eefa)";
-    readonly NeutralVariant99: "var(--md-sys-palette-neutral-variant-99, #fffbfe)";
-    readonly NeutralVariant100: "var(--md-sys-palette-neutral-variant-100, #fff)";
-    readonly Neutral0: "var(--md-sys-palette-neutral-0, #000)";
-    readonly Neutral4: "var(--md-sys-palette-neutral-4, #0f0d13)";
-    readonly Neutral6: "var(--md-sys-palette-neutral-6, #141218)";
-    readonly Neutral10: "var(--md-sys-palette-neutral-10, #1d1b20)";
-    readonly Neutral12: "var(--md-sys-palette-neutral-12, #211f26)";
-    readonly Neutral17: "var(--md-sys-palette-neutral-17, #2b2930)";
-    readonly Neutral20: "var(--md-sys-palette-neutral-20, #322f35)";
-    readonly Neutral22: "var(--md-sys-palette-neutral-22, #36343b)";
-    readonly Neutral24: "var(--md-sys-palette-neutral-24, #3b383e)";
-    readonly Neutral30: "var(--md-sys-palette-neutral-30, #48464c)";
-    readonly Neutral40: "var(--md-sys-palette-neutral-40, #605d64)";
-    readonly Neutral50: "var(--md-sys-palette-neutral-50, #79767d)";
-    readonly Neutral60: "var(--md-sys-palette-neutral-60, #938f96)";
-    readonly Neutral70: "var(--md-sys-palette-neutral-70, #aea9b1)";
-    readonly Neutral80: "var(--md-sys-palette-neutral-80, #cac5cd)";
-    readonly Neutral87: "var(--md-sys-palette-neutral-87, #ded8e1)";
-    readonly Neutral90: "var(--md-sys-palette-neutral-90, #e6e0e9)";
-    readonly Neutral92: "var(--md-sys-palette-neutral-92, #ece6f0)";
-    readonly Neutral94: "var(--md-sys-palette-neutral-94, #f3edf7)";
-    readonly Neutral95: "var(--md-sys-palette-neutral-95, #f5eff7)";
-    readonly Neutral96: "var(--md-sys-palette-neutral-96, #f7f2fa)";
-    readonly Neutral98: "var(--md-sys-palette-neutral-98, #fef7ff)";
-    readonly Neutral99: "var(--md-sys-palette-neutral-99, #fffbff)";
-    readonly Neutral100: "var(--md-sys-palette-neutral-100, #fff)";
-    readonly Primary0: "var(--md-sys-palette-primary-0, #000)";
-    readonly Primary10: "var(--md-sys-palette-primary-10, #21005d)";
-    readonly Primary20: "var(--md-sys-palette-primary-20, #381e72)";
-    readonly Primary30: "var(--md-sys-palette-primary-30, #4f378b)";
-    readonly Primary40: "var(--md-sys-palette-primary-40, #6750a4)";
-    readonly Primary50: "var(--md-sys-palette-primary-50, #7f67be)";
-    readonly Primary60: "var(--md-sys-palette-primary-60, #9a82db)";
-    readonly Primary70: "var(--md-sys-palette-primary-70, #b69df8)";
-    readonly Primary80: "var(--md-sys-palette-primary-80, #d0bcff)";
-    readonly Primary90: "var(--md-sys-palette-primary-90, #eaddff)";
-    readonly Primary95: "var(--md-sys-palette-primary-95, #f6edff)";
-    readonly Primary99: "var(--md-sys-palette-primary-99, #fffbfe)";
-    readonly Primary100: "var(--md-sys-palette-primary-100, #fff)";
-    readonly Secondary0: "var(--md-sys-palette-secondary-0, #000)";
-    readonly Secondary10: "var(--md-sys-palette-secondary-10, #1d192b)";
-    readonly Secondary20: "var(--md-sys-palette-secondary-20, #332d41)";
-    readonly Secondary30: "var(--md-sys-palette-secondary-30, #4a4458)";
-    readonly Secondary40: "var(--md-sys-palette-secondary-40, #625b71)";
-    readonly Secondary50: "var(--md-sys-palette-secondary-50, #7a7289)";
-    readonly Secondary60: "var(--md-sys-palette-secondary-60, #958da5)";
-    readonly Secondary70: "var(--md-sys-palette-secondary-70, #b0a7c0)";
-    readonly Secondary80: "var(--md-sys-palette-secondary-80, #ccc2dc)";
-    readonly Secondary90: "var(--md-sys-palette-secondary-90, #e8def8)";
-    readonly Secondary95: "var(--md-sys-palette-secondary-95, #f6edff)";
-    readonly Secondary99: "var(--md-sys-palette-secondary-99, #fffbfe)";
-    readonly Secondary100: "var(--md-sys-palette-secondary-100, #fff)";
-    readonly Tertiary0: "var(--md-sys-palette-tertiary-0, #000)";
-    readonly Tertiary10: "var(--md-sys-palette-tertiary-10, #31111d)";
-    readonly Tertiary20: "var(--md-sys-palette-tertiary-20, #492532)";
-    readonly Tertiary30: "var(--md-sys-palette-tertiary-30, #633b48)";
-    readonly Tertiary40: "var(--md-sys-palette-tertiary-40, #7d5260)";
-    readonly Tertiary50: "var(--md-sys-palette-tertiary-50, #986977)";
-    readonly Tertiary60: "var(--md-sys-palette-tertiary-60, #b58392)";
-    readonly Tertiary70: "var(--md-sys-palette-tertiary-70, #d29dac)";
-    readonly Tertiary80: "var(--md-sys-palette-tertiary-80, #efb8c8)";
-    readonly Tertiary90: "var(--md-sys-palette-tertiary-90, #ffd8e4)";
-    readonly Tertiary95: "var(--md-sys-palette-tertiary-95, #ffecf1)";
-    readonly Tertiary99: "var(--md-sys-palette-tertiary-99, #fffbfa)";
-    readonly Tertiary100: "var(--md-sys-palette-tertiary-100, #fff)";
-    readonly White: "var(--md-sys-palette-white, #fff)";
-};
-export declare const DefaultLightColor: {
+export declare const ColorLight: {
     readonly Background: "var(--md-sys-color-background, var(--md-sys-palette-neutral-98, #fef7ff))";
     readonly Error: "var(--md-sys-color-error, var(--md-sys-palette-error-40, #b3261e))";
     readonly ErrorContainer: "var(--md-sys-color-error-container, var(--md-sys-palette-error-90, #f9dedc))";
@@ -142,7 +49,7 @@ export declare const DefaultLightColor: {
     readonly TertiaryFixed: "var(--md-sys-color-tertiary-fixed, var(--md-sys-palette-tertiary-90, #ffd8e4))";
     readonly TertiaryFixedDim: "var(--md-sys-color-tertiary-fixed-dim, var(--md-sys-palette-tertiary-80, #efb8c8))";
 };
-export declare const DefaultDarkColor: {
+export declare const ColorDark: {
     readonly Background: "var(--md-sys-color-background, var(--md-sys-palette-neutral-6, #141218))";
     readonly Error: "var(--md-sys-color-error, var(--md-sys-palette-error-80, #f2b8b5))";
     readonly ErrorContainer: "var(--md-sys-color-error-container, var(--md-sys-palette-error-30, #8c1d18))";
@@ -194,53 +101,53 @@ export declare const DefaultDarkColor: {
     readonly TertiaryFixedDim: "var(--md-sys-color-tertiary-fixed-dim, var(--md-sys-palette-tertiary-80, #efb8c8))";
 };
 export declare const Color: {
-    readonly Background: "var(--md-sys-color-background, var(--md-sys-palette-neutral-98, #fef7ff))";
-    readonly Error: "var(--md-sys-color-error, var(--md-sys-palette-error-40, #b3261e))";
-    readonly ErrorContainer: "var(--md-sys-color-error-container, var(--md-sys-palette-error-90, #f9dedc))";
-    readonly InverseOnSurface: "var(--md-sys-color-inverse-on-surface, var(--md-sys-palette-neutral-95, #f5eff7))";
-    readonly InversePrimary: "var(--md-sys-color-inverse-primary, var(--md-sys-palette-primary-80, #d0bcff))";
-    readonly InverseSurface: "var(--md-sys-color-inverse-surface, var(--md-sys-palette-neutral-20, #322f35))";
-    readonly OnBackground: "var(--md-sys-color-on-background, var(--md-sys-palette-neutral-10, #1d1b20))";
-    readonly OnError: "var(--md-sys-color-on-error, var(--md-sys-palette-error-100, #fff))";
-    readonly OnErrorContainer: "var(--md-sys-color-on-error-container, var(--md-sys-palette-error-10, #410e0b))";
-    readonly OnPrimary: "var(--md-sys-color-on-primary, var(--md-sys-palette-primary-100, #fff))";
-    readonly OnPrimaryContainer: "var(--md-sys-color-on-primary-container, var(--md-sys-palette-primary-10, #21005d))";
-    readonly OnPrimaryFixed: "var(--md-sys-color-on-primary-fixed, var(--md-sys-palette-primary-10, #21005d))";
-    readonly OnPrimaryFixedVariant: "var(--md-sys-color-on-primary-fixed-variant, var(--md-sys-palette-primary-30, #4f378b))";
-    readonly OnSecondary: "var(--md-sys-color-on-secondary, var(--md-sys-palette-secondary-100, #fff))";
-    readonly OnSecondaryContainer: "var(--md-sys-color-on-secondary-container, var(--md-sys-palette-secondary-10, #1d192b))";
-    readonly OnSecondaryFixed: "var(--md-sys-color-on-secondary-fixed, var(--md-sys-palette-secondary-10, #1d192b))";
-    readonly OnSecondaryFixedVariant: "var(--md-sys-color-on-secondary-fixed-variant, var(--md-sys-palette-secondary-30, #4a4458))";
-    readonly OnSurface: "var(--md-sys-color-on-surface, var(--md-sys-palette-neutral-10, #1d1b20))";
-    readonly OnSurfaceVariant: "var(--md-sys-color-on-surface-variant, var(--md-sys-palette-neutral-variant-30, #49454f))";
-    readonly OnTertiary: "var(--md-sys-color-on-tertiary, var(--md-sys-palette-tertiary-100, #fff))";
-    readonly OnTertiaryContainer: "var(--md-sys-color-on-tertiary-container, var(--md-sys-palette-tertiary-10, #31111d))";
-    readonly OnTertiaryFixed: "var(--md-sys-color-on-tertiary-fixed, var(--md-sys-palette-tertiary-10, #31111d))";
-    readonly OnTertiaryFixedVariant: "var(--md-sys-color-on-tertiary-fixed-variant, var(--md-sys-palette-tertiary-30, #633b48))";
-    readonly Outline: "var(--md-sys-color-outline, var(--md-sys-palette-neutral-50, #79767d))";
-    readonly OutlineVariant: "var(--md-sys-color-outline-variant, var(--md-sys-palette-neutral-variant-80, #cac4d0))";
-    readonly Primary: "var(--md-sys-color-primary, var(--md-sys-palette-primary-40, #6750a4))";
-    readonly PrimaryContainer: "var(--md-sys-color-primary-container, var(--md-sys-palette-primary-90, #eaddff))";
-    readonly PrimaryFixed: "var(--md-sys-color-primary-fixed, var(--md-sys-palette-primary-90, #eaddff))";
-    readonly PrimaryFixedDim: "var(--md-sys-color-primary-fixed-dim, var(--md-sys-palette-primary-80, #d0bcff))";
-    readonly Scrim: "var(--md-sys-color-scrim, var(--md-sys-palette-neutral-0, #000))";
-    readonly Secondary: "var(--md-sys-color-secondary, var(--md-sys-palette-secondary-40, #625b71))";
-    readonly SecondaryContainer: "var(--md-sys-color-secondary-container, var(--md-sys-palette-secondary-90, #e8def8))";
-    readonly SecondaryFixed: "var(--md-sys-color-secondary-fixed, var(--md-sys-palette-secondary-90, #e8def8))";
-    readonly SecondaryFixedDim: "var(--md-sys-color-secondary-fixed-dim, var(--md-sys-palette-secondary-80, #ccc2dc))";
-    readonly Shadow: "var(--md-sys-color-shadow, var(--md-sys-palette-neutral-0, #000))";
-    readonly Surface: "var(--md-sys-color-surface, var(--md-sys-palette-neutral-98, #fef7ff))";
-    readonly SurfaceBright: "var(--md-sys-color-surface-bright, var(--md-sys-palette-neutral-98, #fef7ff))";
-    readonly SurfaceContainer: "var(--md-sys-color-surface-container, var(--md-sys-palette-neutral-94, #f3edf7))";
-    readonly SurfaceContainerHigh: "var(--md-sys-color-surface-container-high, var(--md-sys-palette-neutral-92, #ece6f0))";
-    readonly SurfaceContainerHighest: "var(--md-sys-color-surface-container-highest, var(--md-sys-palette-neutral-90, #e6e0e9))";
-    readonly SurfaceContainerLow: "var(--md-sys-color-surface-container-low, var(--md-sys-palette-neutral-96, #f7f2fa))";
-    readonly SurfaceContainerLowest: "var(--md-sys-color-surface-container-lowest, var(--md-sys-palette-neutral-100, #fff))";
-    readonly SurfaceDim: "var(--md-sys-color-surface-dim, var(--md-sys-palette-neutral-87, #ded8e1))";
-    readonly SurfaceTint: "var(--md-sys-color-surface-tint, var(--md-sys-palette-primary-40, #6750a4))";
-    readonly SurfaceVariant: "var(--md-sys-color-surface-variant, var(--md-sys-palette-neutral-variant-90, #e7e0ec)";
-    readonly Tertiary: "var(--md-sys-color-tertiary, var(--md-sys-palette-tertiary-40, #7d5260))";
-    readonly TertiaryContainer: "var(--md-sys-color-tertiary-container, var(--md-sys-palette-tertiary-90, #ffd8e4))";
-    readonly TertiaryFixed: "var(--md-sys-color-tertiary-fixed, var(--md-sys-palette-tertiary-90, #ffd8e4))";
-    readonly TertiaryFixedDim: "var(--md-sys-color-tertiary-fixed-dim, var(--md-sys-palette-tertiary-80, #efb8c8))";
+    readonly Background: "var(--md-sys-color-background, light-dark(var(--md-sys-palette-neutral-98, #fef7ff), var(--md-sys-palette-neutral-6, #141218)))";
+    readonly Error: "var(--md-sys-color-error, light-dark(var(--md-sys-palette-error-40, #b3261e), var(--md-sys-palette-error-80, #f2b8b5)))";
+    readonly ErrorContainer: "var(--md-sys-color-error-container, light-dark(var(--md-sys-palette-error-90, #f9dedc), var(--md-sys-palette-error-30, #8c1d18)))";
+    readonly InverseOnSurface: "var(--md-sys-color-inverse-on-surface, light-dark(var(--md-sys-palette-neutral-95, #f5eff7), var(--md-sys-palette-neutral-20, #322f35)))";
+    readonly InversePrimary: "var(--md-sys-color-inverse-primary, light-dark(var(--md-sys-palette-primary-80, #d0bcff), var(--md-sys-palette-primary-40, #6750a4)))";
+    readonly InverseSurface: "var(--md-sys-color-inverse-surface, light-dark(var(--md-sys-palette-neutral-20, #322f35), var(--md-sys-palette-neutral-90, #e6e0e9)))";
+    readonly OnBackground: "var(--md-sys-color-on-background, light-dark(var(--md-sys-palette-neutral-10, #1d1b20), var(--md-sys-palette-neutral-90, #e6e0e9)))";
+    readonly OnError: "var(--md-sys-color-on-error, light-dark(var(--md-sys-palette-error-100, #fff), var(--md-sys-palette-error-20, #601410)))";
+    readonly OnErrorContainer: "var(--md-sys-color-on-error-container, light-dark(var(--md-sys-palette-error-10, #410e0b), var(--md-sys-palette-error-90, #f9dedc)))";
+    readonly OnPrimary: "var(--md-sys-color-on-primary, light-dark(var(--md-sys-palette-primary-100, #fff), var(--md-sys-palette-primary-20, #381e72)))";
+    readonly OnPrimaryContainer: "var(--md-sys-color-on-primary-container, light-dark(var(--md-sys-palette-primary-10, #21005d), var(--md-sys-palette-primary-90, #eaddff)))";
+    readonly OnPrimaryFixed: "var(--md-sys-color-on-primary-fixed, light-dark(var(--md-sys-palette-primary-10, #21005d), var(--md-sys-palette-primary-10, #21005d)))";
+    readonly OnPrimaryFixedVariant: "var(--md-sys-color-on-primary-fixed-variant, light-dark(var(--md-sys-palette-primary-30, #4f378b), var(--md-sys-palette-primary-30, #4f378b)))";
+    readonly OnSecondary: "var(--md-sys-color-on-secondary, light-dark(var(--md-sys-palette-secondary-100, #fff), var(--md-sys-palette-secondary-20, #332d41)))";
+    readonly OnSecondaryContainer: "var(--md-sys-color-on-secondary-container, light-dark(var(--md-sys-palette-secondary-10, #1d192b), var(--md-sys-palette-secondary-90, #e8def8)))";
+    readonly OnSecondaryFixed: "var(--md-sys-color-on-secondary-fixed, light-dark(var(--md-sys-palette-secondary-10, #1d192b), var(--md-sys-palette-secondary-10, #1d192b)))";
+    readonly OnSecondaryFixedVariant: "var(--md-sys-color-on-secondary-fixed-variant, light-dark(var(--md-sys-palette-secondary-30, #4a4458), var(--md-sys-palette-secondary-30, #4a4458)))";
+    readonly OnSurface: "var(--md-sys-color-on-surface, light-dark(var(--md-sys-palette-neutral-10, #1d1b20), var(--md-sys-palette-neutral-90, #e6e0e9)))";
+    readonly OnSurfaceVariant: "var(--md-sys-color-on-surface-variant, light-dark(var(--md-sys-palette-neutral-variant-30, #49454f), var(--md-sys-palette-neutral-variant-80, #cac4d0)))";
+    readonly OnTertiary: "var(--md-sys-color-on-tertiary, light-dark(var(--md-sys-palette-tertiary-100, #fff), var(--md-sys-palette-tertiary-20, #492532)))";
+    readonly OnTertiaryContainer: "var(--md-sys-color-on-tertiary-container, light-dark(var(--md-sys-palette-tertiary-10, #31111d), var(--md-sys-palette-tertiary-90, #ffd8e4)))";
+    readonly OnTertiaryFixed: "var(--md-sys-color-on-tertiary-fixed, light-dark(var(--md-sys-palette-tertiary-10, #31111d), var(--md-sys-palette-tertiary-10, #31111d)))";
+    readonly OnTertiaryFixedVariant: "var(--md-sys-color-on-tertiary-fixed-variant, light-dark(var(--md-sys-palette-tertiary-30, #633b48), var(--md-sys-palette-tertiary-30, #633b48)))";
+    readonly Outline: "var(--md-sys-color-outline, light-dark(var(--md-sys-palette-neutral-50, #79767d), var(--md-sys-palette-neutral-60, #938f96)))";
+    readonly OutlineVariant: "var(--md-sys-color-outline-variant, light-dark(var(--md-sys-palette-neutral-variant-80, #cac4d0), var(--md-sys-palette-neutral-variant-30, #49454f)))";
+    readonly Primary: "var(--md-sys-color-primary, light-dark(var(--md-sys-palette-primary-40, #6750a4), var(--md-sys-palette-primary-80, #d0bcff)))";
+    readonly PrimaryContainer: "var(--md-sys-color-primary-container, light-dark(var(--md-sys-palette-primary-90, #eaddff), var(--md-sys-palette-primary-30, #4f378b)))";
+    readonly PrimaryFixed: "var(--md-sys-color-primary-fixed, light-dark(var(--md-sys-palette-primary-90, #eaddff), var(--md-sys-palette-primary-90, #eaddff)))";
+    readonly PrimaryFixedDim: "var(--md-sys-color-primary-fixed-dim, light-dark(var(--md-sys-palette-primary-80, #d0bcff), var(--md-sys-palette-primary-80, #d0bcff)))";
+    readonly Scrim: "var(--md-sys-color-scrim, light-dark(var(--md-sys-palette-neutral-0, #000), var(--md-sys-palette-neutral-0, #000)))";
+    readonly Secondary: "var(--md-sys-color-secondary, light-dark(var(--md-sys-palette-secondary-40, #625b71), var(--md-sys-palette-secondary-80, #ccc2dc)))";
+    readonly SecondaryContainer: "var(--md-sys-color-secondary-container, light-dark(var(--md-sys-palette-secondary-90, #e8def8), var(--md-sys-palette-secondary-30, #4a4458)))";
+    readonly SecondaryFixed: "var(--md-sys-color-secondary-fixed, light-dark(var(--md-sys-palette-secondary-90, #e8def8), var(--md-sys-palette-secondary-90, #e8def8)))";
+    readonly SecondaryFixedDim: "var(--md-sys-color-secondary-fixed-dim, light-dark(var(--md-sys-palette-secondary-80, #ccc2dc), var(--md-sys-palette-secondary-80, #ccc2dc)))";
+    readonly Shadow: "var(--md-sys-color-shadow, light-dark(var(--md-sys-palette-neutral-0, #000), var(--md-sys-palette-neutral-0, #000)))";
+    readonly Surface: "var(--md-sys-color-surface, light-dark(var(--md-sys-palette-neutral-98, #fef7ff), var(--md-sys-palette-neutral-6, #141218)))";
+    readonly SurfaceBright: "var(--md-sys-color-surface-bright, light-dark(var(--md-sys-palette-neutral-98, #fef7ff), var(--md-sys-palette-neutral-24, #3b383e)))";
+    readonly SurfaceContainer: "var(--md-sys-color-surface-container, light-dark(var(--md-sys-palette-neutral-94, #f3edf7), var(--md-sys-palette-neutral-12, #211f26)))";
+    readonly SurfaceContainerHigh: "var(--md-sys-color-surface-container-high, light-dark(var(--md-sys-palette-neutral-92, #ece6f0), var(--md-sys-palette-neutral-17, #2b2930)))";
+    readonly SurfaceContainerHighest: "var(--md-sys-color-surface-container-highest, light-dark(var(--md-sys-palette-neutral-90, #e6e0e9), var(--md-sys-palette-neutral-22, #36343b)))";
+    readonly SurfaceContainerLow: "var(--md-sys-color-surface-container-low, light-dark(var(--md-sys-palette-neutral-96, #f7f2fa), var(--md-sys-palette-neutral-10, #1d1b20)))";
+    readonly SurfaceContainerLowest: "var(--md-sys-color-surface-container-lowest, light-dark(var(--md-sys-palette-neutral-100, #fff), var(--md-sys-palette-neutral-4, #0f0d13)))";
+    readonly SurfaceDim: "var(--md-sys-color-surface-dim, light-dark(var(--md-sys-palette-neutral-87, #ded8e1), var(--md-sys-palette-neutral-6, #141218)))";
+    readonly SurfaceTint: "var(--md-sys-color-surface-tint, light-dark(var(--md-sys-palette-primary-40, #6750a4), var(--md-sys-palette-primary-80, #d0bcff)))";
+    readonly SurfaceVariant: "var(--md-sys-color-surface-variant, light-dark(var(--md-sys-palette-neutral-variant-90, #e7e0ec), var(--md-sys-palette-neutral-variant-30, #49454f)))";
+    readonly Tertiary: "var(--md-sys-color-tertiary, light-dark(var(--md-sys-palette-tertiary-40, #7d5260), var(--md-sys-palette-tertiary-80, #efb8c8)))";
+    readonly TertiaryContainer: "var(--md-sys-color-tertiary-container, light-dark(var(--md-sys-palette-tertiary-90, #ffd8e4), var(--md-sys-palette-tertiary-30, #633b48)))";
+    readonly TertiaryFixed: "var(--md-sys-color-tertiary-fixed, light-dark(var(--md-sys-palette-tertiary-90, #ffd8e4), var(--md-sys-palette-tertiary-90, #ffd8e4)))";
+    readonly TertiaryFixedDim: "var(--md-sys-color-tertiary-fixed-dim, light-dark(var(--md-sys-palette-tertiary-80, #efb8c8), var(--md-sys-palette-tertiary-80, #efb8c8)))";
 };

package/build/modules/color.js

@@ -1,97 +1,5 @@
-export const Palette = {
-    Black: `var(--md-sys-palette-black, #000)`,
-    Error0: `var(--md-sys-palette-error-0, #000)`,
-    Error10: `var(--md-sys-palette-error-10, #410e0b)`,
-    Error20: `var(--md-sys-palette-error-20, #601410)`,
-    Error30: `var(--md-sys-palette-error-30, #8c1d18)`,
-    Error40: `var(--md-sys-palette-error-40, #b3261e)`,
-    Error50: `var(--md-sys-palette-error-50, #dc362e)`,
-    Error60: `var(--md-sys-palette-error-60, #e46962)`,
-    Error70: `var(--md-sys-palette-error-70, #ec928e)`,
-    Error80: `var(--md-sys-palette-error-80, #f2b8b5)`,
-    Error90: `var(--md-sys-palette-error-90, #f9dedc)`,
-    Error95: `var(--md-sys-palette-error-95, #fceeee)`,
-    Error99: `var(--md-sys-palette-error-99, #fffbf9)`,
-    Error100: `var(--md-sys-palette-error-100, #fff)`,
-    NeutralVariant0: `var(--md-sys-palette-neutral-variant-0, #000)`,
-    NeutralVariant10: `var(--md-sys-palette-neutral-variant-10, #1d1a22)`,
-    NeutralVariant20: `var(--md-sys-palette-neutral-variant-20, #322f37)`,
-    NeutralVariant30: `var(--md-sys-palette-neutral-variant-30, #49454f)`,
-    NeutralVariant40: `var(--md-sys-palette-neutral-variant-40, #605d66)`,
-    NeutralVariant50: `var(--md-sys-palette-neutral-variant-50, #79747e)`,
-    NeutralVariant60: `var(--md-sys-palette-neutral-variant-60, #938f99)`,
-    NeutralVariant70: `var(--md-sys-palette-neutral-variant-70, #aea9b4)`,
-    NeutralVariant80: `var(--md-sys-palette-neutral-variant-80, #cac4d0)`,
-    NeutralVariant90: `var(--md-sys-palette-neutral-variant-90, #e7e0ec)`,
-    NeutralVariant95: `var(--md-sys-palette-neutral-variant-95, #f5eefa)`,
-    NeutralVariant99: `var(--md-sys-palette-neutral-variant-99, #fffbfe)`,
-    NeutralVariant100: `var(--md-sys-palette-neutral-variant-100, #fff)`,
-    Neutral0: `var(--md-sys-palette-neutral-0, #000)`,
-    Neutral4: `var(--md-sys-palette-neutral-4, #0f0d13)`,
-    Neutral6: `var(--md-sys-palette-neutral-6, #141218)`,
-    Neutral10: `var(--md-sys-palette-neutral-10, #1d1b20)`,
-    Neutral12: `var(--md-sys-palette-neutral-12, #211f26)`,
-    Neutral17: `var(--md-sys-palette-neutral-17, #2b2930)`,
-    Neutral20: `var(--md-sys-palette-neutral-20, #322f35)`,
-    Neutral22: `var(--md-sys-palette-neutral-22, #36343b)`,
-    Neutral24: `var(--md-sys-palette-neutral-24, #3b383e)`,
-    Neutral30: `var(--md-sys-palette-neutral-30, #48464c)`,
-    Neutral40: `var(--md-sys-palette-neutral-40, #605d64)`,
-    Neutral50: `var(--md-sys-palette-neutral-50, #79767d)`,
-    Neutral60: `var(--md-sys-palette-neutral-60, #938f96)`,
-    Neutral70: `var(--md-sys-palette-neutral-70, #aea9b1)`,
-    Neutral80: `var(--md-sys-palette-neutral-80, #cac5cd)`,
-    Neutral87: `var(--md-sys-palette-neutral-87, #ded8e1)`,
-    Neutral90: `var(--md-sys-palette-neutral-90, #e6e0e9)`,
-    Neutral92: `var(--md-sys-palette-neutral-92, #ece6f0)`,
-    Neutral94: `var(--md-sys-palette-neutral-94, #f3edf7)`,
-    Neutral95: `var(--md-sys-palette-neutral-95, #f5eff7)`,
-    Neutral96: `var(--md-sys-palette-neutral-96, #f7f2fa)`,
-    Neutral98: `var(--md-sys-palette-neutral-98, #fef7ff)`,
-    Neutral99: `var(--md-sys-palette-neutral-99, #fffbff)`,
-    Neutral100: `var(--md-sys-palette-neutral-100, #fff)`,
-    Primary0: `var(--md-sys-palette-primary-0, #000)`,
-    Primary10: `var(--md-sys-palette-primary-10, #21005d)`,
-    Primary20: `var(--md-sys-palette-primary-20, #381e72)`,
-    Primary30: `var(--md-sys-palette-primary-30, #4f378b)`,
-    Primary40: `var(--md-sys-palette-primary-40, #6750a4)`,
-    Primary50: `var(--md-sys-palette-primary-50, #7f67be)`,
-    Primary60: `var(--md-sys-palette-primary-60, #9a82db)`,
-    Primary70: `var(--md-sys-palette-primary-70, #b69df8)`,
-    Primary80: `var(--md-sys-palette-primary-80, #d0bcff)`,
-    Primary90: `var(--md-sys-palette-primary-90, #eaddff)`,
-    Primary95: `var(--md-sys-palette-primary-95, #f6edff)`,
-    Primary99: `var(--md-sys-palette-primary-99, #fffbfe)`,
-    Primary100: `var(--md-sys-palette-primary-100, #fff)`,
-    Secondary0: `var(--md-sys-palette-secondary-0, #000)`,
-    Secondary10: `var(--md-sys-palette-secondary-10, #1d192b)`,
-    Secondary20: `var(--md-sys-palette-secondary-20, #332d41)`,
-    Secondary30: `var(--md-sys-palette-secondary-30, #4a4458)`,
-    Secondary40: `var(--md-sys-palette-secondary-40, #625b71)`,
-    Secondary50: `var(--md-sys-palette-secondary-50, #7a7289)`,
-    Secondary60: `var(--md-sys-palette-secondary-60, #958da5)`,
-    Secondary70: `var(--md-sys-palette-secondary-70, #b0a7c0)`,
-    Secondary80: `var(--md-sys-palette-secondary-80, #ccc2dc)`,
-    Secondary90: `var(--md-sys-palette-secondary-90, #e8def8)`,
-    Secondary95: `var(--md-sys-palette-secondary-95, #f6edff)`,
-    Secondary99: `var(--md-sys-palette-secondary-99, #fffbfe)`,
-    Secondary100: `var(--md-sys-palette-secondary-100, #fff)`,
-    Tertiary0: `var(--md-sys-palette-tertiary-0, #000)`,
-    Tertiary10: `var(--md-sys-palette-tertiary-10, #31111d)`,
-    Tertiary20: `var(--md-sys-palette-tertiary-20, #492532)`,
-    Tertiary30: `var(--md-sys-palette-tertiary-30, #633b48)`,
-    Tertiary40: `var(--md-sys-palette-tertiary-40, #7d5260)`,
-    Tertiary50: `var(--md-sys-palette-tertiary-50, #986977)`,
-    Tertiary60: `var(--md-sys-palette-tertiary-60, #b58392)`,
-    Tertiary70: `var(--md-sys-palette-tertiary-70, #d29dac)`,
-    Tertiary80: `var(--md-sys-palette-tertiary-80, #efb8c8)`,
-    Tertiary90: `var(--md-sys-palette-tertiary-90, #ffd8e4)`,
-    Tertiary95: `var(--md-sys-palette-tertiary-95, #ffecf1)`,
-    Tertiary99: `var(--md-sys-palette-tertiary-99, #fffbfa)`,
-    Tertiary100: `var(--md-sys-palette-tertiary-100, #fff)`,
-    White: `var(--md-sys-palette-white, #fff)`,
-};
-export const DefaultLightColor = {
+import { Palette } from "./palette";
+export const ColorLight = {
     Background: `var(--md-sys-color-background, ${Palette.Neutral98})`,
     Error: `var(--md-sys-color-error, ${Palette.Error40})`,
     ErrorContainer: `var(--md-sys-color-error-container, ${Palette.Error90})`,
@@ -142,7 +50,7 @@ export const DefaultLightColor = {
     TertiaryFixed: `var(--md-sys-color-tertiary-fixed, ${Palette.Tertiary90})`,
     TertiaryFixedDim: `var(--md-sys-color-tertiary-fixed-dim, ${Palette.Tertiary80})`,
 };
-export const DefaultDarkColor = {
+export const ColorDark = {
     Background: `var(--md-sys-color-background, ${Palette.Neutral6})`,
     Error: `var(--md-sys-color-error, ${Palette.Error80})`,
     ErrorContainer: `var(--md-sys-color-error-container, ${Palette.Error30})`,
@@ -193,4 +101,54 @@ export const DefaultDarkColor = {
     TertiaryFixed: `var(--md-sys-color-tertiary-fixed, ${Palette.Tertiary90})`,
     TertiaryFixedDim: `var(--md-sys-color-tertiary-fixed-dim, ${Palette.Tertiary80})`,
 };
-export const Color = DefaultLightColor;
+export const Color = {
+    Background: `var(--md-sys-color-background, light-dark(${Palette.Neutral98}, ${Palette.Neutral6}))`,
+    Error: `var(--md-sys-color-error, light-dark(${Palette.Error40}, ${Palette.Error80}))`,
+    ErrorContainer: `var(--md-sys-color-error-container, light-dark(${Palette.Error90}, ${Palette.Error30}))`,
+    InverseOnSurface: `var(--md-sys-color-inverse-on-surface, light-dark(${Palette.Neutral95}, ${Palette.Neutral20}))`,
+    InversePrimary: `var(--md-sys-color-inverse-primary, light-dark(${Palette.Primary80}, ${Palette.Primary40}))`,
+    InverseSurface: `var(--md-sys-color-inverse-surface, light-dark(${Palette.Neutral20}, ${Palette.Neutral90}))`,
+    OnBackground: `var(--md-sys-color-on-background, light-dark(${Palette.Neutral10}, ${Palette.Neutral90}))`,
+    OnError: `var(--md-sys-color-on-error, light-dark(${Palette.Error100}, ${Palette.Error20}))`,
+    OnErrorContainer: `var(--md-sys-color-on-error-container, light-dark(${Palette.Error10}, ${Palette.Error90}))`,
+    OnPrimary: `var(--md-sys-color-on-primary, light-dark(${Palette.Primary100}, ${Palette.Primary20}))`,
+    OnPrimaryContainer: `var(--md-sys-color-on-primary-container, light-dark(${Palette.Primary10}, ${Palette.Primary90}))`,
+    OnPrimaryFixed: `var(--md-sys-color-on-primary-fixed, light-dark(${Palette.Primary10}, ${Palette.Primary10}))`,
+    OnPrimaryFixedVariant: `var(--md-sys-color-on-primary-fixed-variant, light-dark(${Palette.Primary30}, ${Palette.Primary30}))`,
+    OnSecondary: `var(--md-sys-color-on-secondary, light-dark(${Palette.Secondary100}, ${Palette.Secondary20}))`,
+    OnSecondaryContainer: `var(--md-sys-color-on-secondary-container, light-dark(${Palette.Secondary10}, ${Palette.Secondary90}))`,
+    OnSecondaryFixed: `var(--md-sys-color-on-secondary-fixed, light-dark(${Palette.Secondary10}, ${Palette.Secondary10}))`,
+    OnSecondaryFixedVariant: `var(--md-sys-color-on-secondary-fixed-variant, light-dark(${Palette.Secondary30}, ${Palette.Secondary30}))`,
+    OnSurface: `var(--md-sys-color-on-surface, light-dark(${Palette.Neutral10}, ${Palette.Neutral90}))`,
+    OnSurfaceVariant: `var(--md-sys-color-on-surface-variant, light-dark(${Palette.NeutralVariant30}, ${Palette.NeutralVariant80}))`,
+    OnTertiary: `var(--md-sys-color-on-tertiary, light-dark(${Palette.Tertiary100}, ${Palette.Tertiary20}))`,
+    OnTertiaryContainer: `var(--md-sys-color-on-tertiary-container, light-dark(${Palette.Tertiary10}, ${Palette.Tertiary90}))`,
+    OnTertiaryFixed: `var(--md-sys-color-on-tertiary-fixed, light-dark(${Palette.Tertiary10}, ${Palette.Tertiary10}))`,
+    OnTertiaryFixedVariant: `var(--md-sys-color-on-tertiary-fixed-variant, light-dark(${Palette.Tertiary30}, ${Palette.Tertiary30}))`,
+    Outline: `var(--md-sys-color-outline, light-dark(${Palette.Neutral50}, ${Palette.Neutral60}))`,
+    OutlineVariant: `var(--md-sys-color-outline-variant, light-dark(${Palette.NeutralVariant80}, ${Palette.NeutralVariant30}))`,
+    Primary: `var(--md-sys-color-primary, light-dark(${Palette.Primary40}, ${Palette.Primary80}))`,
+    PrimaryContainer: `var(--md-sys-color-primary-container, light-dark(${Palette.Primary90}, ${Palette.Primary30}))`,
+    PrimaryFixed: `var(--md-sys-color-primary-fixed, light-dark(${Palette.Primary90}, ${Palette.Primary90}))`,
+    PrimaryFixedDim: `var(--md-sys-color-primary-fixed-dim, light-dark(${Palette.Primary80}, ${Palette.Primary80}))`,
+    Scrim: `var(--md-sys-color-scrim, light-dark(${Palette.Neutral0}, ${Palette.Neutral0}))`,
+    Secondary: `var(--md-sys-color-secondary, light-dark(${Palette.Secondary40}, ${Palette.Secondary80}))`,
+    SecondaryContainer: `var(--md-sys-color-secondary-container, light-dark(${Palette.Secondary90}, ${Palette.Secondary30}))`,
+    SecondaryFixed: `var(--md-sys-color-secondary-fixed, light-dark(${Palette.Secondary90}, ${Palette.Secondary90}))`,
+    SecondaryFixedDim: `var(--md-sys-color-secondary-fixed-dim, light-dark(${Palette.Secondary80}, ${Palette.Secondary80}))`,
+    Shadow: `var(--md-sys-color-shadow, light-dark(${Palette.Neutral0}, ${Palette.Neutral0}))`,
+    Surface: `var(--md-sys-color-surface, light-dark(${Palette.Neutral98}, ${Palette.Neutral6}))`,
+    SurfaceBright: `var(--md-sys-color-surface-bright, light-dark(${Palette.Neutral98}, ${Palette.Neutral24}))`,
+    SurfaceContainer: `var(--md-sys-color-surface-container, light-dark(${Palette.Neutral94}, ${Palette.Neutral12}))`,
+    SurfaceContainerHigh: `var(--md-sys-color-surface-container-high, light-dark(${Palette.Neutral92}, ${Palette.Neutral17}))`,
+    SurfaceContainerHighest: `var(--md-sys-color-surface-container-highest, light-dark(${Palette.Neutral90}, ${Palette.Neutral22}))`,
+    SurfaceContainerLow: `var(--md-sys-color-surface-container-low, light-dark(${Palette.Neutral96}, ${Palette.Neutral10}))`,
+    SurfaceContainerLowest: `var(--md-sys-color-surface-container-lowest, light-dark(${Palette.Neutral100}, ${Palette.Neutral4}))`,
+    SurfaceDim: `var(--md-sys-color-surface-dim, light-dark(${Palette.Neutral87}, ${Palette.Neutral6}))`,
+    SurfaceTint: `var(--md-sys-color-surface-tint, light-dark(${Palette.Primary40}, ${Palette.Primary80}))`,
+    SurfaceVariant: `var(--md-sys-color-surface-variant, light-dark(${Palette.NeutralVariant90}, ${Palette.NeutralVariant30}))`,
+    Tertiary: `var(--md-sys-color-tertiary, light-dark(${Palette.Tertiary40}, ${Palette.Tertiary80}))`,
+    TertiaryContainer: `var(--md-sys-color-tertiary-container, light-dark(${Palette.Tertiary90}, ${Palette.Tertiary30}))`,
+    TertiaryFixed: `var(--md-sys-color-tertiary-fixed, light-dark(${Palette.Tertiary90}, ${Palette.Tertiary90}))`,
+    TertiaryFixedDim: `var(--md-sys-color-tertiary-fixed-dim, light-dark(${Palette.Tertiary80}, ${Palette.Tertiary80}))`,
+};

package/build/modules/duration.d.ts

@@ -27,4 +27,35 @@ export declare abstract class Duration {
     static readonly StandardFastEffects = "150ms";
     static readonly StandardDefaultEffects = "200ms";
     static readonly StandardSlowEffects = "300ms";
+    static readonly Number: {
+        new (): {};
+        readonly Short1: 50;
+        readonly Short2: 100;
+        readonly Short3: 150;
+        readonly Short4: 200;
+        readonly Medium1: 250;
+        readonly Medium2: 300;
+        readonly Medium3: 350;
+        readonly Medium4: 400;
+        readonly Long1: 450;
+        readonly Long2: 500;
+        readonly Long3: 550;
+        readonly Long4: 600;
+        readonly ExtraLong1: 700;
+        readonly ExtraLong2: 800;
+        readonly ExtraLong3: 900;
+        readonly ExtraLong4: 1000;
+        readonly ExpressiveFastSpatial: 350;
+        readonly ExpressiveDefaultSpatial: 500;
+        readonly ExpressiveSlowSpatial: 650;
+        readonly ExpressiveFastEffects: 150;
+        readonly ExpressiveDefaultEffects: 200;
+        readonly ExpressiveSlowEffects: 300;
+        readonly StandardFastSpatial: 350;
+        readonly StandardDefaultSpatial: 500;
+        readonly StandardSlowSpatial: 750;
+        readonly StandardFastEffects: 150;
+        readonly StandardDefaultEffects: 200;
+        readonly StandardSlowEffects: 300;
+    };
 }

package/build/modules/duration.js

@@ -27,4 +27,34 @@ export class Duration {
     static StandardFastEffects = `150ms`;
     static StandardDefaultEffects = `200ms`;
     static StandardSlowEffects = `300ms`;
+    static Number = class {
+        static Short1 = 50;
+        static Short2 = 100;
+        static Short3 = 150;
+        static Short4 = 200;
+        static Medium1 = 250;
+        static Medium2 = 300;
+        static Medium3 = 350;
+        static Medium4 = 400;
+        static Long1 = 450;
+        static Long2 = 500;
+        static Long3 = 550;
+        static Long4 = 600;
+        static ExtraLong1 = 700;
+        static ExtraLong2 = 800;
+        static ExtraLong3 = 900;
+        static ExtraLong4 = 1000;
+        static ExpressiveFastSpatial = 350;
+        static ExpressiveDefaultSpatial = 500;
+        static ExpressiveSlowSpatial = 650;
+        static ExpressiveFastEffects = 150;
+        static ExpressiveDefaultEffects = 200;
+        static ExpressiveSlowEffects = 300;
+        static StandardFastSpatial = 350;
+        static StandardDefaultSpatial = 500;
+        static StandardSlowSpatial = 750;
+        static StandardFastEffects = 150;
+        static StandardDefaultEffects = 200;
+        static StandardSlowEffects = 300;
+    };
 }

package/build/modules/easing.d.ts

@@ -21,4 +21,29 @@ export declare abstract class Easing {
     static readonly StandardFastEffects = "cubic-bezier(0.31, 0.94, 0.34, 1.00)";
     static readonly StandardDefaultEffects = "cubic-bezier(0.34, 0.80, 0.34, 1.00)";
     static readonly StandardSlowEffects = "cubic-bezier(0.34, 0.88, 0.34, 1.00)";
+    static readonly Array: {
+        new (): {};
+        readonly Standard: number[];
+        readonly StandardAccelerate: number[];
+        readonly StandardDecelerate: number[];
+        readonly Emphasized: number[];
+        readonly EmphasizedAccelerate: number[];
+        readonly EmphasizedDecelerate: number[];
+        readonly Legacy: number[];
+        readonly LegacyAccelerate: number[];
+        readonly LegacyDecelerate: number[];
+        readonly Linear: number[];
+        readonly ExpressiveFastSpatial: number[];
+        readonly ExpressiveDefaultSpatial: number[];
+        readonly ExpressiveSlowSpatial: number[];
+        readonly ExpressiveFastEffects: number[];
+        readonly ExpressiveDefaultEffects: number[];
+        readonly ExpressiveSlowEffects: number[];
+        readonly StandardFastSpatial: number[];
+        readonly StandardDefaultSpatial: number[];
+        readonly StandardSlowSpatial: number[];
+        readonly StandardFastEffects: number[];
+        readonly StandardDefaultEffects: number[];
+        readonly StandardSlowEffects: number[];
+    };
 }

package/build/modules/easing.js

@@ -21,4 +21,28 @@ export class Easing {
     static StandardFastEffects = 'cubic-bezier(0.31, 0.94, 0.34, 1.00)';
     static StandardDefaultEffects = 'cubic-bezier(0.34, 0.80, 0.34, 1.00)';
     static StandardSlowEffects = 'cubic-bezier(0.34, 0.88, 0.34, 1.00)';
+    static Array = class {
+        static Standard = [0.20, 0.00, 0.0, 1.00];
+        static StandardAccelerate = [0.30, 0.00, 1.0, 1.00];
+        static StandardDecelerate = [0.00, 0.00, 0.0, 1.00];
+        static Emphasized = [0.20, 0.00, 0.0, 1.00];
+        static EmphasizedAccelerate = [0.30, 0.00, 0.8, 0.15];
+        static EmphasizedDecelerate = [0.05, 0.70, 0.1, 1.00];
+        static Legacy = [0.40, 0.00, 0.2, 1.00];
+        static LegacyAccelerate = [0.40, 0.00, 1.0, 1.00];
+        static LegacyDecelerate = [0.00, 0.00, 0.2, 1.00];
+        static Linear = [0.00, 0.00, 1.0, 1.00];
+        static ExpressiveFastSpatial = [0.42, 1.67, 0.21, 0.90];
+        static ExpressiveDefaultSpatial = [0.38, 1.21, 0.22, 1.00];
+        static ExpressiveSlowSpatial = [0.39, 1.29, 0.35, 0.98];
+        static ExpressiveFastEffects = [0.31, 0.94, 0.34, 1.00];
+        static ExpressiveDefaultEffects = [0.34, 0.80, 0.34, 1.00];
+        static ExpressiveSlowEffects = [0.34, 0.88, 0.34, 1.00];
+        static StandardFastSpatial = [0.27, 1.06, 0.18, 1.00];
+        static StandardDefaultSpatial = [0.27, 1.06, 0.18, 1.00];
+        static StandardSlowSpatial = [0.27, 1.06, 0.18, 1.00];
+        static StandardFastEffects = [0.31, 0.94, 0.34, 1.00];
+        static StandardDefaultEffects = [0.34, 0.80, 0.34, 1.00];
+        static StandardSlowEffects = [0.34, 0.88, 0.34, 1.00];
+    };
 }

package/build/modules/elevation.d.ts

@@ -5,6 +5,15 @@ export declare abstract class ElevationLevel {
     static readonly Level3 = "var(--md-sys-elevation-level-3, 6)";
     static readonly Level4 = "var(--md-sys-elevation-level-4, 8)";
     static readonly Level5 = "var(--md-sys-elevation-level-5, 12)";
+    static readonly Number: {
+        new (): {};
+        readonly Level0: 0;
+        readonly Level1: 1;
+        readonly Level2: 2;
+        readonly Level3: 3;
+        readonly Level4: 4;
+        readonly Level5: 5;
+    };
 }
 export declare abstract class ElevationBoxShaodw {
     static readonly Level0 = "box-shadow: none";

package/build/modules/elevation.js

@@ -5,6 +5,14 @@ export class ElevationLevel {
     static Level3 = `var(--md-sys-elevation-level-3, 6)`;
     static Level4 = `var(--md-sys-elevation-level-4, 8)`;
     static Level5 = `var(--md-sys-elevation-level-5, 12)`;
+    static Number = class {
+        static Level0 = 0;
+        static Level1 = 1;
+        static Level2 = 2;
+        static Level3 = 3;
+        static Level4 = 4;
+        static Level5 = 5;
+    };
 }
 export class ElevationBoxShaodw {
     static Level0 = `box-shadow: none`;

package/build/modules/palette.d.ts

@@ -0,0 +1,93 @@
+export declare const Palette: {
+    readonly Black: "var(--md-sys-palette-black, #000)";
+    readonly Error0: "var(--md-sys-palette-error-0, #000)";
+    readonly Error10: "var(--md-sys-palette-error-10, #410e0b)";
+    readonly Error20: "var(--md-sys-palette-error-20, #601410)";
+    readonly Error30: "var(--md-sys-palette-error-30, #8c1d18)";
+    readonly Error40: "var(--md-sys-palette-error-40, #b3261e)";
+    readonly Error50: "var(--md-sys-palette-error-50, #dc362e)";
+    readonly Error60: "var(--md-sys-palette-error-60, #e46962)";
+    readonly Error70: "var(--md-sys-palette-error-70, #ec928e)";
+    readonly Error80: "var(--md-sys-palette-error-80, #f2b8b5)";
+    readonly Error90: "var(--md-sys-palette-error-90, #f9dedc)";
+    readonly Error95: "var(--md-sys-palette-error-95, #fceeee)";
+    readonly Error99: "var(--md-sys-palette-error-99, #fffbf9)";
+    readonly Error100: "var(--md-sys-palette-error-100, #fff)";
+    readonly NeutralVariant0: "var(--md-sys-palette-neutral-variant-0, #000)";
+    readonly NeutralVariant10: "var(--md-sys-palette-neutral-variant-10, #1d1a22)";
+    readonly NeutralVariant20: "var(--md-sys-palette-neutral-variant-20, #322f37)";
+    readonly NeutralVariant30: "var(--md-sys-palette-neutral-variant-30, #49454f)";
+    readonly NeutralVariant40: "var(--md-sys-palette-neutral-variant-40, #605d66)";
+    readonly NeutralVariant50: "var(--md-sys-palette-neutral-variant-50, #79747e)";
+    readonly NeutralVariant60: "var(--md-sys-palette-neutral-variant-60, #938f99)";
+    readonly NeutralVariant70: "var(--md-sys-palette-neutral-variant-70, #aea9b4)";
+    readonly NeutralVariant80: "var(--md-sys-palette-neutral-variant-80, #cac4d0)";
+    readonly NeutralVariant90: "var(--md-sys-palette-neutral-variant-90, #e7e0ec)";
+    readonly NeutralVariant95: "var(--md-sys-palette-neutral-variant-95, #f5eefa)";
+    readonly NeutralVariant99: "var(--md-sys-palette-neutral-variant-99, #fffbfe)";
+    readonly NeutralVariant100: "var(--md-sys-palette-neutral-variant-100, #fff)";
+    readonly Neutral0: "var(--md-sys-palette-neutral-0, #000)";
+    readonly Neutral4: "var(--md-sys-palette-neutral-4, #0f0d13)";
+    readonly Neutral6: "var(--md-sys-palette-neutral-6, #141218)";
+    readonly Neutral10: "var(--md-sys-palette-neutral-10, #1d1b20)";
+    readonly Neutral12: "var(--md-sys-palette-neutral-12, #211f26)";
+    readonly Neutral17: "var(--md-sys-palette-neutral-17, #2b2930)";
+    readonly Neutral20: "var(--md-sys-palette-neutral-20, #322f35)";
+    readonly Neutral22: "var(--md-sys-palette-neutral-22, #36343b)";
+    readonly Neutral24: "var(--md-sys-palette-neutral-24, #3b383e)";
+    readonly Neutral30: "var(--md-sys-palette-neutral-30, #48464c)";
+    readonly Neutral40: "var(--md-sys-palette-neutral-40, #605d64)";
+    readonly Neutral50: "var(--md-sys-palette-neutral-50, #79767d)";
+    readonly Neutral60: "var(--md-sys-palette-neutral-60, #938f96)";
+    readonly Neutral70: "var(--md-sys-palette-neutral-70, #aea9b1)";
+    readonly Neutral80: "var(--md-sys-palette-neutral-80, #cac5cd)";
+    readonly Neutral87: "var(--md-sys-palette-neutral-87, #ded8e1)";
+    readonly Neutral90: "var(--md-sys-palette-neutral-90, #e6e0e9)";
+    readonly Neutral92: "var(--md-sys-palette-neutral-92, #ece6f0)";
+    readonly Neutral94: "var(--md-sys-palette-neutral-94, #f3edf7)";
+    readonly Neutral95: "var(--md-sys-palette-neutral-95, #f5eff7)";
+    readonly Neutral96: "var(--md-sys-palette-neutral-96, #f7f2fa)";
+    readonly Neutral98: "var(--md-sys-palette-neutral-98, #fef7ff)";
+    readonly Neutral99: "var(--md-sys-palette-neutral-99, #fffbff)";
+    readonly Neutral100: "var(--md-sys-palette-neutral-100, #fff)";
+    readonly Primary0: "var(--md-sys-palette-primary-0, #000)";
+    readonly Primary10: "var(--md-sys-palette-primary-10, #21005d)";
+    readonly Primary20: "var(--md-sys-palette-primary-20, #381e72)";
+    readonly Primary30: "var(--md-sys-palette-primary-30, #4f378b)";
+    readonly Primary40: "var(--md-sys-palette-primary-40, #6750a4)";
+    readonly Primary50: "var(--md-sys-palette-primary-50, #7f67be)";
+    readonly Primary60: "var(--md-sys-palette-primary-60, #9a82db)";
+    readonly Primary70: "var(--md-sys-palette-primary-70, #b69df8)";
+    readonly Primary80: "var(--md-sys-palette-primary-80, #d0bcff)";
+    readonly Primary90: "var(--md-sys-palette-primary-90, #eaddff)";
+    readonly Primary95: "var(--md-sys-palette-primary-95, #f6edff)";
+    readonly Primary99: "var(--md-sys-palette-primary-99, #fffbfe)";
+    readonly Primary100: "var(--md-sys-palette-primary-100, #fff)";
+    readonly Secondary0: "var(--md-sys-palette-secondary-0, #000)";
+    readonly Secondary10: "var(--md-sys-palette-secondary-10, #1d192b)";
+    readonly Secondary20: "var(--md-sys-palette-secondary-20, #332d41)";
+    readonly Secondary30: "var(--md-sys-palette-secondary-30, #4a4458)";
+    readonly Secondary40: "var(--md-sys-palette-secondary-40, #625b71)";
+    readonly Secondary50: "var(--md-sys-palette-secondary-50, #7a7289)";
+    readonly Secondary60: "var(--md-sys-palette-secondary-60, #958da5)";
+    readonly Secondary70: "var(--md-sys-palette-secondary-70, #b0a7c0)";
+    readonly Secondary80: "var(--md-sys-palette-secondary-80, #ccc2dc)";
+    readonly Secondary90: "var(--md-sys-palette-secondary-90, #e8def8)";
+    readonly Secondary95: "var(--md-sys-palette-secondary-95, #f6edff)";
+    readonly Secondary99: "var(--md-sys-palette-secondary-99, #fffbfe)";
+    readonly Secondary100: "var(--md-sys-palette-secondary-100, #fff)";
+    readonly Tertiary0: "var(--md-sys-palette-tertiary-0, #000)";
+    readonly Tertiary10: "var(--md-sys-palette-tertiary-10, #31111d)";
+    readonly Tertiary20: "var(--md-sys-palette-tertiary-20, #492532)";
+    readonly Tertiary30: "var(--md-sys-palette-tertiary-30, #633b48)";
+    readonly Tertiary40: "var(--md-sys-palette-tertiary-40, #7d5260)";
+    readonly Tertiary50: "var(--md-sys-palette-tertiary-50, #986977)";
+    readonly Tertiary60: "var(--md-sys-palette-tertiary-60, #b58392)";
+    readonly Tertiary70: "var(--md-sys-palette-tertiary-70, #d29dac)";
+    readonly Tertiary80: "var(--md-sys-palette-tertiary-80, #efb8c8)";
+    readonly Tertiary90: "var(--md-sys-palette-tertiary-90, #ffd8e4)";
+    readonly Tertiary95: "var(--md-sys-palette-tertiary-95, #ffecf1)";
+    readonly Tertiary99: "var(--md-sys-palette-tertiary-99, #fffbfa)";
+    readonly Tertiary100: "var(--md-sys-palette-tertiary-100, #fff)";
+    readonly White: "var(--md-sys-palette-white, #fff)";
+};

package/build/modules/palette.js

@@ -0,0 +1,93 @@
+export const Palette = {
+    Black: `var(--md-sys-palette-black, #000)`,
+    Error0: `var(--md-sys-palette-error-0, #000)`,
+    Error10: `var(--md-sys-palette-error-10, #410e0b)`,
+    Error20: `var(--md-sys-palette-error-20, #601410)`,
+    Error30: `var(--md-sys-palette-error-30, #8c1d18)`,
+    Error40: `var(--md-sys-palette-error-40, #b3261e)`,
+    Error50: `var(--md-sys-palette-error-50, #dc362e)`,
+    Error60: `var(--md-sys-palette-error-60, #e46962)`,
+    Error70: `var(--md-sys-palette-error-70, #ec928e)`,
+    Error80: `var(--md-sys-palette-error-80, #f2b8b5)`,
+    Error90: `var(--md-sys-palette-error-90, #f9dedc)`,
+    Error95: `var(--md-sys-palette-error-95, #fceeee)`,
+    Error99: `var(--md-sys-palette-error-99, #fffbf9)`,
+    Error100: `var(--md-sys-palette-error-100, #fff)`,
+    NeutralVariant0: `var(--md-sys-palette-neutral-variant-0, #000)`,
+    NeutralVariant10: `var(--md-sys-palette-neutral-variant-10, #1d1a22)`,
+    NeutralVariant20: `var(--md-sys-palette-neutral-variant-20, #322f37)`,
+    NeutralVariant30: `var(--md-sys-palette-neutral-variant-30, #49454f)`,
+    NeutralVariant40: `var(--md-sys-palette-neutral-variant-40, #605d66)`,
+    NeutralVariant50: `var(--md-sys-palette-neutral-variant-50, #79747e)`,
+    NeutralVariant60: `var(--md-sys-palette-neutral-variant-60, #938f99)`,
+    NeutralVariant70: `var(--md-sys-palette-neutral-variant-70, #aea9b4)`,
+    NeutralVariant80: `var(--md-sys-palette-neutral-variant-80, #cac4d0)`,
+    NeutralVariant90: `var(--md-sys-palette-neutral-variant-90, #e7e0ec)`,
+    NeutralVariant95: `var(--md-sys-palette-neutral-variant-95, #f5eefa)`,
+    NeutralVariant99: `var(--md-sys-palette-neutral-variant-99, #fffbfe)`,
+    NeutralVariant100: `var(--md-sys-palette-neutral-variant-100, #fff)`,
+    Neutral0: `var(--md-sys-palette-neutral-0, #000)`,
+    Neutral4: `var(--md-sys-palette-neutral-4, #0f0d13)`,
+    Neutral6: `var(--md-sys-palette-neutral-6, #141218)`,
+    Neutral10: `var(--md-sys-palette-neutral-10, #1d1b20)`,
+    Neutral12: `var(--md-sys-palette-neutral-12, #211f26)`,
+    Neutral17: `var(--md-sys-palette-neutral-17, #2b2930)`,
+    Neutral20: `var(--md-sys-palette-neutral-20, #322f35)`,
+    Neutral22: `var(--md-sys-palette-neutral-22, #36343b)`,
+    Neutral24: `var(--md-sys-palette-neutral-24, #3b383e)`,
+    Neutral30: `var(--md-sys-palette-neutral-30, #48464c)`,
+    Neutral40: `var(--md-sys-palette-neutral-40, #605d64)`,
+    Neutral50: `var(--md-sys-palette-neutral-50, #79767d)`,
+    Neutral60: `var(--md-sys-palette-neutral-60, #938f96)`,
+    Neutral70: `var(--md-sys-palette-neutral-70, #aea9b1)`,
+    Neutral80: `var(--md-sys-palette-neutral-80, #cac5cd)`,
+    Neutral87: `var(--md-sys-palette-neutral-87, #ded8e1)`,
+    Neutral90: `var(--md-sys-palette-neutral-90, #e6e0e9)`,
+    Neutral92: `var(--md-sys-palette-neutral-92, #ece6f0)`,
+    Neutral94: `var(--md-sys-palette-neutral-94, #f3edf7)`,
+    Neutral95: `var(--md-sys-palette-neutral-95, #f5eff7)`,
+    Neutral96: `var(--md-sys-palette-neutral-96, #f7f2fa)`,
+    Neutral98: `var(--md-sys-palette-neutral-98, #fef7ff)`,
+    Neutral99: `var(--md-sys-palette-neutral-99, #fffbff)`,
+    Neutral100: `var(--md-sys-palette-neutral-100, #fff)`,
+    Primary0: `var(--md-sys-palette-primary-0, #000)`,
+    Primary10: `var(--md-sys-palette-primary-10, #21005d)`,
+    Primary20: `var(--md-sys-palette-primary-20, #381e72)`,
+    Primary30: `var(--md-sys-palette-primary-30, #4f378b)`,
+    Primary40: `var(--md-sys-palette-primary-40, #6750a4)`,
+    Primary50: `var(--md-sys-palette-primary-50, #7f67be)`,
+    Primary60: `var(--md-sys-palette-primary-60, #9a82db)`,
+    Primary70: `var(--md-sys-palette-primary-70, #b69df8)`,
+    Primary80: `var(--md-sys-palette-primary-80, #d0bcff)`,
+    Primary90: `var(--md-sys-palette-primary-90, #eaddff)`,
+    Primary95: `var(--md-sys-palette-primary-95, #f6edff)`,
+    Primary99: `var(--md-sys-palette-primary-99, #fffbfe)`,
+    Primary100: `var(--md-sys-palette-primary-100, #fff)`,
+    Secondary0: `var(--md-sys-palette-secondary-0, #000)`,
+    Secondary10: `var(--md-sys-palette-secondary-10, #1d192b)`,
+    Secondary20: `var(--md-sys-palette-secondary-20, #332d41)`,
+    Secondary30: `var(--md-sys-palette-secondary-30, #4a4458)`,
+    Secondary40: `var(--md-sys-palette-secondary-40, #625b71)`,
+    Secondary50: `var(--md-sys-palette-secondary-50, #7a7289)`,
+    Secondary60: `var(--md-sys-palette-secondary-60, #958da5)`,
+    Secondary70: `var(--md-sys-palette-secondary-70, #b0a7c0)`,
+    Secondary80: `var(--md-sys-palette-secondary-80, #ccc2dc)`,
+    Secondary90: `var(--md-sys-palette-secondary-90, #e8def8)`,
+    Secondary95: `var(--md-sys-palette-secondary-95, #f6edff)`,
+    Secondary99: `var(--md-sys-palette-secondary-99, #fffbfe)`,
+    Secondary100: `var(--md-sys-palette-secondary-100, #fff)`,
+    Tertiary0: `var(--md-sys-palette-tertiary-0, #000)`,
+    Tertiary10: `var(--md-sys-palette-tertiary-10, #31111d)`,
+    Tertiary20: `var(--md-sys-palette-tertiary-20, #492532)`,
+    Tertiary30: `var(--md-sys-palette-tertiary-30, #633b48)`,
+    Tertiary40: `var(--md-sys-palette-tertiary-40, #7d5260)`,
+    Tertiary50: `var(--md-sys-palette-tertiary-50, #986977)`,
+    Tertiary60: `var(--md-sys-palette-tertiary-60, #b58392)`,
+    Tertiary70: `var(--md-sys-palette-tertiary-70, #d29dac)`,
+    Tertiary80: `var(--md-sys-palette-tertiary-80, #efb8c8)`,
+    Tertiary90: `var(--md-sys-palette-tertiary-90, #ffd8e4)`,
+    Tertiary95: `var(--md-sys-palette-tertiary-95, #ffecf1)`,
+    Tertiary99: `var(--md-sys-palette-tertiary-99, #fffbfa)`,
+    Tertiary100: `var(--md-sys-palette-tertiary-100, #fff)`,
+    White: `var(--md-sys-palette-white, #fff)`,
+};

package/build/modules/shape.d.ts

@@ -9,4 +9,16 @@ export declare abstract class Shape {
     static readonly ExtraLargeIncreased = "var(--md-sys-shape-corner-extra-large-increased, 32px)";
     static readonly ExtraExtraLarge = "var(--md-sys-shape-corner-extra-extra-large, 48px)";
     static readonly Full = "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
+    static readonly Number: {
+        new (): {};
+        readonly None: 0;
+        readonly ExtraSmall: 4;
+        readonly Small: 8;
+        readonly Medium: 12;
+        readonly Large: 16;
+        readonly LargeIncreased: 20;
+        readonly ExtraLarge: 28;
+        readonly ExtraLargeIncreased: 32;
+        readonly ExtraExtraLarge: 48;
+    };
 }

package/build/modules/shape.js

@@ -9,4 +9,15 @@ export class Shape {
     static ExtraLargeIncreased = `var(--md-sys-shape-corner-extra-large-increased, 32px)`;
     static ExtraExtraLarge = `var(--md-sys-shape-corner-extra-extra-large, 48px)`;
     static Full = `var(--md-sys-shape-corner-full, calc(infinity * 1px))`;
+    static Number = class {
+        static None = 0;
+        static ExtraSmall = 4;
+        static Small = 8;
+        static Medium = 12;
+        static Large = 16;
+        static LargeIncreased = 20;
+        static ExtraLarge = 28;
+        static ExtraLargeIncreased = 32;
+        static ExtraExtraLarge = 48;
+    };
 }

package/build/modules/state.d.ts

@@ -7,5 +7,17 @@ export declare abstract class State {
         new (): {};
         readonly Thickness: "3px";
         readonly OuterOffset: "2px";
+        readonly Number: {
+            new (): {};
+            readonly Thickness: 3;
+            readonly OuterOffset: 2;
+        };
+    };
+    static readonly Number: {
+        new (): {};
+        readonly DraggedStateLayerOpacity: 0.16;
+        readonly FocusedStateLayerOpacity: 0.12;
+        readonly HoveredStateLayerOpacity: 0.08;
+        readonly PressedStateLayerOpacity: 0.12;
     };
 }

package/build/modules/state.js

@@ -6,5 +6,15 @@ export class State {
     static FocusIndicator = class {
         static Thickness = `3px`;
         static OuterOffset = `2px`;
+        static Number = class {
+            static Thickness = 3;
+            static OuterOffset = 2;
+        };
+    };
+    static Number = class {
+        static DraggedStateLayerOpacity = 0.16;
+        static FocusedStateLayerOpacity = 0.12;
+        static HoveredStateLayerOpacity = 0.08;
+        static PressedStateLayerOpacity = 0.12;
     };
 }

package/build/modules/typeface.d.ts

@@ -4,4 +4,10 @@ export declare abstract class Typeface {
     static readonly WeightBold = "700";
     static readonly WeightMedium = "500";
     static readonly WeightRegular = "400";
+    static readonly Number: {
+        new (): {};
+        readonly WeightBold: 700;
+        readonly WeightMedium: 500;
+        readonly WeightRegular: 400;
+    };
 }

package/build/modules/typeface.js

@@ -4,4 +4,9 @@ export class Typeface {
     static WeightBold = `700`;
     static WeightMedium = `500`;
     static WeightRegular = `400`;
+    static Number = class {
+        static WeightBold = 700;
+        static WeightMedium = 500;
+        static WeightRegular = 400;
+    };
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sandlada/mdk",
-  "version": "1.0.5",
+  "version": "1.1.0-20250908.a",
   "type": "module",
   "keywords": [
     "material-design",