@skeletonlabs/skeleton-svelte 2.0.0-next.1 → 2.0.0-next.10

package/dist/components/tooltip/modules/anatomy.js

@@ -0,0 +1,17 @@
+import ArrowTip from '../anatomy/arrow-tip.svelte';
+import Arrow from '../anatomy/arrow.svelte';
+import Content from '../anatomy/content.svelte';
+import Positioner from '../anatomy/positioner.svelte';
+import RootContext from '../anatomy/root-context.svelte';
+import RootProvider from '../anatomy/root-provider.svelte';
+import Root from '../anatomy/root.svelte';
+import Trigger from '../anatomy/trigger.svelte';
+export const Tooltip = Object.assign(Root, {
+    Provider: RootProvider,
+    Context: RootContext,
+    Trigger: Trigger,
+    Positioner: Positioner,
+    Content: Content,
+    Arrow: Arrow,
+    ArrowTip: ArrowTip,
+});

package/dist/components/tooltip/modules/root-context.d.ts

@@ -0,0 +1,6 @@
+export declare const TooltipRootContext: {
+    key: symbol;
+    consume(): () => import("@zag-js/tooltip").Api<import("@zag-js/svelte").PropTypes>;
+    provide(value: () => import("@zag-js/tooltip").Api<import("@zag-js/svelte").PropTypes>): () => import("@zag-js/tooltip").Api<import("@zag-js/svelte").PropTypes>;
+};
+//# sourceMappingURL=root-context.d.ts.map

package/dist/components/tooltip/modules/root-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"root-context.d.ts","sourceRoot":"","sources":["../../../../src/components/tooltip/modules/root-context.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,kBAAkB;;;;CAAiD,CAAC"}

package/dist/components/tooltip/modules/root-context.js

@@ -0,0 +1,2 @@
+import { createContext } from '../../../internal/create-context';
+export const TooltipRootContext = createContext();

package/dist/components/tooltip/modules/use-tooltip.svelte.d.ts

@@ -0,0 +1,4 @@
+import { type PropTypes } from '@zag-js/svelte';
+import { type Api, type Props } from '@zag-js/tooltip';
+export declare function useTooltip(props: Props | (() => Props)): () => Api<PropTypes>;
+//# sourceMappingURL=use-tooltip.svelte.d.ts.map

package/dist/components/tooltip/modules/use-tooltip.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-tooltip.svelte.d.ts","sourceRoot":"","sources":["../../../../src/components/tooltip/modules/use-tooltip.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,EAA8B,KAAK,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC5E,OAAO,EAAE,KAAK,GAAG,EAAoB,KAAK,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAEzE,wBAAgB,UAAU,CAAC,KAAK,EAAE,KAAK,GAAG,CAAC,MAAM,KAAK,CAAC,GAAG,MAAM,GAAG,CAAC,SAAS,CAAC,CAI7E"}

package/dist/components/tooltip/modules/use-tooltip.svelte.js

@@ -0,0 +1,7 @@
+import { normalizeProps, useMachine } from '@zag-js/svelte';
+import { connect, machine } from '@zag-js/tooltip';
+export function useTooltip(props) {
+    const service = useMachine(machine, props);
+    const tooltip = $derived(connect(service, normalizeProps));
+    return () => tooltip;
+}

package/dist/index.d.ts

@@ -1,2 +1,15 @@
-export * from './components/accordion/index.js';
-export * from './components/avatar/index.js';
+export * from './components/accordion/index';
+export * from './components/app-bar/index';
+export * from './components/avatar/index';
+export * from './components/dialog/index';
+export * from './components/file-upload/index';
+export * from './components/popover/index';
+export * from './components/progress-linear/index';
+export * from './components/rating-group/index';
+export * from './components/segmented-control/index';
+export * from './components/switch/index';
+export * from './components/tabs/index';
+export * from './components/tags-input/index';
+export * from './components/toast/index';
+export * from './components/tooltip/index';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,8BAA8B,CAAC;AAC7C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,oCAAoC,CAAC;AACnD,cAAc,iCAAiC,CAAC;AAChD,cAAc,sCAAsC,CAAC;AACrD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC"}

package/dist/index.js

@@ -1,2 +1,14 @@
-export * from './components/accordion/index.js';
-export * from './components/avatar/index.js';
+export * from './components/accordion/index';
+export * from './components/app-bar/index';
+export * from './components/avatar/index';
+export * from './components/dialog/index';
+export * from './components/file-upload/index';
+export * from './components/popover/index';
+export * from './components/progress-linear/index';
+export * from './components/rating-group/index';
+export * from './components/segmented-control/index';
+export * from './components/switch/index';
+export * from './components/tabs/index';
+export * from './components/tags-input/index';
+export * from './components/toast/index';
+export * from './components/tooltip/index';

package/dist/internal/components/star-empty.svelte

@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" fill="none" stroke="currentColor" stroke-width="1.5">
+	<path
+		stroke-linecap="round"
+		stroke-linejoin="round"
+		d="M11.48 3.499a.562.562 0 0 1 1.04 0l2.125 5.111a.563.563 0 0 0 .475.345
+       l5.518.442c.499.04.701.663.321.988l-4.204 3.602a.563.563 0 0 0-.182.557
+       l1.285 5.385a.562.562 0 0 1-.84.61l-4.725-2.885a.562.562 0 0 0-.586 0
+       L6.982 20.54a.562.562 0 0 1-.84-.61l1.285-5.386a.562.562 0 0 0-.182-.557
+       l-4.204-3.602a.562.562 0 0 1 .321-.988l5.518-.442a.563.563 0 0 0 .475-.345
+       L11.48 3.5Z"
+	/>
+</svg>

package/dist/internal/components/star-empty.svelte.d.ts

@@ -0,0 +1,27 @@
+export default StarEmpty;
+type StarEmpty = SvelteComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> & {
+    $$bindings?: string | undefined;
+};
+declare const StarEmpty: $$__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;
+}
+//# sourceMappingURL=star-empty.svelte.d.ts.map

package/dist/internal/components/star-empty.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"star-empty.svelte.d.ts","sourceRoot":"","sources":["../../../src/internal/components/star-empty.svelte.js"],"names":[],"mappings":";;;;;;;;AAsBA;;;;mBAAqH;6CATxE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,OAAO,OAAO,QAAQ;IAC3L,cAAc,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,WAAW,OAAO,SAAS;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IACtG,eAAe,QAAQ,CAAC"}

package/dist/internal/components/star-full.svelte

@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" fill="currentColor">
+	<path
+		fill-rule="evenodd"
+		clip-rule="evenodd"
+		d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 
+       5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 
+       1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 
+       7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273 
+       -4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 
+       2.082-5.005Z"
+	/>
+</svg>

package/dist/internal/components/star-full.svelte.d.ts

@@ -0,0 +1,27 @@
+export default StarFull;
+type StarFull = SvelteComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> & {
+    $$bindings?: string | undefined;
+};
+declare const StarFull: $$__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;
+}
+//# sourceMappingURL=star-full.svelte.d.ts.map

package/dist/internal/components/star-full.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"star-full.svelte.d.ts","sourceRoot":"","sources":["../../../src/internal/components/star-full.svelte.js"],"names":[],"mappings":";;;;;;;;AAsBA;;;;mBAAoH;6CATvE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,OAAO,OAAO,QAAQ;IAC3L,cAAc,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,WAAW,OAAO,SAAS;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IACtG,eAAe,QAAQ,CAAC"}

package/dist/internal/components/star-half.svelte

@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" fill="none" stroke="currentColor" stroke-width="1.5">
+	<defs>
+		<linearGradient id="half-fill" x1="0%" y1="0%" x2="100%" y2="0%">
+			<stop offset="50%" stop-color="currentColor" />
+			<stop offset="50%" stop-color="transparent" />
+		</linearGradient>
+	</defs>
+	<path
+		fill="url(#half-fill)"
+		stroke-linecap="round"
+		stroke-linejoin="round"
+		d="M11.48 3.499a.562.562 0 0 1 1.04 0l2.125 5.111a.563.563 0 0 0 .475.345
+       l5.518.442c.499.04.701.663.321.988l-4.204 3.602a.563.563 0 0 0-.182.557
+       l1.285 5.385a.562.562 0 0 1-.84.61l-4.725-2.885a.562.562 0 0 0-.586 0
+       L6.982 20.54a.562.562 0 0 1-.84-.61l1.285-5.386a.562.562 0 0 0-.182-.557
+       l-4.204-3.602a.562.562 0 0 1 .321-.988l5.518-.442a.563.563 0 0 0 .475-.345
+       L11.48 3.5Z"
+	/>
+</svg>

package/dist/internal/components/star-half.svelte.d.ts

@@ -0,0 +1,27 @@
+export default StarHalf;
+type StarHalf = SvelteComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> & {
+    $$bindings?: string | undefined;
+};
+declare const StarHalf: $$__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;
+}
+//# sourceMappingURL=star-half.svelte.d.ts.map

package/dist/internal/components/star-half.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"star-half.svelte.d.ts","sourceRoot":"","sources":["../../../src/internal/components/star-half.svelte.js"],"names":[],"mappings":";;;;;;;;AA4BA;;;;mBAAoH;6CATvE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,OAAO,OAAO,QAAQ;IAC3L,cAAc,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,WAAW,OAAO,SAAS;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IACtG,eAAe,QAAQ,CAAC"}

package/dist/internal/components/x.svelte

@@ -0,0 +1,31 @@
+<script lang="ts" module>
+	import type { HTMLAttributes } from '../html-attributes';
+	import { mergeProps } from '@zag-js/svelte';
+
+	export type XProps = HTMLAttributes<'svg', 'children'>;
+</script>
+
+<script lang="ts">
+	const props: XProps = $props();
+
+	const { ...rest } = $derived(props);
+
+	const attributes = $derived(
+		mergeProps(rest, {
+			xmlns: 'http://www.w3.org/2000/svg',
+			width: '24',
+			height: '24',
+			viewBox: '0 0 24 24',
+			fill: 'none',
+			stroke: 'currentColor',
+			'stroke-width': '2',
+			'stroke-linecap': 'round',
+			'stroke-linejoin': 'round',
+		}),
+	);
+</script>
+
+<svg {...attributes}>
+	<path d="M18 6 6 18" />
+	<path d="m6 6 12 12" />
+</svg>

package/dist/internal/components/x.svelte.d.ts

@@ -0,0 +1,6 @@
+import type { HTMLAttributes } from '../html-attributes';
+export type XProps = HTMLAttributes<'svg', 'children'>;
+declare const X: import("svelte").Component<XProps, {}, "">;
+type X = ReturnType<typeof X>;
+export default X;
+//# sourceMappingURL=x.svelte.d.ts.map

package/dist/internal/components/x.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"x.svelte.d.ts","sourceRoot":"","sources":["../../../src/internal/components/x.svelte.ts"],"names":[],"mappings":"AAGC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAGzD,MAAM,MAAM,MAAM,GAAG,cAAc,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC;AA+BxD,QAAA,MAAM,CAAC,4CAAwC,CAAC;AAChD,KAAK,CAAC,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC;AAC9B,eAAe,CAAC,CAAC"}

package/dist/internal/create-context.d.ts

@@ -1,6 +1,6 @@
-/**
- * Create a context with a default value
- * @param defaultValue The default value that will be returned if the context is not set
- * @returns [set, get, key] The setter, getter and key for the context, the getter returns the default value if the context is not set
- */
-export declare function createContext<T>(defaultValue: T): readonly [(value: T) => T, () => T, symbol];
+export declare function createContext<T>(): {
+    key: symbol;
+    consume(): T;
+    provide(value: T): T;
+};
+//# sourceMappingURL=create-context.d.ts.map

package/dist/internal/create-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-context.d.ts","sourceRoot":"","sources":["../../src/internal/create-context.ts"],"names":[],"mappings":"AAEA,wBAAgB,aAAa,CAAC,CAAC;;;mBAOd,CAAC;EAIjB"}

package/dist/internal/create-context.js

@@ -1,12 +1,13 @@
 import { getContext, setContext } from 'svelte';
-/**
- * Create a context with a default value
- * @param defaultValue The default value that will be returned if the context is not set
- * @returns [set, get, key] The setter, getter and key for the context, the getter returns the default value if the context is not set
- */
-export function createContext(defaultValue) {
+export function createContext() {
     const key = Symbol();
-    const set = (value) => setContext(key, value);
-    const get = () => getContext(key) ?? defaultValue;
-    return [set, get, key];
+    return {
+        key: key,
+        consume() {
+            return getContext(key);
+        },
+        provide(value) {
+            return setContext(key, value);
+        },
+    };
 }

package/dist/internal/html-attributes.d.ts

@@ -0,0 +1,3 @@
+import type { SvelteHTMLElements } from 'svelte/elements';
+export type HTMLAttributes<T extends keyof SvelteHTMLElements, U extends keyof SvelteHTMLElements[T] = never> = Omit<SvelteHTMLElements[T], U>;
+//# sourceMappingURL=html-attributes.d.ts.map

package/dist/internal/html-attributes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"html-attributes.d.ts","sourceRoot":"","sources":["../../src/internal/html-attributes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAE1D,MAAM,MAAM,cAAc,CAAC,CAAC,SAAS,MAAM,kBAAkB,EAAE,CAAC,SAAS,MAAM,kBAAkB,CAAC,CAAC,CAAC,GAAG,KAAK,IAAI,IAAI,CACnH,kBAAkB,CAAC,CAAC,CAAC,EACrB,CAAC,CACD,CAAC"}

package/dist/internal/html-attributes.js

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

package/dist/internal/props-with-children.d.ts

@@ -3,3 +3,4 @@ interface PropsWithChildren {
     children?: Snippet;
 }
 export type { PropsWithChildren };
+//# sourceMappingURL=props-with-children.d.ts.map

package/dist/internal/props-with-children.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"props-with-children.d.ts","sourceRoot":"","sources":["../../src/internal/props-with-children.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAEtC,UAAU,iBAAiB;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,YAAY,EAAE,iBAAiB,EAAE,CAAC"}

package/dist/internal/props-with-element.d.ts

@@ -1,7 +1,11 @@
+import type { HTMLAttributes } from './html-attributes';
 import type { Snippet } from 'svelte';
-interface PropsWithElement {
-    element?: Snippet<[{
-        attributes: Record<string, unknown>;
-    }]>;
+import type { SvelteHTMLElements } from 'svelte/elements';
+interface PropsWithElement<T extends keyof SvelteHTMLElements> {
+    /**
+     * Render the element yourself
+     */
+    element?: Snippet<[HTMLAttributes<T>]>;
 }
 export type { PropsWithElement };
+//# sourceMappingURL=props-with-element.d.ts.map

package/dist/internal/props-with-element.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"props-with-element.d.ts","sourceRoot":"","sources":["../../src/internal/props-with-element.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAE1D,UAAU,gBAAgB,CAAC,CAAC,SAAS,MAAM,kBAAkB;IAC5D;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;CACvC;AAED,YAAY,EAAE,gBAAgB,EAAE,CAAC"}

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@skeletonlabs/skeleton-svelte",
-  "version": "2.0.0-next.1",
+  "version": "2.0.0-next.10",
   "description": "The Svelte package for Skeleton.",
   "author": "endigo9740 <chris@skeletonlabs.dev>",
   "types": "./dist/index.d.ts",
   "exports": {
     ".": {
-      "style": "./dist/index.css",
       "types": "./dist/index.d.ts",
+      "style": "./dist/index.css",
       "svelte": "./dist/index.js",
       "default": "./dist/index.js"
     }
@@ -16,51 +16,48 @@
     "dist"
   ],
   "dependencies": {
-    "@zag-js/accordion": "^1.22.1",
-    "@zag-js/avatar": "^1.22.1",
-    "@zag-js/combobox": "^1.22.1",
-    "@zag-js/dialog": "^1.22.1",
-    "@zag-js/file-upload": "^1.22.1",
-    "@zag-js/pagination": "^1.22.1",
-    "@zag-js/popover": "^1.22.1",
-    "@zag-js/progress": "^1.22.1",
-    "@zag-js/radio-group": "^1.22.1",
-    "@zag-js/rating-group": "^1.22.1",
-    "@zag-js/slider": "^1.22.1",
-    "@zag-js/svelte": "^1.22.1",
-    "@zag-js/switch": "^1.22.1",
-    "@zag-js/tabs": "^1.22.1",
-    "@zag-js/tags-input": "^1.22.1",
-    "@zag-js/toast": "^1.22.1",
-    "@zag-js/tooltip": "^1.22.1",
-    "@skeletonlabs/skeleton-common": "1.0.0-next.1"
+    "@zag-js/accordion": "1.24.2",
+    "@zag-js/avatar": "1.24.2",
+    "@zag-js/combobox": "1.24.2",
+    "@zag-js/dialog": "1.24.2",
+    "@zag-js/file-upload": "1.24.2",
+    "@zag-js/popover": "1.24.2",
+    "@zag-js/progress": "1.24.2",
+    "@zag-js/rating-group": "1.24.2",
+    "@zag-js/radio-group": "1.24.2",
+    "@zag-js/svelte": "1.24.2",
+    "@zag-js/switch": "1.24.2",
+    "@zag-js/tabs": "1.24.2",
+    "@zag-js/tags-input": "1.24.2",
+    "@zag-js/toast": "1.24.2",
+    "@zag-js/tooltip": "1.24.2",
+    "@skeletonlabs/skeleton-common": "1.0.0-next.9"
   },
   "peerDependencies": {
-    "svelte": "^5.20.0"
+    "svelte": "^5.29.0"
   },
   "devDependencies": {
-    "@sveltejs/adapter-auto": "^6.1.0",
-    "@sveltejs/kit": "^2.37.0",
-    "@sveltejs/package": "^2.5.0",
-    "@sveltejs/vite-plugin-svelte": "^6.1.3",
-    "@testing-library/jest-dom": "^6.8.0",
-    "@testing-library/svelte": "^5.2.8",
-    "jsdom": "^26.1.0",
-    "publint": "^0.3.12",
-    "svelte": "^5.38.6",
-    "svelte-check": "^4.3.1",
-    "tslib": "^2.8.1",
-    "typescript": "^5.9.2",
-    "vite": "^7.1.3",
+    "@sveltejs/kit": "2.37.0",
+    "@sveltejs/package": "2.5.0",
+    "@sveltejs/vite-plugin-svelte": "6.1.3",
+    "@testing-library/jest-dom": "6.8.0",
+    "@testing-library/svelte": "5.2.8",
+    "jsdom": "26.1.0",
+    "publint": "0.3.12",
+    "svelte": "5.38.6",
+    "svelte-check": "4.3.1",
+    "tslib": "2.8.1",
+    "typescript": "5.9.2",
+    "vite": "7.1.3",
     "vitest": "3.2.4",
-    "@skeletonlabs/skeleton": "4.0.0-next.1"
+    "@skeletonlabs/skeleton": "4.0.0-next.4"
   },
   "type": "module",
   "scripts": {
-    "build": "svelte-kit sync && svelte-package --input src --output dist",
-    "dev": "pnpm build --watch",
+    "dev": "svelte-package --input src --output dist --watch",
+    "build": "svelte-package --input src --output dist",
     "test": "vitest run",
-    "test:watch": "vitest run --watch",
-    "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json"
+    "check": "svelte-check",
+    "sync": "svelte-kit sync && pnpm build"
   }
 }

package/dist/components/accordion/anatomy/accordion-content.svelte

@@ -1,28 +0,0 @@
-<script lang="ts">
-	import { mergeProps } from '@zag-js/svelte';
-	import { AccordionItemContext, AccordionRootContext } from '../modules/context.js';
-	import { classesAccordion } from '@skeletonlabs/skeleton-common';
-	import type { AccordionContentProps } from '../modules/types.js';
-
-	const rootContext = AccordionRootContext.consume();
-	const itemContext = AccordionItemContext.consume();
-	const props: AccordionContentProps = $props();
-	const { element, children, ...restAttributes } = $derived(props);
-	const attributes = $derived(
-		mergeProps(
-			rootContext.api.getItemContentProps(itemContext.itemProps),
-			{
-				class: classesAccordion.content
-			},
-			restAttributes
-		)
-	);
-</script>
-
-{#if element}
-	{@render element({ attributes })}
-{:else}
-	<div {...attributes}>
-		{@render children?.()}
-	</div>
-{/if}

package/dist/components/accordion/anatomy/accordion-content.svelte.d.ts

@@ -1,4 +0,0 @@
-import type { AccordionContentProps } from '../modules/types.js';
-declare const AccordionContent: import("svelte").Component<AccordionContentProps, {}, "">;
-type AccordionContent = ReturnType<typeof AccordionContent>;
-export default AccordionContent;

package/dist/components/accordion/anatomy/accordion-heading.svelte

@@ -1,25 +0,0 @@
-<script lang="ts">
-	import { mergeProps } from '@zag-js/svelte';
-	import { classesAccordion } from '@skeletonlabs/skeleton-common';
-	import type { AccordionHeadingProps } from '../modules/types.js';
-
-	const props: AccordionHeadingProps = $props();
-	const { level = 3, element, children, ...restAttributes } = $derived(props);
-	const attributes = $derived(
-		mergeProps(
-			{
-				class: classesAccordion.heading
-			},
-			restAttributes
-		)
-	);
-	const tag = $derived(`h${level}`);
-</script>
-
-{#if element}
-	{@render element({ attributes })}
-{:else}
-	<svelte:element this={tag} {...attributes}>
-		{@render children?.()}
-	</svelte:element>
-{/if}

package/dist/components/accordion/anatomy/accordion-heading.svelte.d.ts

@@ -1,4 +0,0 @@
-import type { AccordionHeadingProps } from '../modules/types.js';
-declare const AccordionHeading: import("svelte").Component<AccordionHeadingProps, {}, "">;
-type AccordionHeading = ReturnType<typeof AccordionHeading>;
-export default AccordionHeading;

package/dist/components/accordion/anatomy/accordion-indicator.svelte

@@ -1,28 +0,0 @@
-<script lang="ts">
-	import { mergeProps } from '@zag-js/svelte';
-	import { classesAccordion } from '@skeletonlabs/skeleton-common';
-	import { AccordionRootContext, AccordionItemContext } from '../modules/context.js';
-	import type { AccordionIndicatorProps } from '../modules/types.js';
-
-	const rootContext = AccordionRootContext.consume();
-	const itemContext = AccordionItemContext.consume();
-	const props: AccordionIndicatorProps = $props();
-	const { element, children, ...restAttributes } = $derived(props);
-	const attributes = $derived(
-		mergeProps(
-			rootContext.api.getItemIndicatorProps(itemContext.itemProps),
-			{
-				class: classesAccordion.indicator
-			},
-			restAttributes
-		)
-	);
-</script>
-
-{#if element}
-	{@render element({ attributes })}
-{:else}
-	<div {...attributes}>
-		{@render children?.()}
-	</div>
-{/if}

package/dist/components/accordion/anatomy/accordion-indicator.svelte.d.ts

@@ -1,4 +0,0 @@
-import type { AccordionIndicatorProps } from '../modules/types.js';
-declare const AccordionIndicator: import("svelte").Component<AccordionIndicatorProps, {}, "">;
-type AccordionIndicator = ReturnType<typeof AccordionIndicator>;
-export default AccordionIndicator;

package/dist/components/accordion/anatomy/accordion-item.svelte

@@ -1,34 +0,0 @@
-<script lang="ts">
-	import { mergeProps } from '@zag-js/svelte';
-	import * as accordion from '@zag-js/accordion';
-	import { classesAccordion } from '@skeletonlabs/skeleton-common';
-	import { AccordionItemContext, AccordionRootContext } from '../modules/context.js';
-	import type { AccordionItemProps } from '../modules/types.js';
-
-	const rootContext = AccordionRootContext.consume();
-	const props: AccordionItemProps = $props();
-	const [itemProps, componentProps] = $derived(accordion.splitItemProps(props));
-	const { element, children, ...restAttributes } = $derived(componentProps);
-	const attributes = $derived(
-		mergeProps(
-			rootContext.api.getItemProps(itemProps),
-			{
-				class: classesAccordion.item
-			},
-			restAttributes
-		)
-	);
-	AccordionItemContext.provide({
-		get itemProps() {
-			return itemProps;
-		}
-	});
-</script>
-
-{#if element}
-	{@render element({ attributes })}
-{:else}
-	<div {...attributes}>
-		{@render children?.()}
-	</div>
-{/if}

package/dist/components/accordion/anatomy/accordion-item.svelte.d.ts

@@ -1,4 +0,0 @@
-import type { AccordionItemProps } from '../modules/types.js';
-declare const AccordionItem: import("svelte").Component<AccordionItemProps, {}, "">;
-type AccordionItem = ReturnType<typeof AccordionItem>;
-export default AccordionItem;