@skeletonlabs/skeleton-svelte 4.7.1 → 4.7.2

package/dist/components/menu/anatomy/item-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: MenuItemIndicatorProps = $props();
@@ -18,15 +17,7 @@
 
 	const { element, children, ...rest } = $derived(props);
 
-	const attributes = $derived(
-		mergeProps(
-			menu().getItemIndicatorProps(itemProps()),
-			{
-				class: classes.menu.itemIndicator,
-			},
-			rest,
-		),
-	);
+	const attributes = $derived(mergeProps(menu().getItemIndicatorProps(itemProps()), rest));
 </script>
 
 {#if element}

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

package/dist/components/menu/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/menu';
 	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(
-			menu().getItemProps(itemProps),
-			{
-				class: classes.menu.item,
-			},
-			rest,
-		),
-	);
+	const attributes = $derived(mergeProps(menu().getItemProps(itemProps), rest));
 
 	ItemContext.provide(() => itemProps);
 </script>

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

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

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

package/dist/components/menu/anatomy/trigger-item.svelte

@@ -8,7 +8,6 @@
 <script lang="ts">
 	import { ItemContext } from '../modules/item-context.js';
 	import { TriggerItemContext } from '../modules/trigger-item-context.js';
-	import * as classes from '@skeletonlabs/skeleton-common/classes';
 	import { splitItemProps, type ItemProps } from '@zag-js/menu';
 	import { mergeProps } from '@zag-js/svelte';
 
@@ -19,15 +18,7 @@
 	const [itemProps, componentProps] = $derived(splitItemProps(props));
 	const { element, children, ...rest } = $derived(componentProps);
 
-	const attributes = $derived(
-		mergeProps(
-			triggerItemProps(),
-			{
-				class: classes.menu.item,
-			},
-			rest,
-		),
-	);
+	const attributes = $derived(mergeProps(triggerItemProps(), rest));
 
 	ItemContext.provide(() => itemProps);
 </script>

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

package/dist/components/navigation/anatomy/content.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: NavigationContentProps = $props();
@@ -19,8 +18,9 @@
 	const attributes = $derived(
 		mergeProps(
 			{
+				'data-scope': 'navigation',
+				'data-part': 'content',
 				'data-layout': navigation().layout,
-				class: classes.navigation.content,
 			},
 			rest,
 		),

package/dist/components/navigation/anatomy/footer.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: NavigationFooterProps = $props();
@@ -19,8 +18,9 @@
 	const attributes = $derived(
 		mergeProps(
 			{
+				'data-scope': 'navigation',
+				'data-part': 'footer',
 				'data-layout': navigation().layout,
-				class: classes.navigation.footer,
 			},
 			rest,
 		),

package/dist/components/navigation/anatomy/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: NavigationGroupProps = $props();
@@ -19,8 +18,9 @@
 	const attributes = $derived(
 		mergeProps(
 			{
+				'data-scope': 'navigation',
+				'data-part': 'group',
 				'data-layout': navigation().layout,
-				class: classes.navigation.group,
 			},
 			rest,
 		),

package/dist/components/navigation/anatomy/header.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: NavigationHeaderProps = $props();
@@ -19,8 +18,9 @@
 	const attributes = $derived(
 		mergeProps(
 			{
+				'data-scope': 'navigation',
+				'data-part': 'header',
 				'data-layout': navigation().layout,
-				class: classes.navigation.header,
 			},
 			rest,
 		),

package/dist/components/navigation/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: NavigationLabelProps = $props();
@@ -19,8 +18,9 @@
 	const attributes = $derived(
 		mergeProps(
 			{
+				'data-scope': 'navigation',
+				'data-part': 'label',
 				'data-layout': navigation().layout,
-				class: classes.navigation.label,
 			},
 			rest,
 		),

package/dist/components/navigation/anatomy/menu.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: NavigationMenuProps = $props();
@@ -19,8 +18,9 @@
 	const attributes = $derived(
 		mergeProps(
 			{
+				'data-scope': 'navigation',
+				'data-part': 'menu',
 				'data-layout': navigation().layout,
-				class: classes.navigation.menu,
 			},
 			rest,
 		),

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

@@ -14,7 +14,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: NavigationRootProps = $props();
@@ -23,8 +22,9 @@
 	const attributes = $derived(
 		mergeProps(
 			{
+				'data-scope': 'navigation',
+				'data-part': 'root',
 				'data-layout': layout,
-				class: classes.navigation.root,
 			},
 			rest,
 		),

package/dist/components/pagination/anatomy/ellipsis.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: PaginationEllipsisProps = $props();
@@ -18,15 +17,7 @@
 	const [ellipsisProps, componentProps] = $derived(splitEllipsisProps(props));
 	const { element, children, ...rest } = $derived(componentProps);
 
-	const attributes = $derived(
-		mergeProps(
-			pagination().getEllipsisProps(ellipsisProps),
-			{
-				class: classes.pagination.ellipsis,
-			},
-			rest,
-		),
-	);
+	const attributes = $derived(mergeProps(pagination().getEllipsisProps(ellipsisProps), rest));
 </script>
 
 {#if element}

package/dist/components/pagination/anatomy/first-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: PaginationFirstTriggerProps = $props();
@@ -19,7 +18,6 @@
 	const attributes = $derived(
 		mergeProps(
 			{
-				class: classes.pagination.firstTrigger,
 				onclick: () => pagination().goToFirstPage(),
 			},
 			rest,

package/dist/components/pagination/anatomy/item.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: PaginationItemProps = $props();
@@ -18,15 +17,7 @@
 	const [itemProps, componentProps] = $derived(splitItemProps(props));
 	const { element, children, ...rest } = $derived(componentProps);
 
-	const attributes = $derived(
-		mergeProps(
-			pagination().getItemProps(itemProps),
-			{
-				class: classes.pagination.item,
-			},
-			rest,
-		),
-	);
+	const attributes = $derived(mergeProps(pagination().getItemProps(itemProps), rest));
 </script>
 
 {#if element}

package/dist/components/pagination/anatomy/last-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: PaginationLastTriggerProps = $props();
@@ -19,7 +18,6 @@
 	const attributes = $derived(
 		mergeProps(
 			{
-				class: classes.pagination.lastTrigger,
 				onclick: () => pagination().goToLastPage(),
 			},
 			rest,

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

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

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

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

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

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

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

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

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

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

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