@skeletonlabs/skeleton-svelte 4.6.0 → 4.7.0

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

@@ -8,7 +8,7 @@
 <script lang="ts">
 	import { ItemContext } from '../modules/item-context.js';
 	import { RootContext } from '../modules/root-context.js';
-	import { classesMenu } from '@skeletonlabs/skeleton-common';
+	import * as classes from '@skeletonlabs/skeleton-common/classes';
 	import { mergeProps } from '@zag-js/svelte';
 
 	const props: MenuItemIndicatorProps = $props();
@@ -22,7 +22,7 @@
 		mergeProps(
 			menu().getItemIndicatorProps(itemProps()),
 			{
-				class: classesMenu.itemIndicator,
+				class: classes.menu.itemIndicator,
 			},
 			rest,
 		),

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

@@ -8,7 +8,7 @@
 <script lang="ts">
 	import { ItemContext } from '../modules/item-context.js';
 	import { RootContext } from '../modules/root-context.js';
-	import { classesMenu } from '@skeletonlabs/skeleton-common';
+	import * as classes from '@skeletonlabs/skeleton-common/classes';
 	import { mergeProps } from '@zag-js/svelte';
 
 	const props: MenuItemTextProps = $props();
@@ -22,7 +22,7 @@
 		mergeProps(
 			menu().getItemTextProps(itemProps()),
 			{
-				class: classesMenu.itemText,
+				class: classes.menu.itemText,
 			},
 			rest,
 		),

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

@@ -9,7 +9,7 @@
 <script lang="ts">
 	import { ItemContext } from '../modules/item-context.js';
 	import { RootContext } from '../modules/root-context.js';
-	import { classesMenu } from '@skeletonlabs/skeleton-common';
+	import * as classes from '@skeletonlabs/skeleton-common/classes';
 	import { splitItemProps } from '@zag-js/menu';
 	import { mergeProps } from '@zag-js/svelte';
 
@@ -24,7 +24,7 @@
 		mergeProps(
 			menu().getItemProps(itemProps),
 			{
-				class: classesMenu.item,
+				class: classes.menu.item,
 			},
 			rest,
 		),

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

@@ -9,7 +9,7 @@
 <script lang="ts">
 	import { ItemContext } from '../modules/item-context.js';
 	import { RootContext } from '../modules/root-context.js';
-	import { classesMenu } from '@skeletonlabs/skeleton-common';
+	import * as classes from '@skeletonlabs/skeleton-common/classes';
 	import { splitOptionItemProps } from '@zag-js/menu';
 	import { mergeProps } from '@zag-js/svelte';
 
@@ -24,7 +24,7 @@
 		mergeProps(
 			menu().getOptionItemProps(itemProps),
 			{
-				class: classesMenu.item,
+				class: classes.menu.item,
 			},
 			rest,
 		),

package/dist/components/menu/anatomy/positioner.svelte

@@ -7,7 +7,7 @@
 
 <script lang="ts">
 	import { RootContext } from '../modules/root-context.js';
-	import { classesMenu } from '@skeletonlabs/skeleton-common';
+	import * as classes from '@skeletonlabs/skeleton-common/classes';
 	import { mergeProps } from '@zag-js/svelte';
 
 	const props: MenuPositionerProps = $props();
@@ -20,7 +20,7 @@
 		mergeProps(
 			menu().getPositionerProps(),
 			{
-				class: classesMenu.positioner,
+				class: classes.menu.positioner,
 			},
 			rest,
 		),

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

@@ -7,7 +7,7 @@
 
 <script lang="ts">
 	import { RootContext } from '../modules/root-context.js';
-	import { classesMenu } from '@skeletonlabs/skeleton-common';
+	import * as classes from '@skeletonlabs/skeleton-common/classes';
 	import { mergeProps } from '@zag-js/svelte';
 
 	const props: MenuSeparatorProps = $props();
@@ -20,7 +20,7 @@
 		mergeProps(
 			menu().getSeparatorProps(),
 			{
-				class: classesMenu.separator,
+				class: classes.menu.separator,
 			},
 			rest,
 		),

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

@@ -8,7 +8,7 @@
 <script lang="ts">
 	import { ItemContext } from '../modules/item-context.js';
 	import { TriggerItemContext } from '../modules/trigger-item-context.js';
-	import { classesMenu } from '@skeletonlabs/skeleton-common';
+	import * as classes from '@skeletonlabs/skeleton-common/classes';
 	import { splitItemProps, type ItemProps } from '@zag-js/menu';
 	import { mergeProps } from '@zag-js/svelte';
 
@@ -23,7 +23,7 @@
 		mergeProps(
 			triggerItemProps(),
 			{
-				class: classesMenu.item,
+				class: classes.menu.item,
 			},
 			rest,
 		),

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

@@ -7,7 +7,7 @@
 
 <script lang="ts">
 	import { RootContext } from '../modules/root-context.js';
-	import { classesMenu } from '@skeletonlabs/skeleton-common';
+	import * as classes from '@skeletonlabs/skeleton-common/classes';
 	import { mergeProps } from '@zag-js/svelte';
 
 	const props: MenuTriggerProps = $props();
@@ -20,7 +20,7 @@
 		mergeProps(
 			menu().getTriggerProps(),
 			{
-				class: classesMenu.trigger,
+				class: classes.menu.trigger,
 			},
 			rest,
 		),

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

@@ -7,7 +7,7 @@
 
 <script lang="ts">
 	import { RootContext } from '../modules/root-context.js';
-	import { classesNavigation } from '@skeletonlabs/skeleton-common';
+	import * as classes from '@skeletonlabs/skeleton-common/classes';
 	import { mergeProps } from '@zag-js/svelte';
 
 	const props: NavigationContentProps = $props();
@@ -20,7 +20,7 @@
 		mergeProps(
 			{
 				'data-layout': navigation().layout,
-				class: classesNavigation.content,
+				class: classes.navigation.content,
 			},
 			rest,
 		),

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

@@ -7,7 +7,7 @@
 
 <script lang="ts">
 	import { RootContext } from '../modules/root-context.js';
-	import { classesNavigation } from '@skeletonlabs/skeleton-common';
+	import * as classes from '@skeletonlabs/skeleton-common/classes';
 	import { mergeProps } from '@zag-js/svelte';
 
 	const props: NavigationFooterProps = $props();
@@ -20,7 +20,7 @@
 		mergeProps(
 			{
 				'data-layout': navigation().layout,
-				class: classesNavigation.footer,
+				class: classes.navigation.footer,
 			},
 			rest,
 		),

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

@@ -7,7 +7,7 @@
 
 <script lang="ts">
 	import { RootContext } from '../modules/root-context.js';
-	import { classesNavigation } from '@skeletonlabs/skeleton-common';
+	import * as classes from '@skeletonlabs/skeleton-common/classes';
 	import { mergeProps } from '@zag-js/svelte';
 
 	const props: NavigationGroupProps = $props();
@@ -20,7 +20,7 @@
 		mergeProps(
 			{
 				'data-layout': navigation().layout,
-				class: classesNavigation.group,
+				class: classes.navigation.group,
 			},
 			rest,
 		),

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

@@ -7,7 +7,7 @@
 
 <script lang="ts">
 	import { RootContext } from '../modules/root-context.js';
-	import { classesNavigation } from '@skeletonlabs/skeleton-common';
+	import * as classes from '@skeletonlabs/skeleton-common/classes';
 	import { mergeProps } from '@zag-js/svelte';
 
 	const props: NavigationHeaderProps = $props();
@@ -20,7 +20,7 @@
 		mergeProps(
 			{
 				'data-layout': navigation().layout,
-				class: classesNavigation.header,
+				class: classes.navigation.header,
 			},
 			rest,
 		),

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

@@ -7,7 +7,7 @@
 
 <script lang="ts">
 	import { RootContext } from '../modules/root-context.js';
-	import { classesNavigation } from '@skeletonlabs/skeleton-common';
+	import * as classes from '@skeletonlabs/skeleton-common/classes';
 	import { mergeProps } from '@zag-js/svelte';
 
 	const props: NavigationLabelProps = $props();
@@ -20,7 +20,7 @@
 		mergeProps(
 			{
 				'data-layout': navigation().layout,
-				class: classesNavigation.label,
+				class: classes.navigation.label,
 			},
 			rest,
 		),

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

@@ -7,7 +7,7 @@
 
 <script lang="ts">
 	import { RootContext } from '../modules/root-context.js';
-	import { classesNavigation } from '@skeletonlabs/skeleton-common';
+	import * as classes from '@skeletonlabs/skeleton-common/classes';
 	import { mergeProps } from '@zag-js/svelte';
 
 	const props: NavigationMenuProps = $props();
@@ -20,7 +20,7 @@
 		mergeProps(
 			{
 				'data-layout': navigation().layout,
-				class: classesNavigation.menu,
+				class: classes.navigation.menu,
 			},
 			rest,
 		),

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

@@ -14,7 +14,7 @@
 
 <script lang="ts">
 	import { RootContext } from '../modules/root-context.js';
-	import { classesNavigation } from '@skeletonlabs/skeleton-common';
+	import * as classes from '@skeletonlabs/skeleton-common/classes';
 	import { mergeProps } from '@zag-js/svelte';
 
 	const props: NavigationRootProps = $props();
@@ -24,7 +24,7 @@
 		mergeProps(
 			{
 				'data-layout': layout,
-				class: classesNavigation.root,
+				class: classes.navigation.root,
 			},
 			rest,
 		),

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

@@ -8,7 +8,7 @@
 
 <script lang="ts">
 	import { RootContext } from '../modules/root-context.js';
-	import { classesPagination } from '@skeletonlabs/skeleton-common';
+	import * as classes from '@skeletonlabs/skeleton-common/classes';
 	import { mergeProps } from '@zag-js/svelte';
 
 	const props: PaginationEllipsisProps = $props();
@@ -22,7 +22,7 @@
 		mergeProps(
 			pagination().getEllipsisProps(ellipsisProps),
 			{
-				class: classesPagination.ellipsis,
+				class: classes.pagination.ellipsis,
 			},
 			rest,
 		),

package/dist/components/pagination/anatomy/first-trigger.svelte

@@ -7,7 +7,7 @@
 
 <script lang="ts">
 	import { RootContext } from '../modules/root-context.js';
-	import { classesPagination } from '@skeletonlabs/skeleton-common';
+	import * as classes from '@skeletonlabs/skeleton-common/classes';
 	import { mergeProps } from '@zag-js/svelte';
 
 	const props: PaginationFirstTriggerProps = $props();
@@ -19,7 +19,7 @@
 	const attributes = $derived(
 		mergeProps(
 			{
-				class: classesPagination.firstTrigger,
+				class: classes.pagination.firstTrigger,
 				onclick: () => pagination().goToFirstPage(),
 			},
 			rest,

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

@@ -8,7 +8,7 @@
 
 <script lang="ts">
 	import { RootContext } from '../modules/root-context.js';
-	import { classesPagination } from '@skeletonlabs/skeleton-common';
+	import * as classes from '@skeletonlabs/skeleton-common/classes';
 	import { mergeProps } from '@zag-js/svelte';
 
 	const props: PaginationItemProps = $props();
@@ -22,7 +22,7 @@
 		mergeProps(
 			pagination().getItemProps(itemProps),
 			{
-				class: classesPagination.item,
+				class: classes.pagination.item,
 			},
 			rest,
 		),

package/dist/components/pagination/anatomy/last-trigger.svelte

@@ -7,7 +7,7 @@
 
 <script lang="ts">
 	import { RootContext } from '../modules/root-context.js';
-	import { classesPagination } from '@skeletonlabs/skeleton-common';
+	import * as classes from '@skeletonlabs/skeleton-common/classes';
 	import { mergeProps } from '@zag-js/svelte';
 
 	const props: PaginationLastTriggerProps = $props();
@@ -19,7 +19,7 @@
 	const attributes = $derived(
 		mergeProps(
 			{
-				class: classesPagination.lastTrigger,
+				class: classes.pagination.lastTrigger,
 				onclick: () => pagination().goToLastPage(),
 			},
 			rest,

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

@@ -7,7 +7,7 @@
 
 <script lang="ts">
 	import { RootContext } from '../modules/root-context.js';
-	import { classesPagination } from '@skeletonlabs/skeleton-common';
+	import * as classes from '@skeletonlabs/skeleton-common/classes';
 	import { mergeProps } from '@zag-js/svelte';
 
 	const props: PaginationNextTriggerProps = $props();
@@ -20,7 +20,7 @@
 		mergeProps(
 			pagination().getNextTriggerProps(),
 			{
-				class: classesPagination.nextTrigger,
+				class: classes.pagination.nextTrigger,
 			},
 			rest,
 		),

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

@@ -7,7 +7,7 @@
 
 <script lang="ts">
 	import { RootContext } from '../modules/root-context.js';
-	import { classesPagination } from '@skeletonlabs/skeleton-common';
+	import * as classes from '@skeletonlabs/skeleton-common/classes';
 	import { mergeProps } from '@zag-js/svelte';
 
 	const props: PaginationPrevTriggerProps = $props();
@@ -20,7 +20,7 @@
 		mergeProps(
 			pagination().getPrevTriggerProps(),
 			{
-				class: classesPagination.prevTrigger,
+				class: classes.pagination.prevTrigger,
 			},
 			rest,
 		),

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

@@ -10,7 +10,7 @@
 
 <script lang="ts">
 	import { RootContext } from '../modules/root-context.js';
-	import { classesPagination } from '@skeletonlabs/skeleton-common';
+	import * as classes from '@skeletonlabs/skeleton-common/classes';
 	import { mergeProps } from '@zag-js/svelte';
 
 	const props: PaginationRootProviderProps = $props();
@@ -21,7 +21,7 @@
 		mergeProps(
 			pagination().getRootProps(),
 			{
-				class: classesPagination.root,
+				class: classes.pagination.root,
 			},
 			rest,
 		),

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

@@ -9,7 +9,7 @@
 <script lang="ts">
 	import { usePagination } from '../modules/provider.svelte';
 	import { RootContext } from '../modules/root-context.js';
-	import { classesPagination } from '@skeletonlabs/skeleton-common';
+	import * as classes from '@skeletonlabs/skeleton-common/classes';
 	import { splitProps } from '@zag-js/pagination';
 	import { mergeProps } from '@zag-js/svelte';
 
@@ -28,7 +28,7 @@
 		mergeProps(
 			pagination().getRootProps(),
 			{
-				class: classesPagination.root,
+				class: classes.pagination.root,
 			},
 			rest,
 		),

package/dist/components/popover/anatomy/anchor.svelte

@@ -7,7 +7,7 @@
 
 <script lang="ts">
 	import { RootContext } from '../modules/root-context.js';
-	import { classesPopover } from '@skeletonlabs/skeleton-common';
+	import * as classes from '@skeletonlabs/skeleton-common/classes';
 	import { mergeProps } from '@zag-js/svelte';
 
 	const props: PopoverAnchorProps = $props();
@@ -20,7 +20,7 @@
 		mergeProps(
 			popover().getAnchorProps(),
 			{
-				class: classesPopover.anchor,
+				class: classes.popover.anchor,
 			},
 			rest,
 		),

package/dist/components/popover/anatomy/arrow-tip.svelte

@@ -7,7 +7,7 @@
 
 <script lang="ts">
 	import { RootContext } from '../modules/root-context.js';
-	import { classesPopover } from '@skeletonlabs/skeleton-common';
+	import * as classes from '@skeletonlabs/skeleton-common/classes';
 	import { mergeProps } from '@zag-js/svelte';
 
 	const props: PopoverArrowTipProps = $props();
@@ -20,7 +20,7 @@
 		mergeProps(
 			popover().getArrowTipProps(),
 			{
-				class: classesPopover.arrowTip,
+				class: classes.popover.arrowTip,
 			},
 			rest,
 		),

package/dist/components/popover/anatomy/arrow.svelte

@@ -7,7 +7,7 @@
 
 <script lang="ts">
 	import { RootContext } from '../modules/root-context.js';
-	import { classesPopover } from '@skeletonlabs/skeleton-common';
+	import * as classes from '@skeletonlabs/skeleton-common/classes';
 	import { mergeProps } from '@zag-js/svelte';
 
 	const props: PopoverArrowProps = $props();
@@ -20,7 +20,7 @@
 		mergeProps(
 			popover().getArrowProps(),
 			{
-				class: classesPopover.arrow,
+				class: classes.popover.arrow,
 			},
 			rest,
 		),

package/dist/components/popover/anatomy/close-trigger.svelte

@@ -7,7 +7,7 @@
 
 <script lang="ts">
 	import { RootContext } from '../modules/root-context.js';
-	import { classesPopover } from '@skeletonlabs/skeleton-common';
+	import * as classes from '@skeletonlabs/skeleton-common/classes';
 	import { mergeProps } from '@zag-js/svelte';
 
 	const props: PopoverCloseTriggerProps = $props();
@@ -20,7 +20,7 @@
 		mergeProps(
 			popover().getCloseTriggerProps(),
 			{
-				class: classesPopover.closeTrigger,
+				class: classes.popover.closeTrigger,
 			},
 			rest,
 		),

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

@@ -7,7 +7,7 @@
 
 <script lang="ts">
 	import { RootContext } from '../modules/root-context.js';
-	import { classesPopover } from '@skeletonlabs/skeleton-common';
+	import * as classes from '@skeletonlabs/skeleton-common/classes';
 	import { mergeProps } from '@zag-js/svelte';
 
 	const props: PopoverContentProps = $props();
@@ -20,7 +20,7 @@
 		mergeProps(
 			popover().getContentProps(),
 			{
-				class: classesPopover.content,
+				class: classes.popover.content,
 			},
 			rest,
 		),

package/dist/components/popover/anatomy/description.svelte

@@ -7,7 +7,7 @@
 
 <script lang="ts">
 	import { RootContext } from '../modules/root-context.js';
-	import { classesPopover } from '@skeletonlabs/skeleton-common';
+	import * as classes from '@skeletonlabs/skeleton-common/classes';
 	import { mergeProps } from '@zag-js/svelte';
 
 	const props: PopoverDescriptionProps = $props();
@@ -20,7 +20,7 @@
 		mergeProps(
 			popover().getDescriptionProps(),
 			{
-				class: classesPopover.description,
+				class: classes.popover.description,
 			},
 			rest,
 		),

package/dist/components/popover/anatomy/positioner.svelte

@@ -7,7 +7,7 @@
 
 <script lang="ts">
 	import { RootContext } from '../modules/root-context.js';
-	import { classesPopover } from '@skeletonlabs/skeleton-common';
+	import * as classes from '@skeletonlabs/skeleton-common/classes';
 	import { mergeProps } from '@zag-js/svelte';
 
 	const props: PopoverPositionerProps = $props();
@@ -20,7 +20,7 @@
 		mergeProps(
 			popover().getPositionerProps(),
 			{
-				class: classesPopover.positioner,
+				class: classes.popover.positioner,
 			},
 			rest,
 		),

package/dist/components/popover/anatomy/title.svelte

@@ -7,7 +7,7 @@
 
 <script lang="ts">
 	import { RootContext } from '../modules/root-context.js';
-	import { classesPopover } from '@skeletonlabs/skeleton-common';
+	import * as classes from '@skeletonlabs/skeleton-common/classes';
 	import { mergeProps } from '@zag-js/svelte';
 
 	const props: PopoverTitleProps = $props();
@@ -20,7 +20,7 @@
 		mergeProps(
 			popover().getTitleProps(),
 			{
-				class: classesPopover.title,
+				class: classes.popover.title,
 			},
 			rest,
 		),

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

@@ -7,7 +7,7 @@
 
 <script lang="ts">
 	import { RootContext } from '../modules/root-context.js';
-	import { classesPopover } from '@skeletonlabs/skeleton-common';
+	import * as classes from '@skeletonlabs/skeleton-common/classes';
 	import { mergeProps } from '@zag-js/svelte';
 
 	const props: PopoverTriggerProps = $props();
@@ -20,7 +20,7 @@
 		mergeProps(
 			popover().getTriggerProps(),
 			{
-				class: classesPopover.trigger,
+				class: classes.popover.trigger,
 			},
 			rest,
 		),

package/dist/components/progress/anatomy/circle-range.svelte

@@ -7,7 +7,7 @@
 
 <script lang="ts">
 	import { RootContext } from '../modules/root-context.js';
-	import { classesProgress } from '@skeletonlabs/skeleton-common';
+	import * as classes from '@skeletonlabs/skeleton-common/classes';
 	import { mergeProps } from '@zag-js/svelte';
 
 	const props: ProgressCircleRangeProps = $props();
@@ -20,7 +20,7 @@
 		mergeProps(
 			progress().getCircleRangeProps(),
 			{
-				class: classesProgress.circleRange,
+				class: classes.progress.circleRange,
 				'stroke-linecap': 'round',
 			},
 			rest,

package/dist/components/progress/anatomy/circle-track.svelte

@@ -7,7 +7,7 @@
 
 <script lang="ts">
 	import { RootContext } from '../modules/root-context.js';
-	import { classesProgress } from '@skeletonlabs/skeleton-common';
+	import * as classes from '@skeletonlabs/skeleton-common/classes';
 	import { mergeProps } from '@zag-js/svelte';
 
 	const props: ProgressCircleTrackProps = $props();
@@ -20,7 +20,7 @@
 		mergeProps(
 			progress().getCircleTrackProps(),
 			{
-				class: classesProgress.circleTrack,
+				class: classes.progress.circleTrack,
 			},
 			rest,
 		),

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

@@ -7,7 +7,7 @@
 
 <script lang="ts">
 	import { RootContext } from '../modules/root-context.js';
-	import { classesProgress } from '@skeletonlabs/skeleton-common';
+	import * as classes from '@skeletonlabs/skeleton-common/classes';
 	import { mergeProps } from '@zag-js/svelte';
 
 	const props: ProgressCircleProps = $props();
@@ -20,7 +20,7 @@
 		mergeProps(
 			progress().getCircleProps(),
 			{
-				class: classesProgress.circle,
+				class: classes.progress.circle,
 			},
 			rest,
 		),