@skeletonlabs/skeleton-svelte 1.0.0-next.21 → 1.0.0-next.22

package/dist/components/Avatar/Avatar.svelte

@@ -7,7 +7,6 @@
 		src,
 		srcset,
 		name,
-		filter,
 		// Root
 		base = 'overflow-hidden isolate',
 		background = 'bg-surface-400-600',
@@ -49,7 +48,12 @@
 
 <!-- @component An image with a fallback for representing a single user. -->
 
-<figure {...api.getRootProps()} class="{base} {background} {size} {font} {border} {rounded} {shadow} {classes}" data-testid="avatar">
+<figure
+	{...api.getRootProps()}
+	class="{base} {background} {size} {font} {border} {rounded} {shadow} {classes}"
+	{style}
+	data-testid="avatar"
+>
 	<!-- Fallback -->
 	<span {...api.getFallbackProps()} class="{fallbackBase} {fallbackClasses}" data-testid="avatar-fallback">
 		{#if children}
@@ -60,15 +64,6 @@
 	</span>
 	<!-- Image -->
 	{#if src || srcset}
-		<img
-			{...api.getImageProps()}
-			{src}
-			{srcset}
-			alt={name}
-			class="{imageBase} {imageClasses}"
-			style:filter={filter && `url(${filter})`}
-			data-testid="avatar-image"
-			{style}
-		/>
+		<img {...api.getImageProps()} {src} {srcset} alt={name} class="{imageBase} {imageClasses}" data-testid="avatar-image" />
 	{/if}
 </figure>

package/dist/components/Avatar/types.d.ts

@@ -1,14 +1,13 @@
+import type { HTMLAttributes } from 'svelte/elements';
 import type { Snippet } from 'svelte';
 import type * as avatar from '@zag-js/avatar';
-export interface AvatarProps extends Omit<avatar.Props, 'id'> {
+export interface AvatarProps extends Omit<avatar.Props, 'id'>, Pick<HTMLAttributes<HTMLElement>, 'style'> {
     /** Set avatar image source URL. */
     src?: string;
     /** The source set of the avatar image. */
     srcset?: string;
     /** Provide a name or username for the avatar. */
     name: string;
-    /** Set avatar image filter name, such as: "#Apollo". */
-    filter?: string;
     /** Set base styles. */
     base?: string;
     /** Set background styles. */
@@ -29,8 +28,6 @@ export interface AvatarProps extends Omit<avatar.Props, 'id'> {
     imageBase?: string;
     /** Provide avatar image arbitrary CSS classes. */
     imageClasses?: string;
-    /** Set avatar image styles. */
-    style?: string;
     /** Set base classes for the fallback element. */
     fallbackBase?: string;
     /** Provide arbitrary CSS classes to fallback element. */

package/dist/components/Combobox/Combobox.svelte

@@ -1,12 +1,13 @@
-<script lang="ts">
+<script lang="ts" generics="T extends ComboboxItem">
 	import { fade } from 'svelte/transition';
 	import * as combobox from '@zag-js/combobox';
 	import { useMachine, normalizeProps, mergeProps } from '@zag-js/svelte';
-	import type { ComboboxProps } from './types.js';
+	import type { ComboboxProps, ComboboxItem } from './types.js';
 
 	const {
 		data = [],
 		label = '',
+		zIndex = 'auto',
 		// Base
 		base = '',
 		width = '',
@@ -23,7 +24,6 @@
 		inputGroupClasses = '',
 		// Positioner
 		positionerBase = '',
-		zIndex = 'auto',
 		positionerClasses = '',
 		// Content
 		contentBase = 'card p-2',
@@ -37,11 +37,12 @@
 		optionClasses = '',
 		// Snippets
 		arrow,
+		item,
 		// Events
 		onclick,
 		// Zag ---
 		...zagProps
-	}: ComboboxProps = $props();
+	}: ComboboxProps<T> = $props();
 
 	// Zag
 	let options = $state.raw(data);
@@ -58,6 +59,7 @@
 	const service = useMachine(combobox.machine, () => ({
 		id: id,
 		collection: collection,
+		...zagProps,
 		onOpenChange(event) {
 			options = data;
 			zagProps.onOpenChange?.(event);
@@ -66,8 +68,8 @@
 			const filtered = data.filter((item) => item.label.toLowerCase().includes(event.inputValue.toLowerCase()));
 			collection.setItems(filtered);
 			options = filtered;
-		},
-		...zagProps
+			zagProps.onInputValueChange?.(event);
+		}
 	}));
 	const api = $derived(combobox.connect(service, normalizeProps));
 	const triggerProps = $derived(mergeProps(api.getTriggerProps(), { onclick }));
@@ -115,13 +117,18 @@
 					class="{contentBase} {contentBackground} {contentSpaceY} {contentClasses}"
 					style="z-index: {zIndex}"
 				>
-					{#each options as item}
-						{@const isChecked = api.getItemProps({ item })['data-state'] === 'checked'}
+					{#each options as option (option.label)}
+						{@const isChecked = api.getItemProps({ item: option })['data-state'] === 'checked'}
 						{@const displayClass = isChecked ? optionActive : optionHover}
 						<!-- Option -->
-						<!-- ZagJs should have set button type to "button" here. See https://github.com/skeletonlabs/skeleton/pull/2998#discussion_r1855511385 -->
-						<button {...api.getItemProps({ item })} class="{optionBase} {displayClass} {optionClasses}" type="button">
-							{item.label}
+						<!-- ZagJs should have set button type to "button" here. -->
+						<!-- See https://github.com/skeletonlabs/skeleton/pull/2998#discussion_r1855511385 -->
+						<button {...api.getItemProps({ item: option })} class="{optionBase} {displayClass} {optionClasses}" type="button">
+							{#if item}
+								{@render item(option)}
+							{:else}
+								{option.label}
+							{/if}
 						</button>
 					{/each}
 				</nav>

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

@@ -1,4 +1,18 @@
-import type { ComboboxProps } from './types.js';
-declare const Combobox: import("svelte").Component<ComboboxProps, {}, "">;
-type Combobox = ReturnType<typeof Combobox>;
+import type { ComboboxProps, ComboboxItem } from './types.js';
+declare class __sveltets_Render<T extends ComboboxItem> {
+    props(): ComboboxProps<T>;
+    events(): {};
+    slots(): {};
+    bindings(): "";
+    exports(): {};
+}
+interface $$IsomorphicComponent {
+    new <T extends ComboboxItem>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<T>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<T>['props']>, ReturnType<__sveltets_Render<T>['events']>, ReturnType<__sveltets_Render<T>['slots']>> & {
+        $$bindings?: ReturnType<__sveltets_Render<T>['bindings']>;
+    } & ReturnType<__sveltets_Render<T>['exports']>;
+    <T extends ComboboxItem>(internal: unknown, props: ReturnType<__sveltets_Render<T>['props']> & {}): ReturnType<__sveltets_Render<T>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
+}
+declare const Combobox: $$IsomorphicComponent;
+type Combobox<T extends ComboboxItem> = InstanceType<typeof Combobox<T>>;
 export default Combobox;

package/dist/components/Combobox/types.d.ts

@@ -1,13 +1,12 @@
 import type { Snippet } from 'svelte';
 import * as combobox from '@zag-js/combobox';
-export interface ComboboxProps extends Omit<combobox.Props, 'id' | 'collection'> {
+export interface ComboboxProps<T extends ComboboxItem> extends Omit<combobox.Props, 'id' | 'collection'> {
     /** Provide the list of label and value data */
-    data?: {
-        label: string;
-        value: string;
-    }[];
+    data?: T[];
     /** Set the label to display. */
     label?: string;
+    /** Set z-index for the positioner. */
+    zIndex?: string;
     /** Set base classes for the root element. */
     base?: string;
     /** Set width classes for the root element. */
@@ -32,8 +31,6 @@ export interface ComboboxProps extends Omit<combobox.Props, 'id' | 'collection'>
     inputGroupClasses?: string;
     /** Set base classes for the positioner. */
     positionerBase?: string;
-    /** Set z-index for the positioner. */
-    zIndex?: string;
     /** Provide arbitrary classes for the positioner. */
     positionerClasses?: string;
     /** Set base classes for the content. */
@@ -56,6 +53,12 @@ export interface ComboboxProps extends Omit<combobox.Props, 'id' | 'collection'>
     optionClasses?: string;
     /** Provide a custom arrow icon. */
     arrow?: Snippet;
+    /** Provide a custom template for the option. */
+    item?: Snippet<[T]>;
     /** Handle the combobox dropdown button click event. */
     onclick?: (event: Event) => void;
 }
+export interface ComboboxItem {
+    label: string;
+    value: string;
+}

package/dist/components/FileUpload/FileUpload.svelte

@@ -101,7 +101,7 @@
 	{#if !children}
 		<ul {...api.getItemGroupProps()} class="{filesListBase} {filesListClasses}" data-testid="uploader-files-list">
 			<!-- Loop Files -->
-			{#each api.acceptedFiles as file}
+			{#each api.acceptedFiles as file (file.name)}
 				<!-- File -->
 				<li
 					{...api.getItemProps({ file })}

package/dist/components/Modal/Modal.svelte

@@ -8,6 +8,7 @@
 		// Base
 		base = '',
 		classes = '',
+		zIndex = 'auto',
 		// Trigger
 		triggerBase = '',
 		triggerBackground = '',
@@ -23,7 +24,6 @@
 		positionerJustify = 'justify-center',
 		positionerAlign = 'items-center',
 		positionerPadding = 'p-4',
-		zIndex = 'auto',
 		positionerClasses = '',
 		// Content
 		contentBase = '',

package/dist/components/Modal/types.d.ts

@@ -6,6 +6,8 @@ export interface ModalProps extends Omit<dialog.Props, 'id'> {
     base?: string;
     /** Provide arbitrary classes for the root element. */
     classes?: string;
+    /** Set z-index for the positioner. */
+    zIndex?: string;
     /** Set base classes for the trigger. */
     triggerBase?: string;
     /** Set background classes for the trigger. */
@@ -30,8 +32,6 @@ export interface ModalProps extends Omit<dialog.Props, 'id'> {
     positionerAlign?: string;
     /** Set padding classes for the positioner. */
     positionerPadding?: string;
-    /** Set z-index for the positioner. */
-    zIndex?: string;
     /** Provide arbitrary classes for the positioner. */
     positionerClasses?: string;
     /** Set base classes for the content. */

package/dist/components/Popover/Popover.svelte

@@ -7,6 +7,7 @@
 
 	const {
 		arrow = false,
+		zIndex = 'auto',
 		// Base
 		base = '',
 		classes = '',
@@ -17,7 +18,6 @@
 		triggerAriaLabel = '',
 		// Positioner
 		positionerBase = '',
-		zIndex = 'auto',
 		positionerClasses = '',
 		// Content
 		contentBase = '',

package/dist/components/Popover/types.d.ts

@@ -3,6 +3,8 @@ import * as popover from '@zag-js/popover';
 export interface PopoverProps extends Omit<popover.Props, 'id'> {
     /** Enable display of the popover arrow. */
     arrow?: boolean;
+    /** Set z-index for the positioner. */
+    zIndex?: string;
     /** Set base classes for the root element. */
     base?: string;
     /** Provide arbitrary classes for the root element. */
@@ -17,8 +19,6 @@ export interface PopoverProps extends Omit<popover.Props, 'id'> {
     triggerAriaLabel?: string;
     /** Set base classes for the positioner. */
     positionerBase?: string;
-    /** Set z-index for the positioner. */
-    zIndex?: string;
     /** Provide arbitrary classes for the positioner. */
     positionerClasses?: string;
     /** Set base classes for the content. */

package/dist/components/ProgressRing/ProgressRing.svelte

@@ -65,8 +65,9 @@
 	<!-- SVG -->
 	<svg
 		{...api.getCircleProps()}
+		viewBox="0 0 100 100"
 		class="{svgBase} {svgClasses} {rxAnimCircle}"
-		style="--size:100%;--thickness:{strokeWidth};"
+		style="--size:100px;--thickness:{strokeWidth};"
 		data-testid="progress-ring-svg"
 	>
 		<!-- Track -->

package/dist/components/Segment/Segment.svelte

@@ -15,7 +15,7 @@
 		width = '',
 		classes = '',
 		// States
-		orientVertical = 'flex-col',
+		orientVertical = 'flex-col items-stretch',
 		orientHorizontal = 'flex-row',
 		stateDisabled = 'disabled',
 		stateReadOnly = 'pointer-events-none',

package/dist/components/Slider/Slider.svelte

@@ -72,6 +72,8 @@
 		</div>
 		<!-- NOTE: this div centers thumbs vertically -->
 		<div class={height} style="display: flex; align-items: center; transform: translateY(-100%);" data-testid="slider-thumb-wrapper">
+			<!-- Disabled: skipping this so we can match Zag implementation. -->
+			<!-- eslint-disable @typescript-eslint/no-unused-vars -->
 			{#each api.value as _, index}
 				<div {...api.getThumbProps({ index })}>
 					<!-- Thumb -->

package/dist/components/TagsInput/TagsInput.svelte

@@ -1,7 +1,6 @@
 <script lang="ts">
 	import * as tagsInput from '@zag-js/tags-input';
 	import { useMachine, normalizeProps } from '@zag-js/svelte';
-
 	import type { TagsInputProps } from './types.js';
 
 	// Props
@@ -16,16 +15,15 @@
 		inputBase = 'input-ghost',
 		inputClasses = '',
 		// Tag List
-		tagListBase = 'flex gap-2',
+		tagListBase = 'flex flex-wrap gap-1',
 		tagListClasses = '',
 		// Tag
 		tagBase = 'chip',
 		tagBackground = 'preset-filled',
 		tagClasses = '',
 		// Input: Edit
-		inputEditBase = 'chip-input -translate-y-0.25',
-		tagEditBackground = 'preset-outlined-surface-200-800',
-		inputEditClasses,
+		tagEditInputBase = 'input',
+		tagEditInputClasses = '',
 		// Delete Button
 		buttonDeleteBase = '',
 		buttonDeleteClasses = '',
@@ -85,7 +83,7 @@
 					<!-- Editing -->
 					<input
 						{...api.getItemInputProps({ index, value })}
-						class="{inputEditBase} {tagEditBackground} {inputEditClasses}"
+						class="{tagEditInputBase} {tagEditInputClasses}"
 						style:display={itemState.editing ? '' : 'none'}
 						data-testid="tags-input-edit"
 					/>

package/dist/components/TagsInput/types.d.ts

@@ -26,11 +26,9 @@ export interface TagsInputProps extends Omit<tagsInput.Props, 'id'> {
     /** Provide arbitrary classes to each tag. */
     tagClasses?: string;
     /** Set base classes for the edit tag input. */
-    inputEditBase?: string;
-    /** Set background classes for the edit tag input. */
-    tagEditBackground?: string;
+    tagEditInputBase?: string;
     /** Provide arbitrary classes to the edit tag input. */
-    inputEditClasses?: string;
+    tagEditInputClasses?: string;
     /** Set base classes for the delete button. */
     buttonDeleteBase?: string;
     /** Provide arbitrary classes to the delete button. */

package/dist/components/Toast/ToastProvider.svelte

@@ -10,10 +10,10 @@
 		offset = '16px',
 		dismissLabel = '',
 		// Group
-		groupBase = 'fixed flex flex-col items-end',
-		groupZIndex = 'z-[888]',
-		groupGap = 'gap-4',
-		groupClasses = '',
+		base = 'fixed flex flex-col items-end',
+		gap = 'gap-4',
+		zIndex = 'z-[888]',
+		classes = '',
 		// Toast
 		toastBase = 'card py-2 px-3 grid grid-cols-[1fr_auto] items-center',
 		toastPadding = 'py-2 px-3',
@@ -26,10 +26,10 @@
 		messageDescription = '',
 		messageClasses = '',
 		// Dismiss Button
-		btnDismissBase = 'btn-icon btn-icon-sm text-base',
-		btnDimissPreset = '',
-		btnDismissHover = 'hover:preset-tonal',
-		btnDismissClasses = '',
+		buttonDismissBase = 'btn-icon btn-icon-sm text-base',
+		buttonDimissPreset = '',
+		buttonDismissHover = 'hover:preset-tonal',
+		buttonDismissClasses = '',
 		// State
 		stateInfo = 'preset-filled',
 		stateError = 'preset-filled-error-500',
@@ -39,12 +39,12 @@
 	}: ToastProviderProps = $props();
 
 	// Local
-	let defaults: Record<string, Toast> = {
+	const defaults: Record<string, Toast> = {
 		info: { duration: 5000 },
 		error: { duration: 5000 },
 		success: { duration: 2000 }
 	};
-	let placementOptions: Record<string, PlacementStyles> = {
+	const placementOptions: Record<string, PlacementStyles> = {
 		'top-start': { top: offset, left: offset, 'align-items': 'flex-start' },
 		'top-end': { top: offset, right: offset, 'align-items': 'flex-end' },
 		'bottom-start': { bottom: offset, left: offset, 'align-items': 'flex-start' },
@@ -97,7 +97,7 @@
 <!-- Toast Group -->
 {#if toastQueue.length}
 	<div
-		class="{groupBase} {groupZIndex} {groupGap} {groupClasses}"
+		class="{base} {gap} {zIndex} {classes}"
 		style={formatStyleAttr(placementOptions[placement])}
 		data-part="root"
 		data-testid="toast-provider"
@@ -120,7 +120,7 @@
 				<!-- Dismiss -->
 				<button
 					type="button"
-					class="{btnDismissBase} {btnDimissPreset} {btnDismissHover} {btnDismissClasses}"
+					class="{buttonDismissBase} {buttonDimissPreset} {buttonDismissHover} {buttonDismissClasses}"
 					onclick={() => dismiss(toast.id)}
 				>
 					{#if dismissLabel}{dismissLabel}{:else}&times;{/if}

package/dist/components/Toast/types.d.ts

@@ -43,13 +43,13 @@ export interface ToastProviderProps {
      */
     dismissLabel?: string;
     /** Provide base classes for the root element. */
-    groupBase?: string;
-    /** Provide z-index classes for the root element. */
-    groupZIndex?: string;
+    base?: string;
     /** Provide gap classes for the root element. */
-    groupGap?: string;
+    gap?: string;
+    /** Provide z-index classes for the root element. */
+    zIndex?: string;
     /** Provide arbitrary classes for the root element. */
-    groupClasses?: string;
+    classes?: string;
     /** Provide base classes for the toast cards. */
     toastBase?: string;
     /** Provide padding classes for the toast cards. */
@@ -69,13 +69,13 @@ export interface ToastProviderProps {
     /** Provide arbitrary classes for the message region. */
     messageClasses?: string;
     /** Provide base classes for the dismiss button. */
-    btnDismissBase?: string;
+    buttonDismissBase?: string;
     /** Provide preset classes for the dismiss button. */
-    btnDimissPreset?: string;
+    buttonDimissPreset?: string;
     /** Provide hover classes for the dismiss button. */
-    btnDismissHover?: string;
+    buttonDismissHover?: string;
     /** Provide arbitrary classes for the dismiss button. */
-    btnDismissClasses?: string;
+    buttonDismissClasses?: string;
     /** Provide base classes for info toasts. */
     stateInfo?: string;
     /** Provide base classes for error toasts. */

package/dist/components/Tooltip/Tooltip.svelte

@@ -7,6 +7,7 @@
 
 	const {
 		arrow = false,
+		zIndex = 'auto',
 		// Base
 		base = '',
 		classes = '',
@@ -17,7 +18,6 @@
 		triggerAriaLabel = '',
 		// Positioner
 		positionerBase = '',
-		zIndex = 'auto',
 		positionerClasses = '',
 		// Content
 		contentBase = '',

package/dist/components/Tooltip/types.d.ts

@@ -3,6 +3,8 @@ import * as tooltip from '@zag-js/tooltip';
 export interface TooltipProps extends Omit<tooltip.Props, 'id'> {
     /** Enable display of the popover arrow. */
     arrow?: boolean;
+    /** Set z-index for the positioner. */
+    zIndex?: string;
     /** Set base classes for the root element. */
     base?: string;
     /** Provide arbitrary classes for the root element. */
@@ -17,8 +19,6 @@ export interface TooltipProps extends Omit<tooltip.Props, 'id'> {
     triggerAriaLabel?: string;
     /** Set base classes for the positioner. */
     positionerBase?: string;
-    /** Set z-index for the positioner. */
-    zIndex?: string;
     /** Provide arbitrary classes for the positioner. */
     positionerClasses?: string;
     /** Set base styles for the content. */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skeletonlabs/skeleton-svelte",
-  "version": "1.0.0-next.21",
+  "version": "1.0.0-next.22",
   "description": "The Svelte package for Skeleton.",
   "author": "endigo9740 <chris@skeletonlabs.dev>",
   "types": "./dist/index.d.ts",
@@ -13,54 +13,49 @@
   },
   "files": [
     "dist",
-    "!dist/**/*.test.*",
-    "!dist/**/*.spec.*",
-    "./dist/**/*.svelte",
-    "./dist/**/*.js",
-    "./dist/**/*.d.ts",
-    "./dist/**/*.cjs",
-    "./dist/**/*.d.cts"
+    "!dist/**/*.test.*"
   ],
   "dependencies": {
-    "@zag-js/accordion": "^1.2.1",
-    "@zag-js/avatar": "^1.2.1",
-    "@zag-js/combobox": "^1.2.1",
-    "@zag-js/dialog": "^1.2.1",
-    "@zag-js/file-upload": "^1.2.1",
-    "@zag-js/pagination": "^1.2.1",
-    "@zag-js/popover": "^1.2.1",
-    "@zag-js/progress": "^1.2.1",
-    "@zag-js/radio-group": "^1.2.1",
-    "@zag-js/rating-group": "^1.2.1",
-    "@zag-js/slider": "^1.2.1",
-    "@zag-js/svelte": "^1.2.1",
-    "@zag-js/switch": "^1.2.1",
-    "@zag-js/tabs": "^1.2.1",
-    "@zag-js/tags-input": "^1.2.1",
-    "@zag-js/tooltip": "^1.2.1"
+    "@zag-js/accordion": "^1.3.1",
+    "@zag-js/avatar": "^1.3.1",
+    "@zag-js/combobox": "^1.3.1",
+    "@zag-js/dialog": "^1.3.1",
+    "@zag-js/file-upload": "^1.3.1",
+    "@zag-js/pagination": "^1.3.1",
+    "@zag-js/popover": "^1.3.1",
+    "@zag-js/progress": "^1.3.1",
+    "@zag-js/radio-group": "^1.3.1",
+    "@zag-js/rating-group": "^1.3.1",
+    "@zag-js/slider": "^1.3.1",
+    "@zag-js/svelte": "^1.3.1",
+    "@zag-js/switch": "^1.3.1",
+    "@zag-js/tabs": "^1.3.1",
+    "@zag-js/tags-input": "^1.3.1",
+    "@zag-js/tooltip": "^1.3.1"
   },
   "peerDependencies": {
-    "svelte": "^5.0.0"
+    "svelte": "^5.20.0",
+    "@skeletonlabs/skeleton": "^3.0.0-next.13"
   },
   "devDependencies": {
-    "@sveltejs/adapter-auto": "^3.3.1",
-    "@sveltejs/kit": "^2.9.0",
-    "@sveltejs/package": "^2.3.7",
-    "@sveltejs/vite-plugin-svelte": "^5.0.1",
-    "@tailwindcss/forms": "^0.5.7",
-    "@tailwindcss/vite": "^4.0.2",
+    "@sveltejs/adapter-auto": "^4.0.0",
+    "@sveltejs/kit": "^2.19.0",
+    "@sveltejs/package": "^2.3.10",
+    "@sveltejs/vite-plugin-svelte": "^5.0.3",
+    "@tailwindcss/forms": "^0.5.10",
+    "@tailwindcss/vite": "^4.0.12",
     "@testing-library/jest-dom": "^6.6.3",
-    "@testing-library/svelte": "^5.2.6",
-    "jsdom": "^25.0.1",
-    "publint": "^0.2.12",
-    "svelte": "^5.19.0",
-    "svelte-check": "^4.1.1",
-    "tailwindcss": "^4.0.7",
+    "@testing-library/svelte": "^5.2.7",
+    "jsdom": "^26.0.0",
+    "publint": "^0.3.9",
+    "svelte": "^5.22.1",
+    "svelte-check": "^4.1.5",
+    "tailwindcss": "^4.0.9",
     "tslib": "^2.8.1",
-    "typescript": "^5.7.3",
-    "vite": "^6.0.2",
-    "vitest": "3.0.7",
-    "@skeletonlabs/skeleton": "3.0.0-next.12"
+    "typescript": "^5.8.2",
+    "vite": "^6.2.1",
+    "vitest": "3.0.8",
+    "@skeletonlabs/skeleton": "3.0.0-next.13"
   },
   "type": "module",
   "scripts": {

package/dist/components/Accordion/Accordion.test.d.ts

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