@glare-labs/mdk/build/bundle.js

@glare-labs/mdk, Material Design Kit, mdk is a JavaScript constant library based on Material Design 3, providing constant data such as color, shape, shadow level, etc:

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

const ElevationLevels = {
    Level0: 0,
    Level1: 1,
    Level2: 3,
    Level3: 6,
    Level4: 8,
    Level5: 12,
};
const ElevationBoxShaodws = {
    Level0: `box-shadow: none`,
    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`,
    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`,
    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`,
    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`,
    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`,
};

const MotionDurations = {
    Short1: '50ms',
    Short2: '100ms',
    Short3: '150ms',
    Short4: '200ms',
    Medium1: '250ms',
    Medium2: '300ms',
    Medium3: '350ms',
    Medium4: '400ms',
    Long1: '450ms',
    Long2: '500ms',
    Long3: '550ms',
    Long4: '600ms',
    ExtraLong1: '700ms',
    ExtraLong2: '800ms',
    ExtraLong3: '900ms',
    ExtraLong4: '1000ms',
};
const MotionEasings = {
    Standard: 'cubic-bezier(0.2, 0, 0, 1)',
    StandardAccelerate: 'cubic-bezier(0.3, 0, 1, 1)',
    StandardDecelerate: 'cubic-bezier(0, 0, 0, 1)',
    Emphasized: 'cubic-bezier(0.2, 0, 0, 1)',
    EmphasizedAccelerate: 'cubic-bezier(0.3, 0, 0.8, 0.15)',
    EmphasizedDecelerate: 'cubic-bezier(0.05, 0.7, 0.1, 1)',
    Legacy: 'cubic-bezier(0.4, 0, 0.2, 1)',
    LegacyAccelerate: 'cubic-bezier(0.4, 0, 1, 1)',
    LegacyDecelerate: 'cubic-bezier(0, 0, 0.2, 1)',
    Linear: 'cubic-bezier(0, 0, 1, 1)',
};

const Shapes = {
    Full: '9999px',
    ExtraLarge: '28px',
    Large: '16px',
    Medium: '12px',
    Small: '8px',
    ExtraSmall: '4px',
    None: '0px',
};

const motion = {
    short1: MotionDurations.Short1,
    short2: MotionDurations.Short2,
    short3: MotionDurations.Short3,
    short4: MotionDurations.Short4,
    medium1: MotionDurations.Medium1,
    medium2: MotionDurations.Medium2,
    medium3: MotionDurations.Medium3,
    medium4: MotionDurations.Medium4,
    long1: MotionDurations.Long1,
    long2: MotionDurations.Long2,
    long3: MotionDurations.Long3,
    long4: MotionDurations.Long4,
    extraLong1: MotionDurations.ExtraLong1,
    extraLong2: MotionDurations.ExtraLong2,
    extraLong3: MotionDurations.ExtraLong3,
    extraLong4: MotionDurations.ExtraLong4,
};
const easing = {
    standard: MotionEasings.Standard,
    standardAccelerate: MotionEasings.StandardAccelerate,
    standardDecelerate: MotionEasings.StandardDecelerate,
    emphasized: MotionEasings.Emphasized,
    emphasizedAccelerate: MotionEasings.EmphasizedAccelerate,
    emphasizedDecelerate: MotionEasings.EmphasizedDecelerate,
    legacy: MotionEasings.Legacy,
    legacyAccelerate: MotionEasings.LegacyAccelerate,
    legacyDecelerate: MotionEasings.LegacyDecelerate,
    linear: MotionEasings.Linear,
};
const elevation = {
    level0: ElevationLevels.Level0,
    level1: ElevationLevels.Level1,
    level2: ElevationLevels.Level2,
    level3: ElevationLevels.Level3,
    level4: ElevationLevels.Level4,
    level5: ElevationLevels.Level5,
};
const shape = {
    full: Shapes.Full,
    extraLarge: Shapes.ExtraLarge,
    large: Shapes.Large,
    medium: Shapes.Medium,
    small: Shapes.Small,
    extraSmall: Shapes.ExtraSmall,
    none: Shapes.None,
};
const palette = {
    black: Palettes.Black,
    error0: Palettes.Error0,
    error10: Palettes.Error10,
    error100: Palettes.Error100,
    error20: Palettes.Error20,
    error30: Palettes.Error30,
    error40: Palettes.Error40,
    error50: Palettes.Error50,
    error60: Palettes.Error60,
    error70: Palettes.Error70,
    error80: Palettes.Error80,
    error90: Palettes.Error90,
    error95: Palettes.Error95,
    error99: Palettes.Error99,
    neutralVariant0: Palettes.NeutralVariant0,
    neutralVariant10: Palettes.NeutralVariant10,
    neutralVariant100: Palettes.NeutralVariant100,
    neutralVariant20: Palettes.NeutralVariant20,
    neutralVariant30: Palettes.NeutralVariant30,
    neutralVariant40: Palettes.NeutralVariant40,
    neutralVariant50: Palettes.NeutralVariant50,
    neutralVariant60: Palettes.NeutralVariant60,
    neutralVariant70: Palettes.NeutralVariant70,
    neutralVariant80: Palettes.NeutralVariant80,
    neutralVariant90: Palettes.NeutralVariant90,
    neutralVariant95: Palettes.NeutralVariant95,
    neutralVariant99: Palettes.NeutralVariant99,
    neutral0: Palettes.Neutral0,
    neutral10: Palettes.Neutral10,
    neutral100: Palettes.Neutral100,
    neutral12: Palettes.Neutral12,
    neutral17: Palettes.Neutral17,
    neutral20: Palettes.Neutral20,
    neutral22: Palettes.Neutral22,
    neutral24: Palettes.Neutral24,
    neutral30: Palettes.Neutral30,
    neutral4: Palettes.Neutral4,
    neutral40: Palettes.Neutral40,
    neutral50: Palettes.Neutral50,
    neutral6: Palettes.Neutral6,
    neutral60: Palettes.Neutral60,
    neutral70: Palettes.Neutral70,
    neutral80: Palettes.Neutral80,
    neutral87: Palettes.Neutral87,
    neutral90: Palettes.Neutral90,
    neutral92: Palettes.Neutral92,
    neutral94: Palettes.Neutral94,
    neutral95: Palettes.Neutral95,
    neutral96: Palettes.Neutral96,
    neutral98: Palettes.Neutral98,
    neutral99: Palettes.Neutral99,
    primary0: Palettes.Primary0,
    primary10: Palettes.Primary10,
    primary100: Palettes.Primary100,
    primary20: Palettes.Primary20,
    primary30: Palettes.Primary30,
    primary40: Palettes.Primary40,
    primary50: Palettes.Primary50,
    primary60: Palettes.Primary60,
    primary70: Palettes.Primary70,
    primary80: Palettes.Primary80,
    primary90: Palettes.Primary90,
    primary95: Palettes.Primary95,
    primary99: Palettes.Primary99,
    secondary0: Palettes.Secondary0,
    secondary10: Palettes.Secondary10,
    secondary100: Palettes.Secondary100,
    secondary20: Palettes.Secondary20,
    secondary30: Palettes.Secondary30,
    secondary40: Palettes.Secondary40,
    secondary50: Palettes.Secondary50,
    secondary60: Palettes.Secondary60,
    secondary70: Palettes.Secondary70,
    secondary80: Palettes.Secondary80,
    secondary90: Palettes.Secondary90,
    secondary95: Palettes.Secondary95,
    secondary99: Palettes.Secondary99,
    tertiary0: Palettes.Tertiary0,
    tertiary10: Palettes.Tertiary10,
    tertiary100: Palettes.Tertiary100,
    tertiary20: Palettes.Tertiary20,
    tertiary30: Palettes.Tertiary30,
    tertiary40: Palettes.Tertiary40,
    tertiary50: Palettes.Tertiary50,
    tertiary60: Palettes.Tertiary60,
    tertiary70: Palettes.Tertiary70,
    tertiary80: Palettes.Tertiary80,
    tertiary90: Palettes.Tertiary90,
    tertiary95: Palettes.Tertiary95,
    tertiary99: Palettes.Tertiary99,
    white: Palettes.White,
};
const color = {
    background: `light-dark(var(--md-sys-palette-neutral-98, #fef7ff), var(--md-sys-palette-neutral-6, #141218))`,
    error: `light-dark(var(--md-sys-palette-error-40, #b3261e), var(--md-sys-palette-error-80, #f2b8b5))`,
    errorContainer: `light-dark(var(--md-sys-palette-error-90, #f9dedc), var(--md-sys-palette-error-30, #8c1d18))`,
    inverseOnSurface: `light-dark(var(--md-sys-palette-neutral-95, #f5eff7), var(--md-sys-palette-neutral-20, #322f35))`,
    inversePrimary: `light-dark(var(--md-sys-palette-primary-80, #d0bcff), var(--md-sys-palette-primary-40, #6750a4))`,
    inverseSurface: `light-dark(var(--md-sys-palette-neutral-20, #322f35), var(--md-sys-palette-neutral-90, #e6e0e9))`,
    onBackground: `light-dark(var(--md-sys-palette-neutral-10, #1d1b20), var(--md-sys-palette-neutral-90, #e6e0e9))`,
    onError: `light-dark(var(--md-sys-palette-error-100, #fff), var(--md-sys-palette-error-20, #601410))`,
    onErrorContainer: `light-dark(var(--md-sys-palette-error-10, #410e0b), var(--md-sys-palette-error-90, #f9dedc))`,
    onPrimary: `light-dark(var(--md-sys-palette-primary-100, #fff), var(--md-sys-palette-primary-20, #381e72))`,
    onPrimaryContainer: `light-dark(var(--md-sys-palette-primary-10, #21005d), var(--md-sys-palette-primary-90, #eaddff))`,
    onPrimaryFixed: `var(--md-sys-palette-primary-10, #21005d)`,
    onPrimaryFixedVariant: `var(--md-sys-palette-primary-30, #4f378b)`,
    onSecondary: `light-dark(var(--md-sys-palette-secondary-100, #fff), var(--md-sys-palette-secondary-20, #332d41))`,
    onSecondaryContainer: `light-dark(var(--md-sys-palette-secondary-10, #1d192b), var(--md-sys-palette-secondary-90, #e8def8))`,
    onSecondaryFixed: `var(--md-sys-palette-secondary-10, #1d192b)`,
    onSecondaryFixedVariant: `var(--md-sys-palette-secondary-30, #4a4458)`,
    onSurface: `light-dark(var(--md-sys-palette-neutral-10, #1d1b20), var(--md-sys-palette-neutral-90, #e6e0e9))`,
    onSurfaceVariant: `light-dark(var(--md-sys-palette-neutral-variant-30, #49454f), var(--md-sys-palette-neutral-variant-80, #cac4d0))`,
    onTertiary: `light-dark(var(--md-sys-palette-tertiary-100, #fff), var(--md-sys-palette-tertiary-20, #492532))`,
    onTertiaryContainer: `light-dark(var(--md-sys-palette-tertiary-10, #31111d), var(--md-sys-palette-tertiary-90, #ffd8e4))`,
    onTertiaryFixed: `var(--md-sys-palette-tertiary-10, #31111d)`,
    onTertiaryFixedVariant: `var(--md-sys-palette-tertiary-30, #633b48)`,
    outline: `light-dark(var(--md-sys-palette-neutral-50, #79767d), var(--md-sys-palette-neutral-60, #938f96))`,
    outlineVariant: `light-dark(var(--md-sys-palette-neutral-variant-80, #cac4d0), var(--md-sys-palette-neutral-variant-30, #49454f))`,
    primary: `light-dark(var(--md-sys-palette-primary-40, #6750a4), var(--md-sys-palette-primary-80, #d0bcff))`,
    primaryContainer: `light-dark(var(--md-sys-palette-primary-90, #eaddff), var(--md-sys-palette-primary-30, #4f378b))`,
    primaryFixed: `var(--md-sys-palette-primary-90, #eaddff)`,
    primaryFixedDim: `var(--md-sys-palette-primary-80, #d0bcff)`,
    scrim: `var(--md-sys-palette-neutral-0, #000)`,
    secondary: `light-dark(var(--md-sys-palette-secondary-40, #625b71), var(--md-sys-palette-secondary-80, #ccc2dc))`,
    secondaryContainer: `light-dark(var(--md-sys-palette-secondary-90, #e8def8), var(--md-sys-palette-secondary-30, #4a4458))`,
    secondaryFixed: `var(--md-sys-palette-secondary-90, #e8def8)`,
    secondaryFixedDim: `var(--md-sys-palette-secondary-80, #ccc2dc)`,
    shadow: `var(--md-sys-palette-neutral-0, #000)`,
    surface: `light-dark(var(--md-sys-palette-neutral-98, #fef7ff), var(--md-sys-palette-neutral-6, #141218))`,
    surfaceBright: `light-dark(var(--md-sys-palette-neutral-98, #fef7ff), var(--md-sys-palette-neutral-24, #3b383e))`,
    surfaceContainer: `light-dark(var(--md-sys-palette-neutral-94, #f3edf7), var(--md-sys-palette-neutral-12, #211f26))`,
    surfaceContainerHigh: `light-dark(var(--md-sys-palette-neutral-92, #ece6f0), var(--md-sys-palette-neutral-17, #2b2930))`,
    surfaceContainerHighest: `light-dark(var(--md-sys-palette-neutral-90, #e6e0e9), var(--md-sys-palette-neutral-22, #36343b))`,
    surfaceContainerLow: `light-dark(var(--md-sys-palette-neutral-96, #f7f2fa), var(--md-sys-palette-neutral-10, #1d1b20))`,
    surfaceContainerLowest: `light-dark(var(--md-sys-palette-neutral-100, #fff), var(--md-sys-palette-neutral-4, #0f0d13))`,
    surfaceDim: `light-dark(var(--md-sys-palette-neutral-87, #ded8e1), var(--md-sys-palette-neutral-6, #141218))`,
    surfaceTint: `light-dark(var(--md-sys-palette-primary-40, #6750a4), var(--md-sys-palette-primary-80, #d0bcff))`,
    surfaceVariant: `light-dark(var(--md-sys-palette-neutral-variant-90, #e7e0ec), var(--md-sys-palette-neutral-variant-30, #49454f))`,
    tertiary: `light-dark(var(--md-sys-palette-tertiary-40, #7d5260), var(--md-sys-palette-tertiary-80, #efb8c8))`,
    tertiaryContainer: `light-dark(var(--md-sys-palette-tertiary-90, #ffd8e4), var(--md-sys-palette-tertiary-30, #633b48))`,
    tertiaryFixed: `var(--md-sys-palette-tertiary-90, #ffd8e4)`,
    tertiaryFixedDim: `var(--md-sys-palette-tertiary-80, #efb8c8)`,
};
const md = {
    sys: {
        color,
        palette,
        motion,
        easing,
        elevation,
        shape,
    }
};

const MaterialContrastLevels = {
    Reduced: -1,
    Default: 0,
    Medium: 0.5,
    High: 1
};

const MaterialVariants = {
    Monochrome: 0,
    Neutral: 1,
    TonalSpot: 2,
    Vibrant: 3,
    Expressive: 4,
    Fidelity: 5,
    Content: 6,
    Rainbow: 7,
    FruitSalad: 8,
};

export { DefaultDarkColors, DefaultLightColors, ElevationBoxShaodws, ElevationLevels, MaterialContrastLevels, MaterialVariants, MotionDurations, MotionEasings, Palettes, Shapes, md };