@skeletonlabs/skeleton-svelte 4.7.0 → 4.7.2

package/dist/components/popover/anatomy/positioner.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: PopoverPositionerProps = $props();
@@ -16,15 +15,7 @@
 
 	const { element, children, ...rest } = $derived(props);
 
-	const attributes = $derived(
-		mergeProps(
-			popover().getPositionerProps(),
-			{
-				class: classes.popover.positioner,
-			},
-			rest,
-		),
-	);
+	const attributes = $derived(mergeProps(popover().getPositionerProps(), rest));
 </script>
 
 {#if element}

package/dist/components/popover/anatomy/title.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: PopoverTitleProps = $props();
@@ -16,15 +15,7 @@
 
 	const { element, children, ...rest } = $derived(props);
 
-	const attributes = $derived(
-		mergeProps(
-			popover().getTitleProps(),
-			{
-				class: classes.popover.title,
-			},
-			rest,
-		),
-	);
+	const attributes = $derived(mergeProps(popover().getTitleProps(), rest));
 </script>
 
 {#if element}

package/dist/components/popover/anatomy/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: PopoverTriggerProps = $props();
@@ -16,15 +15,7 @@
 
 	const { element, children, ...rest } = $derived(props);
 
-	const attributes = $derived(
-		mergeProps(
-			popover().getTriggerProps(),
-			{
-				class: classes.popover.trigger,
-			},
-			rest,
-		),
-	);
+	const attributes = $derived(mergeProps(popover().getTriggerProps(), rest));
 </script>
 
 {#if element}

package/dist/components/progress/anatomy/circle-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: ProgressCircleRangeProps = $props();
@@ -20,7 +19,6 @@
 		mergeProps(
 			progress().getCircleRangeProps(),
 			{
-				class: classes.progress.circleRange,
 				'stroke-linecap': 'round',
 			},
 			rest,

package/dist/components/progress/anatomy/circle-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: ProgressCircleTrackProps = $props();
@@ -16,15 +15,7 @@
 
 	const { element, ...rest } = $derived(props);
 
-	const attributes = $derived(
-		mergeProps(
-			progress().getCircleTrackProps(),
-			{
-				class: classes.progress.circleTrack,
-			},
-			rest,
-		),
-	);
+	const attributes = $derived(mergeProps(progress().getCircleTrackProps(), rest));
 </script>
 
 {#if element}

package/dist/components/progress/anatomy/circle.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: ProgressCircleProps = $props();
@@ -16,15 +15,7 @@
 
 	const { element, children, ...rest } = $derived(props);
 
-	const attributes = $derived(
-		mergeProps(
-			progress().getCircleProps(),
-			{
-				class: classes.progress.circle,
-			},
-			rest,
-		),
-	);
+	const attributes = $derived(mergeProps(progress().getCircleProps(), rest));
 </script>
 
 {#if element}

package/dist/components/progress/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: ProgressLabelProps = $props();
@@ -16,15 +15,7 @@
 
 	const { element, children, ...rest } = $derived(props);
 
-	const attributes = $derived(
-		mergeProps(
-			progress().getLabelProps(),
-			{
-				class: classes.progress.label,
-			},
-			rest,
-		),
-	);
+	const attributes = $derived(mergeProps(progress().getLabelProps(), rest));
 </script>
 
 {#if element}

package/dist/components/progress/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: ProgressRangeProps = $props();
@@ -16,15 +15,7 @@
 
 	const { element, children, ...rest } = $derived(props);
 
-	const attributes = $derived(
-		mergeProps(
-			progress().getRangeProps(),
-			{
-				class: classes.progress.range,
-			},
-			rest,
-		),
-	);
+	const attributes = $derived(mergeProps(progress().getRangeProps(), rest));
 </script>
 
 {#if element}

package/dist/components/progress/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: ProgressRootProviderProps = $props();
 
 	const { element, children, value: avatar, ...rest } = $derived(props);
 
-	const attributes = $derived(
-		mergeProps(
-			avatar().getRootProps(),
-			{
-				class: classes.progress.root,
-			},
-			rest,
-		),
-	);
+	const attributes = $derived(mergeProps(avatar().getRootProps(), rest));
 
 	RootContext.provide(() => avatar());
 </script>

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

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

package/dist/components/progress/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: ProgressTrackProps = $props();
@@ -16,15 +15,7 @@
 
 	const { element, children, ...rest } = $derived(props);
 
-	const attributes = $derived(
-		mergeProps(
-			progress().getTrackProps(),
-			{
-				class: classes.progress.track,
-			},
-			rest,
-		),
-	);
+	const attributes = $derived(mergeProps(progress().getTrackProps(), rest));
 </script>
 
 {#if element}

package/dist/components/progress/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: ProgressValueTextProps = $props();
@@ -16,15 +15,7 @@
 
 	const { element, children, ...rest } = $derived(props);
 
-	const attributes = $derived(
-		mergeProps(
-			progress().getValueTextProps(),
-			{
-				class: classes.progress.valueText,
-			},
-			rest,
-		),
-	);
+	const attributes = $derived(mergeProps(progress().getValueTextProps(), rest));
 </script>
 
 {#if element}

package/dist/components/rating-group/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: RatingGroupControlProps = $props();
@@ -16,15 +15,7 @@
 
 	const { element, children, ...rest } = $derived(props);
 
-	const attributes = $derived(
-		mergeProps(
-			ratingGroup().getControlProps(),
-			{
-				class: classes.ratingGroup.control,
-			},
-			rest,
-		),
-	);
+	const attributes = $derived(mergeProps(ratingGroup().getControlProps(), rest));
 </script>
 
 {#if element}

package/dist/components/rating-group/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: RatingGroupHiddenInputProps = $props();
@@ -16,15 +15,7 @@
 
 	const { element, ...rest } = $derived(props);
 
-	const attributes = $derived(
-		mergeProps(
-			ratingGroup().getHiddenInputProps(),
-			{
-				class: classes.ratingGroup.hiddenInput,
-			},
-			rest,
-		),
-	);
+	const attributes = $derived(mergeProps(ratingGroup().getHiddenInputProps(), rest));
 </script>
 
 {#if element}

package/dist/components/rating-group/anatomy/item.svelte

@@ -30,7 +30,6 @@
 	import StarFull from '../../../internal/components/star-full.svelte';
 	import StarHalf from '../../../internal/components/star-half.svelte';
 	import { RootContext } from '../modules/root-context.js';
-	import * as classes from '@skeletonlabs/skeleton-common/classes';
 	import { splitItemProps } from '@zag-js/rating-group';
 	import { mergeProps } from '@zag-js/svelte';
 	import type { Snippet } from 'svelte';
@@ -44,15 +43,7 @@
 
 	const itemState = $derived(ratingGroup().getItemState(itemProps));
 
-	const attributes = $derived(
-		mergeProps(
-			ratingGroup().getItemProps(itemProps),
-			{
-				class: classes.ratingGroup.item,
-			},
-			rest,
-		),
-	);
+	const attributes = $derived(mergeProps(ratingGroup().getItemProps(itemProps), rest));
 </script>
 
 {#snippet starEmpty()}

package/dist/components/rating-group/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: RatingGroupLabelProps = $props();
@@ -16,15 +15,7 @@
 
 	const { element, children, ...rest } = $derived(props);
 
-	const attributes = $derived(
-		mergeProps(
-			ratingGroup().getControlProps(),
-			{
-				class: classes.ratingGroup.label,
-			},
-			rest,
-		),
-	);
+	const attributes = $derived(mergeProps(ratingGroup().getControlProps(), rest));
 </script>
 
 {#if element}

package/dist/components/rating-group/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: RatingGroupRootProviderProps = $props();
 
 	const { element, children, value: ratingGroup, ...rest } = $derived(props);
 
-	const attributes = $derived(
-		mergeProps(
-			ratingGroup().getRootProps(),
-			{
-				class: classes.ratingGroup.root,
-			},
-			rest,
-		),
-	);
+	const attributes = $derived(mergeProps(ratingGroup().getRootProps(), rest));
 
 	RootContext.provide(() => ratingGroup());
 </script>

package/dist/components/rating-group/anatomy/root.svelte

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

package/dist/components/segmented-control/anatomy/control.svelte

@@ -6,7 +6,6 @@
 </script>
 
 <script lang="ts">
-	import * as classes from '@skeletonlabs/skeleton-common/classes';
 	import { mergeProps } from '@zag-js/svelte';
 
 	const props: SegmentedControlControlProps = $props();
@@ -16,7 +15,8 @@
 	const attributes = $derived(
 		mergeProps(
 			{
-				class: classes.segmentedControl.control,
+				'data-scope': 'radio-group',
+				'data-part': 'control',
 			},
 			rest,
 		),

package/dist/components/segmented-control/anatomy/indicator.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: SegmentedControlIndicatorProps = $props();
@@ -16,15 +15,7 @@
 
 	const { element, ...rest } = $derived(props);
 
-	const attributes = $derived(
-		mergeProps(
-			segmentedControl().getIndicatorProps(),
-			{
-				class: classes.segmentedControl.indicator,
-			},
-			rest,
-		),
-	);
+	const attributes = $derived(mergeProps(segmentedControl().getIndicatorProps(), rest));
 </script>
 
 {#if element}

package/dist/components/segmented-control/anatomy/item-hidden-input.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: SegmentedControlItemHiddenInputProps = $props();
@@ -18,15 +17,7 @@
 
 	const { element, ...rest } = $derived(props);
 
-	const attributes = $derived(
-		mergeProps(
-			segmentedcontrol().getItemHiddenInputProps(itemProps()),
-			{
-				class: classes.segmentedControl.itemHiddenInput,
-			},
-			rest,
-		),
-	);
+	const attributes = $derived(mergeProps(segmentedcontrol().getItemHiddenInputProps(itemProps()), rest));
 </script>
 
 {#if element}

package/dist/components/segmented-control/anatomy/item-text.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: SegmentedControlItemTextProps = $props();
@@ -18,15 +17,7 @@
 
 	const { element, children, ...rest } = $derived(props);
 
-	const attributes = $derived(
-		mergeProps(
-			segmentedcontrol().getItemTextProps(itemProps()),
-			{
-				class: classes.segmentedControl.itemText,
-			},
-			rest,
-		),
-	);
+	const attributes = $derived(mergeProps(segmentedcontrol().getItemTextProps(itemProps()), rest));
 </script>
 
 {#if element}

package/dist/components/segmented-control/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 { splitItemProps } from '@zag-js/radio-group';
 	import { mergeProps } from '@zag-js/svelte';
 
@@ -20,15 +19,7 @@
 	const [itemProps, componentProps] = $derived(splitItemProps(props));
 	const { element, children, ...rest } = $derived(componentProps);
 
-	const attributes = $derived(
-		mergeProps(
-			segmentedControl().getItemProps(itemProps),
-			{
-				class: classes.segmentedControl.item,
-			},
-			rest,
-		),
-	);
+	const attributes = $derived(mergeProps(segmentedControl().getItemProps(itemProps), rest));
 
 	ItemContext.provide(() => itemProps);
 </script>

package/dist/components/segmented-control/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: SegmentedControlLabelProps = $props();
@@ -16,15 +15,7 @@
 
 	const { element, children, ...rest } = $derived(props);
 
-	const attributes = $derived(
-		mergeProps(
-			segmentedControl().getLabelProps(),
-			{
-				class: classes.segmentedControl.label,
-			},
-			rest,
-		),
-	);
+	const attributes = $derived(mergeProps(segmentedControl().getLabelProps(), rest));
 </script>
 
 {#if element}

package/dist/components/segmented-control/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: SegmentedControlRootProviderProps = $props();
 
 	const { element, children, value: segmentedControl, ...rest } = $derived(props);
 
-	const attributes = $derived(
-		mergeProps(
-			segmentedControl().getRootProps(),
-			{
-				class: classes.segmentedControl.root,
-			},
-			rest,
-		),
-	);
+	const attributes = $derived(mergeProps(segmentedControl().getRootProps(), rest));
 
 	RootContext.provide(() => segmentedControl());
 </script>

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

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

package/dist/components/slider/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: SliderControlProps = $props();
@@ -16,15 +15,7 @@
 
 	const { element, children, ...rest } = $derived(props);
 
-	const attributes = $derived(
-		mergeProps(
-			slider().getControlProps(),
-			{
-				class: classes.slider.control,
-			},
-			rest,
-		),
-	);
+	const attributes = $derived(mergeProps(slider().getControlProps(), rest));
 </script>
 
 {#if element}