@skeletonlabs/skeleton-svelte 4.7.0 → 4.7.2

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

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

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

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

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

package/dist/components/tooltip/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, portal } from '@zag-js/svelte';
 	import { createAttachmentKey, fromAction } from 'svelte/attachments';
 
@@ -21,7 +20,6 @@
 		mergeProps(
 			tooltip().getPositionerProps(),
 			{
-				class: classes.tooltip.positioner,
 				[createAttachmentKey()]: fromAction(portal, () => undefined),
 			},
 			rest,

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

package/dist/components/tree-view/anatomy/branch-content.svelte

@@ -8,7 +8,6 @@
 <script lang="ts">
 	import { NodeContext } from '../modules/node-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: TreeViewBranchContentProps = $props();
@@ -18,15 +17,7 @@
 
 	const { element, children, ...rest } = $derived(props);
 
-	const attributes = $derived(
-		mergeProps(
-			treeView().getBranchContentProps(nodeProps()),
-			{
-				class: classes.treeView.branchContent,
-			},
-			rest,
-		),
-	);
+	const attributes = $derived(mergeProps(treeView().getBranchContentProps(nodeProps()), rest));
 </script>
 
 {#if element}

package/dist/components/tree-view/anatomy/branch-control.svelte

@@ -8,7 +8,6 @@
 <script lang="ts">
 	import { NodeContext } from '../modules/node-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: TreeViewBranchControlProps = $props();
@@ -18,15 +17,7 @@
 
 	const { element, children, ...rest } = $derived(props);
 
-	const attributes = $derived(
-		mergeProps(
-			treeView().getBranchControlProps(nodeProps()),
-			{
-				class: classes.treeView.branchControl,
-			},
-			rest,
-		),
-	);
+	const attributes = $derived(mergeProps(treeView().getBranchControlProps(nodeProps()), rest));
 </script>
 
 {#if element}

package/dist/components/tree-view/anatomy/branch-indent-guide.svelte

@@ -8,7 +8,6 @@
 <script lang="ts">
 	import { NodeContext } from '../modules/node-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: TreeViewBranchIndentGuideProps = $props();
@@ -18,15 +17,7 @@
 
 	const { element, children, ...rest } = $derived(props);
 
-	const attributes = $derived(
-		mergeProps(
-			treeView().getBranchIndentGuideProps(nodeProps()),
-			{
-				class: classes.treeView.branchIndentGuide,
-			},
-			rest,
-		),
-	);
+	const attributes = $derived(mergeProps(treeView().getBranchIndentGuideProps(nodeProps()), rest));
 </script>
 
 {#if element}

package/dist/components/tree-view/anatomy/branch-indicator.svelte

@@ -9,7 +9,6 @@
 	import ChevronRight from '../../../internal/components/chevron-right.svelte';
 	import { NodeContext } from '../modules/node-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: TreeViewBranchIndicatorProps = $props();
@@ -19,15 +18,7 @@
 
 	const { element, children = chevronRight, ...rest } = $derived(props);
 
-	const attributes = $derived(
-		mergeProps(
-			treeView().getBranchIndicatorProps(nodeProps()),
-			{
-				class: classes.treeView.branchIndicator,
-			},
-			rest,
-		),
-	);
+	const attributes = $derived(mergeProps(treeView().getBranchIndicatorProps(nodeProps()), rest));
 </script>
 
 {#snippet chevronRight()}

package/dist/components/tree-view/anatomy/branch-text.svelte

@@ -8,7 +8,6 @@
 <script lang="ts">
 	import { NodeContext } from '../modules/node-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: TreeViewBranchTextProps = $props();
@@ -18,15 +17,7 @@
 
 	const { element, children, ...rest } = $derived(props);
 
-	const attributes = $derived(
-		mergeProps(
-			treeView().getBranchTextProps(nodeProps()),
-			{
-				class: classes.treeView.branchText,
-			},
-			rest,
-		),
-	);
+	const attributes = $derived(mergeProps(treeView().getBranchTextProps(nodeProps()), rest));
 </script>
 
 {#if element}

package/dist/components/tree-view/anatomy/branch.svelte

@@ -8,7 +8,6 @@
 <script lang="ts">
 	import { NodeContext } from '../modules/node-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: TreeViewBranchProps = $props();
@@ -18,15 +17,7 @@
 
 	const { element, children, ...rest } = $derived(props);
 
-	const attributes = $derived(
-		mergeProps(
-			treeView().getBranchProps(nodeProps()),
-			{
-				class: classes.treeView.branch,
-			},
-			rest,
-		),
-	);
+	const attributes = $derived(mergeProps(treeView().getBranchProps(nodeProps()), rest));
 </script>
 
 {#if element}

package/dist/components/tree-view/anatomy/item.svelte

@@ -8,7 +8,6 @@
 <script lang="ts">
 	import { NodeContext } from '../modules/node-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: TreeViewItemProps = $props();
@@ -18,15 +17,7 @@
 
 	const { element, children, ...rest } = $derived(props);
 
-	const attributes = $derived(
-		mergeProps(
-			treeView().getItemProps(nodeProps()),
-			{
-				class: classes.treeView.item,
-			},
-			rest,
-		),
-	);
+	const attributes = $derived(mergeProps(treeView().getItemProps(nodeProps()), rest));
 </script>
 
 {#if element}

package/dist/components/tree-view/anatomy/label.svelte

@@ -14,7 +14,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: TreeViewLabelProps = $props();
@@ -23,15 +22,7 @@
 
 	const { level = 3, element, children, ...rest } = $derived(props);
 
-	const attributes = $derived(
-		mergeProps(
-			treeView().getLabelProps(),
-			{
-				class: classes.treeView.label,
-			},
-			rest,
-		),
-	);
+	const attributes = $derived(mergeProps(treeView().getLabelProps(), rest));
 
 	const tag = $derived(`h${level}`);
 </script>

package/dist/components/tree-view/anatomy/root-provider.svelte

@@ -10,22 +10,13 @@
 <script lang="ts">
 	import { useTreeView } from '../modules/provider.svelte';
 	import { RootContext } from '../modules/root-context.js';
-	import * as classes from '@skeletonlabs/skeleton-common/classes';
 	import { mergeProps } from '@zag-js/svelte';
 
 	const props: TreeViewRootProviderProps = $props();
 
 	const { element, children, value: treeView, ...rest } = $derived(props);
 
-	const attributes = $derived(
-		mergeProps(
-			treeView().getRootProps(),
-			{
-				class: classes.treeView.root,
-			},
-			rest,
-		),
-	);
+	const attributes = $derived(mergeProps(treeView().getRootProps(), rest));
 
 	RootContext.provide(() => treeView());
 </script>

package/dist/components/tree-view/anatomy/root.svelte

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

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

package/dist/index.css

@@ -1,2 +1 @@
-@import '@skeletonlabs/skeleton-common';
-@source './';
+@import '@skeletonlabs/skeleton-common' layer(base);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skeletonlabs/skeleton-svelte",
-  "version": "4.7.0",
+  "version": "4.7.2",
   "description": "The Svelte package for Skeleton.",
   "author": "endigo9740 <chris@skeletonlabs.dev>",
   "repository": {
@@ -22,33 +22,33 @@
   "sideEffects": false,
   "dependencies": {
     "@internationalized/date": "3.10.0",
-    "@zag-js/accordion": "1.29.1",
-    "@zag-js/avatar": "1.29.1",
-    "@zag-js/collapsible": "1.29.1",
-    "@zag-js/collection": "1.29.1",
-    "@zag-js/combobox": "1.29.1",
-    "@zag-js/date-picker": "1.29.1",
-    "@zag-js/dialog": "1.29.1",
-    "@zag-js/file-upload": "1.29.1",
-    "@zag-js/floating-panel": "1.29.1",
-    "@zag-js/listbox": "1.29.1",
-    "@zag-js/menu": "1.29.1",
-    "@zag-js/pagination": "1.29.1",
-    "@zag-js/popover": "1.29.1",
-    "@zag-js/progress": "1.29.1",
-    "@zag-js/radio-group": "1.29.1",
-    "@zag-js/rating-group": "1.29.1",
-    "@zag-js/slider": "1.29.1",
-    "@zag-js/steps": "1.29.1",
-    "@zag-js/svelte": "1.29.1",
-    "@zag-js/switch": "1.29.1",
-    "@zag-js/tabs": "1.29.1",
-    "@zag-js/tags-input": "1.29.1",
-    "@zag-js/toast": "1.29.1",
-    "@zag-js/toggle-group": "1.29.1",
-    "@zag-js/tooltip": "1.29.1",
-    "@zag-js/tree-view": "1.29.1",
-    "@skeletonlabs/skeleton-common": "4.7.0"
+    "@zag-js/accordion": "1.30.0",
+    "@zag-js/avatar": "1.30.0",
+    "@zag-js/collapsible": "1.30.0",
+    "@zag-js/collection": "1.30.0",
+    "@zag-js/combobox": "1.30.0",
+    "@zag-js/date-picker": "1.30.0",
+    "@zag-js/dialog": "1.30.0",
+    "@zag-js/file-upload": "1.30.0",
+    "@zag-js/floating-panel": "1.30.0",
+    "@zag-js/listbox": "1.30.0",
+    "@zag-js/menu": "1.30.0",
+    "@zag-js/pagination": "1.30.0",
+    "@zag-js/popover": "1.30.0",
+    "@zag-js/progress": "1.30.0",
+    "@zag-js/radio-group": "1.30.0",
+    "@zag-js/rating-group": "1.30.0",
+    "@zag-js/slider": "1.30.0",
+    "@zag-js/steps": "1.30.0",
+    "@zag-js/svelte": "1.30.0",
+    "@zag-js/switch": "1.30.0",
+    "@zag-js/tabs": "1.30.0",
+    "@zag-js/tags-input": "1.30.0",
+    "@zag-js/toast": "1.30.0",
+    "@zag-js/toggle-group": "1.30.0",
+    "@zag-js/tooltip": "1.30.0",
+    "@zag-js/tree-view": "1.30.0",
+    "@skeletonlabs/skeleton-common": "4.7.2"
   },
   "peerDependencies": {
     "svelte": "^5.29.0"