@skeletonlabs/skeleton-svelte 4.7.0 → 4.7.2

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

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

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

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

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

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

@@ -4,15 +4,12 @@
 	import type { Props } from '@zag-js/combobox';
 
 	export interface ComboboxRootProps
-		extends Omit<Props, 'id'>,
-			PropsWithElement<'div'>,
-			HTMLAttributes<'div', 'id' | 'dir' | 'placeholder'> {}
+		extends Omit<Props, 'id'>, PropsWithElement<'div'>, HTMLAttributes<'div', 'id' | 'dir' | 'placeholder'> {}
 </script>
 
 <script lang="ts">
 	import { useCombobox } from '../modules/provider.svelte';
 	import { RootContext } from '../modules/root-context.js';
-	import * as classes from '@skeletonlabs/skeleton-common/classes';
 	import { splitProps } from '@zag-js/combobox';
 	import { mergeProps } from '@zag-js/svelte';
 
@@ -26,15 +23,7 @@
 		id: id,
 	}));
 
-	const attributes = $derived(
-		mergeProps(
-			combobox().getRootProps(),
-			{
-				class: classes.combobox.root,
-			},
-			rest,
-		),
-	);
+	const attributes = $derived(mergeProps(combobox().getRootProps(), rest));
 
 	RootContext.provide(() => combobox());
 </script>

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

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

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

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

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

@@ -8,7 +8,6 @@
 
 <script lang="ts">
 	import { RootContext } from '../modules/root-context.js';
-	import * as classes from '@skeletonlabs/skeleton-common/classes';
 	import { splitInputProps } from '@zag-js/date-picker';
 	import { mergeProps } from '@zag-js/svelte';
 
@@ -19,15 +18,7 @@
 	const [inputProps, componentProps] = $derived(splitInputProps(props));
 	const { element, ...rest } = $derived(componentProps);
 
-	const attributes = $derived(
-		mergeProps(
-			datePicker().getInputProps(inputProps),
-			{
-				class: classes.datePicker.input,
-			},
-			rest,
-		),
-	);
+	const attributes = $derived(mergeProps(datePicker().getInputProps(inputProps), rest));
 </script>
 
 {#if element}

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

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

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

@@ -9,7 +9,6 @@
 	import ChevronRightIcon from '../../../internal/components/chevron-right.svelte';
 	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: DatePickerNextTriggerProps = $props();
@@ -19,15 +18,7 @@
 
 	const { element, children = chevronRight, ...rest } = $derived(props);
 
-	const attributes = $derived(
-		mergeProps(
-			datePicker().getNextTriggerProps(viewProps()),
-			{
-				class: classes.datePicker.nextTrigger,
-			},
-			rest,
-		),
-	);
+	const attributes = $derived(mergeProps(datePicker().getNextTriggerProps(viewProps()), rest));
 </script>
 
 {#snippet chevronRight()}

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

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

@@ -8,7 +8,6 @@
 
 <script lang="ts">
 	import { RootContext } from '../modules/root-context.js';
-	import * as classes from '@skeletonlabs/skeleton-common/classes';
 	import { splitPresetTriggerProps } from '@zag-js/date-picker';
 	import { mergeProps } from '@zag-js/svelte';
 
@@ -19,15 +18,7 @@
 	const [presetTriggerProps, componentProps] = $derived(splitPresetTriggerProps(props));
 	const { element, children, ...rest } = $derived(componentProps);
 
-	const attributes = $derived(
-		mergeProps(
-			datePicker().getPresetTriggerProps(presetTriggerProps),
-			{
-				class: classes.datePicker.presetTrigger,
-			},
-			rest,
-		),
-	);
+	const attributes = $derived(mergeProps(datePicker().getPresetTriggerProps(presetTriggerProps), rest));
 </script>
 
 {#if element}

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

@@ -9,7 +9,6 @@
 	import ChevronLeftIcon from '../../../internal/components/chevron-left.svelte';
 	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: DatePickerPrevTriggerProps = $props();
@@ -19,15 +18,7 @@
 
 	const { element, children = chevronLeft, ...rest } = $derived(props);
 
-	const attributes = $derived(
-		mergeProps(
-			datePicker().getPrevTriggerProps(viewProps()),
-			{
-				class: classes.datePicker.prevTrigger,
-			},
-			rest,
-		),
-	);
+	const attributes = $derived(mergeProps(datePicker().getPrevTriggerProps(viewProps()), rest));
 </script>
 
 {#snippet chevronLeft()}

package/dist/components/date-picker/anatomy/range-text.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: DatePickerRangeTextProps = $props();
@@ -18,15 +17,7 @@
 
 	const { element, children = defaultChildren, ...rest } = $derived(props);
 
-	const attributes = $derived(
-		mergeProps(
-			datePicker().getRangeTextProps(),
-			{
-				class: classes.datePicker.rangeText,
-			},
-			rest,
-		),
-	);
+	const attributes = $derived(mergeProps(datePicker().getRangeTextProps(), rest));
 </script>
 
 {#snippet defaultChildren()}

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

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

@@ -4,15 +4,12 @@
 	import type { Props } from '@zag-js/date-picker';
 
 	export interface DatePickerRootProps
-		extends Omit<Props, 'id'>,
-			PropsWithElement<'div'>,
-			HTMLAttributes<'div', 'id' | 'dir' | 'placeholder'> {}
+		extends Omit<Props, 'id'>, PropsWithElement<'div'>, HTMLAttributes<'div', 'id' | 'dir' | 'placeholder'> {}
 </script>
 
 <script lang="ts">
 	import { useDatePicker } from '../modules/provider.svelte';
 	import { RootContext } from '../modules/root-context.js';
-	import * as classes from '@skeletonlabs/skeleton-common/classes';
 	import { splitProps } from '@zag-js/date-picker';
 	import { mergeProps } from '@zag-js/svelte';
 
@@ -27,15 +24,7 @@
 		id: id,
 	}));
 
-	const attributes = $derived(
-		mergeProps(
-			datePicker().getRootProps(),
-			{
-				class: classes.datePicker.root,
-			},
-			rest,
-		),
-	);
+	const attributes = $derived(mergeProps(datePicker().getRootProps(), rest));
 
 	RootContext.provide(() => datePicker());
 </script>

package/dist/components/date-picker/anatomy/table-body.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: DatePickerTableBodyProps = $props();
@@ -18,15 +17,7 @@
 
 	const { element, children, ...rest } = $derived(props);
 
-	const attributes = $derived(
-		mergeProps(
-			datePicker().getTableBodyProps(viewProps()),
-			{
-				class: classes.datePicker.tableBody,
-			},
-			rest,
-		),
-	);
+	const attributes = $derived(mergeProps(datePicker().getTableBodyProps(viewProps()), rest));
 </script>
 
 {#if element}

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

@@ -9,7 +9,6 @@
 	import { RootContext } from '../modules/root-context.js';
 	import { TableCellContext } from '../modules/table-cell-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: DatePickerTableCellTriggerProps = $props();
@@ -29,15 +28,7 @@
 		}[viewProps().view](tableCellProps());
 	});
 
-	const attributes = $derived(
-		mergeProps(
-			refinedTableCellProps,
-			{
-				class: classes.datePicker.tableCellTrigger,
-			},
-			rest,
-		),
-	);
+	const attributes = $derived(mergeProps(refinedTableCellProps, rest));
 </script>
 
 {#if element}

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

@@ -5,16 +5,13 @@
 	import type { DayTableCellProps, TableCellProps } from '@zag-js/date-picker';
 
 	export interface DatePickerTableCellProps
-		extends Union<TableCellProps, DayTableCellProps>,
-			PropsWithElement<'td'>,
-			HTMLAttributes<'td'> {}
+		extends Union<TableCellProps, DayTableCellProps>, PropsWithElement<'td'>, HTMLAttributes<'td'> {}
 </script>
 
 <script lang="ts">
 	import { RootContext } from '../modules/root-context.js';
 	import { TableCellContext } from '../modules/table-cell-context.js';
 	import { ViewContext } from '../modules/view-context.js';
-	import * as classes from '@skeletonlabs/skeleton-common/classes';
 	import { splitTableCellProps } from '@zag-js/date-picker';
 	import { mergeProps } from '@zag-js/svelte';
 
@@ -40,15 +37,7 @@
 		}[viewProps().view](tableCellProps);
 	});
 
-	const attributes = $derived(
-		mergeProps(
-			refinedTableCellProps,
-			{
-				class: classes.datePicker.tableCell,
-			},
-			rest,
-		),
-	);
+	const attributes = $derived(mergeProps(refinedTableCellProps, rest));
 
 	TableCellContext.provide(() => tableCellProps);
 </script>

package/dist/components/date-picker/anatomy/table-head.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: DatePickerTableHeadProps = $props();
@@ -18,15 +17,7 @@
 
 	const { element, children, ...rest } = $derived(props);
 
-	const attributes = $derived(
-		mergeProps(
-			datePicker().getTableHeadProps(viewProps()),
-			{
-				class: classes.datePicker.tableHead,
-			},
-			rest,
-		),
-	);
+	const attributes = $derived(mergeProps(datePicker().getTableHeadProps(viewProps()), rest));
 </script>
 
 {#if element}

package/dist/components/date-picker/anatomy/table-header.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: DatePickerTableHeaderProps = $props();
@@ -18,15 +17,7 @@
 
 	const { element, children, ...rest } = $derived(props);
 
-	const attributes = $derived(
-		mergeProps(
-			datePicker().getTableHeaderProps(viewProps()),
-			{
-				class: classes.datePicker.tableHeader,
-			},
-			rest,
-		),
-	);
+	const attributes = $derived(mergeProps(datePicker().getTableHeaderProps(viewProps()), rest));
 </script>
 
 {#if element}

package/dist/components/date-picker/anatomy/table-row.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: DatePickerTableRowProps = $props();
@@ -18,15 +17,7 @@
 
 	const { element, children, ...rest } = $derived(props);
 
-	const attributes = $derived(
-		mergeProps(
-			datePicker().getTableRowProps(viewProps()),
-			{
-				class: classes.datePicker.tableRow,
-			},
-			rest,
-		),
-	);
+	const attributes = $derived(mergeProps(datePicker().getTableRowProps(viewProps()), rest));
 </script>
 
 {#if element}