@skeletonlabs/skeleton-svelte 4.7.1 → 4.7.3

package/dist/components/date-picker/anatomy/table.svelte

@@ -8,7 +8,6 @@
 <script lang="ts">
 	import { RootContext } from '../modules/root-context.js';
 	import { ViewContext } from '../modules/view-context.js';
-	import * as classes from '@skeletonlabs/skeleton-common/classes';
 	import { mergeProps } from '@zag-js/svelte';
 
 	const props: DatePickerTableProps = $props();
@@ -18,15 +17,7 @@
 
 	const { element, children, ...rest } = $derived(props);
 
-	const attributes = $derived(
-		mergeProps(
-			datePicker().getTableProps(viewProps()),
-			{
-				class: classes.datePicker.table,
-			},
-			rest,
-		),
-	);
+	const attributes = $derived(mergeProps(datePicker().getTableProps(viewProps()), rest));
 </script>
 
 {#if element}

package/dist/components/date-picker/anatomy/trigger.svelte

@@ -8,7 +8,6 @@
 <script lang="ts">
 	import CalendarIcon from '../../../internal/components/calendar.svelte';
 	import { RootContext } from '../modules/root-context.js';
-	import * as classes from '@skeletonlabs/skeleton-common/classes';
 	import { mergeProps } from '@zag-js/svelte';
 
 	const props: DatePickerTriggerProps = $props();
@@ -17,15 +16,7 @@
 
 	const { element, children = calendarIcon, ...rest } = $derived(props);
 
-	const attributes = $derived(
-		mergeProps(
-			datePicker().getTriggerProps(),
-			{
-				class: classes.datePicker.trigger,
-			},
-			rest,
-		),
-	);
+	const attributes = $derived(mergeProps(datePicker().getTriggerProps(), rest));
 </script>
 
 {#snippet calendarIcon()}

package/dist/components/date-picker/anatomy/view-control.svelte

@@ -8,7 +8,6 @@
 <script lang="ts">
 	import { RootContext } from '../modules/root-context.js';
 	import { ViewContext } from '../modules/view-context.js';
-	import * as classes from '@skeletonlabs/skeleton-common/classes';
 	import { mergeProps } from '@zag-js/svelte';
 
 	const props: DatePickerViewControlProps = $props();
@@ -18,15 +17,7 @@
 
 	const { element, children, ...rest } = $derived(props);
 
-	const attributes = $derived(
-		mergeProps(
-			datePicker().getViewControlProps(viewProps()),
-			{
-				class: classes.datePicker.viewControl,
-			},
-			rest,
-		),
-	);
+	const attributes = $derived(mergeProps(datePicker().getViewControlProps(viewProps()), rest));
 </script>
 
 {#if element}

package/dist/components/date-picker/anatomy/view-trigger.svelte

@@ -8,7 +8,6 @@
 <script lang="ts">
 	import { RootContext } from '../modules/root-context.js';
 	import { ViewContext } from '../modules/view-context.js';
-	import * as classes from '@skeletonlabs/skeleton-common/classes';
 	import { mergeProps } from '@zag-js/svelte';
 
 	const props: DatePickerViewTriggerProps = $props();
@@ -18,15 +17,7 @@
 
 	const { element, children, ...rest } = $derived(props);
 
-	const attributes = $derived(
-		mergeProps(
-			datePicker().getViewTriggerProps(viewProps()),
-			{
-				class: classes.datePicker.viewTrigger,
-			},
-			rest,
-		),
-	);
+	const attributes = $derived(mergeProps(datePicker().getViewTriggerProps(viewProps()), rest));
 </script>
 
 {#if element}

package/dist/components/date-picker/anatomy/view.svelte

@@ -9,7 +9,6 @@
 <script lang="ts">
 	import { RootContext } from '../modules/root-context.js';
 	import { ViewContext } from '../modules/view-context.js';
-	import * as classes from '@skeletonlabs/skeleton-common/classes';
 	import { splitViewProps } from '@zag-js/date-picker';
 	import { mergeProps } from '@zag-js/svelte';
 
@@ -20,15 +19,7 @@
 	const [viewProps, componentProps] = $derived(splitViewProps(props));
 	const { element, children, ...rest } = $derived(componentProps);
 
-	const attributes = $derived(
-		mergeProps(
-			datePicker().getViewProps(viewProps),
-			{
-				class: classes.datePicker.view,
-			},
-			rest,
-		),
-	);
+	const attributes = $derived(mergeProps(datePicker().getViewProps(viewProps), rest));
 
 	ViewContext.provide(() => viewProps);
 </script>

package/dist/components/date-picker/anatomy/year-select.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: DatePickerYearSelectProps = $props();
@@ -16,15 +15,7 @@
 
 	const { element, ...rest } = $derived(props);
 
-	const attributes = $derived(
-		mergeProps(
-			datePicker().getYearSelectProps(),
-			{
-				class: classes.datePicker.yearSelect,
-			},
-			rest,
-		),
-	);
+	const attributes = $derived(mergeProps(datePicker().getYearSelectProps(), rest));
 </script>
 
 {#if element}

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

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

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

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

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

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

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

package/dist/components/file-upload/anatomy/clear-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: FileUploadClearTriggerProps = $props();
@@ -16,15 +15,7 @@
 
 	const { element, children, ...rest } = $derived(props);
 
-	const attributes = $derived(
-		mergeProps(
-			fileUpload().getClearTriggerProps(),
-			{
-				class: classes.fileUpload.clearTrigger,
-			},
-			rest,
-		),
-	);
+	const attributes = $derived(mergeProps(fileUpload().getClearTriggerProps(), rest));
 </script>
 
 {#if element}

package/dist/components/file-upload/anatomy/dropzone.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: FileUploadDropzoneProps = $props();
@@ -17,15 +16,7 @@
 
 	const { element, children, ...rest } = $derived(props);
 
-	const attributes = $derived(
-		mergeProps(
-			fileUpload().getDropzoneProps(props),
-			{
-				class: classes.fileUpload.dropzone,
-			},
-			rest,
-		),
-	);
+	const attributes = $derived(mergeProps(fileUpload().getDropzoneProps(props), rest));
 </script>
 
 {#if element}

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

package/dist/components/file-upload/anatomy/item-delete-trigger.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: FileUploadItemDeleteTriggerProps = $props();
@@ -18,15 +17,7 @@
 
 	const { element, children = times, ...rest } = $derived(props);
 
-	const attributes = $derived(
-		mergeProps(
-			fileUpload().getItemDeleteTriggerProps(itemProps()),
-			{
-				class: classes.fileUpload.itemDeleteTrigger,
-			},
-			rest,
-		),
-	);
+	const attributes = $derived(mergeProps(fileUpload().getItemDeleteTriggerProps(itemProps()), rest));
 </script>
 
 {#snippet times()}

package/dist/components/file-upload/anatomy/item-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: FileUploadItemGroupProps = $props();
@@ -16,15 +15,7 @@
 
 	const { element, children, ...rest } = $derived(props);
 
-	const attributes = $derived(
-		mergeProps(
-			fileUpload().getItemGroupProps(),
-			{
-				class: classes.fileUpload.itemGroup,
-			},
-			rest,
-		),
-	);
+	const attributes = $derived(mergeProps(fileUpload().getItemGroupProps(), rest));
 </script>
 
 {#if element}

package/dist/components/file-upload/anatomy/item-name.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: FileUploadItemNameProps = $props();
@@ -18,15 +17,7 @@
 
 	const { element, children, ...rest } = $derived(props);
 
-	const attributes = $derived(
-		mergeProps(
-			fileUpload().getItemNameProps(itemProps()),
-			{
-				class: classes.fileUpload.itemName,
-			},
-			rest,
-		),
-	);
+	const attributes = $derived(mergeProps(fileUpload().getItemNameProps(itemProps()), rest));
 </script>
 
 {#if element}

package/dist/components/file-upload/anatomy/item-size-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: FileUploadItemSizeTextProps = $props();
@@ -18,15 +17,7 @@
 
 	const { element, children, ...rest } = $derived(props);
 
-	const attributes = $derived(
-		mergeProps(
-			fileUpload().getItemSizeTextProps(itemProps()),
-			{
-				class: classes.fileUpload.itemSizeText,
-			},
-			rest,
-		),
-	);
+	const attributes = $derived(mergeProps(fileUpload().getItemSizeTextProps(itemProps()), rest));
 </script>
 
 {#if element}

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

@@ -10,7 +10,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: FileUploadItemProps = $props();
@@ -20,15 +19,7 @@
 	const [itemProps, componentProps] = $derived(splitItemProps(props));
 	const { element, children, ...rest } = $derived(componentProps);
 
-	const attributes = $derived(
-		mergeProps(
-			fileUpload().getItemProps(itemProps),
-			{
-				class: classes.fileUpload.item,
-			},
-			rest,
-		),
-	);
+	const attributes = $derived(mergeProps(fileUpload().getItemProps(itemProps), rest));
 
 	ItemContext.provide(() => itemProps);
 </script>

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

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

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

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

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

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

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