@danielito1996/compose-svelted 0.2.3 → 0.2.6

package/dist/components/AppRoot.svelte

@@ -0,0 +1,15 @@
+<script lang="ts">
+    import { Modifier } from "../core/modifier/Modifier";
+
+    export let modifier: Modifier = Modifier.empty();
+</script>
+
+<div
+        style={`
+    width:100vw;
+    height:100vh;
+    ${modifier.toStyle()}
+  `}
+>
+    <slot />
+</div>

package/dist/components/AppRoot.svelte.d.ts

@@ -0,0 +1,30 @@
+import { Modifier } from "../core/modifier/Modifier";
+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 AppRoot: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
+    modifier?: Modifier;
+}, {
+    default: {};
+}>, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}, {}, string>;
+type AppRoot = InstanceType<typeof AppRoot>;
+export default AppRoot;

package/dist/components/ContentScale.d.ts

@@ -0,0 +1,10 @@
+export declare const ContentScale: {
+    readonly Crop: "cover";
+    readonly Fit: "contain";
+    readonly FillBounds: "fill";
+    readonly Inside: "contain";
+    readonly FillWidth: "fillWidth";
+    readonly FillHeight: "fillHeight";
+    readonly None: "none";
+};
+export type ContentScaleToken = typeof ContentScale[keyof typeof ContentScale];

package/dist/components/ContentScale.js

@@ -0,0 +1,9 @@
+export var ContentScale = {
+    Crop: "cover",
+    Fit: "contain",
+    FillBounds: "fill",
+    Inside: "contain",
+    FillWidth: "fillWidth",
+    FillHeight: "fillHeight",
+    None: "none",
+};

package/dist/components/Icon.svelte

@@ -0,0 +1,47 @@
+<script lang="ts">
+    import { Modifier } from "../core/modifier/Modifier";
+    import { resolveColor } from "../core/theme/resolve";
+    import {ColorScheme, type ColorToken} from "../core/theme/ColorScheme";
+
+    export let painter: string = "";
+
+    export let tint: ColorToken | string | undefined = undefined;
+
+    export let modifier: Modifier = Modifier.empty();
+
+    // Lógica simple y segura
+    $: backgroundColor = (() => {
+        if (!tint) return resolveColor(ColorScheme.OnBackground as ColorToken);
+
+        // Si es color directo (hex, rgb, hsl, named)
+        if (
+            typeof tint === "string" &&
+            (tint.startsWith("#") || tint.startsWith("rgb") || tint.startsWith("hsl") || tint === "transparent")
+        ) {
+            return tint;
+        }
+
+        // Si es token del tema (string key como "primary", "onSurface")
+        if (typeof tint === "string") {
+            return resolveColor(tint as ColorToken); // var(--md-sys-color-primary)
+        }
+
+        return "currentColor";
+    })();
+</script>
+
+<div
+        class="block"
+        style={`
+    -webkit-mask-image: url(${painter});
+    mask-image: url(${painter});
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: contain;
+    mask-size: contain;
+    -webkit-mask-position: center;
+    mask-position: center;
+    background-color: ${backgroundColor};
+    ${modifier.toStyle()}
+  `}
+></div>

package/dist/components/Icon.svelte.d.ts

@@ -0,0 +1,24 @@
+import { Modifier } from "../core/modifier/Modifier";
+import { type ColorToken } from "../core/theme/ColorScheme";
+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 Icon: $$__sveltets_2_IsomorphicComponent<{
+    painter?: string;
+    tint?: ColorToken | string | undefined;
+    modifier?: Modifier;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type Icon = InstanceType<typeof Icon>;
+export default Icon;

package/dist/components/Image.svelte

@@ -0,0 +1,31 @@
+<script lang="ts">
+    import { Modifier } from "../core/modifier/Modifier";
+    import { ContentScale, type ContentScaleToken } from "./ContentScale";
+
+    export let painter: string = "";
+    export let contentScale: ContentScaleToken = ContentScale.Fit;
+    export let contentDescription: string = "";
+    export let modifier: Modifier = Modifier.empty();
+
+    $: isFillWidth = contentScale === "fillWidth";
+    $: isFillHeight = contentScale === "fillHeight";
+
+    $: objectFit =
+        isFillWidth || isFillHeight
+            ? "cover"
+            : contentScale;
+</script>
+
+<div class="relative overflow-hidden" style={modifier.toStyle()}>
+    <img
+            src={painter}
+            alt={contentDescription}
+            class="absolute inset-0"
+            style={`
+            width: ${isFillHeight ? "auto" : "100%"};
+            height: ${isFillWidth ? "auto" : "100%"};
+            object-fit: ${objectFit};
+            object-position: center;
+        `}
+    />
+</div>

package/dist/components/Image.svelte.d.ts

@@ -0,0 +1,25 @@
+import { Modifier } from "../core/modifier/Modifier";
+import { type ContentScaleToken } from "./ContentScale";
+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 Image: $$__sveltets_2_IsomorphicComponent<{
+    painter?: string;
+    contentScale?: ContentScaleToken;
+    contentDescription?: string;
+    modifier?: Modifier;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type Image = InstanceType<typeof Image>;
+export default Image;

package/dist/components/Spacer.svelte

@@ -0,0 +1,11 @@
+<script lang="ts">
+    import { Modifier } from "../core/modifier/Modifier";
+
+    /**
+     * Spacer: ocupa espacio vacío.
+     * Uso: <Spacer modifier={Modifier.height(16)} /> o width()
+     */
+    export let modifier: Modifier = Modifier.empty();
+</script>
+
+<div style={modifier.toStyle()}></div>

package/dist/components/Spacer.svelte.d.ts

@@ -0,0 +1,24 @@
+import { Modifier } from "../core/modifier/Modifier";
+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 Spacer: $$__sveltets_2_IsomorphicComponent<{
+    /**
+         * Spacer: ocupa espacio vacío.
+         * Uso: <Spacer modifier={Modifier.height(16)} /> o width()
+         */ modifier?: Modifier;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type Spacer = InstanceType<typeof Spacer>;
+export default Spacer;

package/dist/components/Surface.svelte

@@ -0,0 +1,19 @@
+<script lang="ts">
+    import { Modifier } from "../core/modifier/Modifier";
+    import { resolveColor } from "../core/theme/resolve";
+    import type { ColorToken } from "../core/theme/ColorScheme";
+
+    // ✅ default = no-op modifier
+    export let modifier: Modifier = Modifier.empty();
+    export let color: ColorToken = "surface";
+</script>
+
+<div
+        class="block"
+        style={`
+    background:${resolveColor(color)};
+    ${modifier.toStyle()}
+  `}
+>
+    <slot />
+</div>

package/dist/components/Surface.svelte.d.ts

@@ -0,0 +1,32 @@
+import { Modifier } from "../core/modifier/Modifier";
+import type { ColorToken } from "../core/theme/ColorScheme";
+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 Surface: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
+    modifier?: Modifier;
+    color?: ColorToken;
+}, {
+    default: {};
+}>, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}, {}, string>;
+type Surface = InstanceType<typeof Surface>;
+export default Surface;

package/dist/components/Text.svelte

@@ -0,0 +1,23 @@
+<script lang="ts">
+    import { Modifier } from "../core/modifier/Modifier";
+    import { resolveTextStyle, resolveColor } from "../core/theme/resolve";
+    import type { TextStyleToken } from "../core/theme/TextStyle";
+    import { ColorScheme, type ColorToken } from "../core/theme/ColorScheme";
+
+    export let modifier: Modifier = Modifier.empty();
+    export let textStyle: TextStyleToken = "bodyMedium";
+
+    // Aceptamos token o string directo
+    export let color: ColorToken | string = "onSurface";  // string literal por defecto
+
+    // Usamos la misma lógica que Surface (que ya funciona)
+    $: resolvedColor = typeof color === "string" ? resolveColor(color as ColorToken) : color;
+</script>
+
+<p class="block m-0" style={`
+  ${resolveTextStyle(textStyle)};
+  color: ${resolvedColor};
+  ${modifier.toStyle()}
+`}>
+    <slot />
+</p>

package/dist/components/Text.svelte.d.ts

@@ -0,0 +1,34 @@
+import { Modifier } from "../core/modifier/Modifier";
+import type { TextStyleToken } from "../core/theme/TextStyle";
+import { type ColorToken } from "../core/theme/ColorScheme";
+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 Text: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
+    modifier?: Modifier;
+    textStyle?: TextStyleToken;
+    color?: ColorToken | string;
+}, {
+    default: {};
+}>, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}, {}, string>;
+type Text = InstanceType<typeof Text>;
+export default Text;

package/dist/components/TonalButton.svelte

@@ -0,0 +1,34 @@
+<script lang="ts">
+    import { Modifier } from "../core/modifier/Modifier";
+    import { resolveColor } from "../core/theme/resolve";
+    import { ColorScheme, type ColorToken } from "../core/theme/ColorScheme";
+
+    export let onClick: () => void = () => {};
+    export let modifier: Modifier = Modifier.empty();
+
+    // Defaults para TonalButton (secundario suave)
+    export let color: ColorToken | string = "secondaryContainer";
+    export let onColor: ColorToken | string = "onSecondaryContainer";
+
+    export let shape: "none" | "extraSmall" | "small" | "medium" | "large" = "large";
+    export let elevation: "level0" | "level1" | "level2" | "level3" | "level4" = "level0";  // Tonal suele ser sin elevación
+
+    $: backgroundColor = typeof color === "string" ? resolveColor(color as ColorToken) : color;
+    $: contentColor = typeof onColor === "string" ? resolveColor(onColor as ColorToken) : onColor;
+    $: borderRadius = `var(--md-sys-shape-${shape})`;
+    $: boxShadow = `var(--md-sys-elevation-${elevation})`;
+</script>
+
+<button
+        on:click={onClick}
+        class="border-0 cursor-pointer flex items-center justify-center gap-8 px-24 py-12 font-medium tracking-wider transition-all hover:opacity-90 active:scale-95"
+        style={`
+    background: ${backgroundColor};
+    color: ${contentColor};
+    border-radius: ${borderRadius};
+    box-shadow: ${boxShadow};
+    ${modifier.toStyle()}
+  `}
+>
+    <slot />
+</button>

package/dist/components/TonalButton.svelte.d.ts

@@ -0,0 +1,36 @@
+import { Modifier } from "../core/modifier/Modifier";
+import { type ColorToken } from "../core/theme/ColorScheme";
+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 TonalButton: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
+    onClick?: () => void;
+    modifier?: Modifier;
+    color?: ColorToken | string;
+    onColor?: ColorToken | string;
+    shape?: "none" | "extraSmall" | "small" | "medium" | "large";
+    elevation?: "level0" | "level1" | "level2" | "level3" | "level4";
+}, {
+    default: {};
+}>, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}, {}, string>;
+type TonalButton = InstanceType<typeof TonalButton>;
+export default TonalButton;

package/dist/components/buttons/Button.svelte

@@ -0,0 +1,34 @@
+<script lang="ts">
+    import { Modifier } from "../../core/modifier/Modifier";
+    import { resolveColor } from "../../core/theme/resolve";
+    import { ColorScheme, type ColorToken } from "../../core/theme/ColorScheme";
+
+    export let onClick: () => void = () => {};
+    export let modifier: Modifier = Modifier.empty();
+
+    export let color: ColorToken | string = "primary";
+    export let onColor: ColorToken | string = "onPrimary";
+
+    export let shape: "none" | "extraSmall" | "small" | "medium" | "large" = "large";
+    export let elevation: "level0" | "level1" | "level2" | "level3" | "level4" = "level1";
+
+    $: backgroundColor = typeof color === "string" ? resolveColor(color as ColorToken) : color;
+    $: contentColor = typeof onColor === "string" ? resolveColor(onColor as ColorToken) : onColor;
+    $: borderRadius = `var(--md-sys-shape-${shape})`;
+    $: boxShadow = `var(--md-sys-elevation-${elevation})`;
+</script>
+
+<button
+        on:click={onClick}
+        class="border-0 cursor-pointer inline-flex items-center justify-center gap-8 font-medium tracking-wider transition-all hover:opacity-90 active:scale-95"
+        style={`
+    background: ${backgroundColor};
+    color: ${contentColor};
+    border-radius: ${borderRadius};
+    box-shadow: ${boxShadow};
+    padding: 10px 24px;  <!-- Padding moderado: vertical 10px, horizontal 24px (como Compose) -->
+    ${modifier.toStyle()}
+  `}
+>
+    <slot />
+</button>

package/dist/components/buttons/Button.svelte.d.ts

@@ -0,0 +1,36 @@
+import { Modifier } from "../../core/modifier/Modifier";
+import { type ColorToken } from "../../core/theme/ColorScheme";
+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 Button: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
+    onClick?: () => void;
+    modifier?: Modifier;
+    color?: ColorToken | string;
+    onColor?: ColorToken | string;
+    shape?: "none" | "extraSmall" | "small" | "medium" | "large";
+    elevation?: "level0" | "level1" | "level2" | "level3" | "level4";
+}, {
+    default: {};
+}>, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}, {}, string>;
+type Button = InstanceType<typeof Button>;
+export default Button;

package/dist/components/buttons/ButtonWithIcon.svelte.d.ts

@@ -0,0 +1,26 @@
+export default ButtonWithIcon;
+type ButtonWithIcon = SvelteComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> & {
+    $$bindings?: string;
+};
+declare const ButtonWithIcon: $$__sveltets_2_IsomorphicComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+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: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}

package/dist/components/buttons/CheckButton.svelte

@@ -0,0 +1,77 @@
+<script lang="ts">
+    import { Modifier } from "../../core/modifier/Modifier";
+    import { ColorScheme } from "../../core/theme/ColorScheme";
+    import { resolveColor } from "../../core/theme/resolve";
+    import { RoundedCornerShape } from "../../core/shapes/RoundedCornerShape";
+    import AnimatedVisibility from "../motion/AnimatedVisibility.svelte";
+    import { scaleIn, scaleOut } from "../../core/motion/transitions";
+    import type { Shape } from "../../core/shapes/Shape";
+
+    export let checked: boolean;
+    export let onCheckedChange: (value: boolean) => void;
+
+    export let enabled: boolean = true;
+    export let shape: Shape = RoundedCornerShape(8);
+    export let modifier: Modifier = Modifier.empty();
+
+    function toggle() {
+        if (!enabled) return;
+        onCheckedChange(!checked);
+    }
+
+    $: background = checked
+        ? resolveColor(ColorScheme.Primary)
+        : resolveColor(ColorScheme.SurfaceVariant);
+
+    $: contentColor = checked
+        ? resolveColor(ColorScheme.OnPrimary)
+        : resolveColor(ColorScheme.OnSurface);
+</script>
+
+<button
+        on:click={toggle}
+        disabled={!enabled}
+        style={`
+        display: flex;
+        align-items: center;
+        gap: 12px;
+        padding: 12px 16px;
+        background: ${background};
+        color: ${contentColor};
+        border-radius: ${shape.toCssBorderRadius()};
+        border: none;
+        cursor: ${enabled ? "pointer" : "default"};
+        transition: background 200ms ease;
+        ${modifier.toStyle()}
+    `}
+>
+    <!-- Check visual -->
+    <div
+            style={`
+            width: 20px;
+            height: 20px;
+            border-radius: 4px;
+            background: ${checked ? contentColor : "transparent"};
+            display: flex;
+            align-items: center;
+            justify-content: center;
+        `}
+    >
+        <AnimatedVisibility
+                visible={checked}
+                enter={scaleIn()}
+                exit={scaleOut()}
+        >
+            <div
+                    style={`
+                    width: 10px;
+                    height: 10px;
+                    background: ${background};
+                    border-radius: 2px;
+                `}></div>
+        </AnimatedVisibility>
+    </div>
+
+    <!-- Content -->
+    <slot />
+</button>

package/dist/components/buttons/CheckButton.svelte.d.ts

@@ -0,0 +1,35 @@
+import { Modifier } from "../../core/modifier/Modifier";
+import type { Shape } from "../../core/shapes/Shape";
+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 CheckButton: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
+    checked: boolean;
+    onCheckedChange: (value: boolean) => void;
+    enabled?: boolean;
+    shape?: Shape;
+    modifier?: Modifier;
+}, {
+    default: {};
+}>, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}, {}, string>;
+type CheckButton = InstanceType<typeof CheckButton>;
+export default CheckButton;

package/dist/components/buttons/IconButton.svelte.d.ts

@@ -0,0 +1,26 @@
+export default IconButton;
+type IconButton = SvelteComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> & {
+    $$bindings?: string;
+};
+declare const IconButton: $$__sveltets_2_IsomorphicComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+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: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}