@skeletonlabs/skeleton-svelte 5.0.0-next.1 → 5.0.0-next.3

package/dist/components/accordion/modules/item-context.d.ts

@@ -1,6 +1,5 @@
 import type { ItemProps } from '@zag-js/accordion';
 export declare const ItemContext: {
-    key: symbol;
     consume(): () => ItemProps;
-    provide(value: () => ItemProps): () => ItemProps;
+    provide: (context: () => ItemProps) => () => ItemProps;
 };

package/dist/components/combobox/modules/item-context.d.ts

@@ -1,6 +1,5 @@
 import type { ItemProps } from '@zag-js/combobox';
 export declare const ItemContext: {
-    key: symbol;
     consume(): () => ItemProps;
-    provide(value: () => ItemProps): () => ItemProps;
+    provide: (context: () => ItemProps) => () => ItemProps;
 };

package/dist/components/combobox/modules/item-group-context.d.ts

@@ -1,6 +1,5 @@
 import type { ItemGroupProps } from '@zag-js/combobox';
 export declare const ItemGroupContext: {
-    key: symbol;
     consume(): () => ItemGroupProps;
-    provide(value: () => ItemGroupProps): () => ItemGroupProps;
+    provide: (context: () => ItemGroupProps) => () => ItemGroupProps;
 };

package/dist/components/date-picker/modules/table-cell-context.d.ts

@@ -1,7 +1,6 @@
 import type { Union } from '../../../internal/union.js';
 import type { DayTableCellProps, TableCellProps } from '@zag-js/date-picker';
 export declare const TableCellContext: {
-    key: symbol;
     consume(): () => Union<TableCellProps, DayTableCellProps>;
-    provide(value: () => Union<TableCellProps, DayTableCellProps>): () => Union<TableCellProps, DayTableCellProps>;
+    provide: (context: () => Union<TableCellProps, DayTableCellProps>) => () => Union<TableCellProps, DayTableCellProps>;
 };

package/dist/components/date-picker/modules/view-context.d.ts

@@ -1,6 +1,5 @@
 import type { ViewProps } from '@zag-js/date-picker';
 export declare const ViewContext: {
-    key: symbol;
     consume(): () => ViewProps;
-    provide(value: () => ViewProps): () => ViewProps;
+    provide: (context: () => ViewProps) => () => ViewProps;
 };

package/dist/components/file-upload/modules/item-context.d.ts

@@ -1,6 +1,5 @@
 import type { ItemProps } from '@zag-js/file-upload';
 export declare const ItemContext: {
-    key: symbol;
     consume(): () => ItemProps;
-    provide(value: () => ItemProps): () => ItemProps;
+    provide: (context: () => ItemProps) => () => ItemProps;
 };

package/dist/components/listbox/modules/item-context.d.ts

@@ -1,6 +1,5 @@
 import type { ItemProps } from '@zag-js/listbox';
 export declare const ItemContext: {
-    key: symbol;
     consume(): () => ItemProps;
-    provide(value: () => ItemProps): () => ItemProps;
+    provide: (context: () => ItemProps) => () => ItemProps;
 };

package/dist/components/listbox/modules/item-group-context.d.ts

@@ -1,6 +1,5 @@
 import type { ItemGroupProps } from '@zag-js/listbox';
 export declare const ItemGroupContext: {
-    key: symbol;
     consume(): () => ItemGroupProps;
-    provide(value: () => ItemGroupProps): () => ItemGroupProps;
+    provide: (context: () => ItemGroupProps) => () => ItemGroupProps;
 };

package/dist/components/menu/modules/item-context.d.ts

@@ -1,6 +1,5 @@
 import type { ItemProps } from '@zag-js/menu';
 export declare const ItemContext: {
-    key: symbol;
     consume(): () => ItemProps;
-    provide(value: () => ItemProps): () => ItemProps;
+    provide: (context: () => ItemProps) => () => ItemProps;
 };

package/dist/components/menu/modules/item-group-context.d.ts

@@ -1,6 +1,5 @@
 import type { ItemGroupProps } from '@zag-js/menu';
 export declare const ItemGroupContext: {
-    key: symbol;
     consume(): () => ItemGroupProps;
-    provide(value: () => ItemGroupProps): () => ItemGroupProps;
+    provide: (context: () => ItemGroupProps) => () => ItemGroupProps;
 };

package/dist/components/menu/modules/trigger-item-context.d.ts

@@ -1,6 +1,5 @@
 import type { useMenu } from './provider.svelte.js';
 export declare const TriggerItemContext: {
-    key: symbol;
     consume(): () => ReturnType<ReturnType<ReturnType<typeof useMenu>>["getTriggerItemProps"]>;
-    provide(value: () => ReturnType<ReturnType<ReturnType<typeof useMenu>>["getTriggerItemProps"]>): () => ReturnType<ReturnType<ReturnType<typeof useMenu>>["getTriggerItemProps"]>;
+    provide: (context: () => ReturnType<ReturnType<ReturnType<typeof useMenu>>["getTriggerItemProps"]>) => () => ReturnType<ReturnType<ReturnType<typeof useMenu>>["getTriggerItemProps"]>;
 };

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

@@ -1,6 +1,5 @@
 import type { NavigationRootProps } from '../anatomy/root.svelte';
 export declare const RootContext: {
-    key: symbol;
     consume(): () => Pick<NavigationRootProps, "layout">;
-    provide(value: () => Pick<NavigationRootProps, "layout">): () => Pick<NavigationRootProps, "layout">;
+    provide: (context: () => Pick<NavigationRootProps, "layout">) => () => Pick<NavigationRootProps, "layout">;
 };

package/dist/components/segmented-control/modules/item-context.d.ts

@@ -1,6 +1,5 @@
 import type { ItemProps } from '@zag-js/radio-group';
 export declare const ItemContext: {
-    key: symbol;
     consume(): () => ItemProps;
-    provide(value: () => ItemProps): () => ItemProps;
+    provide: (context: () => ItemProps) => () => ItemProps;
 };

package/dist/components/slider/modules/thumb-context.d.ts

@@ -1,6 +1,5 @@
 import type { ThumbProps } from '@zag-js/slider';
 export declare const ThumbContext: {
-    key: symbol;
     consume(): () => ThumbProps;
-    provide(value: () => ThumbProps): () => ThumbProps;
+    provide: (context: () => ThumbProps) => () => ThumbProps;
 };

package/dist/components/steps/modules/item-context.d.ts

@@ -1,6 +1,5 @@
 import type { ItemProps } from '@zag-js/steps';
 export declare const ItemContext: {
-    key: symbol;
     consume(): () => ItemProps;
-    provide(value: () => ItemProps): () => ItemProps;
+    provide: (context: () => ItemProps) => () => ItemProps;
 };

package/dist/components/tags-input/modules/item-context.d.ts

@@ -1,6 +1,5 @@
 import type { ItemProps } from '@zag-js/tags-input';
 export declare const ItemContext: {
-    key: symbol;
     consume(): () => ItemProps;
-    provide(value: () => ItemProps): () => ItemProps;
+    provide: (context: () => ItemProps) => () => ItemProps;
 };

package/dist/components/toast/modules/group-context.d.ts

@@ -1,6 +1,5 @@
 import type { GroupService } from '@zag-js/toast';
 export declare const GroupContext: {
-    key: symbol;
     consume(): () => GroupService;
-    provide(value: () => GroupService): () => GroupService;
+    provide: (context: () => GroupService) => () => GroupService;
 };

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

@@ -1,7 +1,6 @@
 import type { PropTypes } from '@zag-js/svelte';
 import type { Api } from '@zag-js/toast';
 export declare const RootContext: {
-    key: symbol;
     consume(): () => Api<PropTypes>;
-    provide(value: () => Api<PropTypes>): () => Api<PropTypes>;
+    provide: (context: () => Api<PropTypes>) => () => Api<PropTypes>;
 };

package/dist/components/tree-view/modules/node-context.d.ts

@@ -1,6 +1,5 @@
 import type { NodeProps } from '@zag-js/tree-view';
 export declare const NodeContext: {
-    key: symbol;
     consume(): () => NodeProps;
-    provide(value: () => NodeProps): () => NodeProps;
+    provide: (context: () => NodeProps) => () => NodeProps;
 };

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

@@ -1,5 +1,4 @@
 export declare function createContext<T>(defaultValue?: T): {
-    key: symbol;
     consume(): T;
-    provide(value: T): T;
+    provide: (context: T) => T;
 };

package/dist/internal/create-context.js

@@ -1,13 +1,15 @@
-import { getContext, setContext } from 'svelte';
+import { createContext as createContextSvelte } from 'svelte';
 export function createContext(defaultValue) {
-    const key = Symbol();
+    const [consume, provide] = createContextSvelte();
     return {
-        key,
         consume() {
-            return getContext(key) || defaultValue;
-        },
-        provide(value) {
-            return setContext(key, value);
+            try {
+                return consume();
+            }
+            catch {
+                return defaultValue;
+            }
         },
+        provide,
     };
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skeletonlabs/skeleton-svelte",
-  "version": "5.0.0-next.1",
+  "version": "5.0.0-next.3",
   "description": "The Svelte package for Skeleton.",
   "author": "endigo9740 <chris@skeletonlabs.dev>",
   "repository": {
@@ -49,10 +49,10 @@
     "@zag-js/toggle-group": "1.39.1",
     "@zag-js/tooltip": "1.39.1",
     "@zag-js/tree-view": "1.39.1",
-    "@skeletonlabs/skeleton-common": "5.0.0-next.1"
+    "@skeletonlabs/skeleton-common": "5.0.0-next.3"
   },
   "peerDependencies": {
-    "svelte": "^5.29.0"
+    "svelte": "^5.40.0"
   },
   "license": "MIT",
   "type": "module"