@skeletonlabs/skeleton-svelte 4.6.0 → 4.7.0

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

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

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

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

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

@@ -8,7 +8,7 @@
 
 <script lang="ts">
 	import { RootContext } from '../modules/root-context.js';
-	import { classesTabs } from '@skeletonlabs/skeleton-common';
+	import * as classes from '@skeletonlabs/skeleton-common/classes';
 	import { mergeProps } from '@zag-js/svelte';
 	import { splitContentProps } from '@zag-js/tabs';
 
@@ -23,7 +23,7 @@
 		mergeProps(
 			tabs().getContentProps(contentProps),
 			{
-				class: classesTabs.content,
+				class: classes.tabs.content,
 			},
 			rest,
 		),

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

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

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

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

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

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

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

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

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

@@ -8,7 +8,7 @@
 
 <script lang="ts">
 	import { RootContext } from '../modules/root-context.js';
-	import { classesTabs } from '@skeletonlabs/skeleton-common';
+	import * as classes from '@skeletonlabs/skeleton-common/classes';
 	import { mergeProps } from '@zag-js/svelte';
 	import { splitTriggerProps } from '@zag-js/tabs';
 
@@ -23,7 +23,7 @@
 		mergeProps(
 			tabs().getTriggerProps(triggerProps),
 			{
-				class: classesTabs.trigger,
+				class: classes.tabs.trigger,
 			},
 			rest,
 		),

package/dist/components/tags-input/anatomy/clear-trigger.svelte

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

package/dist/components/tags-input/anatomy/control.svelte

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

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

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

package/dist/components/tags-input/anatomy/input.svelte

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

package/dist/components/tags-input/anatomy/item-delete-trigger.svelte

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

package/dist/components/tags-input/anatomy/item-input.svelte

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

package/dist/components/tags-input/anatomy/item-preview.svelte

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

package/dist/components/tags-input/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 { classesTagsInput } from '@skeletonlabs/skeleton-common';
+	import * as classes from '@skeletonlabs/skeleton-common/classes';
 	import { mergeProps } from '@zag-js/svelte';
 
 	const props: TagsInputItemTextProps = $props();
@@ -22,7 +22,7 @@
 		mergeProps(
 			tagsInput().getItemTextProps(itemProps()),
 			{
-				class: classesTagsInput.itemText,
+				class: classes.tagsInput.itemText,
 			},
 			rest,
 		),

package/dist/components/tags-input/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 { classesTagsInput } from '@skeletonlabs/skeleton-common';
+	import * as classes from '@skeletonlabs/skeleton-common/classes';
 	import { mergeProps } from '@zag-js/svelte';
 	import { splitItemProps } from '@zag-js/tags-input';
 
@@ -24,7 +24,7 @@
 		mergeProps(
 			tagsInput().getItemProps(itemProps),
 			{
-				class: classesTagsInput.item,
+				class: classes.tagsInput.item,
 			},
 			rest,
 		),

package/dist/components/tags-input/anatomy/label.svelte

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

package/dist/components/tags-input/anatomy/root-provider.svelte

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

package/dist/components/tags-input/anatomy/root.svelte

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

package/dist/components/toast/anatomy/action-trigger.svelte

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

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

@@ -8,7 +8,7 @@
 <script lang="ts">
 	import X from '../../../internal/components/x.svelte';
 	import { RootContext } from '../modules/root-context.js';
-	import { classesToast } from '@skeletonlabs/skeleton-common';
+	import * as classes from '@skeletonlabs/skeleton-common/classes';
 	import { mergeProps } from '@zag-js/svelte';
 
 	const props: ToastCloseTriggerProps = $props();
@@ -21,7 +21,7 @@
 		mergeProps(
 			toast().getCloseTriggerProps(),
 			{
-				class: classesToast.closeTrigger,
+				class: classes.toast.closeTrigger,
 			},
 			rest,
 		),

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

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

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

@@ -12,7 +12,7 @@
 
 <script lang="ts">
 	import { GroupContext } from '../modules/group-context.js';
-	import { classesToast } from '@skeletonlabs/skeleton-common';
+	import * as classes from '@skeletonlabs/skeleton-common/classes';
 	import { mergeProps, normalizeProps, useMachine } from '@zag-js/svelte';
 	import { group } from '@zag-js/toast';
 
@@ -31,7 +31,7 @@
 		mergeProps(
 			api.getGroupProps(),
 			{
-				class: classesToast.group,
+				class: classes.toast.group,
 			},
 			rest,
 		),

package/dist/components/toast/anatomy/message.svelte

@@ -6,7 +6,7 @@
 </script>
 
 <script lang="ts">
-	import { classesToast } from '@skeletonlabs/skeleton-common';
+	import * as classes from '@skeletonlabs/skeleton-common/classes';
 	import { mergeProps } from '@zag-js/svelte';
 
 	const props: ToastMessageProps = $props();
@@ -16,7 +16,7 @@
 	const attributes = $derived(
 		mergeProps(
 			{
-				class: classesToast.message,
+				class: classes.toast.message,
 			},
 			rest,
 		),

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

@@ -11,7 +11,7 @@
 <script lang="ts">
 	import { GroupContext } from '../modules/group-context.js';
 	import { RootContext } from '../modules/root-context.js';
-	import { classesToast } from '@skeletonlabs/skeleton-common';
+	import * as classes from '@skeletonlabs/skeleton-common/classes';
 	import { mergeProps, normalizeProps, useMachine } from '@zag-js/svelte';
 	import { connect, machine } from '@zag-js/toast';
 
@@ -31,7 +31,7 @@
 		mergeProps(
 			toast.getRootProps(),
 			{
-				class: classesToast.root,
+				class: classes.toast.root,
 			},
 			rest,
 		),

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

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

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

@@ -8,7 +8,7 @@
 
 <script lang="ts">
 	import { RootContext } from '../modules/root-context.js';
-	import { classesToggleGroup } from '@skeletonlabs/skeleton-common';
+	import * as classes from '@skeletonlabs/skeleton-common/classes';
 	import { mergeProps } from '@zag-js/svelte';
 	import { splitItemProps } from '@zag-js/toggle-group';
 
@@ -23,7 +23,7 @@
 		mergeProps(
 			toggleGroup().getItemProps(itemProps),
 			{
-				class: classesToggleGroup.item,
+				class: classes.toggleGroup.item,
 			},
 			rest,
 		),

package/dist/components/toggle-group/anatomy/root-provider.svelte

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

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

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

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

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

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

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

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

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

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

@@ -7,7 +7,7 @@
 
 <script lang="ts">
 	import { RootContext } from '../modules/root-context.js';
-	import { classesTooltip } from '@skeletonlabs/skeleton-common';
+	import * as classes from '@skeletonlabs/skeleton-common/classes';
 	import { mergeProps, portal } from '@zag-js/svelte';
 	import { createAttachmentKey, fromAction } from 'svelte/attachments';
 
@@ -21,7 +21,7 @@
 		mergeProps(
 			tooltip().getPositionerProps(),
 			{
-				class: classesTooltip.positioner,
+				class: classes.tooltip.positioner,
 				[createAttachmentKey()]: fromAction(portal, () => undefined),
 			},
 			rest,

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

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