@danielito1996/compose-svelted 0.2.2 → 0.2.5

package/dist/core/motion/contentTransitions.d.ts

@@ -0,0 +1,4 @@
+import type { ContentTransition } from "./ContentTransition";
+export declare function slideHorizontal(): ContentTransition;
+export declare function scaleFade(): ContentTransition;
+export declare function fade(duration?: number): ContentTransition;

package/dist/core/motion/contentTransitions.js

@@ -0,0 +1,22 @@
+export function slideHorizontal() {
+    return {
+        enter: "transition-transform duration-200 ease-out translate-x-0",
+        exit: "transition-transform duration-200 ease-in -translate-x-full",
+        duration: 200
+    };
+}
+export function scaleFade() {
+    return {
+        enter: "transition-all duration-220 ease-out opacity-100 scale-100",
+        exit: "transition-all duration-180 ease-in opacity-0 scale-95",
+        duration: 220
+    };
+}
+export function fade(duration) {
+    if (duration === void 0) { duration = 300; }
+    return {
+        enter: "animate-fade-in",
+        exit: "animate-fade-out",
+        duration: duration
+    };
+}

package/dist/core/motion/transitions.d.ts

@@ -0,0 +1,7 @@
+import type { AnimationSpec } from "./AnimationSpec";
+export declare function fadeIn(duration?: number): AnimationSpec;
+export declare function fadeOut(duration?: number): AnimationSpec;
+export declare function scaleIn(duration?: number): AnimationSpec;
+export declare function scaleOut(duration?: number): AnimationSpec;
+export declare function slideIn(duration?: number, direction?: "left" | "right" | "up" | "down"): AnimationSpec;
+export declare function slideOut(duration?: number, direction?: "left" | "right" | "up" | "down"): AnimationSpec;

package/dist/core/motion/transitions.js

@@ -0,0 +1,70 @@
+var defaultEnter = 280;
+var defaultExit = 220;
+export function fadeIn(duration) {
+    if (duration === void 0) { duration = defaultEnter; }
+    return {
+        base: "transition-opacity duration-[".concat(duration, "ms] ease-out"),
+        from: "opacity-0",
+        to: "opacity-100",
+        duration: duration
+    };
+}
+export function fadeOut(duration) {
+    if (duration === void 0) { duration = defaultExit; }
+    return {
+        base: "transition-opacity duration-[".concat(duration, "ms] ease-in"),
+        from: "opacity-100",
+        to: "opacity-0",
+        duration: duration
+    };
+}
+export function scaleIn(duration) {
+    if (duration === void 0) { duration = defaultEnter; }
+    return {
+        base: "transition-all duration-[".concat(duration, "ms] ease-out"),
+        from: "opacity-0 scale-95",
+        to: "opacity-100 scale-100",
+        duration: duration
+    };
+}
+export function scaleOut(duration) {
+    if (duration === void 0) { duration = defaultExit; }
+    return {
+        base: "transition-all duration-[".concat(duration, "ms] ease-in"),
+        from: "opacity-100 scale-100",
+        to: "opacity-0 scale-95",
+        duration: duration
+    };
+}
+export function slideIn(duration, direction) {
+    if (duration === void 0) { duration = defaultEnter; }
+    if (direction === void 0) { direction = "right"; }
+    var fromMap = {
+        left: "-translate-x-4",
+        right: "translate-x-4",
+        up: "-translate-y-4",
+        down: "translate-y-4"
+    };
+    return {
+        base: "transition-all duration-[".concat(duration, "ms] ease-out"),
+        from: "opacity-0 ".concat(fromMap[direction]),
+        to: "opacity-100 translate-x-0 translate-y-0",
+        duration: duration
+    };
+}
+export function slideOut(duration, direction) {
+    if (duration === void 0) { duration = defaultExit; }
+    if (direction === void 0) { direction = "right"; }
+    var toMap = {
+        left: "-translate-x-4",
+        right: "translate-x-4",
+        up: "-translate-y-4",
+        down: "translate-y-4"
+    };
+    return {
+        base: "transition-all duration-[".concat(duration, "ms] ease-in"),
+        from: "opacity-100 translate-x-0 translate-y-0",
+        to: "opacity-0 ".concat(toMap[direction]),
+        duration: duration
+    };
+}

package/dist/core/navigation/NavBackStackEntry.d.ts

@@ -0,0 +1,4 @@
+export type NavBackStackEntry<T = unknown> = {
+    route: string;
+    args?: T;
+};

package/dist/core/navigation/NavBackStackEntry.js

@@ -0,0 +1 @@
+export {};

package/dist/core/navigation/NavController.d.ts

@@ -0,0 +1,9 @@
+import { type Writable } from "svelte/store";
+import type { NavBackStackEntry } from "./NavBackStackEntry";
+export declare class NavController {
+    private readonly stackStore;
+    constructor(startDestination: string);
+    _getStackStore(): Writable<NavBackStackEntry[]>;
+    navigate<T = unknown>(route: string, args?: T): void;
+    popBackStack(): void;
+}

package/dist/core/navigation/NavController.js

@@ -0,0 +1,31 @@
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+import { writable } from "svelte/store";
+var NavController = /** @class */ (function () {
+    function NavController(startDestination) {
+        this.stackStore = writable([
+            { route: startDestination }
+        ]);
+    }
+    // ✅ siempre devuelve EL MISMO store
+    NavController.prototype._getStackStore = function () {
+        return this.stackStore;
+    };
+    NavController.prototype.navigate = function (route, args) {
+        this.stackStore.update(function (s) { return __spreadArray(__spreadArray([], s, true), [{ route: route, args: args }], false); });
+    };
+    NavController.prototype.popBackStack = function () {
+        this.stackStore.update(function (s) {
+            return s.length > 1 ? s.slice(0, -1) : s;
+        });
+    };
+    return NavController;
+}());
+export { NavController };

package/dist/core/navigation/NavHost.svelte

@@ -0,0 +1,45 @@
+<script lang="ts">
+    import { Modifier } from "../modifier/Modifier";
+    import type { NavController } from "./NavController";
+    import AnimatedContent from "../../components/motion/AnimatedContent.svelte";
+    import type { ContentTransition } from "../motion/ContentTransition";
+    import { fade } from "../motion/contentTransitions";
+
+    export let navController: NavController;
+
+    export let routes: {
+        route: { path: string };
+        component: any;
+    }[];
+
+    // 🔹 Transición única, Compose-like
+    export let transition: ContentTransition = fade(320);
+
+    export let modifier: Modifier = Modifier.empty();
+
+    // 🔹 Store interno (estable)
+    const stackStore = navController._getStackStore();
+
+    $: stack = $stackStore;
+    $: currentEntry = stack.at(-1);
+
+    $: active =
+        routes.find(r => r.route.path === currentEntry?.route);
+</script>
+
+<div style={modifier.toStyle()}>
+    <AnimatedContent
+            targetState={currentEntry?.route}
+            transition={transition}
+            modifier={Modifier.fillMaxSize()}
+            let:value
+    >
+        {#if active}
+            <svelte:component
+                    this={active.component}
+                    navController={navController}
+                    navBackStackEntry={currentEntry}
+            />
+        {/if}
+    </AnimatedContent>
+</div>

package/dist/core/navigation/NavHost.svelte.d.ts

@@ -0,0 +1,31 @@
+import { Modifier } from "../modifier/Modifier";
+import type { NavController } from "./NavController";
+import type { ContentTransition } from "../motion/ContentTransition";
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const NavHost: $$__sveltets_2_IsomorphicComponent<{
+    navController: NavController;
+    routes: {
+        route: {
+            path: string;
+        };
+        component: any;
+    }[];
+    transition?: ContentTransition;
+    modifier?: Modifier;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type NavHost = InstanceType<typeof NavHost>;
+export default NavHost;

package/dist/core/navigation/NavStore.d.ts

@@ -0,0 +1,7 @@
+import type { NavBackStackEntry } from "./NavBackStackEntry";
+export declare function createNavStore(startDestination: string): {
+    stack: import("svelte/store").Writable<NavBackStackEntry[]>;
+    navigate<T = unknown>(route: string, args?: T): void;
+    pop(): void;
+};
+export type NavStore = ReturnType<typeof createNavStore>;

package/dist/core/navigation/NavStore.js

@@ -0,0 +1,24 @@
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+import { writable } from "svelte/store";
+export function createNavStore(startDestination) {
+    var stack = writable([
+        { route: startDestination }
+    ]);
+    return {
+        stack: stack,
+        navigate: function (route, args) {
+            stack.update(function (s) { return __spreadArray(__spreadArray([], s, true), [{ route: route, args: args }], false); });
+        },
+        pop: function () {
+            stack.update(function (s) { return (s.length > 1 ? s.slice(0, -1) : s); });
+        }
+    };
+}

package/dist/core/navigation/Route.d.ts

@@ -0,0 +1,3 @@
+export type Route<T = unknown> = {
+    path: string;
+};

package/dist/core/navigation/Route.js

@@ -0,0 +1 @@
+export {};

package/dist/core/navigation/composable.d.ts

@@ -0,0 +1,5 @@
+import type { Route } from "./Route";
+export declare function composable<T>(route: Route<T>, factory: () => any): {
+    route: Route<T>;
+    component: any;
+};

package/dist/core/navigation/composable.js

@@ -0,0 +1,6 @@
+export function composable(route, factory) {
+    return {
+        route: route,
+        component: factory()
+    };
+}

package/dist/core/navigation/rememberNavController.d.ts

@@ -0,0 +1,2 @@
+import { NavController } from "./NavController";
+export declare function rememberNavController(startDestination: string): NavController;

package/dist/core/navigation/rememberNavController.js

@@ -0,0 +1,4 @@
+import { NavController } from "./NavController";
+export function rememberNavController(startDestination) {
+    return new NavController(startDestination);
+}

package/dist/core/shapes/RoundedCornerShape.d.ts

@@ -0,0 +1,13 @@
+import type { Shape } from "./Shape";
+type CornerSize = number | string;
+type RoundedCornerParams = CornerSize | {
+    topStart?: CornerSize;
+    topEnd?: CornerSize;
+    bottomEnd?: CornerSize;
+    bottomStart?: CornerSize;
+};
+/**
+ * Compose-like factory
+ */
+export declare function RoundedCornerShape(params: RoundedCornerParams): Shape;
+export {};

package/dist/core/shapes/RoundedCornerShape.js

@@ -0,0 +1,27 @@
+function toCss(value) {
+    if (value === undefined)
+        return "0px";
+    return typeof value === "number" ? "".concat(value, "px") : value;
+}
+var RoundedCornerShapeImpl = /** @class */ (function () {
+    function RoundedCornerShapeImpl(params) {
+        this.params = params;
+    }
+    RoundedCornerShapeImpl.prototype.toCssBorderRadius = function () {
+        // Caso: un solo valor → todas las esquinas
+        if (typeof this.params === "number" || typeof this.params === "string") {
+            var v = toCss(this.params);
+            return "".concat(v, " ").concat(v, " ").concat(v, " ").concat(v);
+        }
+        var _a = this.params, _b = _a.topStart, topStart = _b === void 0 ? 0 : _b, _c = _a.topEnd, topEnd = _c === void 0 ? 0 : _c, _d = _a.bottomEnd, bottomEnd = _d === void 0 ? 0 : _d, _e = _a.bottomStart, bottomStart = _e === void 0 ? 0 : _e;
+        // CSS: top-left, top-right, bottom-right, bottom-left
+        return "\n            ".concat(toCss(topStart), "\n            ").concat(toCss(topEnd), "\n            ").concat(toCss(bottomEnd), "\n            ").concat(toCss(bottomStart), "\n        ").trim();
+    };
+    return RoundedCornerShapeImpl;
+}());
+/**
+ * Compose-like factory
+ */
+export function RoundedCornerShape(params) {
+    return new RoundedCornerShapeImpl(params);
+}

package/dist/core/shapes/Shape.d.ts

@@ -0,0 +1,3 @@
+export interface Shape {
+    toCssBorderRadius(): string;
+}

package/dist/core/shapes/Shape.js

@@ -0,0 +1 @@
+export {};

package/dist/core/theme/ColorScheme.d.ts

@@ -0,0 +1,17 @@
+import type { ColorScheme as Def } from "./colors";
+export type ColorToken = keyof Def;
+export declare const ColorScheme: {
+    readonly Primary: "primary";
+    readonly OnPrimary: "onPrimary";
+    readonly Secondary: "secondary";
+    readonly OnSecondary: "onSecondary";
+    readonly Background: "background";
+    readonly OnBackground: "onBackground";
+    readonly Surface: "surface";
+    readonly OnSurface: "onSurface";
+    readonly SurfaceVariant: "surfaceVariant";
+    readonly OnSurfaceVariant: "onSurfaceVariant";
+    readonly Outline: "outline";
+    readonly Error: "error";
+    readonly OnError: "onError";
+};

package/dist/core/theme/ColorScheme.js

@@ -0,0 +1,15 @@
+export var ColorScheme = {
+    Primary: "primary",
+    OnPrimary: "onPrimary",
+    Secondary: "secondary",
+    OnSecondary: "onSecondary",
+    Background: "background",
+    OnBackground: "onBackground",
+    Surface: "surface",
+    OnSurface: "onSurface",
+    SurfaceVariant: "surfaceVariant",
+    OnSurfaceVariant: "onSurfaceVariant",
+    Outline: "outline",
+    Error: "error",
+    OnError: "onError",
+};

package/dist/core/theme/ComposeTheme.svelte

@@ -0,0 +1,22 @@
+<script lang="ts">
+    import { themeState, resolvedTheme } from "./store";
+    import { themeToCssVars } from "./cssVars";
+    import { defaultLightTheme, defaultDarkTheme } from "./defaults/defaultTheme";
+    import type { ComposeTheme as Theme, ThemeMode } from "./theme";
+
+    export let light: Theme | undefined = undefined;
+    export let dark: Theme | undefined = undefined;
+    export let mode: ThemeMode = "system";
+
+    $: themeState.set({
+        light: light ?? defaultLightTheme,
+        dark: dark ?? defaultDarkTheme,
+        mode,
+    });
+
+    $: css = $resolvedTheme ? themeToCssVars($resolvedTheme) : "";
+</script>
+
+<div style={css}>
+    <slot />
+</div>

package/dist/core/theme/ComposeTheme.svelte.d.ts

@@ -0,0 +1,32 @@
+import type { ComposeTheme as Theme, ThemeMode } from "./theme";
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
+    default: any;
+} ? Props extends Record<string, never> ? any : {
+    children?: any;
+} : {});
+declare const ComposeTheme: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
+    light?: Theme | undefined;
+    dark?: Theme | undefined;
+    mode?: ThemeMode;
+}, {
+    default: {};
+}>, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}, {}, string>;
+type ComposeTheme = InstanceType<typeof ComposeTheme>;
+export default ComposeTheme;

package/dist/core/theme/Density.d.ts

@@ -0,0 +1,5 @@
+export declare const Density: {
+    readonly Default: "default";
+    readonly Compact: "compact";
+};
+export type DensityToken = typeof Density[keyof typeof Density];

package/dist/core/theme/Density.js

@@ -0,0 +1,4 @@
+export var Density = {
+    Default: "default",
+    Compact: "compact",
+};

package/dist/core/theme/TextStyle.d.ts

@@ -0,0 +1,19 @@
+import type { Typography } from "./typography";
+export type TextStyleToken = keyof Typography;
+export declare const TextStyle: {
+    readonly DisplayLarge: "displayLarge";
+    readonly DisplayMedium: "displayMedium";
+    readonly DisplaySmall: "displaySmall";
+    readonly HeadlineLarge: "headlineLarge";
+    readonly HeadlineMedium: "headlineMedium";
+    readonly HeadlineSmall: "headlineSmall";
+    readonly TitleLarge: "titleLarge";
+    readonly TitleMedium: "titleMedium";
+    readonly TitleSmall: "titleSmall";
+    readonly BodyLarge: "bodyLarge";
+    readonly BodyMedium: "bodyMedium";
+    readonly BodySmall: "bodySmall";
+    readonly LabelLarge: "labelLarge";
+    readonly LabelMedium: "labelMedium";
+    readonly LabelSmall: "labelSmall";
+};

package/dist/core/theme/TextStyle.js

@@ -0,0 +1,17 @@
+export var TextStyle = {
+    DisplayLarge: "displayLarge",
+    DisplayMedium: "displayMedium",
+    DisplaySmall: "displaySmall",
+    HeadlineLarge: "headlineLarge",
+    HeadlineMedium: "headlineMedium",
+    HeadlineSmall: "headlineSmall",
+    TitleLarge: "titleLarge",
+    TitleMedium: "titleMedium",
+    TitleSmall: "titleSmall",
+    BodyLarge: "bodyLarge",
+    BodyMedium: "bodyMedium",
+    BodySmall: "bodySmall",
+    LabelLarge: "labelLarge",
+    LabelMedium: "labelMedium",
+    LabelSmall: "labelSmall",
+};

package/dist/core/theme/colors.d.ts

@@ -0,0 +1,15 @@
+export interface ColorScheme {
+    primary: string;
+    onPrimary: string;
+    secondary: string;
+    onSecondary: string;
+    background: string;
+    onBackground: string;
+    surface: string;
+    onSurface: string;
+    surfaceVariant: string;
+    onSurfaceVariant: string;
+    outline: string;
+    error: string;
+    onError: string;
+}

package/dist/core/theme/colors.js

@@ -0,0 +1 @@
+export {};

package/dist/core/theme/cssVars.d.ts

@@ -0,0 +1,2 @@
+import type { ComposeTheme } from "./theme";
+export declare function themeToCssVars(theme: ComposeTheme): string;

package/dist/core/theme/cssVars.js

@@ -0,0 +1,29 @@
+export function themeToCssVars(theme) {
+    var vars = [];
+    Object.entries(theme.colorScheme).forEach(function (_a) {
+        var k = _a[0], v = _a[1];
+        return vars.push("--md-sys-color-".concat(k, ": ").concat(v, ";"));
+    });
+    // === Tipografía: una variable por cada propiedad (¡esto soluciona el bug!) ===
+    Object.entries(theme.typography).forEach(function (_a) {
+        var styleKey = _a[0], style = _a[1];
+        vars.push("--md-sys-typescale-".concat(styleKey, "-font-family: ").concat(style.fontFamily, ";"));
+        vars.push("--md-sys-typescale-".concat(styleKey, "-font-size: ").concat(style.fontSize, ";"));
+        vars.push("--md-sys-typescale-".concat(styleKey, "-line-height: ").concat(style.lineHeight, ";"));
+        vars.push("--md-sys-typescale-".concat(styleKey, "-letter-spacing: ").concat(style.letterSpacing, ";"));
+        vars.push("--md-sys-typescale-".concat(styleKey, "-font-weight: ").concat(style.fontWeight, ";"));
+    });
+    Object.entries(theme.shapes).forEach(function (_a) {
+        var k = _a[0], v = _a[1];
+        return vars.push("--md-sys-shape-".concat(k, ": ").concat(v, ";"));
+    });
+    Object.entries(theme.elevation).forEach(function (_a) {
+        var k = _a[0], v = _a[1];
+        return vars.push("--md-sys-elevation-".concat(k, ": ").concat(v, ";"));
+    });
+    Object.entries(theme.spacing).forEach(function (_a) {
+        var k = _a[0], v = _a[1];
+        return vars.push("--md-sys-spacing-".concat(k, ": ").concat(v, ";"));
+    });
+    return vars.join("\n");
+}

package/dist/core/theme/defaults/darkColors.d.ts

@@ -0,0 +1,2 @@
+import type { ColorScheme } from "../colors";
+export declare const darkColors: ColorScheme;

package/dist/core/theme/defaults/darkColors.js

@@ -0,0 +1,15 @@
+export var darkColors = {
+    primary: "#FC4B19",
+    onPrimary: "#E6E6E6",
+    secondary: "#3A3E49",
+    onSecondary: "#E6E6E6",
+    background: "#080808",
+    onBackground: "#E6E6E6",
+    surface: "#101010",
+    onSurface: "#E6E6E6",
+    surfaceVariant: "#1E1E1E",
+    onSurfaceVariant: "#CAC4D0",
+    outline: "#4A4A4A",
+    error: "#FF6F61",
+    onError: "#080808",
+};

package/dist/core/theme/defaults/defaultTheme.d.ts

@@ -0,0 +1,3 @@
+import type { ComposeTheme } from "../theme";
+export declare const defaultLightTheme: ComposeTheme;
+export declare const defaultDarkTheme: ComposeTheme;

package/dist/core/theme/defaults/defaultTheme.js

@@ -0,0 +1,40 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { lightColors } from "./lightColors";
+import { darkColors } from "./darkColors";
+import { defaultTypography } from "./typography";
+export var defaultLightTheme = {
+    colorScheme: lightColors,
+    typography: defaultTypography,
+    shapes: {
+        none: "0px",
+        extraSmall: "4px",
+        small: "8px",
+        medium: "12px",
+        large: "16px",
+    },
+    spacing: {
+        xs: "4px",
+        sm: "8px",
+        md: "16px",
+        lg: "24px",
+        xl: "32px",
+    },
+    elevation: {
+        level0: "none",
+        level1: "0 1px 2px rgba(0,0,0,0.2)",
+        level2: "0 2px 6px rgba(0,0,0,0.2)",
+        level3: "0 6px 12px rgba(0,0,0,0.25)",
+        level4: "0 12px 24px rgba(0,0,0,0.3)",
+    },
+};
+export var defaultDarkTheme = __assign(__assign({}, defaultLightTheme), { colorScheme: darkColors });

package/dist/core/theme/defaults/lightColors.d.ts

@@ -0,0 +1,2 @@
+import type { ColorScheme } from "../colors";
+export declare const lightColors: ColorScheme;

package/dist/core/theme/defaults/lightColors.js

@@ -0,0 +1,15 @@
+export var lightColors = {
+    primary: "#FF732F", // Violeta más intenso
+    onPrimary: "#FFFBF2",
+    secondary: "#3A3E49", // Teal vibrante
+    onSecondary: "#FFFFFF",
+    background: "#FFFBF2",
+    onBackground: "#1C1B1F",
+    surface: "#FFFFFF",
+    onSurface: "#1C1B1F",
+    surfaceVariant: "#F8F9FA",
+    onSurfaceVariant: "#DEE1E6",
+    outline: "#B0B0B0",
+    error: "#BA1A1A",
+    onError: "#FFFFFF",
+};

package/dist/core/theme/defaults/typography.d.ts

@@ -0,0 +1,2 @@
+import type { Typography } from "../typography";
+export declare const defaultTypography: Typography;