@skeletonlabs/skeleton-svelte 4.6.0 → 4.7.0

package/dist/components/file-upload/anatomy/item-name.svelte

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

package/dist/components/file-upload/anatomy/item-size-text.svelte

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

package/dist/components/file-upload/anatomy/item.svelte

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

package/dist/components/file-upload/anatomy/label.svelte

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

package/dist/components/file-upload/anatomy/root-provider.svelte

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

package/dist/components/file-upload/anatomy/root.svelte

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

package/dist/components/file-upload/anatomy/trigger.svelte

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

package/dist/components/floating-panel/anatomy/body.svelte

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

package/dist/components/floating-panel/anatomy/close-trigger.svelte

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

package/dist/components/floating-panel/anatomy/content.svelte

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

package/dist/components/floating-panel/anatomy/control.svelte

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

package/dist/components/floating-panel/anatomy/drag-trigger.svelte

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

package/dist/components/floating-panel/anatomy/header.svelte

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

package/dist/components/floating-panel/anatomy/positioner.svelte

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

package/dist/components/floating-panel/anatomy/resize-trigger.svelte

@@ -8,7 +8,7 @@
 
 <script lang="ts">
 	import { RootContext } from '../modules/root-context.js';
-	import { classesFloatingPanel } from '@skeletonlabs/skeleton-common';
+	import * as classes from '@skeletonlabs/skeleton-common/classes';
 	import { splitResizeTriggerProps } from '@zag-js/floating-panel';
 	import type { ResizeTriggerProps as ZagResizeTriggerProps } from '@zag-js/floating-panel';
 	import { mergeProps } from '@zag-js/svelte';
@@ -24,7 +24,7 @@
 		mergeProps(
 			floatingPanel().getResizeTriggerProps(resizeTriggerProps as ZagResizeTriggerProps),
 			{
-				class: classesFloatingPanel.resizeTrigger,
+				class: classes.floatingPanel.resizeTrigger,
 			},
 			rest,
 		),

package/dist/components/floating-panel/anatomy/stage-trigger.svelte

@@ -8,7 +8,7 @@
 
 <script lang="ts">
 	import { RootContext } from '../modules/root-context.js';
-	import { classesFloatingPanel } from '@skeletonlabs/skeleton-common';
+	import * as classes from '@skeletonlabs/skeleton-common/classes';
 	import { mergeProps } from '@zag-js/svelte';
 
 	const props: FloatingPanelStageTriggerProps = $props();
@@ -21,7 +21,7 @@
 		mergeProps(
 			floatingPanel().getStageTriggerProps({ stage }),
 			{
-				class: classesFloatingPanel.stageTrigger,
+				class: classes.floatingPanel.stageTrigger,
 			},
 			rest,
 		),

package/dist/components/floating-panel/anatomy/title.svelte

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

package/dist/components/floating-panel/anatomy/trigger.svelte

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

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

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

package/dist/components/listbox/anatomy/input.svelte

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

package/dist/components/listbox/anatomy/item-group-label.svelte

@@ -11,7 +11,7 @@
 <script lang="ts">
 	import { ItemGroupContext } from '../modules/item-group-context.js';
 	import { RootContext } from '../modules/root-context.js';
-	import { classesListbox } from '@skeletonlabs/skeleton-common';
+	import * as classes from '@skeletonlabs/skeleton-common/classes';
 	import { type ItemGroupLabelProps, splitItemGroupLabelProps } from '@zag-js/listbox';
 	import { mergeProps } from '@zag-js/svelte';
 
@@ -32,7 +32,7 @@
 		mergeProps(
 			listbox().getItemGroupLabelProps(itemGroupLabelProps),
 			{
-				class: classesListbox.itemGroupLabel,
+				class: classes.listbox.itemGroupLabel,
 			},
 			rest,
 		),

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

@@ -9,7 +9,7 @@
 <script lang="ts">
 	import { ItemGroupContext } from '../modules/item-group-context.js';
 	import { RootContext } from '../modules/root-context.js';
-	import { classesListbox } from '@skeletonlabs/skeleton-common';
+	import * as classes from '@skeletonlabs/skeleton-common/classes';
 	import { splitItemGroupProps } from '@zag-js/listbox';
 	import { mergeProps } from '@zag-js/svelte';
 
@@ -30,7 +30,7 @@
 		mergeProps(
 			listbox().getItemGroupProps(itemGroupProps),
 			{
-				class: classesListbox.itemGroup,
+				class: classes.listbox.itemGroup,
 			},
 			rest,
 		),

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

@@ -9,7 +9,7 @@
 	import Check from '../../../internal/components/check.svelte';
 	import { ItemContext } from '../modules/item-context.js';
 	import { RootContext } from '../modules/root-context.js';
-	import { classesListbox } from '@skeletonlabs/skeleton-common';
+	import * as classes from '@skeletonlabs/skeleton-common/classes';
 	import { mergeProps } from '@zag-js/svelte';
 
 	const props: ListboxItemIndicatorProps = $props();
@@ -23,7 +23,7 @@
 		mergeProps(
 			listbox().getItemIndicatorProps(itemProps()),
 			{
-				class: classesListbox.itemIndicator,
+				class: classes.listbox.itemIndicator,
 			},
 			rest,
 		),

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

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

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

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

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

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

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

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

package/dist/components/menu/anatomy/arrow-tip.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: MenuArrowTipProps = $props();
@@ -20,7 +20,7 @@
 		mergeProps(
 			menu().getArrowTipProps(),
 			{
-				class: classesMenu.arrowTip,
+				class: classes.menu.arrowTip,
 			},
 			rest,
 		),

package/dist/components/menu/anatomy/arrow.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: MenuArrowProps = $props();
@@ -20,7 +20,7 @@
 		mergeProps(
 			menu().getArrowProps(),
 			{
-				class: classesMenu.arrow,
+				class: classes.menu.arrow,
 			},
 			rest,
 		),

package/dist/components/menu/anatomy/content.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: MenuContentProps = $props();
@@ -20,7 +20,7 @@
 		mergeProps(
 			menu().getContentProps(),
 			{
-				class: classesMenu.content,
+				class: classes.menu.content,
 			},
 			rest,
 		),

package/dist/components/menu/anatomy/context-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: MenuContextTriggerProps = $props();
@@ -20,7 +20,7 @@
 		mergeProps(
 			menu().getContextTriggerProps(),
 			{
-				class: classesMenu.contextTrigger,
+				class: classes.menu.contextTrigger,
 			},
 			rest,
 		),

package/dist/components/menu/anatomy/indicator.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: MenuIndicatorProps = $props();
@@ -20,7 +20,7 @@
 		mergeProps(
 			menu().getIndicatorProps(),
 			{
-				class: classesMenu.indicator,
+				class: classes.menu.indicator,
 			},
 			rest,
 		),

package/dist/components/menu/anatomy/item-group-label.svelte

@@ -12,7 +12,7 @@
 <script lang="ts">
 	import { ItemGroupContext } from '../modules/item-group-context.js';
 	import { RootContext } from '../modules/root-context.js';
-	import { classesMenu } from '@skeletonlabs/skeleton-common';
+	import * as classes from '@skeletonlabs/skeleton-common/classes';
 	import { splitItemGroupLabelProps } from '@zag-js/menu';
 	import { mergeProps } from '@zag-js/svelte';
 
@@ -33,7 +33,7 @@
 		mergeProps(
 			menu().getItemGroupLabelProps(labelProps),
 			{
-				class: classesMenu.itemGroupLabel,
+				class: classes.menu.itemGroupLabel,
 			},
 			rest,
 		),

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

@@ -9,7 +9,7 @@
 <script lang="ts">
 	import { ItemGroupContext } from '../modules/item-group-context.js';
 	import { RootContext } from '../modules/root-context.js';
-	import { classesMenu } from '@skeletonlabs/skeleton-common';
+	import * as classes from '@skeletonlabs/skeleton-common/classes';
 	import { splitItemGroupProps } from '@zag-js/menu';
 	import { mergeProps } from '@zag-js/svelte';
 
@@ -30,7 +30,7 @@
 		mergeProps(
 			menu().getItemGroupProps(itemGroupProps),
 			{
-				class: classesMenu.itemGroup,
+				class: classes.menu.itemGroup,
 			},
 			rest,
 		),