@sandlada/mdk 1.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2024 Kai-Orion & Sandlada
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,60 @@
+# @sandlada/mdk
+
+`@sandlada/mdk`, Material Design Kit, a JavaScript library based on Material Design 3, providing data such as color, shape, shadow level, etc:
+
++ Palette
++ DefaultDarkColor
++ DefaultLightColor
++ Variants
++ ElevationBoxShaodw
++ ElevationLevel
++ ContrastLevel
++ Durations
++ Easings
++ Shapes
+
+## Installation
+
+```shell
+npm i @sandlada/mdk
+```
+
+## Usage
+
+### Use Color
+
+```typescript
+import { Color } from '@sandlada/mdk'
+
+const surface = Color.Surface
+
+/**
+ * @output
+ * ```
+ * var(--md-sys-palette-neutral-6, #141218)
+ * ```
+ */
+console.log(surface)
+
+const yourDiv = document.querySelector('body')
+yourDiv.style.setProperty('background-color', surface)
+```
+
+### Use Shape
+
+```typescript
+import { Shape } from '@sandlada/mdk'
+
+const shapeLarge = Shape.Large
+
+/**
+ * @output
+ * ```
+ * var(--md-sys-shape-corner-large, 16px)
+ * ```
+ */
+console.log(shapeLarge)
+
+const myBox = document.querySelector('#my-box')
+myBox.style.setProperty('border-radius', shapeLarge)
+```

package/build/index.d.ts

@@ -0,0 +1,10 @@
+export * from './modules/color';
+export * from './modules/contrast-level';
+export * from './modules/duration';
+export * from './modules/easing';
+export * from './modules/elevation';
+export * from './modules/shape';
+export * from './modules/state';
+export * from './modules/typeface';
+export * from './modules/typescale';
+export * from './modules/variant';

package/build/index.js

@@ -0,0 +1,10 @@
+export * from './modules/color';
+export * from './modules/contrast-level';
+export * from './modules/duration';
+export * from './modules/easing';
+export * from './modules/elevation';
+export * from './modules/shape';
+export * from './modules/state';
+export * from './modules/typeface';
+export * from './modules/typescale';
+export * from './modules/variant';

package/build/modules/color.d.ts

@@ -0,0 +1,246 @@
+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: {
+    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))";
+};
+export declare const DefaultDarkColor: {
+    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))";
+    readonly InverseOnSurface: "var(--md-sys-color-inverse-on-surface, var(--md-sys-palette-neutral-20, #322f35))";
+    readonly InversePrimary: "var(--md-sys-color-inverse-primary, var(--md-sys-palette-primary-40, #6750a4))";
+    readonly InverseSurface: "var(--md-sys-color-inverse-surface, var(--md-sys-palette-neutral-90, #e6e0e9))";
+    readonly OnBackground: "var(--md-sys-color-on-background, var(--md-sys-palette-neutral-90, #e6e0e9))";
+    readonly OnError: "var(--md-sys-color-on-error, var(--md-sys-palette-error-20, #601410))";
+    readonly OnErrorContainer: "var(--md-sys-color-on-error-container, var(--md-sys-palette-error-90, #f9dedc))";
+    readonly OnPrimary: "var(--md-sys-color-on-primary, var(--md-sys-palette-primary-20, #381e72))";
+    readonly OnPrimaryContainer: "var(--md-sys-color-on-primary-container, var(--md-sys-palette-primary-90, #eaddff))";
+    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-20, #332d41))";
+    readonly OnSecondaryContainer: "var(--md-sys-color-on-secondary-container, var(--md-sys-palette-secondary-90, #e8def8))";
+    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-90, #e6e0e9))";
+    readonly OnSurfaceVariant: "var(--md-sys-color-on-surface-variant, var(--md-sys-palette-neutral-variant-80, #cac4d0))";
+    readonly OnTertiary: "var(--md-sys-color-on-tertiary, var(--md-sys-palette-tertiary-20, #492532))";
+    readonly OnTertiaryContainer: "var(--md-sys-color-on-tertiary-container, var(--md-sys-palette-tertiary-90, #ffd8e4))";
+    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-60, #938f96))";
+    readonly OutlineVariant: "var(--md-sys-color-outline-variant, var(--md-sys-palette-neutral-variant-30, #49454f))";
+    readonly Primary: "var(--md-sys-color-primary, var(--md-sys-palette-primary-80, #d0bcff))";
+    readonly PrimaryContainer: "var(--md-sys-color-primary-container, var(--md-sys-palette-primary-30, #4f378b))";
+    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-80, #ccc2dc))";
+    readonly SecondaryContainer: "var(--md-sys-color-secondary-container, var(--md-sys-palette-secondary-30, #4a4458))";
+    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-6, #141218))";
+    readonly SurfaceBright: "var(--md-sys-color-surface-bright, var(--md-sys-palette-neutral-24, #3b383e))";
+    readonly SurfaceContainer: "var(--md-sys-color-surface-container, var(--md-sys-palette-neutral-12, #211f26))";
+    readonly SurfaceContainerHigh: "var(--md-sys-color-surface-container-high, var(--md-sys-palette-neutral-17, #2b2930))";
+    readonly SurfaceContainerHighest: "var(--md-sys-color-surface-container-highest, var(--md-sys-palette-neutral-22, #36343b))";
+    readonly SurfaceContainerLow: "var(--md-sys-color-surface-container-low, var(--md-sys-palette-neutral-10, #1d1b20))";
+    readonly SurfaceContainerLowest: "var(--md-sys-color-surface-container-lowest, var(--md-sys-palette-neutral-4, #0f0d13))";
+    readonly SurfaceDim: "var(--md-sys-color-surface-dim, var(--md-sys-palette-neutral-6, #141218))";
+    readonly SurfaceTint: "var(--md-sys-color-surface-tint, var(--md-sys-palette-primary-80, #d0bcff))";
+    readonly SurfaceVariant: "var(--md-sys-color-surface-variant, var(--md-sys-palette-neutral-variant-30, #49454f)";
+    readonly Tertiary: "var(--md-sys-color-tertiary, var(--md-sys-palette-tertiary-80, #efb8c8))";
+    readonly TertiaryContainer: "var(--md-sys-color-tertiary-container, var(--md-sys-palette-tertiary-30, #633b48))";
+    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 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))";
+};

package/build/modules/color.js

@@ -0,0 +1,196 @@
+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 = {
+    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})`,
+    InverseOnSurface: `var(--md-sys-color-inverse-on-surface, ${Palette.Neutral95})`,
+    InversePrimary: `var(--md-sys-color-inverse-primary, ${Palette.Primary80})`,
+    InverseSurface: `var(--md-sys-color-inverse-surface, ${Palette.Neutral20})`,
+    OnBackground: `var(--md-sys-color-on-background, ${Palette.Neutral10})`,
+    OnError: `var(--md-sys-color-on-error, ${Palette.Error100})`,
+    OnErrorContainer: `var(--md-sys-color-on-error-container, ${Palette.Error10})`,
+    OnPrimary: `var(--md-sys-color-on-primary, ${Palette.Primary100})`,
+    OnPrimaryContainer: `var(--md-sys-color-on-primary-container, ${Palette.Primary10})`,
+    OnPrimaryFixed: `var(--md-sys-color-on-primary-fixed, ${Palette.Primary10})`,
+    OnPrimaryFixedVariant: `var(--md-sys-color-on-primary-fixed-variant, ${Palette.Primary30})`,
+    OnSecondary: `var(--md-sys-color-on-secondary, ${Palette.Secondary100})`,
+    OnSecondaryContainer: `var(--md-sys-color-on-secondary-container, ${Palette.Secondary10})`,
+    OnSecondaryFixed: `var(--md-sys-color-on-secondary-fixed, ${Palette.Secondary10})`,
+    OnSecondaryFixedVariant: `var(--md-sys-color-on-secondary-fixed-variant, ${Palette.Secondary30})`,
+    OnSurface: `var(--md-sys-color-on-surface, ${Palette.Neutral10})`,
+    OnSurfaceVariant: `var(--md-sys-color-on-surface-variant, ${Palette.NeutralVariant30})`,
+    OnTertiary: `var(--md-sys-color-on-tertiary, ${Palette.Tertiary100})`,
+    OnTertiaryContainer: `var(--md-sys-color-on-tertiary-container, ${Palette.Tertiary10})`,
+    OnTertiaryFixed: `var(--md-sys-color-on-tertiary-fixed, ${Palette.Tertiary10})`,
+    OnTertiaryFixedVariant: `var(--md-sys-color-on-tertiary-fixed-variant, ${Palette.Tertiary30})`,
+    Outline: `var(--md-sys-color-outline, ${Palette.Neutral50})`,
+    OutlineVariant: `var(--md-sys-color-outline-variant, ${Palette.NeutralVariant80})`,
+    Primary: `var(--md-sys-color-primary, ${Palette.Primary40})`,
+    PrimaryContainer: `var(--md-sys-color-primary-container, ${Palette.Primary90})`,
+    PrimaryFixed: `var(--md-sys-color-primary-fixed, ${Palette.Primary90})`,
+    PrimaryFixedDim: `var(--md-sys-color-primary-fixed-dim, ${Palette.Primary80})`,
+    Scrim: `var(--md-sys-color-scrim, ${Palette.Neutral0})`,
+    Secondary: `var(--md-sys-color-secondary, ${Palette.Secondary40})`,
+    SecondaryContainer: `var(--md-sys-color-secondary-container, ${Palette.Secondary90})`,
+    SecondaryFixed: `var(--md-sys-color-secondary-fixed, ${Palette.Secondary90})`,
+    SecondaryFixedDim: `var(--md-sys-color-secondary-fixed-dim, ${Palette.Secondary80})`,
+    Shadow: `var(--md-sys-color-shadow, ${Palette.Neutral0})`,
+    Surface: `var(--md-sys-color-surface, ${Palette.Neutral98})`,
+    SurfaceBright: `var(--md-sys-color-surface-bright, ${Palette.Neutral98})`,
+    SurfaceContainer: `var(--md-sys-color-surface-container, ${Palette.Neutral94})`,
+    SurfaceContainerHigh: `var(--md-sys-color-surface-container-high, ${Palette.Neutral92})`,
+    SurfaceContainerHighest: `var(--md-sys-color-surface-container-highest, ${Palette.Neutral90})`,
+    SurfaceContainerLow: `var(--md-sys-color-surface-container-low, ${Palette.Neutral96})`,
+    SurfaceContainerLowest: `var(--md-sys-color-surface-container-lowest, ${Palette.Neutral100})`,
+    SurfaceDim: `var(--md-sys-color-surface-dim, ${Palette.Neutral87})`,
+    SurfaceTint: `var(--md-sys-color-surface-tint, ${Palette.Primary40})`,
+    SurfaceVariant: `var(--md-sys-color-surface-variant, ${Palette.NeutralVariant90}`,
+    Tertiary: `var(--md-sys-color-tertiary, ${Palette.Tertiary40})`,
+    TertiaryContainer: `var(--md-sys-color-tertiary-container, ${Palette.Tertiary90})`,
+    TertiaryFixed: `var(--md-sys-color-tertiary-fixed, ${Palette.Tertiary90})`,
+    TertiaryFixedDim: `var(--md-sys-color-tertiary-fixed-dim, ${Palette.Tertiary80})`,
+};
+export const DefaultDarkColor = {
+    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})`,
+    InverseOnSurface: `var(--md-sys-color-inverse-on-surface, ${Palette.Neutral20})`,
+    InversePrimary: `var(--md-sys-color-inverse-primary, ${Palette.Primary40})`,
+    InverseSurface: `var(--md-sys-color-inverse-surface, ${Palette.Neutral90})`,
+    OnBackground: `var(--md-sys-color-on-background, ${Palette.Neutral90})`,
+    OnError: `var(--md-sys-color-on-error, ${Palette.Error20})`,
+    OnErrorContainer: `var(--md-sys-color-on-error-container, ${Palette.Error90})`,
+    OnPrimary: `var(--md-sys-color-on-primary, ${Palette.Primary20})`,
+    OnPrimaryContainer: `var(--md-sys-color-on-primary-container, ${Palette.Primary90})`,
+    OnPrimaryFixed: `var(--md-sys-color-on-primary-fixed, ${Palette.Primary10})`,
+    OnPrimaryFixedVariant: `var(--md-sys-color-on-primary-fixed-variant, ${Palette.Primary30})`,
+    OnSecondary: `var(--md-sys-color-on-secondary, ${Palette.Secondary20})`,
+    OnSecondaryContainer: `var(--md-sys-color-on-secondary-container, ${Palette.Secondary90})`,
+    OnSecondaryFixed: `var(--md-sys-color-on-secondary-fixed, ${Palette.Secondary10})`,
+    OnSecondaryFixedVariant: `var(--md-sys-color-on-secondary-fixed-variant, ${Palette.Secondary30})`,
+    OnSurface: `var(--md-sys-color-on-surface, ${Palette.Neutral90})`,
+    OnSurfaceVariant: `var(--md-sys-color-on-surface-variant, ${Palette.NeutralVariant80})`,
+    OnTertiary: `var(--md-sys-color-on-tertiary, ${Palette.Tertiary20})`,
+    OnTertiaryContainer: `var(--md-sys-color-on-tertiary-container, ${Palette.Tertiary90})`,
+    OnTertiaryFixed: `var(--md-sys-color-on-tertiary-fixed, ${Palette.Tertiary10})`,
+    OnTertiaryFixedVariant: `var(--md-sys-color-on-tertiary-fixed-variant, ${Palette.Tertiary30})`,
+    Outline: `var(--md-sys-color-outline, ${Palette.Neutral60})`,
+    OutlineVariant: `var(--md-sys-color-outline-variant, ${Palette.NeutralVariant30})`,
+    Primary: `var(--md-sys-color-primary, ${Palette.Primary80})`,
+    PrimaryContainer: `var(--md-sys-color-primary-container, ${Palette.Primary30})`,
+    PrimaryFixed: `var(--md-sys-color-primary-fixed, ${Palette.Primary90})`,
+    PrimaryFixedDim: `var(--md-sys-color-primary-fixed-dim, ${Palette.Primary80})`,
+    Scrim: `var(--md-sys-color-scrim, ${Palette.Neutral0})`,
+    Secondary: `var(--md-sys-color-secondary, ${Palette.Secondary80})`,
+    SecondaryContainer: `var(--md-sys-color-secondary-container, ${Palette.Secondary30})`,
+    SecondaryFixed: `var(--md-sys-color-secondary-fixed, ${Palette.Secondary90})`,
+    SecondaryFixedDim: `var(--md-sys-color-secondary-fixed-dim, ${Palette.Secondary80})`,
+    Shadow: `var(--md-sys-color-shadow, ${Palette.Neutral0})`,
+    Surface: `var(--md-sys-color-surface, ${Palette.Neutral6})`,
+    SurfaceBright: `var(--md-sys-color-surface-bright, ${Palette.Neutral24})`,
+    SurfaceContainer: `var(--md-sys-color-surface-container, ${Palette.Neutral12})`,
+    SurfaceContainerHigh: `var(--md-sys-color-surface-container-high, ${Palette.Neutral17})`,
+    SurfaceContainerHighest: `var(--md-sys-color-surface-container-highest, ${Palette.Neutral22})`,
+    SurfaceContainerLow: `var(--md-sys-color-surface-container-low, ${Palette.Neutral10})`,
+    SurfaceContainerLowest: `var(--md-sys-color-surface-container-lowest, ${Palette.Neutral4})`,
+    SurfaceDim: `var(--md-sys-color-surface-dim, ${Palette.Neutral6})`,
+    SurfaceTint: `var(--md-sys-color-surface-tint, ${Palette.Primary80})`,
+    SurfaceVariant: `var(--md-sys-color-surface-variant, ${Palette.NeutralVariant30}`,
+    Tertiary: `var(--md-sys-color-tertiary, ${Palette.Tertiary80})`,
+    TertiaryContainer: `var(--md-sys-color-tertiary-container, ${Palette.Tertiary30})`,
+    TertiaryFixed: `var(--md-sys-color-tertiary-fixed, ${Palette.Tertiary90})`,
+    TertiaryFixedDim: `var(--md-sys-color-tertiary-fixed-dim, ${Palette.Tertiary80})`,
+};
+export const Color = DefaultLightColor;

package/build/modules/contrast-level.d.ts

@@ -0,0 +1,6 @@
+export declare abstract class ContrastLevel {
+    static readonly Reduced = -1;
+    static readonly Default = 0;
+    static readonly Medium = 0.5;
+    static readonly High = 1;
+}

package/build/modules/contrast-level.js

@@ -0,0 +1,6 @@
+export class ContrastLevel {
+    static Reduced = -1;
+    static Default = 0;
+    static Medium = 0.5;
+    static High = 1;
+}

package/build/modules/duration.d.ts

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

package/build/modules/duration.js

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

package/build/modules/easing.d.ts

@@ -0,0 +1,24 @@
+export declare abstract class MotionEasing {
+    static readonly Standard = "cubic-bezier(0.20, 0.00, 0.0, 1.00)";
+    static readonly StandardAccelerate = "cubic-bezier(0.30, 0.00, 1.0, 1.00)";
+    static readonly StandardDecelerate = "cubic-bezier(0.00, 0.00, 0.0, 1.00)";
+    static readonly Emphasized = "cubic-bezier(0.20, 0.00, 0.0, 1.00)";
+    static readonly EmphasizedAccelerate = "cubic-bezier(0.30, 0.00, 0.8, 0.15)";
+    static readonly EmphasizedDecelerate = "cubic-bezier(0.05, 0.70, 0.1, 1.00)";
+    static readonly Legacy = "cubic-bezier(0.40, 0.00, 0.2, 1.00)";
+    static readonly LegacyAccelerate = "cubic-bezier(0.40, 0.00, 1.0, 1.00)";
+    static readonly LegacyDecelerate = "cubic-bezier(0.00, 0.00, 0.2, 1.00)";
+    static readonly Linear = "cubic-bezier(0.00, 0.00, 1.0, 1.00)";
+    static readonly ExpressiveFastSpatial: `cubic-bezier(0.42, 1.67, 0.21, 0.90)`;
+    static readonly ExpressiveDefaultSpatial: `cubic-bezier(0.38, 1.21, 0.22, 1.00)`;
+    static readonly ExpressiveSlowSpatial: `cubic-bezier(0.39, 1.29, 0.35, 0.98)`;
+    static readonly ExpressiveFastEffects: `cubic-bezier(0.31, 0.94, 0.34, 1.00)`;
+    static readonly ExpressiveDefaultEffects: `cubic-bezier(0.34, 0.80, 0.34, 1.00)`;
+    static readonly ExpressiveSlowEffects: `cubic-bezier(0.34, 0.88, 0.34, 1.00)`;
+    static readonly StandardFastSpatial: `cubic-bezier(0.27, 1.06, 0.18, 1.00)`;
+    static readonly StandardDefaultSpatial: `cubic-bezier(0.27, 1.06, 0.18, 1.00)`;
+    static readonly StandardSlowSpatial: `cubic-bezier(0.27, 1.06, 0.18, 1.00)`;
+    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)`;
+}

package/build/modules/easing.js

@@ -0,0 +1,24 @@
+export class MotionEasing {
+    static Standard = 'cubic-bezier(0.20, 0.00, 0.0, 1.00)';
+    static StandardAccelerate = 'cubic-bezier(0.30, 0.00, 1.0, 1.00)';
+    static StandardDecelerate = 'cubic-bezier(0.00, 0.00, 0.0, 1.00)';
+    static Emphasized = 'cubic-bezier(0.20, 0.00, 0.0, 1.00)';
+    static EmphasizedAccelerate = 'cubic-bezier(0.30, 0.00, 0.8, 0.15)';
+    static EmphasizedDecelerate = 'cubic-bezier(0.05, 0.70, 0.1, 1.00)';
+    static Legacy = 'cubic-bezier(0.40, 0.00, 0.2, 1.00)';
+    static LegacyAccelerate = 'cubic-bezier(0.40, 0.00, 1.0, 1.00)';
+    static LegacyDecelerate = 'cubic-bezier(0.00, 0.00, 0.2, 1.00)';
+    static Linear = 'cubic-bezier(0.00, 0.00, 1.0, 1.00)';
+    static ExpressiveFastSpatial;
+    static ExpressiveDefaultSpatial;
+    static ExpressiveSlowSpatial;
+    static ExpressiveFastEffects;
+    static ExpressiveDefaultEffects;
+    static ExpressiveSlowEffects;
+    static StandardFastSpatial;
+    static StandardDefaultSpatial;
+    static StandardSlowSpatial;
+    static StandardFastEffects;
+    static StandardDefaultEffects;
+    static StandardSlowEffects;
+}

package/build/modules/elevation.d.ts

@@ -0,0 +1,16 @@
+export declare abstract class ElevationLevel {
+    static readonly Level0 = "var(md-sys-shape-corner-level-0, 0)";
+    static readonly Level1 = "var(md-sys-shape-corner-level-1, 1)";
+    static readonly Level2 = "var(md-sys-shape-corner-level-2, 3)";
+    static readonly Level3 = "var(md-sys-shape-corner-level-3, 6)";
+    static readonly Level4 = "var(md-sys-shape-corner-level-4, 8)";
+    static readonly Level5 = "var(md-sys-shape-corner-level-5, 12)";
+}
+export declare abstract class ElevationBoxShaodw {
+    static readonly Level0 = "box-shadow: none";
+    static readonly Level1 = "box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 1px -1px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 1px 3px 0px";
+    static readonly Level2 = "box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 3px -2px, rgba(0, 0, 0, 0.14) 0px 3px 4px 0px, rgba(0, 0, 0, 0.12) 0px 1px 8px 0px";
+    static readonly Level3 = "box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px";
+    static readonly Level4 = "box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px";
+    static readonly Level5 = "box-shadow: rgba(0, 0, 0, 0.2) 0px 7px 8px -4px, rgba(0, 0, 0, 0.14) 0px 12px 17px 2px, rgba(0, 0, 0, 0.12) 0px 5px 22px 4px";
+}

package/build/modules/elevation.js

@@ -0,0 +1,16 @@
+export class ElevationLevel {
+    static Level0 = `var(md-sys-shape-corner-level-0, 0)`;
+    static Level1 = `var(md-sys-shape-corner-level-1, 1)`;
+    static Level2 = `var(md-sys-shape-corner-level-2, 3)`;
+    static Level3 = `var(md-sys-shape-corner-level-3, 6)`;
+    static Level4 = `var(md-sys-shape-corner-level-4, 8)`;
+    static Level5 = `var(md-sys-shape-corner-level-5, 12)`;
+}
+export class ElevationBoxShaodw {
+    static Level0 = `box-shadow: none`;
+    static Level1 = `box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 1px -1px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 1px 3px 0px`;
+    static Level2 = `box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 3px -2px, rgba(0, 0, 0, 0.14) 0px 3px 4px 0px, rgba(0, 0, 0, 0.12) 0px 1px 8px 0px`;
+    static Level3 = `box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px`;
+    static Level4 = `box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px`;
+    static Level5 = `box-shadow: rgba(0, 0, 0, 0.2) 0px 7px 8px -4px, rgba(0, 0, 0, 0.14) 0px 12px 17px 2px, rgba(0, 0, 0, 0.12) 0px 5px 22px 4px`;
+}

package/build/modules/shape.d.ts

@@ -0,0 +1,12 @@
+export declare abstract class Shapes {
+    static readonly None = "var(--md-sys-shape-corner-none, 0px)";
+    static readonly ExtraSmall = "var(--md-sys-shape-corner-extra-small, 4px)";
+    static readonly Small = "var(--md-sys-shape-corner-small, 8px)";
+    static readonly Medium = "var(--md-sys-shape-corner-medium, 12px)";
+    static readonly Large = "var(--md-sys-shape-corner-large, 16px)";
+    static readonly LargeIncreased = "var(--md-sys-shape-corner-large-increased, 20px)";
+    static readonly ExtraLarge = "var(--md-sys-shape-corner-extra-large, 28px)";
+    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))";
+}

package/build/modules/shape.js

@@ -0,0 +1,12 @@
+export class Shapes {
+    static None = `var(--md-sys-shape-corner-none, 0px)`;
+    static ExtraSmall = `var(--md-sys-shape-corner-extra-small, 4px)`;
+    static Small = `var(--md-sys-shape-corner-small, 8px)`;
+    static Medium = `var(--md-sys-shape-corner-medium, 12px)`;
+    static Large = `var(--md-sys-shape-corner-large, 16px)`;
+    static LargeIncreased = `var(--md-sys-shape-corner-large-increased, 20px)`;
+    static ExtraLarge = `var(--md-sys-shape-corner-extra-large, 28px)`;
+    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))`;
+}

package/build/modules/state.d.ts

@@ -0,0 +1,11 @@
+export declare abstract class State {
+    static readonly DraggedStateLayerOpacity = "0.16";
+    static readonly FocusedStateLayerOpacity = "0.12";
+    static readonly HoveredStateLayerOpacity = "0.08";
+    static readonly PressedStateLayerOpacity = "0.12";
+    static readonly FocusIndicator: {
+        new (): {};
+        readonly Thickness: "3px";
+        readonly OuterOffset: "2px";
+    };
+}

package/build/modules/state.js

@@ -0,0 +1,10 @@
+export class State {
+    static DraggedStateLayerOpacity = `0.16`;
+    static FocusedStateLayerOpacity = `0.12`;
+    static HoveredStateLayerOpacity = `0.08`;
+    static PressedStateLayerOpacity = `0.12`;
+    static FocusIndicator = class {
+        static Thickness = `3px`;
+        static OuterOffset = `2px`;
+    };
+}

package/build/modules/typeface.d.ts

@@ -0,0 +1,7 @@
+export declare abstract class Typeface {
+    static readonly Brand = "Roboto";
+    static readonly Plain = "Roboto";
+    static readonly WeightBold = "700";
+    static readonly WeightMedium = "500";
+    static readonly WeightRegular = "400";
+}

package/build/modules/typeface.js

@@ -0,0 +1,7 @@
+export class Typeface {
+    static Brand = `Roboto`;
+    static Plain = `Roboto`;
+    static WeightBold = `700`;
+    static WeightMedium = `500`;
+    static WeightRegular = `400`;
+}

package/build/modules/typescale.d.ts

@@ -0,0 +1,152 @@
+export declare abstract class Typescale {
+    static readonly DisplayLargeFont = "Roboto";
+    static readonly DisplayLargeSize = "57px";
+    static readonly DisplayLargeTracking = "-0.25px";
+    static readonly DisplayLargeLineHeight = "64px";
+    static readonly DisplayLargeWeight = "400";
+    static readonly DisplayMediumFont = "Roboto";
+    static readonly DisplayMediumSize = "45px";
+    static readonly DisplayMediumTracking = "0px";
+    static readonly DisplayMediumLineHeight = "52px";
+    static readonly DisplayMediumWeight = "400";
+    static readonly DisplaySmallFont = "Roboto";
+    static readonly DisplaySmallSize = "36px";
+    static readonly DisplaySmallTracking = "0px";
+    static readonly DisplaySmallLineHeight = "44px";
+    static readonly DisplaySmallWeight = "400";
+    static readonly HeadlineLargeFont = "Roboto";
+    static readonly HeadlineLargeSize = "32px";
+    static readonly HeadlineLargeTracking = "0px";
+    static readonly HeadlineLargeLineHeight = "40px";
+    static readonly HeadlineLargeWeight = "400";
+    static readonly HeadlineMediumFont = "Roboto";
+    static readonly HeadlineMediumSize = "28px";
+    static readonly HeadlineMediumTracking = "0px";
+    static readonly HeadlineMediumLineHeight = "36px";
+    static readonly HeadlineMediumWeight = "400";
+    static readonly HeadlineSmallFont = "Roboto";
+    static readonly HeadlineSmallSize = "24px";
+    static readonly HeadlineSmallTracking = "0px";
+    static readonly HeadlineSmallLineHeight = "32px";
+    static readonly HeadlineSmallWeight = "400";
+    static readonly TitleLargeFont = "Roboto";
+    static readonly TitleLargeSize = "22px";
+    static readonly TitleLargeTracking = "0px";
+    static readonly TitleLargeLineHeight = "28px";
+    static readonly TitleLargeWeight = "400";
+    static readonly TitleMediumFont = "Roboto";
+    static readonly TitleMediumSize = "16px";
+    static readonly TitleMediumTracking = "0.15px";
+    static readonly TitleMediumLineHeight = "24px";
+    static readonly TitleMediumWeight = "500";
+    static readonly TitleSmallFont = "Roboto";
+    static readonly TitleSmallSize = "14px";
+    static readonly TitleSmallTracking = "0.1px";
+    static readonly TitleSmallLineHeight = "20px";
+    static readonly TitleSmallWeight = "500";
+    static readonly BodyLargeFont = "Roboto";
+    static readonly BodyLargeSize = "16px";
+    static readonly BodyLargeTracking = "0.5px";
+    static readonly BodyLargeLineHeight = "24px";
+    static readonly BodyLargeWeight = "400";
+    static readonly BodyMediumFont = "Roboto";
+    static readonly BodyMediumSize = "14px";
+    static readonly BodyMediumTracking = "0.25px";
+    static readonly BodyMediumLineHeight = "20px";
+    static readonly BodyMediumWeight = "400";
+    static readonly BodySmallFont = "Roboto";
+    static readonly BodySmallSize = "12px";
+    static readonly BodySmallTracking = "0.4px";
+    static readonly BodySmallLineHeight = "16px";
+    static readonly BodySmallWeight = "400";
+    static readonly LabelLargeFont = "Roboto";
+    static readonly LabelLargeSize = "14px";
+    static readonly LabelLargeTracking = "0.1px";
+    static readonly LabelLargeLineHeight = "20px";
+    static readonly LabelLargeWeight = "500";
+    static readonly LabelMediumFont = "Roboto";
+    static readonly LabelMediumSize = "12px";
+    static readonly LabelMediumTracking = "0.5px";
+    static readonly LabelMediumLineHeight = "16px";
+    static readonly LabelMediumWeight = "500";
+    static readonly LabelSmallFont = "Roboto";
+    static readonly LabelSmallSize = "11px";
+    static readonly LabelSmallTracking = "0.5px";
+    static readonly LabelSmallLineHeight = "16px";
+    static readonly LabelSmallWeight = "500";
+    static readonly EmphasizedDisplayLargeFont = "Roboto";
+    static readonly EmphasizedDisplayLargeSize = "57px";
+    static readonly EmphasizedDisplayLargeTracking = "-0.25px";
+    static readonly EmphasizedDisplayLargeLineHeight = "64px";
+    static readonly EmphasizedDisplayLargeWeight = "500";
+    static readonly EmphasizedDisplayMediumFont = "Roboto";
+    static readonly EmphasizedDisplayMediumSize = "45px";
+    static readonly EmphasizedDisplayMediumTracking = "0px";
+    static readonly EmphasizedDisplayMediumLineHeight = "52px";
+    static readonly EmphasizedDisplayMediumWeight = "500";
+    static readonly EmphasizedDisplaySmallFont = "Roboto";
+    static readonly EmphasizedDisplaySmallSize = "36px";
+    static readonly EmphasizedDisplaySmallTracking = "0px";
+    static readonly EmphasizedDisplaySmallLineHeight = "44px";
+    static readonly EmphasizedDisplaySmallWeight = "500";
+    static readonly EmphasizedHeadlineLargeFont = "Roboto";
+    static readonly EmphasizedHeadlineLargeSize = "32px";
+    static readonly EmphasizedHeadlineLargeTracking = "0px";
+    static readonly EmphasizedHeadlineLargeLineHeight = "40px";
+    static readonly EmphasizedHeadlineLargeWeight = "500";
+    static readonly EmphasizedHeadlineMediumFont = "Roboto";
+    static readonly EmphasizedHeadlineMediumSize = "28px";
+    static readonly EmphasizedHeadlineMediumTracking = "0px";
+    static readonly EmphasizedHeadlineMediumLineHeight = "36px";
+    static readonly EmphasizedHeadlineMediumWeight = "500";
+    static readonly EmphasizedHeadlineSmallFont = "Roboto";
+    static readonly EmphasizedHeadlineSmallSize = "24px";
+    static readonly EmphasizedHeadlineSmallTracking = "0px";
+    static readonly EmphasizedHeadlineSmallLineHeight = "32px";
+    static readonly EmphasizedHeadlineSmallWeight = "500";
+    static readonly EmphasizedTitleLargeFont = "Roboto";
+    static readonly EmphasizedTitleLargeSize = "22px";
+    static readonly EmphasizedTitleLargeTracking = "0px";
+    static readonly EmphasizedTitleLargeLineHeight = "28px";
+    static readonly EmphasizedTitleLargeWeight = "500";
+    static readonly EmphasizedTitleMediumFont = "Roboto";
+    static readonly EmphasizedTitleMediumSize = "16px";
+    static readonly EmphasizedTitleMediumTracking = "0.15px";
+    static readonly EmphasizedTitleMediumLineHeight = "24px";
+    static readonly EmphasizedTitleMediumWeight = "700";
+    static readonly EmphasizedTitleSmallFont = "Roboto";
+    static readonly EmphasizedTitleSmallSize = "14px";
+    static readonly EmphasizedTitleSmallTracking = "0.1px";
+    static readonly EmphasizedTitleSmallLineHeight = "20px";
+    static readonly EmphasizedTitleSmallWeight = "700";
+    static readonly EmphasizedBodyLargeFont = "Roboto";
+    static readonly EmphasizedBodyLargeSize = "16px";
+    static readonly EmphasizedBodyLargeTracking = "0.5px";
+    static readonly EmphasizedBodyLargeLineHeight = "24px";
+    static readonly EmphasizedBodyLargeWeight = "500";
+    static readonly EmphasizedBodyMediumFont = "Roboto";
+    static readonly EmphasizedBodyMediumSize = "14px";
+    static readonly EmphasizedBodyMediumTracking = "0.25px";
+    static readonly EmphasizedBodyMediumLineHeight = "20px";
+    static readonly EmphasizedBodyMediumWeight = "500";
+    static readonly EmphasizedBodySmallFont = "Roboto";
+    static readonly EmphasizedBodySmallSize = "12px";
+    static readonly EmphasizedBodySmallTracking = "0.4px";
+    static readonly EmphasizedBodySmallLineHeight = "16px";
+    static readonly EmphasizedBodySmallWeight = "500";
+    static readonly EmphasizedLabelLargeFont = "Roboto";
+    static readonly EmphasizedLabelLargeSize = "14px";
+    static readonly EmphasizedLabelLargeTracking = "0.1px";
+    static readonly EmphasizedLabelLargeLineHeight = "20px";
+    static readonly EmphasizedLabelLargeWeight = "700";
+    static readonly EmphasizedLabelMediumFont = "Roboto";
+    static readonly EmphasizedLabelMediumSize = "12px";
+    static readonly EmphasizedLabelMediumTracking = "0.5px";
+    static readonly EmphasizedLabelMediumLineHeight = "16px";
+    static readonly EmphasizedLabelMediumWeight = "700";
+    static readonly EmphasizedLabelSmallFont = "Roboto";
+    static readonly EmphasizedLabelSmallSize = "11px";
+    static readonly EmphasizedLabelSmallTracking = "0.5px";
+    static readonly EmphasizedLabelSmallLineHeight = "16px";
+    static readonly EmphasizedLabelSmallWeight = "700";
+}

package/build/modules/typescale.js

@@ -0,0 +1,153 @@
+import { Typeface } from './typeface';
+export class Typescale {
+    static DisplayLargeFont = Typeface.Plain;
+    static DisplayLargeSize = `57px`;
+    static DisplayLargeTracking = `-0.25px`;
+    static DisplayLargeLineHeight = `64px`;
+    static DisplayLargeWeight = Typeface.WeightRegular;
+    static DisplayMediumFont = Typeface.Plain;
+    static DisplayMediumSize = `45px`;
+    static DisplayMediumTracking = `0px`;
+    static DisplayMediumLineHeight = `52px`;
+    static DisplayMediumWeight = Typeface.WeightRegular;
+    static DisplaySmallFont = Typeface.Plain;
+    static DisplaySmallSize = `36px`;
+    static DisplaySmallTracking = `0px`;
+    static DisplaySmallLineHeight = `44px`;
+    static DisplaySmallWeight = Typeface.WeightRegular;
+    static HeadlineLargeFont = Typeface.Plain;
+    static HeadlineLargeSize = `32px`;
+    static HeadlineLargeTracking = `0px`;
+    static HeadlineLargeLineHeight = `40px`;
+    static HeadlineLargeWeight = Typeface.WeightRegular;
+    static HeadlineMediumFont = Typeface.Plain;
+    static HeadlineMediumSize = `28px`;
+    static HeadlineMediumTracking = `0px`;
+    static HeadlineMediumLineHeight = `36px`;
+    static HeadlineMediumWeight = Typeface.WeightRegular;
+    static HeadlineSmallFont = Typeface.Plain;
+    static HeadlineSmallSize = `24px`;
+    static HeadlineSmallTracking = `0px`;
+    static HeadlineSmallLineHeight = `32px`;
+    static HeadlineSmallWeight = Typeface.WeightRegular;
+    static TitleLargeFont = Typeface.Plain;
+    static TitleLargeSize = `22px`;
+    static TitleLargeTracking = `0px`;
+    static TitleLargeLineHeight = `28px`;
+    static TitleLargeWeight = Typeface.WeightRegular;
+    static TitleMediumFont = Typeface.Plain;
+    static TitleMediumSize = `16px`;
+    static TitleMediumTracking = `0.15px`;
+    static TitleMediumLineHeight = `24px`;
+    static TitleMediumWeight = Typeface.WeightMedium;
+    static TitleSmallFont = Typeface.Plain;
+    static TitleSmallSize = `14px`;
+    static TitleSmallTracking = `0.1px`;
+    static TitleSmallLineHeight = `20px`;
+    static TitleSmallWeight = Typeface.WeightMedium;
+    static BodyLargeFont = Typeface.Plain;
+    static BodyLargeSize = `16px`;
+    static BodyLargeTracking = `0.5px`;
+    static BodyLargeLineHeight = `24px`;
+    static BodyLargeWeight = Typeface.WeightRegular;
+    static BodyMediumFont = Typeface.Plain;
+    static BodyMediumSize = `14px`;
+    static BodyMediumTracking = `0.25px`;
+    static BodyMediumLineHeight = `20px`;
+    static BodyMediumWeight = Typeface.WeightRegular;
+    static BodySmallFont = Typeface.Plain;
+    static BodySmallSize = `12px`;
+    static BodySmallTracking = `0.4px`;
+    static BodySmallLineHeight = `16px`;
+    static BodySmallWeight = Typeface.WeightRegular;
+    static LabelLargeFont = Typeface.Plain;
+    static LabelLargeSize = `14px`;
+    static LabelLargeTracking = `0.1px`;
+    static LabelLargeLineHeight = `20px`;
+    static LabelLargeWeight = Typeface.WeightMedium;
+    static LabelMediumFont = Typeface.Plain;
+    static LabelMediumSize = `12px`;
+    static LabelMediumTracking = `0.5px`;
+    static LabelMediumLineHeight = `16px`;
+    static LabelMediumWeight = Typeface.WeightMedium;
+    static LabelSmallFont = Typeface.Plain;
+    static LabelSmallSize = `11px`;
+    static LabelSmallTracking = `0.5px`;
+    static LabelSmallLineHeight = `16px`;
+    static LabelSmallWeight = Typeface.WeightMedium;
+    static EmphasizedDisplayLargeFont = Typeface.Plain;
+    static EmphasizedDisplayLargeSize = `57px`;
+    static EmphasizedDisplayLargeTracking = `-0.25px`;
+    static EmphasizedDisplayLargeLineHeight = `64px`;
+    static EmphasizedDisplayLargeWeight = Typeface.WeightMedium;
+    static EmphasizedDisplayMediumFont = Typeface.Plain;
+    static EmphasizedDisplayMediumSize = `45px`;
+    static EmphasizedDisplayMediumTracking = `0px`;
+    static EmphasizedDisplayMediumLineHeight = `52px`;
+    static EmphasizedDisplayMediumWeight = Typeface.WeightMedium;
+    static EmphasizedDisplaySmallFont = Typeface.Plain;
+    static EmphasizedDisplaySmallSize = `36px`;
+    static EmphasizedDisplaySmallTracking = `0px`;
+    static EmphasizedDisplaySmallLineHeight = `44px`;
+    static EmphasizedDisplaySmallWeight = Typeface.WeightMedium;
+    static EmphasizedHeadlineLargeFont = Typeface.Plain;
+    static EmphasizedHeadlineLargeSize = `32px`;
+    static EmphasizedHeadlineLargeTracking = `0px`;
+    static EmphasizedHeadlineLargeLineHeight = `40px`;
+    static EmphasizedHeadlineLargeWeight = Typeface.WeightMedium;
+    static EmphasizedHeadlineMediumFont = Typeface.Plain;
+    static EmphasizedHeadlineMediumSize = `28px`;
+    static EmphasizedHeadlineMediumTracking = `0px`;
+    static EmphasizedHeadlineMediumLineHeight = `36px`;
+    static EmphasizedHeadlineMediumWeight = Typeface.WeightMedium;
+    static EmphasizedHeadlineSmallFont = Typeface.Plain;
+    static EmphasizedHeadlineSmallSize = `24px`;
+    static EmphasizedHeadlineSmallTracking = `0px`;
+    static EmphasizedHeadlineSmallLineHeight = `32px`;
+    static EmphasizedHeadlineSmallWeight = Typeface.WeightMedium;
+    static EmphasizedTitleLargeFont = Typeface.Plain;
+    static EmphasizedTitleLargeSize = `22px`;
+    static EmphasizedTitleLargeTracking = `0px`;
+    static EmphasizedTitleLargeLineHeight = `28px`;
+    static EmphasizedTitleLargeWeight = Typeface.WeightMedium;
+    static EmphasizedTitleMediumFont = Typeface.Plain;
+    static EmphasizedTitleMediumSize = `16px`;
+    static EmphasizedTitleMediumTracking = `0.15px`;
+    static EmphasizedTitleMediumLineHeight = `24px`;
+    static EmphasizedTitleMediumWeight = Typeface.WeightBold;
+    static EmphasizedTitleSmallFont = Typeface.Plain;
+    static EmphasizedTitleSmallSize = `14px`;
+    static EmphasizedTitleSmallTracking = `0.1px`;
+    static EmphasizedTitleSmallLineHeight = `20px`;
+    static EmphasizedTitleSmallWeight = Typeface.WeightBold;
+    static EmphasizedBodyLargeFont = Typeface.Plain;
+    static EmphasizedBodyLargeSize = `16px`;
+    static EmphasizedBodyLargeTracking = `0.5px`;
+    static EmphasizedBodyLargeLineHeight = `24px`;
+    static EmphasizedBodyLargeWeight = Typeface.WeightMedium;
+    static EmphasizedBodyMediumFont = Typeface.Plain;
+    static EmphasizedBodyMediumSize = `14px`;
+    static EmphasizedBodyMediumTracking = `0.25px`;
+    static EmphasizedBodyMediumLineHeight = `20px`;
+    static EmphasizedBodyMediumWeight = Typeface.WeightMedium;
+    static EmphasizedBodySmallFont = Typeface.Plain;
+    static EmphasizedBodySmallSize = `12px`;
+    static EmphasizedBodySmallTracking = `0.4px`;
+    static EmphasizedBodySmallLineHeight = `16px`;
+    static EmphasizedBodySmallWeight = Typeface.WeightMedium;
+    static EmphasizedLabelLargeFont = Typeface.Plain;
+    static EmphasizedLabelLargeSize = `14px`;
+    static EmphasizedLabelLargeTracking = `0.1px`;
+    static EmphasizedLabelLargeLineHeight = `20px`;
+    static EmphasizedLabelLargeWeight = Typeface.WeightBold;
+    static EmphasizedLabelMediumFont = Typeface.Plain;
+    static EmphasizedLabelMediumSize = `12px`;
+    static EmphasizedLabelMediumTracking = `0.5px`;
+    static EmphasizedLabelMediumLineHeight = `16px`;
+    static EmphasizedLabelMediumWeight = Typeface.WeightBold;
+    static EmphasizedLabelSmallFont = Typeface.Plain;
+    static EmphasizedLabelSmallSize = `11px`;
+    static EmphasizedLabelSmallTracking = `0.5px`;
+    static EmphasizedLabelSmallLineHeight = `16px`;
+    static EmphasizedLabelSmallWeight = Typeface.WeightBold;
+}

package/build/modules/variant.d.ts

@@ -0,0 +1,11 @@
+export declare abstract class MaterialVariant {
+    static readonly Monochrome = 0;
+    static readonly Neutral = 1;
+    static readonly TonalSpot = 2;
+    static readonly Vibrant = 3;
+    static readonly Expressive = 4;
+    static readonly Fidelity = 5;
+    static readonly Content = 6;
+    static readonly Rainbow = 7;
+    static readonly FruitSalad = 8;
+}

package/build/modules/variant.js

@@ -0,0 +1,11 @@
+export class MaterialVariant {
+    static Monochrome = 0;
+    static Neutral = 1;
+    static TonalSpot = 2;
+    static Vibrant = 3;
+    static Expressive = 4;
+    static Fidelity = 5;
+    static Content = 6;
+    static Rainbow = 7;
+    static FruitSalad = 8;
+}

package/package.json

@@ -0,0 +1,35 @@
+{
+  "name": "@sandlada/mdk",
+  "version": "1.0.0",
+  "type": "module",
+  "keywords": [
+    "material-design",
+    "material",
+    "design-kit",
+    "styles"
+  ],
+  "author": "Kai-Orion & Sandlada",
+  "license": "MIT",
+  "description": "A JavaScript library based on Material Design 3, providing data such as color, shape, shadow level, etc.",
+  "publishConfig": {
+    "access": "public"
+  },
+  "main": "./build/index.js",
+  "module": "./build/index.js",
+  "types": "./build/index.d.ts",
+  "exports": {
+    ".": {
+      "default": "./build/index.js",
+      "import": "./build/index.js",
+      "require": "./build/index.js",
+      "types": "./build/index.d.ts"
+    }
+  },
+  "files": [
+    "./build/**/*"
+  ],
+  "devDependencies": {
+    "tslib": "^2.8.1",
+    "typescript": "^5.8.3"
+  }
+}