@skeletonlabs/skeleton-svelte 4.7.1 → 4.7.3

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

@@ -8,7 +8,6 @@
 <script lang="ts">
 	import { RootContext } from '../modules/root-context.js';
 	import { ThumbContext } from '../modules/thumb-context.js';
-	import * as classes from '@skeletonlabs/skeleton-common/classes';
 	import { mergeProps } from '@zag-js/svelte';
 
 	const props: SliderHiddenInputProps = $props();
@@ -18,15 +17,7 @@
 
 	const { element, ...rest } = $derived(props);
 
-	const attributes = $derived(
-		mergeProps(
-			slider().getHiddenInputProps(thumbProps()),
-			{
-				class: classes.slider.hiddenInput,
-			},
-			rest,
-		),
-	);
+	const attributes = $derived(mergeProps(slider().getHiddenInputProps(thumbProps()), rest));
 </script>
 
 {#if element}

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

@@ -7,7 +7,6 @@
 
 <script lang="ts">
 	import { RootContext } from '../modules/root-context.js';
-	import * as classes from '@skeletonlabs/skeleton-common/classes';
 	import { mergeProps } from '@zag-js/svelte';
 
 	const props: SliderLabelProps = $props();
@@ -16,15 +15,7 @@
 
 	const { element, children, ...rest } = $derived(props);
 
-	const attributes = $derived(
-		mergeProps(
-			slider().getLabelProps(),
-			{
-				class: classes.slider.label,
-			},
-			rest,
-		),
-	);
+	const attributes = $derived(mergeProps(slider().getLabelProps(), rest));
 </script>
 
 {#if element}

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

@@ -7,7 +7,6 @@
 
 <script lang="ts">
 	import { RootContext } from '../modules/root-context.js';
-	import * as classes from '@skeletonlabs/skeleton-common/classes';
 	import { mergeProps } from '@zag-js/svelte';
 
 	const props: SliderMarkerGroupProps = $props();
@@ -16,15 +15,7 @@
 
 	const { element, children, ...rest } = $derived(props);
 
-	const attributes = $derived(
-		mergeProps(
-			slider().getMarkerGroupProps(),
-			{
-				class: classes.slider.markerGroup,
-			},
-			rest,
-		),
-	);
+	const attributes = $derived(mergeProps(slider().getMarkerGroupProps(), rest));
 </script>
 
 {#if element}

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

@@ -8,7 +8,6 @@
 
 <script lang="ts">
 	import { RootContext } from '../modules/root-context.js';
-	import * as classes from '@skeletonlabs/skeleton-common/classes';
 	import { mergeProps } from '@zag-js/svelte';
 
 	const props: SliderMarkerProps = $props();
@@ -17,15 +16,7 @@
 
 	const { element, children, value, ...rest } = $derived(props);
 
-	const attributes = $derived(
-		mergeProps(
-			slider().getMarkerProps({ value }),
-			{
-				class: classes.slider.marker,
-			},
-			rest,
-		),
-	);
+	const attributes = $derived(mergeProps(slider().getMarkerProps({ value }), rest));
 </script>
 
 {#if element}

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

@@ -7,7 +7,6 @@
 
 <script lang="ts">
 	import { RootContext } from '../modules/root-context.js';
-	import * as classes from '@skeletonlabs/skeleton-common/classes';
 	import { mergeProps } from '@zag-js/svelte';
 
 	const props: SliderRangeProps = $props();
@@ -16,15 +15,7 @@
 
 	const { element, children, ...rest } = $derived(props);
 
-	const attributes = $derived(
-		mergeProps(
-			slider().getRangeProps(),
-			{
-				class: classes.slider.range,
-			},
-			rest,
-		),
-	);
+	const attributes = $derived(mergeProps(slider().getRangeProps(), rest));
 </script>
 
 {#if element}

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

@@ -10,22 +10,13 @@
 
 <script lang="ts">
 	import { RootContext } from '../modules/root-context.js';
-	import * as classes from '@skeletonlabs/skeleton-common/classes';
 	import { mergeProps } from '@zag-js/svelte';
 
 	const props: SliderRootProviderProps = $props();
 
 	const { element, children, value: slider, ...rest } = $derived(props);
 
-	const attributes = $derived(
-		mergeProps(
-			slider().getRootProps(),
-			{
-				class: classes.slider.root,
-			},
-			rest,
-		),
-	);
+	const attributes = $derived(mergeProps(slider().getRootProps(), rest));
 
 	RootContext.provide(() => slider());
 </script>

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

@@ -4,15 +4,12 @@
 	import type { Props } from '@zag-js/slider';
 
 	export interface SliderRootProps
-		extends Omit<Props, 'id'>,
-			PropsWithElement<'div'>,
-			HTMLAttributes<'div', 'id' | 'dir' | 'aria-label' | 'aria-labelledby'> {}
+		extends Omit<Props, 'id'>, PropsWithElement<'div'>, HTMLAttributes<'div', 'id' | 'dir' | 'aria-label' | 'aria-labelledby'> {}
 </script>
 
 <script lang="ts">
 	import { useSlider } from '../modules/provider.svelte';
 	import { RootContext } from '../modules/root-context.js';
-	import * as classes from '@skeletonlabs/skeleton-common/classes';
 	import { splitProps } from '@zag-js/slider';
 	import { mergeProps } from '@zag-js/svelte';
 
@@ -27,15 +24,7 @@
 		id: id,
 	}));
 
-	const attributes = $derived(
-		mergeProps(
-			slider().getRootProps(),
-			{
-				class: classes.slider.root,
-			},
-			rest,
-		),
-	);
+	const attributes = $derived(mergeProps(slider().getRootProps(), rest));
 
 	RootContext.provide(() => slider());
 </script>

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

@@ -9,7 +9,6 @@
 <script lang="ts">
 	import { RootContext } from '../modules/root-context.js';
 	import { ThumbContext } from '../modules/thumb-context.js';
-	import * as classes from '@skeletonlabs/skeleton-common/classes';
 	import { mergeProps } from '@zag-js/svelte';
 
 	const props: SliderThumbProps = $props();
@@ -19,15 +18,7 @@
 	const [thumbProps, componentProps] = $derived(splitThumbProps(props));
 	const { element, children, ...rest } = $derived(componentProps);
 
-	const attributes = $derived(
-		mergeProps(
-			slider().getThumbProps(thumbProps),
-			{
-				class: classes.slider.thumb,
-			},
-			rest,
-		),
-	);
+	const attributes = $derived(mergeProps(slider().getThumbProps(thumbProps), rest));
 
 	ThumbContext.provide(() => thumbProps);
 </script>

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

@@ -7,7 +7,6 @@
 
 <script lang="ts">
 	import { RootContext } from '../modules/root-context.js';
-	import * as classes from '@skeletonlabs/skeleton-common/classes';
 	import { mergeProps } from '@zag-js/svelte';
 
 	const props: SliderTrackProps = $props();
@@ -16,15 +15,7 @@
 
 	const { element, children, ...rest } = $derived(props);
 
-	const attributes = $derived(
-		mergeProps(
-			slider().getTrackProps(),
-			{
-				class: classes.slider.track,
-			},
-			rest,
-		),
-	);
+	const attributes = $derived(mergeProps(slider().getTrackProps(), rest));
 </script>
 
 {#if element}

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

@@ -7,7 +7,6 @@
 
 <script lang="ts">
 	import { RootContext } from '../modules/root-context.js';
-	import * as classes from '@skeletonlabs/skeleton-common/classes';
 	import { mergeProps } from '@zag-js/svelte';
 
 	const props: SliderValueTextProps = $props();
@@ -16,15 +15,7 @@
 
 	const { element, children, ...rest } = $derived(props);
 
-	const attributes = $derived(
-		mergeProps(
-			slider().getValueTextProps(),
-			{
-				class: classes.slider.valueText,
-			},
-			rest,
-		),
-	);
+	const attributes = $derived(mergeProps(slider().getValueTextProps(), rest));
 </script>
 
 {#if element}

package/dist/components/steps/anatomy/content.svelte

@@ -8,7 +8,6 @@
 
 <script lang="ts">
 	import { RootContext } from '../modules/root-context.js';
-	import * as classes from '@skeletonlabs/skeleton-common/classes';
 	import { mergeProps } from '@zag-js/svelte';
 
 	const props: StepsContentProps = $props();
@@ -18,15 +17,7 @@
 	// @zag-js/steps does not currently provide a splitItemProps function, so manually destructure
 	const { element, children, index, ...rest } = $derived(props);
 
-	const attributes = $derived(
-		mergeProps(
-			steps().getContentProps({ index }),
-			{
-				class: classes.steps.content,
-			},
-			rest,
-		),
-	);
+	const attributes = $derived(mergeProps(steps().getContentProps({ index }), rest));
 </script>
 
 {#if element}

package/dist/components/steps/anatomy/indicator.svelte

@@ -8,7 +8,6 @@
 <script lang="ts">
 	import { ItemContext } from '../modules/item-context.js';
 	import { RootContext } from '../modules/root-context.js';
-	import * as classes from '@skeletonlabs/skeleton-common/classes';
 	import { mergeProps } from '@zag-js/svelte';
 
 	const props: StepsIndicatorProps = $props();
@@ -18,15 +17,7 @@
 
 	const { element, children, ...rest } = $derived(props);
 
-	const attributes = $derived(
-		mergeProps(
-			steps().getIndicatorProps(itemProps()),
-			{
-				class: classes.steps.indicator,
-			},
-			rest,
-		),
-	);
+	const attributes = $derived(mergeProps(steps().getIndicatorProps(itemProps()), rest));
 </script>
 
 {#if element}

package/dist/components/steps/anatomy/item.svelte

@@ -9,7 +9,6 @@
 <script lang="ts">
 	import { ItemContext } from '../modules/item-context.js';
 	import { RootContext } from '../modules/root-context.js';
-	import * as classes from '@skeletonlabs/skeleton-common/classes';
 	import { mergeProps } from '@zag-js/svelte';
 
 	const props: StepsItemProps = $props();
@@ -20,15 +19,7 @@
 	const { element, children, index, ...rest } = $derived(props);
 	const itemProps = $derived({ index });
 
-	const attributes = $derived(
-		mergeProps(
-			steps().getItemProps(itemProps),
-			{
-				class: classes.steps.item,
-			},
-			rest,
-		),
-	);
+	const attributes = $derived(mergeProps(steps().getItemProps(itemProps), rest));
 
 	ItemContext.provide(() => itemProps);
 </script>

package/dist/components/steps/anatomy/list.svelte

@@ -7,7 +7,6 @@
 
 <script lang="ts">
 	import { RootContext } from '../modules/root-context.js';
-	import * as classes from '@skeletonlabs/skeleton-common/classes';
 	import { mergeProps } from '@zag-js/svelte';
 
 	const props: StepsListProps = $props();
@@ -16,15 +15,7 @@
 
 	const { element, children, ...rest } = $derived(props);
 
-	const attributes = $derived(
-		mergeProps(
-			steps().getListProps(),
-			{
-				class: classes.steps.list,
-			},
-			rest,
-		),
-	);
+	const attributes = $derived(mergeProps(steps().getListProps(), rest));
 </script>
 
 {#if element}

package/dist/components/steps/anatomy/next-trigger.svelte

@@ -7,7 +7,6 @@
 
 <script lang="ts">
 	import { RootContext } from '../modules/root-context.js';
-	import * as classes from '@skeletonlabs/skeleton-common/classes';
 	import { mergeProps } from '@zag-js/svelte';
 
 	const props: StepsNextTriggerProps = $props();
@@ -16,15 +15,7 @@
 
 	const { element, children, ...rest } = $derived(props);
 
-	const attributes = $derived(
-		mergeProps(
-			steps().getNextTriggerProps(),
-			{
-				class: classes.steps.nextTrigger,
-			},
-			rest,
-		),
-	);
+	const attributes = $derived(mergeProps(steps().getNextTriggerProps(), rest));
 </script>
 
 {#if element}

package/dist/components/steps/anatomy/prev-trigger.svelte

@@ -7,7 +7,6 @@
 
 <script lang="ts">
 	import { RootContext } from '../modules/root-context.js';
-	import * as classes from '@skeletonlabs/skeleton-common/classes';
 	import { mergeProps } from '@zag-js/svelte';
 
 	const props: StepsPrevTriggerProps = $props();
@@ -16,15 +15,7 @@
 
 	const { element, children, ...rest } = $derived(props);
 
-	const attributes = $derived(
-		mergeProps(
-			steps().getPrevTriggerProps(),
-			{
-				class: classes.steps.prevTrigger,
-			},
-			rest,
-		),
-	);
+	const attributes = $derived(mergeProps(steps().getPrevTriggerProps(), rest));
 </script>
 
 {#if element}

package/dist/components/steps/anatomy/root-provider.svelte

@@ -10,22 +10,13 @@
 
 <script lang="ts">
 	import { RootContext } from '../modules/root-context.js';
-	import * as classes from '@skeletonlabs/skeleton-common/classes';
 	import { mergeProps } from '@zag-js/svelte';
 
 	const props: StepsRootProviderProps = $props();
 
 	const { element, children, value: steps, ...rest } = $derived(props);
 
-	const attributes = $derived(
-		mergeProps(
-			steps().getRootProps(),
-			{
-				class: classes.steps.root,
-			},
-			rest,
-		),
-	);
+	const attributes = $derived(mergeProps(steps().getRootProps(), rest));
 
 	RootContext.provide(() => steps());
 </script>

package/dist/components/steps/anatomy/root.svelte

@@ -9,7 +9,6 @@
 <script lang="ts">
 	import { useSteps } from '../modules/provider.svelte';
 	import { RootContext } from '../modules/root-context.js';
-	import * as classes from '@skeletonlabs/skeleton-common/classes';
 	import { splitProps } from '@zag-js/steps';
 	import { mergeProps } from '@zag-js/svelte';
 
@@ -24,15 +23,7 @@
 		id: id,
 	}));
 
-	const attributes = $derived(
-		mergeProps(
-			steps().getRootProps(),
-			{
-				class: classes.steps.root,
-			},
-			rest,
-		),
-	);
+	const attributes = $derived(mergeProps(steps().getRootProps(), rest));
 
 	RootContext.provide(() => steps());
 </script>

package/dist/components/steps/anatomy/separator.svelte

@@ -8,7 +8,6 @@
 <script lang="ts">
 	import { ItemContext } from '../modules/item-context.js';
 	import { RootContext } from '../modules/root-context.js';
-	import * as classes from '@skeletonlabs/skeleton-common/classes';
 	import { mergeProps } from '@zag-js/svelte';
 
 	const props: StepsSeparatorProps = $props();
@@ -18,15 +17,7 @@
 
 	const { element, children, ...rest } = $derived(props);
 
-	const attributes = $derived(
-		mergeProps(
-			steps().getSeparatorProps(itemProps()),
-			{
-				class: classes.steps.separator,
-			},
-			rest,
-		),
-	);
+	const attributes = $derived(mergeProps(steps().getSeparatorProps(itemProps()), rest));
 </script>
 
 {#if element}

package/dist/components/steps/anatomy/trigger.svelte

@@ -8,7 +8,6 @@
 <script lang="ts">
 	import { ItemContext } from '../modules/item-context.js';
 	import { RootContext } from '../modules/root-context.js';
-	import * as classes from '@skeletonlabs/skeleton-common/classes';
 	import { mergeProps } from '@zag-js/svelte';
 
 	const props: StepsTriggerProps = $props();
@@ -18,15 +17,7 @@
 
 	const { element, children, ...rest } = $derived(props);
 
-	const attributes = $derived(
-		mergeProps(
-			steps().getTriggerProps(itemProps()),
-			{
-				class: classes.steps.trigger,
-			},
-			rest,
-		),
-	);
+	const attributes = $derived(mergeProps(steps().getTriggerProps(itemProps()), rest));
 </script>
 
 {#if element}

package/dist/components/switch/anatomy/control.svelte

@@ -7,7 +7,6 @@
 
 <script lang="ts">
 	import { RootContext } from '../modules/root-context.js';
-	import * as classes from '@skeletonlabs/skeleton-common/classes';
 	import { mergeProps } from '@zag-js/svelte';
 
 	const props: SwitchControlProps = $props();
@@ -16,15 +15,7 @@
 
 	const { element, children, ...rest } = $derived(props);
 
-	const attributes = $derived(
-		mergeProps(
-			switch_().getControlProps(),
-			{
-				class: classes.switch.control,
-			},
-			rest,
-		),
-	);
+	const attributes = $derived(mergeProps(switch_().getControlProps(), rest));
 </script>
 
 {#if element}

package/dist/components/switch/anatomy/hidden-input.svelte

@@ -7,7 +7,6 @@
 
 <script lang="ts">
 	import { RootContext } from '../modules/root-context.js';
-	import * as classes from '@skeletonlabs/skeleton-common/classes';
 	import { mergeProps } from '@zag-js/svelte';
 
 	const props: SwitchHiddenInputProps = $props();
@@ -16,15 +15,7 @@
 
 	const { element, ...rest } = $derived(props);
 
-	const attributes = $derived(
-		mergeProps(
-			switch_().getHiddenInputProps(),
-			{
-				class: classes.switch.hiddenInput,
-			},
-			rest,
-		),
-	);
+	const attributes = $derived(mergeProps(switch_().getHiddenInputProps(), rest));
 </script>
 
 {#if element}

package/dist/components/switch/anatomy/label.svelte

@@ -7,7 +7,6 @@
 
 <script lang="ts">
 	import { RootContext } from '../modules/root-context.js';
-	import * as classes from '@skeletonlabs/skeleton-common/classes';
 	import { mergeProps } from '@zag-js/svelte';
 
 	const props: SwitchLabelProps = $props();
@@ -16,15 +15,7 @@
 
 	const { element, children, ...rest } = $derived(props);
 
-	const attributes = $derived(
-		mergeProps(
-			switch_().getLabelProps(),
-			{
-				class: classes.switch.label,
-			},
-			rest,
-		),
-	);
+	const attributes = $derived(mergeProps(switch_().getLabelProps(), rest));
 </script>
 
 {#if element}

package/dist/components/switch/anatomy/root-provider.svelte

@@ -10,22 +10,13 @@
 
 <script lang="ts">
 	import { RootContext } from '../modules/root-context.js';
-	import * as classes from '@skeletonlabs/skeleton-common/classes';
 	import { mergeProps } from '@zag-js/svelte';
 
 	const props: SwitchRootProviderProps = $props();
 
 	const { element, children, value: switch_, ...rest } = $derived(props);
 
-	const attributes = $derived(
-		mergeProps(
-			switch_().getRootProps(),
-			{
-				class: classes.switch.root,
-			},
-			rest,
-		),
-	);
+	const attributes = $derived(mergeProps(switch_().getRootProps(), rest));
 
 	RootContext.provide(() => switch_());
 </script>

package/dist/components/switch/anatomy/root.svelte

@@ -9,7 +9,6 @@
 <script lang="ts">
 	import { useSwitch } from '../modules/provider.svelte';
 	import { RootContext } from '../modules/root-context.js';
-	import * as classes from '@skeletonlabs/skeleton-common/classes';
 	import { mergeProps } from '@zag-js/svelte';
 	import { splitProps } from '@zag-js/switch';
 
@@ -24,15 +23,7 @@
 		id: id,
 	}));
 
-	const attributes = $derived(
-		mergeProps(
-			switch_().getRootProps(),
-			{
-				class: classes.switch.root,
-			},
-			rest,
-		),
-	);
+	const attributes = $derived(mergeProps(switch_().getRootProps(), rest));
 
 	RootContext.provide(() => switch_());
 </script>

package/dist/components/switch/anatomy/thumb.svelte

@@ -7,7 +7,6 @@
 
 <script lang="ts">
 	import { RootContext } from '../modules/root-context.js';
-	import * as classes from '@skeletonlabs/skeleton-common/classes';
 	import { mergeProps } from '@zag-js/svelte';
 
 	const props: SwitchThumbProps = $props();
@@ -16,15 +15,7 @@
 
 	const { element, children, ...rest } = $derived(props);
 
-	const attributes = $derived(
-		mergeProps(
-			switch_().getThumbProps(),
-			{
-				class: classes.switch.thumb,
-			},
-			rest,
-		),
-	);
+	const attributes = $derived(mergeProps(switch_().getThumbProps(), rest));
 </script>
 
 {#if element}