@skeletonlabs/skeleton-svelte 4.7.1 → 4.7.2

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

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

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

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

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

package/dist/components/floating-panel/anatomy/resize-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 { splitResizeTriggerProps } from '@zag-js/floating-panel';
 	import type { ResizeTriggerProps as ZagResizeTriggerProps } from '@zag-js/floating-panel';
 	import { mergeProps } from '@zag-js/svelte';
@@ -20,15 +19,7 @@
 	const [resizeTriggerProps, componentProps] = $derived(splitResizeTriggerProps(props));
 	const { element, children, ...rest } = $derived(componentProps);
 
-	const attributes = $derived(
-		mergeProps(
-			floatingPanel().getResizeTriggerProps(resizeTriggerProps as ZagResizeTriggerProps),
-			{
-				class: classes.floatingPanel.resizeTrigger,
-			},
-			rest,
-		),
-	);
+	const attributes = $derived(mergeProps(floatingPanel().getResizeTriggerProps(resizeTriggerProps as ZagResizeTriggerProps), rest));
 </script>
 
 {#if element}

package/dist/components/floating-panel/anatomy/stage-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 { mergeProps } from '@zag-js/svelte';
 
 	const props: FloatingPanelStageTriggerProps = $props();
@@ -17,15 +16,7 @@
 
 	const { element, children, stage, ...rest } = $derived(props);
 
-	const attributes = $derived(
-		mergeProps(
-			floatingPanel().getStageTriggerProps({ stage }),
-			{
-				class: classes.floatingPanel.stageTrigger,
-			},
-			rest,
-		),
-	);
+	const attributes = $derived(mergeProps(floatingPanel().getStageTriggerProps({ stage }), rest));
 </script>
 
 {#if element}

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

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

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

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

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

@@ -3,15 +3,12 @@
 	import type { PropsWithElement } from '../../../internal/props-with-element.js';
 
 	export interface ListboxItemGroupLabelProps
-		extends Omit<ItemGroupLabelProps, 'htmlFor'>,
-			PropsWithElement<'div'>,
-			HTMLAttributes<'div'> {}
+		extends Omit<ItemGroupLabelProps, 'htmlFor'>, PropsWithElement<'div'>, HTMLAttributes<'div'> {}
 </script>
 
 <script lang="ts">
 	import { ItemGroupContext } from '../modules/item-group-context.js';
 	import { RootContext } from '../modules/root-context.js';
-	import * as classes from '@skeletonlabs/skeleton-common/classes';
 	import { type ItemGroupLabelProps, splitItemGroupLabelProps } from '@zag-js/listbox';
 	import { mergeProps } from '@zag-js/svelte';
 
@@ -28,15 +25,7 @@
 	);
 	const { element, children, ...rest } = $derived(props);
 
-	const attributes = $derived(
-		mergeProps(
-			listbox().getItemGroupLabelProps(itemGroupLabelProps),
-			{
-				class: classes.listbox.itemGroupLabel,
-			},
-			rest,
-		),
-	);
+	const attributes = $derived(mergeProps(listbox().getItemGroupLabelProps(itemGroupLabelProps), rest));
 </script>
 
 {#if element}

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

@@ -9,7 +9,6 @@
 <script lang="ts">
 	import { ItemGroupContext } from '../modules/item-group-context.js';
 	import { RootContext } from '../modules/root-context.js';
-	import * as classes from '@skeletonlabs/skeleton-common/classes';
 	import { splitItemGroupProps } from '@zag-js/listbox';
 	import { mergeProps } from '@zag-js/svelte';
 
@@ -26,15 +25,7 @@
 	);
 	const { element, children, ...rest } = $derived(componentProps);
 
-	const attributes = $derived(
-		mergeProps(
-			listbox().getItemGroupProps(itemGroupProps),
-			{
-				class: classes.listbox.itemGroup,
-			},
-			rest,
-		),
-	);
+	const attributes = $derived(mergeProps(listbox().getItemGroupProps(itemGroupProps), rest));
 
 	ItemGroupContext.provide(() => itemGroupProps);
 </script>

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

@@ -9,7 +9,6 @@
 	import Check from '../../../internal/components/check.svelte';
 	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: ListboxItemIndicatorProps = $props();
@@ -19,15 +18,7 @@
 
 	const { element, children = check, ...rest } = $derived(props);
 
-	const attributes = $derived(
-		mergeProps(
-			listbox().getItemIndicatorProps(itemProps()),
-			{
-				class: classes.listbox.itemIndicator,
-			},
-			rest,
-		),
-	);
+	const attributes = $derived(mergeProps(listbox().getItemIndicatorProps(itemProps()), rest));
 </script>
 
 {#snippet check()}

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

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

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

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

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

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

package/dist/components/menu/anatomy/arrow-tip.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: MenuArrowTipProps = $props();
@@ -16,15 +15,7 @@
 
 	const { element, children, ...rest } = $derived(props);
 
-	const attributes = $derived(
-		mergeProps(
-			menu().getArrowTipProps(),
-			{
-				class: classes.menu.arrowTip,
-			},
-			rest,
-		),
-	);
+	const attributes = $derived(mergeProps(menu().getArrowTipProps(), rest));
 </script>
 
 {#if element}

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

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

package/dist/components/menu/anatomy/context-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: MenuContextTriggerProps = $props();
@@ -16,15 +15,7 @@
 
 	const { element, children, ...rest } = $derived(props);
 
-	const attributes = $derived(
-		mergeProps(
-			menu().getContextTriggerProps(),
-			{
-				class: classes.menu.contextTrigger,
-			},
-			rest,
-		),
-	);
+	const attributes = $derived(mergeProps(menu().getContextTriggerProps(), rest));
 </script>
 
 {#if element}

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

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

@@ -4,15 +4,12 @@
 	import type { ItemGroupLabelProps } from '@zag-js/menu';
 
 	export interface MenuItemGroupLabelProps
-		extends Omit<ItemGroupLabelProps, 'htmlFor'>,
-			PropsWithElement<'div'>,
-			HTMLAttributes<'div', 'id' | 'dir'> {}
+		extends Omit<ItemGroupLabelProps, 'htmlFor'>, PropsWithElement<'div'>, HTMLAttributes<'div', 'id' | 'dir'> {}
 </script>
 
 <script lang="ts">
 	import { ItemGroupContext } from '../modules/item-group-context.js';
 	import { RootContext } from '../modules/root-context.js';
-	import * as classes from '@skeletonlabs/skeleton-common/classes';
 	import { splitItemGroupLabelProps } from '@zag-js/menu';
 	import { mergeProps } from '@zag-js/svelte';
 
@@ -29,15 +26,7 @@
 	);
 	const { element, children, ...rest } = $derived(componentProps);
 
-	const attributes = $derived(
-		mergeProps(
-			menu().getItemGroupLabelProps(labelProps),
-			{
-				class: classes.menu.itemGroupLabel,
-			},
-			rest,
-		),
-	);
+	const attributes = $derived(mergeProps(menu().getItemGroupLabelProps(labelProps), rest));
 </script>
 
 {#if element}

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

@@ -9,7 +9,6 @@
 <script lang="ts">
 	import { ItemGroupContext } from '../modules/item-group-context.js';
 	import { RootContext } from '../modules/root-context.js';
-	import * as classes from '@skeletonlabs/skeleton-common/classes';
 	import { splitItemGroupProps } from '@zag-js/menu';
 	import { mergeProps } from '@zag-js/svelte';
 
@@ -26,15 +25,7 @@
 	);
 	const { element, children, ...rest } = $derived(componentProps);
 
-	const attributes = $derived(
-		mergeProps(
-			menu().getItemGroupProps(itemGroupProps),
-			{
-				class: classes.menu.itemGroup,
-			},
-			rest,
-		),
-	);
+	const attributes = $derived(mergeProps(menu().getItemGroupProps(itemGroupProps), rest));
 
 	ItemGroupContext.provide(() => itemGroupProps);
 </script>