diff --git a/packages/svelte-material-ripple/dist/Ripple.svelte b/packages/svelte-material-ripple/dist/Ripple.svelte
deleted file mode 100644
index 5c93fed..0000000
--- a/packages/svelte-material-ripple/dist/Ripple.svelte
+++ /dev/null
@@ -1,112 +0,0 @@
-<script lang="ts">
-	import { Ripple as RippleCore } from "./core.svelte.js";
-	import type { RippleProps } from "./types.js";
-
-	let {
-		element = $bindable(),
-		disabled = false,
-		for: htmlFor,
-		easing = "cubic-bezier(0.2, 0, 0, 1)",
-		theme,
-		class: className,
-	}: RippleProps = $props();
-
-	let hovered = $state(false);
-	let pressed = $state(false);
-
-	function ripple(element: HTMLElement) {
-		new RippleCore(element, {
-			get disabled() {
-				return disabled;
-			},
-			get for() {
-				return htmlFor;
-			},
-			get easing() {
-				return easing;
-			},
-			onHoveredChange(value) {
-				hovered = value;
-			},
-			onPressedChange(value) {
-				pressed = value;
-			},
-		});
-	}
-</script>
-
-<div
-	bind:this={element}
-	aria-hidden="true"
-	data-ripple
-	class={className ? `ripple ${className}` : "ripple"}
-	class:hovered
-	class:pressed
-	style:--ripple-hover-color={theme?.hover?.color}
-	style:--ripple-hover-opacity={theme?.hover?.opacity}
-	style:--ripple-pressed-color={theme?.pressed?.color}
-	style:--ripple-pressed-opacity={theme?.pressed?.opacity}
-	use:ripple
-></div>
-
-<style>
-	.ripple {
-		pointer-events: none;
-		border-radius: inherit;
-		position: absolute;
-		inset: 0;
-		overflow: hidden;
-		isolation: isolate; /* Fix ripple overflow on iOS safari */
-		-webkit-tap-highlight-color: transparent;
-
-		--hover-color: var(--ripple-hover-color, currentColor);
-		--hover-opacity: var(--ripple-hover-opacity, 0.08);
-		--pressed-color: var(--ripple-pressed-color, currentColor);
-		--pressed-opacity: var(--ripple-pressed-opacity, 0.12);
-	}
-
-	.ripple::before,
-	.ripple::after {
-		content: "";
-		opacity: 0;
-		position: absolute;
-	}
-
-	.ripple::before {
-		background-color: var(--hover-color);
-		inset: 0;
-		transition:
-			opacity 15ms linear,
-			background-color 15ms linear;
-	}
-
-	.ripple::after {
-		background: radial-gradient(
-			closest-side,
-			var(--pressed-color) max(100% - 70px, 65%),
-			transparent 100%
-		);
-		transform-origin: center center;
-		transition: opacity 375ms linear;
-	}
-
-	.hovered::before {
-		background-color: var(--hover-color);
-		opacity: var(--hover-opacity);
-	}
-
-	.pressed::after {
-		opacity: var(--pressed-opacity);
-		transition-duration: 105ms;
-	}
-
-	.disabled {
-		display: none;
-	}
-
-	@media (forced-colors: active) {
-		.ripple {
-			display: none;
-		}
-	}
-</style>
diff --git a/packages/svelte-material-ripple/dist/Ripple.svelte.d.ts b/packages/svelte-material-ripple/dist/Ripple.svelte.d.ts
deleted file mode 100644
index cc5882a..0000000
--- a/packages/svelte-material-ripple/dist/Ripple.svelte.d.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-import type { RippleProps } from "./types.js";
-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 Ripple: $$__sveltets_2_IsomorphicComponent<RippleProps, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, "element">;
-type Ripple = InstanceType<typeof Ripple>;
-export default Ripple;
diff --git a/packages/svelte-material-ripple/dist/index.d.ts b/packages/svelte-material-ripple/dist/index.d.ts
deleted file mode 100644
index c220aea..0000000
--- a/packages/svelte-material-ripple/dist/index.d.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export { default as Ripple } from "./Ripple.svelte";
-export type { RippleProps, RippleTheme } from "./types.js";
diff --git a/packages/svelte-material-ripple/dist/index.js b/packages/svelte-material-ripple/dist/index.js
deleted file mode 100644
index f76b9fa..0000000
--- a/packages/svelte-material-ripple/dist/index.js
+++ /dev/null
@@ -1 +0,0 @@
-export { default as Ripple } from "./Ripple.svelte";
diff --git a/packages/svelte-material-ripple/dist/types.d.ts b/packages/svelte-material-ripple/dist/types.d.ts
deleted file mode 100644
index 5e95d47..0000000
--- a/packages/svelte-material-ripple/dist/types.d.ts
+++ /dev/null
@@ -1,53 +0,0 @@
-export type RippleTheme = {
-    /**
-     * The color of the ripple.
-     */
-    color?: string;
-    /**
-     * The opacity of the ripple.
-     */
-    opacity?: string | number;
-};
-export type RippleProps = {
-    /**
-     * The underlying HTML element.
-     *
-     * You can bind to this prop to access the ripple element.
-     */
-    element?: HTMLDivElement;
-    /**
-     * Pass `true` to disable the ripple.
-     *
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * The element or the id of the element that triggers the ripple.
-     *
-     * Defaults to the parent element of the ripple.
-     */
-    for?: EventTarget | string;
-    /**
-     * The easing function used for the ripple animation.
-     *
-     * @default "cubic-bezier(0.2, 0, 0, 1)"
-     */
-    easing?: string;
-    /**
-     * A custom theme applied to the ripple.
-     */
-    theme?: {
-        /**
-         * The theme applied when the ripple is hovered.
-         */
-        hover?: RippleTheme;
-        /**
-         * The theme applied when the ripple is pressed.
-         */
-        pressed?: RippleTheme;
-    };
-    /**
-     * Additional CSS classes applied to the ripple element.
-     */
-    class?: string;
-};
diff --git a/packages/svelte-material-ripple/dist/types.js b/packages/svelte-material-ripple/dist/types.js
deleted file mode 100644
index cb0ff5c..0000000
--- a/packages/svelte-material-ripple/dist/types.js
+++ /dev/null
@@ -1 +0,0 @@
-export {};