npm - @skeletonlabs/skeleton-svelte - Versions diffs - 4.1.4 → 4.2.0 - Mend

@skeletonlabs/skeleton-svelte 4.1.4 → 4.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (592) hide show

package/dist/components/segmented-control/anatomy/item-text.svelte.d.ts CHANGED Viewed

@@ -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 SegmentedControlItemTextProps extends PropsWithElement<'span'>, HTMLAttributes<'span'> {
 }
 declare const ItemText: import("svelte").Component<SegmentedControlItemTextProps, {}, "">;

package/dist/components/segmented-control/anatomy/item.svelte CHANGED Viewed

@@ -1,14 +1,14 @@
 <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 type { ItemProps } from '@zag-js/radio-group';
 	export interface SegmentedControlItemProps extends ItemProps, PropsWithElement<'label'>, HTMLAttributes<'label'> {}
 </script>
 <script lang="ts">
-	import { ItemContext } from '../modules/item-context';
-	import { RootContext } from '../modules/root-context';
+	import { ItemContext } from '../modules/item-context.js';
+	import { RootContext } from '../modules/root-context.js';
 	import { classesSegmentedControl } from '@skeletonlabs/skeleton-common';
 	import { splitItemProps } from '@zag-js/radio-group';
 	import { mergeProps } from '@zag-js/svelte';

package/dist/components/segmented-control/anatomy/item.svelte.d.ts CHANGED Viewed

@@ -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 { ItemProps } from '@zag-js/radio-group';
 export interface SegmentedControlItemProps extends ItemProps, PropsWithElement<'label'>, HTMLAttributes<'label'> {
 }

package/dist/components/segmented-control/anatomy/label.svelte CHANGED Viewed

@@ -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 SegmentedControlLabelProps extends PropsWithElement<'span'>, HTMLAttributes<'span'> {}
 </script>
 <script lang="ts">
-	import { RootContext } from '../modules/root-context';
+	import { RootContext } from '../modules/root-context.js';
 	import { classesSegmentedControl } from '@skeletonlabs/skeleton-common';
 	import { mergeProps } from '@zag-js/svelte';

package/dist/components/segmented-control/anatomy/label.svelte.d.ts CHANGED Viewed

@@ -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 SegmentedControlLabelProps extends PropsWithElement<'span'>, HTMLAttributes<'span'> {
 }
 declare const Label: import("svelte").Component<SegmentedControlLabelProps, {}, "">;

package/dist/components/segmented-control/anatomy/root-context.svelte CHANGED Viewed

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

package/dist/components/segmented-control/anatomy/root-context.svelte.d.ts CHANGED Viewed

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

package/dist/components/segmented-control/anatomy/root-provider.svelte CHANGED Viewed

@@ -1,7 +1,7 @@
 <script lang="ts" module>
 	import type { useSegmentedControl } from '../modules/provider.svelte';
-	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 SegmentedControlRootProviderProps extends PropsWithElement<'div'>, HTMLAttributes<'div', 'id' | 'dir'> {
 		value: ReturnType<typeof useSegmentedControl>;
@@ -9,7 +9,7 @@
 </script>
 <script lang="ts">
-	import { RootContext } from '../modules/root-context';
+	import { RootContext } from '../modules/root-context.js';
 	import { classesSegmentedControl } from '@skeletonlabs/skeleton-common';
 	import { mergeProps } from '@zag-js/svelte';

package/dist/components/segmented-control/anatomy/root-provider.svelte.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import type { useSegmentedControl } from '../modules/provider.svelte';
-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 SegmentedControlRootProviderProps extends PropsWithElement<'div'>, HTMLAttributes<'div', 'id' | 'dir'> {
     value: ReturnType<typeof useSegmentedControl>;
 }

package/dist/components/segmented-control/anatomy/root.svelte CHANGED Viewed

@@ -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 type { Props } from '@zag-js/radio-group';
 	export interface SegmentedControlRootProps extends Omit<Props, 'id'>, PropsWithElement<'div'>, HTMLAttributes<'div', 'id' | 'dir'> {}
@@ -8,7 +8,7 @@
 <script lang="ts">
 	import { useSegmentedControl } from '../modules/provider.svelte';
-	import { RootContext } from '../modules/root-context';
+	import { RootContext } from '../modules/root-context.js';
 	import { classesSegmentedControl } from '@skeletonlabs/skeleton-common';
 	import { splitProps } from '@zag-js/radio-group';
 	import { mergeProps } from '@zag-js/svelte';

package/dist/components/segmented-control/anatomy/root.svelte.d.ts CHANGED Viewed

@@ -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/radio-group';
 export interface SegmentedControlRootProps extends Omit<Props, 'id'>, PropsWithElement<'div'>, HTMLAttributes<'div', 'id' | 'dir'> {
 }

package/dist/components/segmented-control/index.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
-export { SegmentedControl } from './modules/anatomy';
-export { useSegmentedControl } from './modules/provider.svelte';
+export { SegmentedControl } from './modules/anatomy.js';
+export { useSegmentedControl } from './modules/provider.svelte.js';
 export type { SegmentedControlRootProps } from './anatomy/root.svelte';
 export type { SegmentedControlRootContextProps } from './anatomy/root-context.svelte';
 export type { SegmentedControlRootProviderProps } from './anatomy/root-provider.svelte';

package/dist/components/segmented-control/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-export { SegmentedControl } from './modules/anatomy';
-export { useSegmentedControl } from './modules/provider.svelte';
+export { SegmentedControl } from './modules/anatomy.js';
+export { useSegmentedControl } from './modules/provider.svelte.js';

package/dist/components/segmented-control/modules/anatomy.d.ts CHANGED Viewed

@@ -1,11 +1,11 @@
-export declare const SegmentedControl: import("svelte").Component<import("..").SegmentedControlRootProps, {}, ""> & {
-    Provider: import("svelte").Component<import("..").SegmentedControlRootProviderProps, {}, "">;
-    Context: import("svelte").Component<import("..").SegmentedControlRootContextProps, {}, "">;
-    Label: import("svelte").Component<import("..").SegmentedControlLabelProps, {}, "">;
-    Control: import("svelte").Component<import("..").SegmentedControlControlProps, {}, "">;
-    Indicator: import("svelte").Component<import("..").SegmentedControlIndicatorProps, {}, "">;
-    Item: import("svelte").Component<import("..").SegmentedControlItemProps, {}, "">;
-    ItemText: import("svelte").Component<import("..").SegmentedControlItemTextProps, {}, "">;
-    ItemHiddenInput: import("svelte").Component<import("..").SegmentedControlItemHiddenInputProps, {}, "">;
+export declare const SegmentedControl: import("svelte").Component<import("../anatomy/root.svelte").SegmentedControlRootProps, {}, ""> & {
+    Provider: import("svelte").Component<import("../anatomy/root-provider.svelte").SegmentedControlRootProviderProps, {}, "">;
+    Context: import("svelte").Component<import("../anatomy/root-context.svelte").SegmentedControlRootContextProps, {}, "">;
+    Label: import("svelte").Component<import("../anatomy/label.svelte").SegmentedControlLabelProps, {}, "">;
+    Control: import("svelte").Component<import("../anatomy/control.svelte").SegmentedControlControlProps, {}, "">;
+    Indicator: import("svelte").Component<import("../anatomy/indicator.svelte").SegmentedControlIndicatorProps, {}, "">;
+    Item: import("svelte").Component<import("../anatomy/item.svelte").SegmentedControlItemProps, {}, "">;
+    ItemText: import("svelte").Component<import("../anatomy/item-text.svelte").SegmentedControlItemTextProps, {}, "">;
+    ItemHiddenInput: import("svelte").Component<import("../anatomy/item-hidden-input.svelte").SegmentedControlItemHiddenInputProps, {}, "">;
 };
 //# sourceMappingURL=anatomy.d.ts.map

package/dist/components/segmented-control/modules/item-context.js CHANGED Viewed

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

package/dist/components/segmented-control/modules/root-context.d.ts CHANGED Viewed

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

package/dist/components/segmented-control/modules/root-context.js CHANGED Viewed

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

package/dist/components/slider/anatomy/control.svelte CHANGED Viewed

@@ -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 SliderControlProps extends PropsWithElement<'div'>, HTMLAttributes<'div'> {}
 </script>
 <script lang="ts">
-	import { RootContext } from '../modules/root-context';
+	import { RootContext } from '../modules/root-context.js';
 	import { classesSlider } from '@skeletonlabs/skeleton-common';
 	import { mergeProps } from '@zag-js/svelte';

package/dist/components/slider/anatomy/control.svelte.d.ts CHANGED Viewed

@@ -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 SliderControlProps extends PropsWithElement<'div'>, HTMLAttributes<'div'> {
 }
 declare const Control: import("svelte").Component<SliderControlProps, {}, "">;

package/dist/components/slider/anatomy/hidden-input.svelte CHANGED Viewed

@@ -1,13 +1,13 @@
 <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 SliderHiddenInputProps extends PropsWithElement<'input'>, HTMLAttributes<'input', 'children'> {}
 </script>
 <script lang="ts">
-	import { RootContext } from '../modules/root-context';
-	import { ThumbContext } from '../modules/thumb-context';
+	import { RootContext } from '../modules/root-context.js';
+	import { ThumbContext } from '../modules/thumb-context.js';
 	import { classesSlider } from '@skeletonlabs/skeleton-common';
 	import { mergeProps } from '@zag-js/svelte';

package/dist/components/slider/anatomy/hidden-input.svelte.d.ts CHANGED Viewed

@@ -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 SliderHiddenInputProps extends PropsWithElement<'input'>, HTMLAttributes<'input', 'children'> {
 }
 declare const HiddenInput: import("svelte").Component<SliderHiddenInputProps, {}, "">;

package/dist/components/slider/anatomy/label.svelte CHANGED Viewed

@@ -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 SliderLabelProps extends PropsWithElement<'label'>, HTMLAttributes<'label'> {}
 </script>
 <script lang="ts">
-	import { RootContext } from '../modules/root-context';
+	import { RootContext } from '../modules/root-context.js';
 	import { classesSlider } from '@skeletonlabs/skeleton-common';
 	import { mergeProps } from '@zag-js/svelte';

package/dist/components/slider/anatomy/label.svelte.d.ts CHANGED Viewed

@@ -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 SliderLabelProps extends PropsWithElement<'label'>, HTMLAttributes<'label'> {
 }
 declare const Label: import("svelte").Component<SliderLabelProps, {}, "">;

package/dist/components/slider/anatomy/marker-group.svelte CHANGED Viewed

@@ -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 SliderMarkerGroupProps extends PropsWithElement<'div'>, HTMLAttributes<'div'> {}
 </script>
 <script lang="ts">
-	import { RootContext } from '../modules/root-context';
+	import { RootContext } from '../modules/root-context.js';
 	import { classesSlider } from '@skeletonlabs/skeleton-common';
 	import { mergeProps } from '@zag-js/svelte';

package/dist/components/slider/anatomy/marker-group.svelte.d.ts CHANGED Viewed

@@ -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 SliderMarkerGroupProps extends PropsWithElement<'div'>, HTMLAttributes<'div'> {
 }
 declare const MarkerGroup: import("svelte").Component<SliderMarkerGroupProps, {}, "">;

package/dist/components/slider/anatomy/marker.svelte CHANGED Viewed

@@ -1,13 +1,13 @@
 <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 type { MarkerProps } from '@zag-js/slider';
 	export interface SliderMarkerProps extends MarkerProps, PropsWithElement<'div'>, HTMLAttributes<'div'> {}
 </script>
 <script lang="ts">
-	import { RootContext } from '../modules/root-context';
+	import { RootContext } from '../modules/root-context.js';
 	import { classesSlider } from '@skeletonlabs/skeleton-common';
 	import { mergeProps } from '@zag-js/svelte';

package/dist/components/slider/anatomy/marker.svelte.d.ts CHANGED Viewed

@@ -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 { MarkerProps } from '@zag-js/slider';
 export interface SliderMarkerProps extends MarkerProps, PropsWithElement<'div'>, HTMLAttributes<'div'> {
 }

package/dist/components/slider/anatomy/range.svelte CHANGED Viewed

@@ -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 SliderRangeProps extends PropsWithElement<'div'>, HTMLAttributes<'div'> {}
 </script>
 <script lang="ts">
-	import { RootContext } from '../modules/root-context';
+	import { RootContext } from '../modules/root-context.js';
 	import { classesSlider } from '@skeletonlabs/skeleton-common';
 	import { mergeProps } from '@zag-js/svelte';

package/dist/components/slider/anatomy/range.svelte.d.ts CHANGED Viewed

@@ -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 SliderRangeProps extends PropsWithElement<'div'>, HTMLAttributes<'div'> {
 }
 declare const Range: import("svelte").Component<SliderRangeProps, {}, "">;

package/dist/components/slider/anatomy/root-context.svelte CHANGED Viewed

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

package/dist/components/slider/anatomy/root-context.svelte.d.ts CHANGED Viewed

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

package/dist/components/slider/anatomy/root-provider.svelte CHANGED Viewed

@@ -1,7 +1,7 @@
 <script lang="ts" module>
 	import type { useSlider } from '../modules/provider.svelte';
-	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 SliderRootProviderProps extends PropsWithElement<'div'>, HTMLAttributes<'div', 'id' | 'dir'> {
 		value: ReturnType<typeof useSlider>;
@@ -9,7 +9,7 @@
 </script>
 <script lang="ts">
-	import { RootContext } from '../modules/root-context';
+	import { RootContext } from '../modules/root-context.js';
 	import { classesSlider } from '@skeletonlabs/skeleton-common';
 	import { mergeProps } from '@zag-js/svelte';

package/dist/components/slider/anatomy/root-provider.svelte.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import type { useSlider } from '../modules/provider.svelte';
-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 SliderRootProviderProps extends PropsWithElement<'div'>, HTMLAttributes<'div', 'id' | 'dir'> {
     value: ReturnType<typeof useSlider>;
 }

package/dist/components/slider/anatomy/root.svelte CHANGED Viewed

@@ -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 type { Props } from '@zag-js/slider';
 	export interface SliderRootProps
@@ -11,7 +11,7 @@
 <script lang="ts">
 	import { useSlider } from '../modules/provider.svelte';
-	import { RootContext } from '../modules/root-context';
+	import { RootContext } from '../modules/root-context.js';
 	import { classesSlider } from '@skeletonlabs/skeleton-common';
 	import { splitProps } from '@zag-js/slider';
 	import { mergeProps } from '@zag-js/svelte';

package/dist/components/slider/anatomy/root.svelte.d.ts CHANGED Viewed

@@ -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/slider';
 export interface SliderRootProps extends Omit<Props, 'id'>, PropsWithElement<'div'>, HTMLAttributes<'div', 'id' | 'dir' | 'aria-label' | 'aria-labelledby'> {
 }

package/dist/components/slider/anatomy/thumb.svelte CHANGED Viewed

@@ -1,14 +1,14 @@
 <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 { splitThumbProps, type ThumbProps } from '@zag-js/slider';
 	export interface SliderThumbProps extends ThumbProps, PropsWithElement<'div'>, HTMLAttributes<'div'> {}
 </script>
 <script lang="ts">
-	import { RootContext } from '../modules/root-context';
-	import { ThumbContext } from '../modules/thumb-context';
+	import { RootContext } from '../modules/root-context.js';
+	import { ThumbContext } from '../modules/thumb-context.js';
 	import { classesSlider } from '@skeletonlabs/skeleton-common';
 	import { mergeProps } from '@zag-js/svelte';

package/dist/components/slider/anatomy/thumb.svelte.d.ts CHANGED Viewed

@@ -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 ThumbProps } from '@zag-js/slider';
 export interface SliderThumbProps extends ThumbProps, PropsWithElement<'div'>, HTMLAttributes<'div'> {
 }

package/dist/components/slider/anatomy/track.svelte CHANGED Viewed

@@ -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 SliderTrackProps extends PropsWithElement<'div'>, HTMLAttributes<'div'> {}
 </script>
 <script lang="ts">
-	import { RootContext } from '../modules/root-context';
+	import { RootContext } from '../modules/root-context.js';
 	import { classesSlider } from '@skeletonlabs/skeleton-common';
 	import { mergeProps } from '@zag-js/svelte';

package/dist/components/slider/anatomy/track.svelte.d.ts CHANGED Viewed

@@ -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 SliderTrackProps extends PropsWithElement<'div'>, HTMLAttributes<'div'> {
 }
 declare const Track: import("svelte").Component<SliderTrackProps, {}, "">;

package/dist/components/slider/anatomy/value-text.svelte CHANGED Viewed

@@ -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 SliderValueTextProps extends PropsWithElement<'output'>, HTMLAttributes<'output'> {}
 </script>
 <script lang="ts">
-	import { RootContext } from '../modules/root-context';
+	import { RootContext } from '../modules/root-context.js';
 	import { classesSlider } from '@skeletonlabs/skeleton-common';
 	import { mergeProps } from '@zag-js/svelte';

package/dist/components/slider/anatomy/value-text.svelte.d.ts CHANGED Viewed

@@ -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 SliderValueTextProps extends PropsWithElement<'output'>, HTMLAttributes<'output'> {
 }
 declare const ValueText: import("svelte").Component<SliderValueTextProps, {}, "">;

package/dist/components/slider/index.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
-export { Slider } from './modules/anatomy';
-export { useSlider } from './modules/provider.svelte';
+export { Slider } from './modules/anatomy.js';
+export { useSlider } from './modules/provider.svelte.js';
 export type { SliderRootProps } from './anatomy/root.svelte';
 export type { SliderRootProviderProps } from './anatomy/root-provider.svelte';
 export type { SliderRootContextProps } from './anatomy/root-context.svelte';

package/dist/components/slider/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-export { Slider } from './modules/anatomy';
-export { useSlider } from './modules/provider.svelte';
+export { Slider } from './modules/anatomy.js';
+export { useSlider } from './modules/provider.svelte.js';

package/dist/components/slider/modules/anatomy.d.ts CHANGED Viewed

@@ -1,14 +1,14 @@
-export declare const Slider: import("svelte").Component<import("..").SliderRootProps, {}, ""> & {
-    Provider: import("svelte").Component<import("..").SliderRootProviderProps, {}, "">;
-    Context: import("svelte").Component<import("..").SliderRootContextProps, {}, "">;
-    Label: import("svelte").Component<import("..").SliderLabelProps, {}, "">;
-    ValueText: import("svelte").Component<import("..").SliderValueTextProps, {}, "">;
-    Control: import("svelte").Component<import("..").SliderControlProps, {}, "">;
-    Track: import("svelte").Component<import("..").SliderTrackProps, {}, "">;
-    Range: import("svelte").Component<import("..").SliderRangeProps, {}, "">;
-    Thumb: import("svelte").Component<import("..").SliderThumbProps, {}, "">;
-    HiddenInput: import("svelte").Component<import("..").SliderHiddenInputProps, {}, "">;
-    MarkerGroup: import("svelte").Component<import("..").SliderMarkerGroupProps, {}, "">;
-    Marker: import("svelte").Component<import("..").SliderMarkerProps, {}, "">;
+export declare const Slider: import("svelte").Component<import("../anatomy/root.svelte").SliderRootProps, {}, ""> & {
+    Provider: import("svelte").Component<import("../anatomy/root-provider.svelte").SliderRootProviderProps, {}, "">;
+    Context: import("svelte").Component<import("../anatomy/root-context.svelte").SliderRootContextProps, {}, "">;
+    Label: import("svelte").Component<import("../anatomy/label.svelte").SliderLabelProps, {}, "">;
+    ValueText: import("svelte").Component<import("../anatomy/value-text.svelte").SliderValueTextProps, {}, "">;
+    Control: import("svelte").Component<import("../anatomy/control.svelte").SliderControlProps, {}, "">;
+    Track: import("svelte").Component<import("../anatomy/track.svelte").SliderTrackProps, {}, "">;
+    Range: import("svelte").Component<import("../anatomy/range.svelte").SliderRangeProps, {}, "">;
+    Thumb: import("svelte").Component<import("../anatomy/thumb.svelte").SliderThumbProps, {}, "">;
+    HiddenInput: import("svelte").Component<import("../anatomy/hidden-input.svelte").SliderHiddenInputProps, {}, "">;
+    MarkerGroup: import("svelte").Component<import("../anatomy/marker-group.svelte").SliderMarkerGroupProps, {}, "">;
+    Marker: import("svelte").Component<import("../anatomy/marker.svelte").SliderMarkerProps, {}, "">;
 };
 //# sourceMappingURL=anatomy.d.ts.map

package/dist/components/slider/modules/root-context.d.ts CHANGED Viewed

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

package/dist/components/slider/modules/root-context.js CHANGED Viewed

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

package/dist/components/slider/modules/thumb-context.js CHANGED Viewed

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