@skeletonlabs/skeleton-svelte 4.1.4 → 4.2.0

package/dist/components/tree-view/anatomy/label.svelte

@@ -1,6 +1,6 @@
 <script lang="ts" module>
-	import type { HTMLAttributes } from '../../../internal/html-attributes';
-	import type { PropsWithElement } from '../../../internal/props-with-element';
+	import type { HTMLAttributes } from '../../../internal/html-attributes.js';
+	import type { PropsWithElement } from '../../../internal/props-with-element.js';
 
 	export interface TreeViewLabelProps extends PropsWithElement<'h3'>, HTMLAttributes<'h3'> {
 		/**
@@ -13,7 +13,7 @@
 </script>
 
 <script lang="ts">
-	import { RootContext } from '../modules/root-context';
+	import { RootContext } from '../modules/root-context.js';
 	import { classesTreeView } from '@skeletonlabs/skeleton-common';
 	import { mergeProps } from '@zag-js/svelte';
 

package/dist/components/tree-view/anatomy/label.svelte.d.ts

@@ -1,5 +1,5 @@
-import type { HTMLAttributes } from '../../../internal/html-attributes';
-import type { PropsWithElement } from '../../../internal/props-with-element';
+import type { HTMLAttributes } from '../../../internal/html-attributes.js';
+import type { PropsWithElement } from '../../../internal/props-with-element.js';
 export interface TreeViewLabelProps extends PropsWithElement<'h3'>, HTMLAttributes<'h3'> {
     /**
      * The level of the heading.

package/dist/components/tree-view/anatomy/node-provider.svelte

@@ -1,5 +1,5 @@
 <script lang="ts" module>
-	import type { PropsWithChildren } from '../../../internal/props-with-children';
+	import type { PropsWithChildren } from '../../../internal/props-with-children.js';
 
 	export interface TreeViewNodeProviderProps extends PropsWithChildren {
 		value: NodeProps;
@@ -7,7 +7,7 @@
 </script>
 
 <script lang="ts">
-	import { NodeContext } from '../modules/node-context';
+	import { NodeContext } from '../modules/node-context.js';
 	import type { NodeProps } from '@zag-js/tree-view';
 
 	const props: TreeViewNodeProviderProps = $props();

package/dist/components/tree-view/anatomy/node-provider.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { PropsWithChildren } from '../../../internal/props-with-children';
+import type { PropsWithChildren } from '../../../internal/props-with-children.js';
 export interface TreeViewNodeProviderProps extends PropsWithChildren {
     value: NodeProps;
 }

package/dist/components/tree-view/anatomy/root-context.svelte

@@ -8,7 +8,7 @@
 </script>
 
 <script lang="ts">
-	import { RootContext } from '../modules/root-context';
+	import { RootContext } from '../modules/root-context.js';
 
 	const props: TreeViewRootContextProps = $props();
 

package/dist/components/tree-view/anatomy/root-context.svelte.d.ts

@@ -3,7 +3,7 @@ import type { Snippet } from 'svelte';
 export interface TreeViewRootContextProps {
     children: Snippet<[ReturnType<typeof useTreeView>]>;
 }
-import { RootContext } from '../modules/root-context';
+import { RootContext } from '../modules/root-context.js';
 declare const RootContext: import("svelte").Component<TreeViewRootContextProps, {}, "">;
 type RootContext = ReturnType<typeof RootContext>;
 export default RootContext;

package/dist/components/tree-view/anatomy/root-provider.svelte

@@ -1,6 +1,6 @@
 <script lang="ts" module>
-	import type { HTMLAttributes } from '../../../internal/html-attributes';
-	import type { PropsWithElement } from '../../../internal/props-with-element';
+	import type { HTMLAttributes } from '../../../internal/html-attributes.js';
+	import type { PropsWithElement } from '../../../internal/props-with-element.js';
 
 	export interface TreeViewRootProviderProps extends PropsWithElement<'div'>, HTMLAttributes<'div', 'id' | 'dir'> {
 		value: ReturnType<typeof useTreeView>;
@@ -9,7 +9,7 @@
 
 <script lang="ts">
 	import { useTreeView } from '../modules/provider.svelte';
-	import { RootContext } from '../modules/root-context';
+	import { RootContext } from '../modules/root-context.js';
 	import { classesTreeView } from '@skeletonlabs/skeleton-common';
 	import { mergeProps } from '@zag-js/svelte';
 

package/dist/components/tree-view/anatomy/root-provider.svelte.d.ts

@@ -1,5 +1,5 @@
-import type { HTMLAttributes } from '../../../internal/html-attributes';
-import type { PropsWithElement } from '../../../internal/props-with-element';
+import type { HTMLAttributes } from '../../../internal/html-attributes.js';
+import type { PropsWithElement } from '../../../internal/props-with-element.js';
 export interface TreeViewRootProviderProps extends PropsWithElement<'div'>, HTMLAttributes<'div', 'id' | 'dir'> {
     value: ReturnType<typeof useTreeView>;
 }

package/dist/components/tree-view/anatomy/root.svelte

@@ -1,6 +1,6 @@
 <script lang="ts" module>
-	import type { HTMLAttributes } from '../../../internal/html-attributes';
-	import type { PropsWithElement } from '../../../internal/props-with-element';
+	import type { HTMLAttributes } from '../../../internal/html-attributes.js';
+	import type { PropsWithElement } from '../../../internal/props-with-element.js';
 	import { splitProps, type Props } from '@zag-js/tree-view';
 
 	export interface TreeViewRootProps extends Omit<Props, 'id'>, PropsWithElement<'div'>, HTMLAttributes<'div', 'id' | 'dir'> {}
@@ -8,7 +8,7 @@
 
 <script lang="ts">
 	import { useTreeView } from '../modules/provider.svelte';
-	import { RootContext } from '../modules/root-context';
+	import { RootContext } from '../modules/root-context.js';
 	import { classesTreeView } from '@skeletonlabs/skeleton-common';
 	import { mergeProps } from '@zag-js/svelte';
 

package/dist/components/tree-view/anatomy/root.svelte.d.ts

@@ -1,5 +1,5 @@
-import type { HTMLAttributes } from '../../../internal/html-attributes';
-import type { PropsWithElement } from '../../../internal/props-with-element';
+import type { HTMLAttributes } from '../../../internal/html-attributes.js';
+import type { PropsWithElement } from '../../../internal/props-with-element.js';
 import { type Props } from '@zag-js/tree-view';
 export interface TreeViewRootProps extends Omit<Props, 'id'>, PropsWithElement<'div'>, HTMLAttributes<'div', 'id' | 'dir'> {
 }

package/dist/components/tree-view/anatomy/tree.svelte

@@ -1,12 +1,12 @@
 <script lang="ts" module>
-	import type { HTMLAttributes } from '../../../internal/html-attributes';
-	import type { PropsWithElement } from '../../../internal/props-with-element';
+	import type { HTMLAttributes } from '../../../internal/html-attributes.js';
+	import type { PropsWithElement } from '../../../internal/props-with-element.js';
 
 	export interface TreeViewTreeProps extends PropsWithElement<'div'>, HTMLAttributes<'div'> {}
 </script>
 
 <script lang="ts">
-	import { RootContext } from '../modules/root-context';
+	import { RootContext } from '../modules/root-context.js';
 	import { classesTreeView } from '@skeletonlabs/skeleton-common';
 	import { mergeProps } from '@zag-js/svelte';
 

package/dist/components/tree-view/anatomy/tree.svelte.d.ts

@@ -1,5 +1,5 @@
-import type { HTMLAttributes } from '../../../internal/html-attributes';
-import type { PropsWithElement } from '../../../internal/props-with-element';
+import type { HTMLAttributes } from '../../../internal/html-attributes.js';
+import type { PropsWithElement } from '../../../internal/props-with-element.js';
 export interface TreeViewTreeProps extends PropsWithElement<'div'>, HTMLAttributes<'div'> {
 }
 declare const Tree: import("svelte").Component<TreeViewTreeProps, {}, "">;

package/dist/components/tree-view/index.d.ts

@@ -1,6 +1,6 @@
-export { TreeView } from './modules/anatomy';
-export { useTreeView } from './modules/provider.svelte';
-export { createTreeViewCollection } from './modules/create-tree-view-collection';
+export { TreeView } from './modules/anatomy.js';
+export { useTreeView } from './modules/provider.svelte.js';
+export { createTreeViewCollection } from './modules/create-tree-view-collection.js';
 export type { TreeViewRootProps } from './anatomy/root.svelte';
 export type { TreeViewRootProviderProps } from './anatomy/root-provider.svelte';
 export type { TreeViewRootContextProps } from './anatomy/root-context.svelte';

package/dist/components/tree-view/index.js

@@ -1,3 +1,3 @@
-export { TreeView } from './modules/anatomy';
-export { useTreeView } from './modules/provider.svelte';
-export { createTreeViewCollection } from './modules/create-tree-view-collection';
+export { TreeView } from './modules/anatomy.js';
+export { useTreeView } from './modules/provider.svelte.js';
+export { createTreeViewCollection } from './modules/create-tree-view-collection.js';

package/dist/components/tree-view/modules/anatomy.d.ts

@@ -1,15 +1,15 @@
-export declare const TreeView: import("svelte").Component<import("..").TreeViewRootProps, {}, ""> & {
-    Provider: import("svelte").Component<import("..").TreeViewRootProviderProps, {}, "">;
-    Context: import("svelte").Component<import("..").TreeViewRootContextProps, {}, "">;
-    Tree: import("svelte").Component<import("..").TreeViewTreeProps, {}, "">;
-    Label: import("svelte").Component<import("..").TreeViewLabelProps, {}, "">;
-    NodeProvider: import("svelte").Component<import("..").TreeViewNodeProviderProps, {}, "">;
-    Branch: import("svelte").Component<import("..").TreeViewBranchProps, {}, "">;
-    BranchControl: import("svelte").Component<import("..").TreeViewBranchControlProps, {}, "">;
-    BranchText: import("svelte").Component<import("..").TreeViewBranchTextProps, {}, "">;
-    BranchIndicator: import("svelte").Component<import("..").TreeViewBranchIndicatorProps, {}, "">;
-    BranchContent: import("svelte").Component<import("..").TreeViewBranchContentProps, {}, "">;
-    BranchIndentGuide: import("svelte").Component<import("..").TreeViewBranchIndentGuideProps, {}, "">;
-    Item: import("svelte").Component<import("..").TreeViewItemProps, {}, "">;
+export declare const TreeView: import("svelte").Component<import("../anatomy/root.svelte").TreeViewRootProps, {}, ""> & {
+    Provider: import("svelte").Component<import("../anatomy/root-provider.svelte").TreeViewRootProviderProps, {}, "">;
+    Context: import("svelte").Component<import("../anatomy/root-context.svelte").TreeViewRootContextProps, {}, "">;
+    Tree: import("svelte").Component<import("../anatomy/tree.svelte").TreeViewTreeProps, {}, "">;
+    Label: import("svelte").Component<import("../anatomy/label.svelte").TreeViewLabelProps, {}, "">;
+    NodeProvider: import("svelte").Component<import("../anatomy/node-provider.svelte").TreeViewNodeProviderProps, {}, "">;
+    Branch: import("svelte").Component<import("../anatomy/branch.svelte").TreeViewBranchProps, {}, "">;
+    BranchControl: import("svelte").Component<import("../anatomy/branch-control.svelte").TreeViewBranchControlProps, {}, "">;
+    BranchText: import("svelte").Component<import("../anatomy/branch-text.svelte").TreeViewBranchTextProps, {}, "">;
+    BranchIndicator: import("svelte").Component<import("../anatomy/branch-indicator.svelte").TreeViewBranchIndicatorProps, {}, "">;
+    BranchContent: import("svelte").Component<import("../anatomy/branch-content.svelte").TreeViewBranchContentProps, {}, "">;
+    BranchIndentGuide: import("svelte").Component<import("../anatomy/branch-indent-guide.svelte").TreeViewBranchIndentGuideProps, {}, "">;
+    Item: import("svelte").Component<import("../anatomy/item.svelte").TreeViewItemProps, {}, "">;
 };
 //# sourceMappingURL=anatomy.d.ts.map

package/dist/components/tree-view/modules/create-tree-view-collection.d.ts

@@ -1,3 +1,3 @@
 import { collection } from '@zag-js/tree-view';
-export declare function createTreeViewCollection<T>(...args: Parameters<typeof collection<T>>): import("@zag-js/collection").TreeCollection<T>;
+export declare function createTreeViewCollection<T>(...args: Parameters<typeof collection<T>>): import("@zag-js/collection", { with: { "resolution-mode": "require" } }).TreeCollection<T>;
 //# sourceMappingURL=create-tree-view-collection.d.ts.map

package/dist/components/tree-view/modules/node-context.js

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

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

@@ -1,6 +1,6 @@
 export declare const RootContext: {
     key: symbol;
-    consume(): () => import("@zag-js/tree-view").Api<import("@zag-js/svelte").PropTypes>;
-    provide(value: () => import("@zag-js/tree-view").Api<import("@zag-js/svelte").PropTypes>): () => import("@zag-js/tree-view").Api<import("@zag-js/svelte").PropTypes>;
+    consume(): () => import("@zag-js/tree-view", { with: { "resolution-mode": "require" } }).Api<import("@zag-js/svelte").PropTypes>;
+    provide(value: () => import("@zag-js/tree-view", { with: { "resolution-mode": "require" } }).Api<import("@zag-js/svelte").PropTypes>): () => import("@zag-js/tree-view", { with: { "resolution-mode": "require" } }).Api<import("@zag-js/svelte").PropTypes>;
 };
 //# sourceMappingURL=root-context.d.ts.map

package/dist/components/tree-view/modules/root-context.js

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

package/dist/index.d.ts

@@ -1,26 +1,26 @@
-export * from './components/accordion/index';
-export * from './components/app-bar/index';
-export * from './components/avatar/index';
-export * from './components/collapsible/index';
-export * from './components/combobox/index';
-export * from './components/date-picker/index';
-export * from './components/dialog/index';
-export * from './components/file-upload/index';
-export * from './components/listbox/index';
-export * from './components/navigation/index';
-export * from './components/pagination/index';
-export * from './components/popover/index';
-export * from './components/portal/index';
-export * from './components/progress/index';
-export * from './components/rating-group/index';
-export * from './components/segmented-control/index';
-export * from './components/slider/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/toggle-group/index';
-export * from './components/tooltip/index';
-export * from './components/tree-view/index';
-export * from './hooks/use-list-collection';
+export * from './components/accordion/index.js';
+export * from './components/app-bar/index.js';
+export * from './components/avatar/index.js';
+export * from './components/collapsible/index.js';
+export * from './components/combobox/index.js';
+export * from './components/date-picker/index.js';
+export * from './components/dialog/index.js';
+export * from './components/file-upload/index.js';
+export * from './components/listbox/index.js';
+export * from './components/navigation/index.js';
+export * from './components/pagination/index.js';
+export * from './components/popover/index.js';
+export * from './components/portal/index.js';
+export * from './components/progress/index.js';
+export * from './components/rating-group/index.js';
+export * from './components/segmented-control/index.js';
+export * from './components/slider/index.js';
+export * from './components/switch/index.js';
+export * from './components/tabs/index.js';
+export * from './components/tags-input/index.js';
+export * from './components/toast/index.js';
+export * from './components/toggle-group/index.js';
+export * from './components/tooltip/index.js';
+export * from './components/tree-view/index.js';
+export * from './hooks/use-list-collection.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.js

@@ -1,25 +1,25 @@
-export * from './components/accordion/index';
-export * from './components/app-bar/index';
-export * from './components/avatar/index';
-export * from './components/collapsible/index';
-export * from './components/combobox/index';
-export * from './components/date-picker/index';
-export * from './components/dialog/index';
-export * from './components/file-upload/index';
-export * from './components/listbox/index';
-export * from './components/navigation/index';
-export * from './components/pagination/index';
-export * from './components/popover/index';
-export * from './components/portal/index';
-export * from './components/progress/index';
-export * from './components/rating-group/index';
-export * from './components/segmented-control/index';
-export * from './components/slider/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/toggle-group/index';
-export * from './components/tooltip/index';
-export * from './components/tree-view/index';
-export * from './hooks/use-list-collection';
+export * from './components/accordion/index.js';
+export * from './components/app-bar/index.js';
+export * from './components/avatar/index.js';
+export * from './components/collapsible/index.js';
+export * from './components/combobox/index.js';
+export * from './components/date-picker/index.js';
+export * from './components/dialog/index.js';
+export * from './components/file-upload/index.js';
+export * from './components/listbox/index.js';
+export * from './components/navigation/index.js';
+export * from './components/pagination/index.js';
+export * from './components/popover/index.js';
+export * from './components/portal/index.js';
+export * from './components/progress/index.js';
+export * from './components/rating-group/index.js';
+export * from './components/segmented-control/index.js';
+export * from './components/slider/index.js';
+export * from './components/switch/index.js';
+export * from './components/tabs/index.js';
+export * from './components/tags-input/index.js';
+export * from './components/toast/index.js';
+export * from './components/toggle-group/index.js';
+export * from './components/tooltip/index.js';
+export * from './components/tree-view/index.js';
+export * from './hooks/use-list-collection.js';

package/dist/internal/components/calendar.svelte

@@ -1,5 +1,5 @@
 <script lang="ts" module>
-	import type { HTMLAttributes } from '../html-attributes';
+	import type { HTMLAttributes } from '../html-attributes.js';
 
 	export interface CalendarProps extends HTMLAttributes<'svg', 'children'> {}
 </script>

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

@@ -1,4 +1,4 @@
-import type { HTMLAttributes } from '../html-attributes';
+import type { HTMLAttributes } from '../html-attributes.js';
 export interface CalendarProps extends HTMLAttributes<'svg', 'children'> {
 }
 declare const Calendar: import("svelte").Component<CalendarProps, {}, "">;

package/dist/internal/components/check.svelte

@@ -1,5 +1,5 @@
 <script lang="ts" module>
-	import type { HTMLAttributes } from '../html-attributes';
+	import type { HTMLAttributes } from '../html-attributes.js';
 	import { mergeProps } from '@zag-js/svelte';
 
 	export type CheckProps = HTMLAttributes<'svg', 'children'>;

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

@@ -1,4 +1,4 @@
-import type { HTMLAttributes } from '../html-attributes';
+import type { HTMLAttributes } from '../html-attributes.js';
 export type CheckProps = HTMLAttributes<'svg', 'children'>;
 declare const Check: import("svelte").Component<CheckProps, {}, "">;
 type Check = ReturnType<typeof Check>;

package/dist/internal/components/chevron-down.svelte

@@ -1,5 +1,5 @@
 <script lang="ts" module>
-	import type { HTMLAttributes } from '../html-attributes';
+	import type { HTMLAttributes } from '../html-attributes.js';
 	import { mergeProps } from '@zag-js/svelte';
 
 	export type ChevronDownProps = HTMLAttributes<'svg', 'children'>;

package/dist/internal/components/chevron-down.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { HTMLAttributes } from '../html-attributes';
+import type { HTMLAttributes } from '../html-attributes.js';
 export type ChevronDownProps = HTMLAttributes<'svg', 'children'>;
 declare const ChevronDown: import("svelte").Component<ChevronDownProps, {}, "">;
 type ChevronDown = ReturnType<typeof ChevronDown>;

package/dist/internal/components/chevron-left.svelte

@@ -1,5 +1,5 @@
 <script lang="ts" module>
-	import type { HTMLAttributes } from '../html-attributes';
+	import type { HTMLAttributes } from '../html-attributes.js';
 
 	export interface ChevronLeftProps extends HTMLAttributes<'svg', 'children'> {}
 </script>

package/dist/internal/components/chevron-left.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { HTMLAttributes } from '../html-attributes';
+import type { HTMLAttributes } from '../html-attributes.js';
 export interface ChevronLeftProps extends HTMLAttributes<'svg', 'children'> {
 }
 declare const ChevronLeft: import("svelte").Component<ChevronLeftProps, {}, "">;

package/dist/internal/components/chevron-right.svelte

@@ -1,5 +1,5 @@
 <script lang="ts" module>
-	import type { HTMLAttributes } from '../html-attributes';
+	import type { HTMLAttributes } from '../html-attributes.js';
 
 	export interface ChevronRightProps extends HTMLAttributes<'svg', 'children'> {}
 </script>

package/dist/internal/components/chevron-right.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { HTMLAttributes } from '../html-attributes';
+import type { HTMLAttributes } from '../html-attributes.js';
 export interface ChevronRightProps extends HTMLAttributes<'svg', 'children'> {
 }
 declare const ChevronRight: import("svelte").Component<ChevronRightProps, {}, "">;

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

@@ -1,5 +1,5 @@
 <script lang="ts" module>
-	import type { HTMLAttributes } from '../html-attributes';
+	import type { HTMLAttributes } from '../html-attributes.js';
 	import { mergeProps } from '@zag-js/svelte';
 
 	export type StarEmptyProps = HTMLAttributes<'svg', 'children'>;

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

@@ -1,4 +1,4 @@
-import type { HTMLAttributes } from '../html-attributes';
+import type { HTMLAttributes } from '../html-attributes.js';
 export type StarEmptyProps = HTMLAttributes<'svg', 'children'>;
 declare const StarEmpty: import("svelte").Component<StarEmptyProps, {}, "">;
 type StarEmpty = ReturnType<typeof StarEmpty>;

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

@@ -1,5 +1,5 @@
 <script lang="ts" module>
-	import type { HTMLAttributes } from '../html-attributes';
+	import type { HTMLAttributes } from '../html-attributes.js';
 	import { mergeProps } from '@zag-js/svelte';
 
 	export type StarFullProps = HTMLAttributes<'svg', 'children'>;

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

@@ -1,4 +1,4 @@
-import type { HTMLAttributes } from '../html-attributes';
+import type { HTMLAttributes } from '../html-attributes.js';
 export type StarFullProps = HTMLAttributes<'svg', 'children'>;
 declare const StarFull: import("svelte").Component<StarFullProps, {}, "">;
 type StarFull = ReturnType<typeof StarFull>;

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

@@ -1,5 +1,5 @@
 <script lang="ts" module>
-	import type { HTMLAttributes } from '../html-attributes';
+	import type { HTMLAttributes } from '../html-attributes.js';
 	import { mergeProps } from '@zag-js/svelte';
 
 	export type StarHalfProps = HTMLAttributes<'svg', 'children'>;

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

@@ -1,4 +1,4 @@
-import type { HTMLAttributes } from '../html-attributes';
+import type { HTMLAttributes } from '../html-attributes.js';
 export type StarHalfProps = HTMLAttributes<'svg', 'children'>;
 declare const StarHalf: import("svelte").Component<StarHalfProps, {}, "">;
 type StarHalf = ReturnType<typeof StarHalf>;

package/dist/internal/components/x.svelte

@@ -1,5 +1,5 @@
 <script lang="ts" module>
-	import type { HTMLAttributes } from '../html-attributes';
+	import type { HTMLAttributes } from '../html-attributes.js';
 	import { mergeProps } from '@zag-js/svelte';
 
 	export type XProps = HTMLAttributes<'svg', 'children'>;

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

@@ -1,4 +1,4 @@
-import type { HTMLAttributes } from '../html-attributes';
+import type { HTMLAttributes } from '../html-attributes.js';
 export type XProps = HTMLAttributes<'svg', 'children'>;
 declare const X: import("svelte").Component<XProps, {}, "">;
 type X = ReturnType<typeof X>;

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

@@ -1,4 +1,4 @@
-import type { HTMLAttributes } from './html-attributes';
+import type { HTMLAttributes } from './html-attributes.js';
 import type { Snippet } from 'svelte';
 import type { SvelteHTMLElements } from 'svelte/elements';
 interface PropsWithElement<T extends keyof SvelteHTMLElements> {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skeletonlabs/skeleton-svelte",
-  "version": "4.1.4",
+  "version": "4.2.0",
   "description": "The Svelte package for Skeleton.",
   "author": "endigo9740 <chris@skeletonlabs.dev>",
   "repository": {
@@ -22,47 +22,47 @@
   ],
   "sideEffects": false,
   "dependencies": {
-    "@zag-js/accordion": "1.26.3",
-    "@zag-js/avatar": "1.26.3",
-    "@zag-js/collapsible": "1.26.3",
-    "@zag-js/collection": "1.26.3",
-    "@zag-js/combobox": "1.26.3",
-    "@zag-js/date-picker": "1.26.3",
-    "@zag-js/dialog": "1.26.3",
-    "@zag-js/file-upload": "1.26.3",
-    "@zag-js/listbox": "1.26.3",
-    "@zag-js/pagination": "1.26.3",
-    "@zag-js/popover": "1.26.3",
-    "@zag-js/progress": "1.26.3",
-    "@zag-js/radio-group": "1.26.3",
-    "@zag-js/rating-group": "1.26.3",
-    "@zag-js/slider": "1.26.3",
-    "@zag-js/svelte": "1.26.3",
-    "@zag-js/switch": "1.26.3",
-    "@zag-js/tabs": "1.26.3",
-    "@zag-js/tags-input": "1.26.3",
-    "@zag-js/toast": "1.26.3",
-    "@zag-js/toggle-group": "1.26.3",
-    "@zag-js/tooltip": "1.26.3",
-    "@zag-js/tree-view": "1.26.3",
-    "@skeletonlabs/skeleton-common": "4.1.4"
+    "@zag-js/accordion": "1.26.4",
+    "@zag-js/avatar": "1.26.4",
+    "@zag-js/collapsible": "1.26.4",
+    "@zag-js/collection": "1.26.4",
+    "@zag-js/combobox": "1.26.4",
+    "@zag-js/date-picker": "1.26.4",
+    "@zag-js/dialog": "1.26.4",
+    "@zag-js/file-upload": "1.26.4",
+    "@zag-js/listbox": "1.26.4",
+    "@zag-js/pagination": "1.26.4",
+    "@zag-js/popover": "1.26.4",
+    "@zag-js/progress": "1.26.4",
+    "@zag-js/radio-group": "1.26.4",
+    "@zag-js/rating-group": "1.26.4",
+    "@zag-js/slider": "1.26.4",
+    "@zag-js/svelte": "1.26.4",
+    "@zag-js/switch": "1.26.4",
+    "@zag-js/tabs": "1.26.4",
+    "@zag-js/tags-input": "1.26.4",
+    "@zag-js/toast": "1.26.4",
+    "@zag-js/toggle-group": "1.26.4",
+    "@zag-js/tooltip": "1.26.4",
+    "@zag-js/tree-view": "1.26.4",
+    "@skeletonlabs/skeleton-common": "4.2.0"
   },
   "peerDependencies": {
     "svelte": "^5.29.0"
   },
   "devDependencies": {
-    "@sveltejs/kit": "2.47.1",
+    "@sveltejs/kit": "2.47.3",
     "@sveltejs/package": "2.5.4",
     "@sveltejs/vite-plugin-svelte": "6.2.1",
     "@testing-library/jest-dom": "6.9.1",
     "@testing-library/svelte": "5.2.8",
     "jsdom": "27.0.1",
-    "svelte": "5.41.0",
+    "svelte": "5.42.2",
     "svelte-check": "4.3.3",
     "typescript": "5.9.3",
     "vite": "7.1.10",
     "vitest": "3.2.4",
-    "@skeletonlabs/skeleton": "4.1.4"
+    "@skeletonlabs/skeleton": "4.2.0"
   },
   "license": "MIT",
   "type": "module",