chore(package.json): updated dependancies

fix(Accordion): forwarded events including all child components

package.json

@@ -34,7 +34,7 @@
 	"devDependencies": {
 		"@commitlint/cli": "^17.1.2",
 		"@commitlint/config-conventional": "^17.1.0",
-		"@playwright/test": "^1.27.0",
+		"@playwright/test": "^1.27.1",
 		"@sveltejs/adapter-auto": "next",
 		"@sveltejs/adapter-vercel": "next",
 		"@sveltejs/kit": "next",
@@ -50,7 +50,7 @@
 		"highlight.js": "^11.6.0",
 		"husky": "^8.0.1",
 		"lint-staged": "^13.0.3",
-		"postcss": "^8.4.17",
+		"postcss": "^8.4.18",
 		"prettier": "^2.7.1",
 		"prettier-plugin-svelte": "^2.8.0",
 		"svelte": "^3.51.0",
@@ -60,7 +60,7 @@
 		"tailwindcss": "^3.1.8",
 		"tslib": "^2.4.0",
 		"typescript": "^4.8.4",
-		"vite": "^3.1.7"
+		"vite": "^3.1.8"
 	},
 	"type": "module",
 	"dependencies": {

src/lib/components/accordion/Accordion.svelte

@@ -5,6 +5,11 @@
 <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
@@ -14,6 +19,12 @@
 	$: finalClass = twMerge(defaultClass, $$props.class);
 </script>
 
-<div class={finalClass} style={$$props.style}>
+<div
+	class={finalClass}
+	style={$$props.style}
+	use:useActions={use}
+	use:forwardEvents
+	{...exclude($$props, ['use', 'class'])}
+>
 	<slot />
 </div>

src/lib/components/accordion/Content.svelte

@@ -1,12 +1,24 @@
 <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}>
+<div
+	transition:slide|local
+	class={finalClass}
+	style={$$props.style}
+	use:useActions={use}
+	use:forwardEvents
+	{...exclude($$props, ['use', 'class'])}
+>
 	<slot />
 </div>

src/lib/components/accordion/Item.svelte

@@ -8,6 +8,11 @@
 	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);
@@ -29,7 +34,13 @@
 	$: finalClass = twMerge(defaultClass, $$props.class);
 </script>
 
-<div class={finalClass} style={$$props.style}>
+<div
+	class={finalClass}
+	style={$$props.style}
+	use:useActions={use}
+	use:forwardEvents
+	{...exclude($$props, ['use', 'class'])}
+>
 	<slot name="title" />
 	{#if open}
 		<slot name="content" />