@caspeco/casper-ui-library 10.4.0 → 10.5.0

package/dist/theme/theme.js

@@ -1,275 +1,220 @@
-import { createSystem as h, defaultConfig as d } from "@chakra-ui/react";
-import { componentSlotRecipes as H, componentRecipes as y } from "./component-recipes.js";
-import { casperUITheme as c } from "./theme-casper-ui.js";
-import { ThemeFontToken as v, ThemeColorToken as n, ThemeIconSizeToken as k, ThemeBreakPointToken as m, ThemeShadowToken as C, ThemeFontSizeToken as t, ThemeRadiusToken as g, ThemeSpaceToken as u, ThemeBorderToken as D } from "./theme-tokens.js";
-import { ThemeColorVariable as S } from "./theme-types.js";
-function A({
-  globalCss: e = c.globalStyles,
-  colors: i = c.colors,
-  fonts: o = c.fonts
-} = {}) {
-  return {
-    cssVarsPrefix: "theme",
-    globalCss: e,
-    preflight: !0,
-    disableLayers: !0,
-    theme: {
-      tokens: p(),
-      semanticTokens: B(i, o),
-      recipes: y,
-      slotRecipes: H
-    }
-  };
+import { ThemeBorderToken as e, ThemeBreakPointToken as t, ThemeColorToken as n, ThemeFontSizeToken as r, ThemeFontToken as i, ThemeIconSizeToken as a, ThemeRadiusToken as o, ThemeShadowToken as s, ThemeSpaceToken as c } from "./theme-tokens.js";
+import { ThemeColorVariable as l } from "./theme-types.js";
+import { componentRecipes as u, componentSlotRecipes as d } from "./component-recipes.js";
+import { casperUITheme as f } from "./theme-casper-ui.js";
+import { createSystem as p, defaultConfig as m } from "@chakra-ui/react";
+//#region lib/theme/theme.ts
+function h({ globalCss: e = f.globalStyles, colors: t = f.colors, fonts: n = f.fonts } = {}) {
+	return {
+		cssVarsPrefix: "theme",
+		globalCss: e,
+		preflight: !0,
+		disableLayers: !0,
+		theme: {
+			tokens: v(),
+			semanticTokens: y(t, n),
+			recipes: u,
+			slotRecipes: d
+		}
+	};
 }
-function f() {
-  return delete d.globalCss, delete d.theme?.textStyles, delete d.theme?.tokens?.colors, delete d.theme?.tokens?.fontSizes, delete d.theme?.tokens?.fonts, delete d.theme?.tokens?.sizes, delete d.theme?.semanticTokens?.colors, d;
+function g() {
+	return delete m.globalCss, delete m.theme?.textStyles, delete m.theme?.tokens?.colors, delete m.theme?.tokens?.fontSizes, delete m.theme?.tokens?.fonts, delete m.theme?.tokens?.sizes, delete m.theme?.semanticTokens?.colors, m;
 }
-h(f(), A());
-function w(e) {
-  return h(f(), A(e));
+p(g(), h());
+function _(e) {
+	return p(g(), h(e));
 }
-function p() {
-  return {
-    borders: {
-      [D.None]: a("none"),
-      [D.XSmall]: a("0.0625rem solid"),
-      // 1px
-      [D.Small]: a("0.125rem solid"),
-      // 2px
-      [D.Medium]: a("0.25rem solid"),
-      // 4px
-      [D.Large]: a("0.5rem solid"),
-      // 8px
-      [D.XLarge]: a("0.5rem solid")
-      // 8px purposly same as Large for now
-    },
-    spacing: {
-      [u.None]: a("0"),
-      [u.XSmall]: a("0.25rem"),
-      // 4px
-      [u.Small]: a("0.5rem"),
-      // 8px
-      [u.Medium]: a("1rem"),
-      // 16px
-      [u.Large]: a("2rem"),
-      // 32px
-      [u.XLarge]: a("3rem"),
-      // 48px
-      [u.X2Large]: a("5rem")
-      // 80px
-    },
-    radii: {
-      [g.None]: a("0"),
-      [g.XSmall]: a("0.125rem"),
-      // 2px
-      [g.Small]: a("0.25rem"),
-      // 4px
-      [g.Medium]: a("0.5rem"),
-      // 8px
-      [g.Large]: a("1rem"),
-      // 16px
-      [g.XLarge]: a("31.25rem")
-      // 500px
-    },
-    fontSizes: {
-      [t.XSmall]: a("0.75rem"),
-      // 12px
-      [t.Small]: a("0.875rem"),
-      // 14px
-      [t.Medium]: a("1rem"),
-      // 16px
-      [t.Large]: a("1.125rem"),
-      // 18px
-      [t.XLarge]: a("1.5rem"),
-      // 24px
-      [t.X2Large]: a("2rem"),
-      // 32px
-      [t.X3Large]: a("2.5rem"),
-      // 40px
-      [t.X4Large]: a("3.25rem"),
-      // 52px
-      [t.X5Large]: a("4rem"),
-      // 64px
-      [t.X6Large]: a("5rem")
-      // 80px
-    },
-    shadows: {
-      [C.Small]: a(`0px 4px 12px 0px ${S.ShadowCard}`),
-      [C.Medium]: a(`0px 4px 20px 4px ${S.ShadowCard}`),
-      [C.Large]: a(`0px 8px 40px 8px ${S.ShadowCard}`),
-      [C.Header]: a(`0px 8px 40px 8px ${S.ShadowHeader}`),
-      [C.Footer]: a(`0px 0px 16px 0px ${S.ShadowFooter}`)
-    },
-    breakpoints: {
-      [m.Base]: a("0em"),
-      [m.Small]: a("30em"),
-      // 480px
-      [m.Medium]: a("48em"),
-      // 768px
-      [m.Large]: a("62em"),
-      // 992px
-      [m.XLarge]: a("80em"),
-      // 1280px
-      [m.X2Large]: a("96em")
-      // 1536px
-    },
-    sizes: {
-      icons: {
-        [k.XSmall]: a("1rem"),
-        // 16px
-        [k.Small]: a("1.25rem"),
-        // 20px
-        [k.Medium]: a("1.5rem"),
-        // 24px
-        [k.Large]: a("2rem"),
-        // 32px
-        [k.XLarge]: a("2.5rem"),
-        // 40px
-        [k.X2Large]: a("3rem"),
-        // 48 px
-        [k.X3Large]: a("3.5rem")
-        // 56px
-      }
-    }
-  };
+function v() {
+	return {
+		borders: {
+			[e.None]: x("none"),
+			[e.XSmall]: x("0.0625rem solid"),
+			[e.Small]: x("0.125rem solid"),
+			[e.Medium]: x("0.25rem solid"),
+			[e.Large]: x("0.5rem solid"),
+			[e.XLarge]: x("0.5rem solid")
+		},
+		spacing: {
+			[c.None]: x("0"),
+			[c.XSmall]: x("0.25rem"),
+			[c.Small]: x("0.5rem"),
+			[c.Medium]: x("1rem"),
+			[c.Large]: x("2rem"),
+			[c.XLarge]: x("3rem"),
+			[c.X2Large]: x("5rem")
+		},
+		radii: {
+			[o.None]: x("0"),
+			[o.XSmall]: x("0.125rem"),
+			[o.Small]: x("0.25rem"),
+			[o.Medium]: x("0.5rem"),
+			[o.Large]: x("1rem"),
+			[o.XLarge]: x("31.25rem")
+		},
+		fontSizes: {
+			[r.XSmall]: x("0.75rem"),
+			[r.Small]: x("0.875rem"),
+			[r.Medium]: x("1rem"),
+			[r.Large]: x("1.125rem"),
+			[r.XLarge]: x("1.5rem"),
+			[r.X2Large]: x("2rem"),
+			[r.X3Large]: x("2.5rem"),
+			[r.X4Large]: x("3.25rem"),
+			[r.X5Large]: x("4rem"),
+			[r.X6Large]: x("5rem")
+		},
+		shadows: {
+			[s.Small]: x(`0px 4px 12px 0px ${l.ShadowCard}`),
+			[s.Medium]: x(`0px 4px 20px 4px ${l.ShadowCard}`),
+			[s.Large]: x(`0px 8px 40px 8px ${l.ShadowCard}`),
+			[s.Header]: x(`0px 8px 40px 8px ${l.ShadowHeader}`),
+			[s.Footer]: x(`0px 0px 16px 0px ${l.ShadowFooter}`)
+		},
+		breakpoints: {
+			[t.Base]: x("0em"),
+			[t.Small]: x("30em"),
+			[t.Medium]: x("48em"),
+			[t.Large]: x("62em"),
+			[t.XLarge]: x("80em"),
+			[t.X2Large]: x("96em")
+		},
+		sizes: { icons: {
+			[a.XSmall]: x("1rem"),
+			[a.Small]: x("1.25rem"),
+			[a.Medium]: x("1.5rem"),
+			[a.Large]: x("2rem"),
+			[a.XLarge]: x("2.5rem"),
+			[a.X2Large]: x("3rem"),
+			[a.X3Large]: x("3.5rem")
+		} }
+	};
 }
-function B(e, i) {
-  return {
-    colors: {
-      [n.Primary]: r(e.primary, e.primaryDark),
-      [n.PrimaryHover]: r(e.primaryHover, e.primaryHoverDark),
-      [n.PrimaryActive]: r(e.primaryActive, e.primaryActiveDark),
-      [n.OnPrimary]: r(e.onPrimary, e.onPrimaryDark),
-      [n.PrimaryContainer]: r(e.primaryContainer, e.primaryContainerDark),
-      [n.OnPrimaryContainer]: r(e.onPrimaryContainer, e.onPrimaryContainerDark),
-      [n.Secondary]: r(e.secondary, e.secondaryDark),
-      [n.SecondaryHover]: r(e.secondaryHover, e.secondaryHoverDark),
-      [n.SecondaryActive]: r(e.secondaryActive, e.secondaryActiveDark),
-      [n.OnSecondary]: r(e.onSecondary, e.onSecondaryDark),
-      [n.SecondaryContainer]: r(e.secondaryContainer, e.secondaryContainerDark),
-      [n.OnSecondaryContainer]: r(e.onSecondaryContainer, e.onSecondaryContainerDark),
-      [n.Accent]: r(e.accent, e.accentDark),
-      [n.AccentHover]: r(e.accentHover, e.accentHoverDark),
-      [n.AccentHoverAlpha]: r(e.accentHoverAlpha, e.accentHoverAlphaDark),
-      [n.AccentActive]: r(e.accentActive, e.accentActiveDark),
-      [n.AccentActiveAlpha]: r(e.accentActiveAlpha, e.accentActiveAlphaDark),
-      [n.OnAccent]: r(e.onAccent, e.onAccentDark),
-      [n.AccentContainer]: r(e.accentContainer, e.accentContainerDark),
-      [n.OnAccentContainer]: r(e.onAccentContainer, e.onAccentContainerDark),
-      [n.Background]: r(e.background, e.backgroundDark),
-      [n.OnBackground]: r(e.onBackground, e.onBackgroundDark),
-      [n.OnBackgroundBorder]: r(e.onBackgroundBorder, e.onBackgroundBorderDark),
-      [n.OnBackgroundSubdued]: r(e.onBackgroundSubdued, e.onBackgroundSubduedDark),
-      [n.BackgroundDisabled]: r(e.backgroundDisabled, e.backgroundDisabledDark),
-      [n.OnBackgroundHeader]: r(e.onBackgroundHeader, e.onBackgroundHeaderDark),
-      [n.Surface]: r(e.surface, e.surfaceDark),
-      [n.OnSurface]: r(e.onSurface, e.onSurfaceDark),
-      [n.ViewHeaderBackground]: r(e.viewHeaderBackground, e.viewHeaderBackgroundDark),
-      [n.OnSurfaceBorder]: r(e.onSurfaceBorder, e.onSurfaceBorderDark),
-      [n.OnSurfaceSubdued]: r(e.onSurfaceSubdued, e.onSurfaceSubduedDark),
-      [n.SurfaceDisabled]: r(e.surfaceDisabled, e.surfaceDisabledDark),
-      [n.OnSurfaceHeader]: r(e.onSurfaceHeader, e.onSurfaceHeaderDark),
-      [n.Info]: r(e.info, e.infoDark),
-      [n.InfoHover]: r(e.infoHover, e.infoHoverDark),
-      [n.InfoActive]: r(e.infoActive, e.infoActiveDark),
-      [n.OnInfo]: r(e.onInfo, e.onInfoDark),
-      [n.InfoContainer]: r(e.infoContainer, e.infoContainerDark),
-      [n.OnInfoContainer]: r(e.onInfoContainer, e.onInfoContainerDark),
-      [n.Success]: r(e.success, e.successDark),
-      [n.SuccessHover]: r(e.successHover, e.successHoverDark),
-      [n.SuccessActive]: r(e.successActive, e.successActiveDark),
-      [n.OnSuccess]: r(e.onSuccess, e.onSuccessDark),
-      [n.SuccessContainer]: r(e.successContainer, e.successContainerDark),
-      [n.OnSuccessContainer]: r(e.onSuccessContainer, e.onSuccessContainerDark),
-      [n.Warning]: r(e.warning, e.warningDark),
-      [n.WarningHover]: r(e.warningHover, e.warningHoverDark),
-      [n.WarningActive]: r(e.warningActive, e.warningActiveDark),
-      [n.OnWarning]: r(e.onWarning, e.onWarningDark),
-      [n.WarningContainer]: r(e.warningContainer, e.warningContainerDark),
-      [n.OnWarningContainer]: r(e.onWarningContainer, e.onWarningContainerDark),
-      [n.Error]: r(e.error, e.errorDark),
-      [n.ErrorHover]: r(e.errorHover, e.errorHoverDark),
-      [n.ErrorActive]: r(e.errorActive, e.errorActiveDark),
-      [n.OnError]: r(e.onError, e.onErrorDark),
-      [n.ErrorContainer]: r(e.errorContainer, e.errorContainerDark),
-      [n.OnErrorContainer]: r(e.onErrorContainer, e.onErrorContainerDark),
-      [n.Neutral]: r(e.neutral, e.neutralDark),
-      [n.NeutralHover]: r(e.neutralHover, e.neutralHoverDark),
-      [n.NeutralActive]: r(e.neutralActive, e.neutralActiveDark),
-      [n.OnNeutral]: r(e.onNeutral, e.onNeutralDark),
-      [n.NeutralContainer]: r(e.neutralContainer, e.neutralContainerDark),
-      [n.OnNeutralContainer]: r(e.onNeutralContainer, e.onNeutralContainerDark),
-      [n.Muted]: r(e.muted, e.mutedDark),
-      [n.MutedHover]: r(e.mutedHover, e.mutedHoverDark),
-      [n.MutedActive]: r(e.mutedActive, e.mutedActiveDark),
-      [n.OnMuted]: r(e.onMuted, e.onMutedDark),
-      [n.MutedContainer]: r(e.mutedContainer, e.mutedContainerDark),
-      [n.OnMutedContainer]: r(e.onMutedContainer, e.onMutedContainerDark),
-      [n.Strong]: r(e.strong, e.strongDark),
-      [n.StrongHover]: r(e.strongHover, e.strongHoverDark),
-      [n.StrongActive]: r(e.strongActive, e.strongActiveDark),
-      [n.OnStrong]: r(e.onStrong, e.onStrongDark),
-      [n.StrongContainer]: r(e.strongContainer, e.strongContainerDark),
-      [n.OnStrongContainer]: r(e.onStrongContainer, e.onStrongContainerDark),
-      [n.Highlight]: r(e.highlight, e.highlightDark),
-      [n.OnHighlight]: r(e.onHighlight, e.onHighlightDark),
-      [n.Shadow]: r("#000000"),
-      [n.ModalOverlay]: r("#F6F5F4CC", "#0B2533CC"),
-      [n.ViewFinderOverlay]: r("#0000007A"),
-      // 48% opacity
-      [n.ShadowHeader]: r("#0000003D"),
-      // 24% opacity
-      [n.ShadowFooter]: r("#00000029"),
-      // 16% opacity
-      [n.ShadowCard]: r("#00000029"),
-      // 16% opacity
-      [n.ShadowScroll]: r("#0000001F"),
-      // 12% opacity
-      [n.ViewHeaderSurface]: r("#FDFDFDE0", "#0D2B3BE0"),
-      [n.PickerOnPicker]: r("#151411"),
-      [n.PickerBerry]: r("#A9B2CD"),
-      [n.PickerBerryLight]: r("#CAD0E7"),
-      [n.PickerCoral]: r("#F69C9C"),
-      [n.PickerCoralLight]: r("#FFCCCC"),
-      [n.PickerFlamingo]: r("#E39FB6"),
-      [n.PickerFlamingoLight]: r("#F1C6D1"),
-      [n.PickerFog]: r("#C3C3C3"),
-      [n.PickerFogLight]: r("#D9D9D9"),
-      [n.PickerHoney]: r("#F2B961"),
-      [n.PickerHoneyLight]: r("#F8D9A8"),
-      [n.PickerLemon]: r("#F5EE77"),
-      [n.PickerLemonLight]: r("#F4F0AF"),
-      [n.PickerLime]: r("#9BC87E"),
-      [n.PickerLimeLight]: r("#CAE1BA"),
-      [n.PickerOlive]: r("#9BCDB6"),
-      [n.PickerOliveLight]: r("#CBE4D7"),
-      [n.PickerPlum]: r("#D2A5C2"),
-      [n.PickerPlumLight]: r("#E5C3DA"),
-      [n.PickerSky]: r("#84C1E9"),
-      [n.PickerSkyLight]: r("#BFDDF2")
-    },
-    fonts: {
-      [v.Body]: a(i.body),
-      [v.Header]: a(i.header),
-      [v.SubHeader]: a(i.subheader)
-    }
-  };
+function y(e, t) {
+	return {
+		colors: {
+			[n.Primary]: b(e.primary, e.primaryDark),
+			[n.PrimaryHover]: b(e.primaryHover, e.primaryHoverDark),
+			[n.PrimaryActive]: b(e.primaryActive, e.primaryActiveDark),
+			[n.OnPrimary]: b(e.onPrimary, e.onPrimaryDark),
+			[n.PrimaryContainer]: b(e.primaryContainer, e.primaryContainerDark),
+			[n.OnPrimaryContainer]: b(e.onPrimaryContainer, e.onPrimaryContainerDark),
+			[n.Secondary]: b(e.secondary, e.secondaryDark),
+			[n.SecondaryHover]: b(e.secondaryHover, e.secondaryHoverDark),
+			[n.SecondaryActive]: b(e.secondaryActive, e.secondaryActiveDark),
+			[n.OnSecondary]: b(e.onSecondary, e.onSecondaryDark),
+			[n.SecondaryContainer]: b(e.secondaryContainer, e.secondaryContainerDark),
+			[n.OnSecondaryContainer]: b(e.onSecondaryContainer, e.onSecondaryContainerDark),
+			[n.Accent]: b(e.accent, e.accentDark),
+			[n.AccentHover]: b(e.accentHover, e.accentHoverDark),
+			[n.AccentHoverAlpha]: b(e.accentHoverAlpha, e.accentHoverAlphaDark),
+			[n.AccentActive]: b(e.accentActive, e.accentActiveDark),
+			[n.AccentActiveAlpha]: b(e.accentActiveAlpha, e.accentActiveAlphaDark),
+			[n.OnAccent]: b(e.onAccent, e.onAccentDark),
+			[n.AccentContainer]: b(e.accentContainer, e.accentContainerDark),
+			[n.OnAccentContainer]: b(e.onAccentContainer, e.onAccentContainerDark),
+			[n.Background]: b(e.background, e.backgroundDark),
+			[n.OnBackground]: b(e.onBackground, e.onBackgroundDark),
+			[n.OnBackgroundBorder]: b(e.onBackgroundBorder, e.onBackgroundBorderDark),
+			[n.OnBackgroundSubdued]: b(e.onBackgroundSubdued, e.onBackgroundSubduedDark),
+			[n.BackgroundDisabled]: b(e.backgroundDisabled, e.backgroundDisabledDark),
+			[n.OnBackgroundHeader]: b(e.onBackgroundHeader, e.onBackgroundHeaderDark),
+			[n.Surface]: b(e.surface, e.surfaceDark),
+			[n.OnSurface]: b(e.onSurface, e.onSurfaceDark),
+			[n.ViewHeaderBackground]: b(e.viewHeaderBackground, e.viewHeaderBackgroundDark),
+			[n.OnSurfaceBorder]: b(e.onSurfaceBorder, e.onSurfaceBorderDark),
+			[n.OnSurfaceSubdued]: b(e.onSurfaceSubdued, e.onSurfaceSubduedDark),
+			[n.SurfaceDisabled]: b(e.surfaceDisabled, e.surfaceDisabledDark),
+			[n.OnSurfaceHeader]: b(e.onSurfaceHeader, e.onSurfaceHeaderDark),
+			[n.Info]: b(e.info, e.infoDark),
+			[n.InfoHover]: b(e.infoHover, e.infoHoverDark),
+			[n.InfoActive]: b(e.infoActive, e.infoActiveDark),
+			[n.OnInfo]: b(e.onInfo, e.onInfoDark),
+			[n.InfoContainer]: b(e.infoContainer, e.infoContainerDark),
+			[n.OnInfoContainer]: b(e.onInfoContainer, e.onInfoContainerDark),
+			[n.Success]: b(e.success, e.successDark),
+			[n.SuccessHover]: b(e.successHover, e.successHoverDark),
+			[n.SuccessActive]: b(e.successActive, e.successActiveDark),
+			[n.OnSuccess]: b(e.onSuccess, e.onSuccessDark),
+			[n.SuccessContainer]: b(e.successContainer, e.successContainerDark),
+			[n.OnSuccessContainer]: b(e.onSuccessContainer, e.onSuccessContainerDark),
+			[n.Warning]: b(e.warning, e.warningDark),
+			[n.WarningHover]: b(e.warningHover, e.warningHoverDark),
+			[n.WarningActive]: b(e.warningActive, e.warningActiveDark),
+			[n.OnWarning]: b(e.onWarning, e.onWarningDark),
+			[n.WarningContainer]: b(e.warningContainer, e.warningContainerDark),
+			[n.OnWarningContainer]: b(e.onWarningContainer, e.onWarningContainerDark),
+			[n.Error]: b(e.error, e.errorDark),
+			[n.ErrorHover]: b(e.errorHover, e.errorHoverDark),
+			[n.ErrorActive]: b(e.errorActive, e.errorActiveDark),
+			[n.OnError]: b(e.onError, e.onErrorDark),
+			[n.ErrorContainer]: b(e.errorContainer, e.errorContainerDark),
+			[n.OnErrorContainer]: b(e.onErrorContainer, e.onErrorContainerDark),
+			[n.Neutral]: b(e.neutral, e.neutralDark),
+			[n.NeutralHover]: b(e.neutralHover, e.neutralHoverDark),
+			[n.NeutralActive]: b(e.neutralActive, e.neutralActiveDark),
+			[n.OnNeutral]: b(e.onNeutral, e.onNeutralDark),
+			[n.NeutralContainer]: b(e.neutralContainer, e.neutralContainerDark),
+			[n.OnNeutralContainer]: b(e.onNeutralContainer, e.onNeutralContainerDark),
+			[n.Muted]: b(e.muted, e.mutedDark),
+			[n.MutedHover]: b(e.mutedHover, e.mutedHoverDark),
+			[n.MutedActive]: b(e.mutedActive, e.mutedActiveDark),
+			[n.OnMuted]: b(e.onMuted, e.onMutedDark),
+			[n.MutedContainer]: b(e.mutedContainer, e.mutedContainerDark),
+			[n.OnMutedContainer]: b(e.onMutedContainer, e.onMutedContainerDark),
+			[n.Strong]: b(e.strong, e.strongDark),
+			[n.StrongHover]: b(e.strongHover, e.strongHoverDark),
+			[n.StrongActive]: b(e.strongActive, e.strongActiveDark),
+			[n.OnStrong]: b(e.onStrong, e.onStrongDark),
+			[n.StrongContainer]: b(e.strongContainer, e.strongContainerDark),
+			[n.OnStrongContainer]: b(e.onStrongContainer, e.onStrongContainerDark),
+			[n.Highlight]: b(e.highlight, e.highlightDark),
+			[n.OnHighlight]: b(e.onHighlight, e.onHighlightDark),
+			[n.Shadow]: b("#000000"),
+			[n.ModalOverlay]: b("#F6F5F4CC", "#0B2533CC"),
+			[n.ViewFinderOverlay]: b("#0000007A"),
+			[n.ShadowHeader]: b("#0000003D"),
+			[n.ShadowFooter]: b("#00000029"),
+			[n.ShadowCard]: b("#00000029"),
+			[n.ShadowScroll]: b("#0000001F"),
+			[n.ViewHeaderSurface]: b("#FDFDFDE0", "#0D2B3BE0"),
+			[n.PickerOnPicker]: b("#151411"),
+			[n.PickerBerry]: b("#A9B2CD"),
+			[n.PickerBerryLight]: b("#CAD0E7"),
+			[n.PickerCoral]: b("#F69C9C"),
+			[n.PickerCoralLight]: b("#FFCCCC"),
+			[n.PickerFlamingo]: b("#E39FB6"),
+			[n.PickerFlamingoLight]: b("#F1C6D1"),
+			[n.PickerFog]: b("#C3C3C3"),
+			[n.PickerFogLight]: b("#D9D9D9"),
+			[n.PickerHoney]: b("#F2B961"),
+			[n.PickerHoneyLight]: b("#F8D9A8"),
+			[n.PickerLemon]: b("#F5EE77"),
+			[n.PickerLemonLight]: b("#F4F0AF"),
+			[n.PickerLime]: b("#9BC87E"),
+			[n.PickerLimeLight]: b("#CAE1BA"),
+			[n.PickerOlive]: b("#9BCDB6"),
+			[n.PickerOliveLight]: b("#CBE4D7"),
+			[n.PickerPlum]: b("#D2A5C2"),
+			[n.PickerPlumLight]: b("#E5C3DA"),
+			[n.PickerSky]: b("#84C1E9"),
+			[n.PickerSkyLight]: b("#BFDDF2")
+		},
+		fonts: {
+			[i.Body]: x(t.body),
+			[i.Header]: x(t.header),
+			[i.SubHeader]: x(t.subheader)
+		}
+	};
 }
-function r(e, i) {
-  return {
-    value: {
-      base: e,
-      ...i ? {
-        _dark: i
-      } : {}
-    }
-  };
+function b(e, t) {
+	return { value: {
+		base: e,
+		...t ? { _dark: t } : {}
+	} };
 }
-function a(e) {
-  return {
-    value: e
-  };
+function x(e) {
+	return { value: e };
 }
-export {
-  w as createSystemWithOverrides
-};
+//#endregion
+export { _ as createSystemWithOverrides };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@caspeco/casper-ui-library",
-	"version": "10.4.0",
+	"version": "10.5.0",
 	"prettier": "@caspeco/prettier-config",
 	"type": "module",
 	"sideEffects": false,
@@ -38,32 +38,33 @@
 		"knip": "knip"
 	},
 	"devDependencies": {
-		"@arethetypeswrong/cli": "^0.18.3",
-		"@caspeco/eslint-config-react": "^5.3.0",
+		"@arethetypeswrong/cli": "^0.18.5",
+		"@babel/core": "^7.29.7",
+		"@caspeco/eslint-config-react": "^5.4.2",
 		"@caspeco/prettier-config": "^1.0.7",
-		"@chakra-ui/cli": "^3.36.0",
-		"@types/node": "^24.13.3",
-		"@types/react": "^19.2.17",
-		"@types/react-dom": "^19.2.3",
-		"@vitejs/plugin-react": "^5.2.0",
-		"@vitest/browser": "^4.1.9",
-		"@vitest/browser-playwright": "^4.1.9",
-		"@vitest/ui": "^4.1.9",
+		"@chakra-ui/cli": "^3.36.1",
+		"@rolldown/plugin-babel": "^0.2.3",
+		"@types/node": "^26.2.0",
+		"@types/react": "^19.2.18",
+		"@types/react-dom": "^19.2.4",
+		"@vitejs/plugin-react": "^6.0.5",
+		"@vitest/browser": "^4.1.11",
+		"@vitest/browser-playwright": "^4.1.11",
+		"@vitest/ui": "^4.1.11",
 		"babel-plugin-react-compiler": "^1.0.0",
 		"eslint": "^9.39.2",
 		"eslint-plugin-react-hooks": "^7.1.1",
-		"eslint-plugin-react-refresh": "^0.5.3",
-		"globals": "^17.6.0",
-		"knip": "^6.25.0",
-		"playwright": "1.61.0",
-		"prettier": "^3.8.1",
+		"eslint-plugin-react-refresh": "^0.5.4",
+		"globals": "^17.11.0",
+		"knip": "^6.32.2",
+		"playwright": "1.62.1",
+		"prettier": "^3.9.6",
 		"rimraf": "^6.1.3",
-		"tsc-alias": "^1.8.17",
+		"tsc-alias": "^1.9.2",
 		"typescript": "^6.0.3",
-		"vite": "^7.3.5",
-		"vite-plugin-dts": "^5.0.2",
-		"vite-tsconfig-paths": "^6.1.1",
-		"vitest": "^4.1.9",
+		"vite": "^8.2.1",
+		"vite-plugin-dts": "^5.0.3",
+		"vitest": "^4.1.11",
 		"vitest-browser-react": "^2.2.0"
 	},
 	"peerDependencies": {
@@ -77,18 +78,18 @@
 		"@dnd-kit/collision": "^0.5.0",
 		"@dnd-kit/dom": "^0.5.0",
 		"@dnd-kit/react": "^0.5.0",
-		"@floating-ui/dom": "^1.7.6",
+		"@floating-ui/dom": "^1.8.0",
 		"@tanstack/react-table": "^8.21.3",
-		"@tanstack/react-virtual": "^3.14.3",
-		"@tiptap/core": "^3.27.1",
-		"@tiptap/extension-link": "^3.27.1",
-		"@tiptap/extension-underline": "^3.27.1",
-		"@tiptap/react": "^3.27.1",
-		"@tiptap/starter-kit": "^3.27.1",
+		"@tanstack/react-virtual": "^3.14.10",
+		"@tiptap/core": "^3.30.2",
+		"@tiptap/extension-link": "^3.30.2",
+		"@tiptap/extension-underline": "^3.30.2",
+		"@tiptap/react": "^3.30.2",
+		"@tiptap/starter-kit": "^3.30.2",
 		"country-flag-icons": "^1.6.20",
 		"csstype": "^3.2.3",
 		"date-fns": "^4.4.0",
-		"libphonenumber-js": "^1.13.7",
+		"libphonenumber-js": "^1.13.11",
 		"linkifyjs": "^4.3.3",
 		"next-themes": "^0.4.6"
 	}

package/dist/_virtual/compiler-runtime.js

@@ -1,5 +0,0 @@
-import { __require as r } from "../node_modules/react/compiler-runtime.js";
-var i = r();
-export {
-  i as c
-};

package/dist/_virtual/compiler-runtime2.js

@@ -1,4 +0,0 @@
-var e = { exports: {} };
-export {
-  e as __module
-};

package/dist/_virtual/index.js

@@ -1,5 +0,0 @@
-import { __require as r } from "../node_modules/use-sync-external-store/shim/index.js";
-var i = r();
-export {
-  i as s
-};

package/dist/_virtual/index2.js

@@ -1,4 +0,0 @@
-var e = { exports: {} };
-export {
-  e as __module
-};

package/dist/_virtual/react-compiler-runtime.development.js

@@ -1,4 +0,0 @@
-var e = {};
-export {
-  e as __exports
-};

package/dist/_virtual/react-compiler-runtime.production.js

@@ -1,4 +0,0 @@
-var r = {};
-export {
-  r as __exports
-};

package/dist/_virtual/use-sync-external-store-shim.development.js

@@ -1,4 +0,0 @@
-var e = {};
-export {
-  e as __exports
-};

package/dist/_virtual/use-sync-external-store-shim.production.js

@@ -1,4 +0,0 @@
-var r = {};
-export {
-  r as __exports
-};