fix(Accordion): removed forwardEvents as I cant prevent event bubble …

…currently

src/lib/actions/forward-events-builder/index.ts

@@ -31,7 +31,7 @@ export default function forwardEventsBuilder(component: SvelteComponent) {
 
 		if (oldModifierMatch && console) {
 			console.warn(
-				'Event modifiers in SMUI now use "$" instead of ":", so that ' +
+				'Event modifiers in STWUI now use "$" instead of ":", so that ' +
 					'all events can be bound with modifiers. Please update your ' +
 					'event binding: ',
 				eventType
@@ -62,7 +62,7 @@ export default function forwardEventsBuilder(component: SvelteComponent) {
 			const oldModifierMatch = eventType.match(oldModifierRegex);
 			const newModifierMatch = eventType.match(newModifierRegex);
 			const modifierMatch = oldModifierMatch || newModifierMatch;
-			if (eventType.match(/^SMUI:\w+:/)) {
+			if (eventType.match(/^STWUI:\w+:/)) {
 				const newEventTypeParts = eventType.split(':');
 				let newEventType = '';
 				for (let i = 0; i < newEventTypeParts.length; i++) {

src/lib/components/accordion/Accordion.svelte

@@ -5,11 +5,6 @@
 <script lang="ts">
 	import { setContext } from 'svelte';
 	import { twMerge } from 'tailwind-merge';
-	import { current_component } from 'svelte/internal';
-	import { forwardEventsBuilder, useActions, type ActionArray } from '../../actions';
-	import { exclude } from '../../utils/exclude';
-	export let use: ActionArray = [];
-	const forwardEvents = forwardEventsBuilder(current_component);
 
 	setContext(ACCORDION_CONTEXT_ID, {
 		accordion: true
@@ -19,12 +14,6 @@
 	$: finalClass = twMerge(defaultClass, $$props.class);
 </script>
 
-<div
-	class={finalClass}
-	style={$$props.style}
-	use:useActions={use}
-	use:forwardEvents
-	{...exclude($$props, ['use', 'class'])}
->
+<div class={finalClass} style={$$props.style}>
 	<slot />
 </div>

src/lib/components/accordion/Content.svelte

@@ -1,24 +1,12 @@
 <script lang="ts">
 	import { slide } from 'svelte/transition';
 	import { twMerge } from 'tailwind-merge';
-	import { current_component } from 'svelte/internal';
-	import { forwardEventsBuilder, useActions, type ActionArray } from '../../actions';
-	import { exclude } from '../../utils/exclude';
-	export let use: ActionArray = [];
-	const forwardEvents = forwardEventsBuilder(current_component);
 
 	const defaultClass =
 		'border-t border-light-border dark:border-dark-border text-light-secondary-content dark:text-dark-secondary-content';
 	$: finalClass = twMerge(defaultClass, $$props.class);
 </script>
 
-<div
-	transition:slide|local
-	class={finalClass}
-	style={$$props.style}
-	use:useActions={use}
-	use:forwardEvents
-	{...exclude($$props, ['use', 'class'])}
->
+<div transition:slide|local class={finalClass} style={$$props.style}>
 	<slot />
 </div>

src/lib/components/accordion/Item.svelte

@@ -8,11 +8,6 @@
 	import { useContext } from '../../utils/useContext';
 	import { twMerge } from 'tailwind-merge';
 	import { writable } from 'svelte/store';
-	import { current_component } from 'svelte/internal';
-	import { forwardEventsBuilder, useActions, type ActionArray } from '../../actions';
-	import { exclude } from '../../utils/exclude';
-	export let use: ActionArray = [];
-	const forwardEvents = forwardEventsBuilder(current_component);
 
 	export let open = false;
 	let isOpen = writable(open);
@@ -34,13 +29,7 @@
 	$: finalClass = twMerge(defaultClass, $$props.class);
 </script>
 
-<div
-	class={finalClass}
-	style={$$props.style}
-	use:useActions={use}
-	use:forwardEvents
-	{...exclude($$props, ['use', 'class'])}
->
+<div class={finalClass} style={$$props.style}>
 	<slot name="title" />
 	{#if open}
 		<slot name="content" />