Remove @skeletonlabs/skeleton-common/classes imports from component packages

packages/skeleton-react/src/components/accordion/anatomy/item-content.tsx

@@ -2,7 +2,6 @@ import type { HTMLAttributes } from '../../../internal/html-attributes.js';
 import type { PropsWithElement } from '../../../internal/props-with-element.js';
 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/react';
 import { use } from 'react';
 import type { PropsWithChildren } from 'react';
@@ -17,9 +16,6 @@ export default function ItemContent(props: AccordionItemContentProps) {
 
 	const attributes = mergeProps(
 		accordion.getItemContentProps(itemProps),
-		{
-			className: classes.accordion.itemContent,
-		},
 		rest,
 	);
 

packages/skeleton-react/src/components/accordion/anatomy/item-indicator.tsx

@@ -2,7 +2,6 @@ import type { HTMLAttributes } from '../../../internal/html-attributes.js';
 import type { PropsWithElement } from '../../../internal/props-with-element.js';
 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/react';
 import { use } from 'react';
 import type { PropsWithChildren } from 'react';
@@ -17,9 +16,6 @@ export default function ItemIndicator(props: AccordionItemIndicatorProps) {
 
 	const attributes = mergeProps(
 		accordion.getItemIndicatorProps(itemProps),
-		{
-			className: classes.accordion.itemIndicator,
-		},
 		rest,
 	);
 

packages/skeleton-react/src/components/accordion/anatomy/item-trigger.tsx

@@ -2,7 +2,6 @@ import type { HTMLAttributes } from '../../../internal/html-attributes.js';
 import type { PropsWithElement } from '../../../internal/props-with-element.js';
 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/react';
 import { use } from 'react';
 import type { PropsWithChildren } from 'react';
@@ -17,9 +16,6 @@ export default function ItemTrigger(props: AccordionItemTriggerProps) {
 
 	const attributes = mergeProps(
 		accordion.getItemTriggerProps(itemProps),
-		{
-			className: classes.accordion.itemTrigger,
-		},
 		rest,
 	);
 

packages/skeleton-react/src/components/accordion/anatomy/item.tsx

@@ -2,7 +2,6 @@ import type { HTMLAttributes } from '../../../internal/html-attributes.js';
 import type { PropsWithElement } from '../../../internal/props-with-element.js';
 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/accordion';
 import type { ItemProps } from '@zag-js/accordion';
 import { mergeProps } from '@zag-js/react';
@@ -19,9 +18,6 @@ export default function Item(props: AccordionItemProps) {
 
 	const attributes = mergeProps(
 		accordion.getItemProps(itemProps),
-		{
-			className: classes.accordion.item,
-		},
 		rest,
 	);
 

packages/skeleton-react/src/components/accordion/anatomy/root-provider.tsx

@@ -2,7 +2,6 @@ import type { HTMLAttributes } from '../../../internal/html-attributes.js';
 import type { PropsWithElement } from '../../../internal/props-with-element.js';
 import type { useAccordion } from '../modules/provider.js';
 import { RootContext } from '../modules/root-context.js';
-import * as classes from '@skeletonlabs/skeleton-common/classes';
 import { mergeProps } from '@zag-js/react';
 
 export interface AccordionRootProviderProps extends PropsWithElement<'div'>, HTMLAttributes<'div', 'id' | 'dir' | 'defaultValue'> {
@@ -14,9 +13,6 @@ export default function RootProvider(props: AccordionRootProviderProps) {
 
 	const attributes = mergeProps(
 		accordion.getRootProps(),
-		{
-			className: classes.accordion.root,
-		},
 		rest,
 	);
 

packages/skeleton-react/src/components/accordion/anatomy/root.tsx

@@ -2,7 +2,6 @@ import type { HTMLAttributes } from '../../../internal/html-attributes.js';
 import type { PropsWithElement } from '../../../internal/props-with-element.js';
 import { useAccordion } from '../modules/provider.js';
 import { RootContext } from '../modules/root-context.js';
-import * as classes from '@skeletonlabs/skeleton-common/classes';
 import { splitProps } from '@zag-js/accordion';
 import type { Props } from '@zag-js/accordion';
 import { mergeProps } from '@zag-js/react';
@@ -20,9 +19,6 @@ export default function Root(props: AccordionRootProps) {
 
 	const attributes = mergeProps(
 		accordion.getRootProps(),
-		{
-			className: classes.accordion.root,
-		},
 		rest,
 	);
 

packages/skeleton-react/src/components/app-bar/anatomy/headline.tsx

@@ -1,6 +1,5 @@
 import type { HTMLAttributes } from '../../../internal/html-attributes.js';
 import type { PropsWithElement } from '../../../internal/props-with-element.js';
-import * as classes from '@skeletonlabs/skeleton-common/classes';
 import { mergeProps } from '@zag-js/react';
 
 export interface AppBarHeadlineProps extends PropsWithElement<'div'>, HTMLAttributes<'div'> {}
@@ -9,9 +8,6 @@ export default function AppBarHeadline(props: AppBarHeadlineProps) {
 	const { element, children, ...rest } = props;
 
 	const attributes = mergeProps(
-		{
-			className: classes.appBar.headline,
-		},
 		rest,
 	);
 

packages/skeleton-react/src/components/app-bar/anatomy/lead.tsx

@@ -1,6 +1,5 @@
 import type { HTMLAttributes } from '../../../internal/html-attributes.js';
 import type { PropsWithElement } from '../../../internal/props-with-element.js';
-import * as classes from '@skeletonlabs/skeleton-common/classes';
 import { mergeProps } from '@zag-js/react';
 
 export interface AppBarLeadProps extends PropsWithElement<'nav'>, HTMLAttributes<'nav'> {}
@@ -9,9 +8,6 @@ export default function AppBarLead(props: AppBarLeadProps) {
 	const { element, children, ...rest } = props;
 
 	const attributes = mergeProps(
-		{
-			className: classes.appBar.lead,
-		},
 		rest,
 	);
 

packages/skeleton-react/src/components/app-bar/anatomy/root.tsx

@@ -1,6 +1,5 @@
 import type { HTMLAttributes } from '../../../internal/html-attributes.js';
 import type { PropsWithElement } from '../../../internal/props-with-element.js';
-import * as classes from '@skeletonlabs/skeleton-common/classes';
 import { mergeProps } from '@zag-js/react';
 
 export interface AppBarRootProps extends PropsWithElement<'header'>, HTMLAttributes<'header'> {}
@@ -9,9 +8,6 @@ export default function AppBarRoot(props: AppBarRootProps) {
 	const { element, children, ...rest } = props;
 
 	const attributes = mergeProps(
-		{
-			className: classes.appBar.root,
-		},
 		rest,
 	);
 

packages/skeleton-react/src/components/app-bar/anatomy/toolbar.tsx

@@ -1,6 +1,5 @@
 import type { HTMLAttributes } from '../../../internal/html-attributes.js';
 import type { PropsWithElement } from '../../../internal/props-with-element.js';
-import * as classes from '@skeletonlabs/skeleton-common/classes';
 import { mergeProps } from '@zag-js/react';
 
 export interface AppBarToolbarProps extends PropsWithElement<'div'>, HTMLAttributes<'div'> {}
@@ -9,9 +8,6 @@ export default function AppBarToolbar(props: AppBarToolbarProps) {
 	const { element, children, ...rest } = props;
 
 	const attributes = mergeProps(
-		{
-			className: classes.appBar.toolbar,
-		},
 		rest,
 	);
 

packages/skeleton-react/src/components/app-bar/anatomy/trail.tsx

@@ -1,6 +1,5 @@
 import type { HTMLAttributes } from '../../../internal/html-attributes.js';
 import type { PropsWithElement } from '../../../internal/props-with-element.js';
-import * as classes from '@skeletonlabs/skeleton-common/classes';
 import { mergeProps } from '@zag-js/react';
 
 export interface AppBarTrailProps extends PropsWithElement<'nav'>, HTMLAttributes<'nav'> {}
@@ -9,9 +8,6 @@ export default function AppBarTrail(props: AppBarTrailProps) {
 	const { element, children, ...rest } = props;
 
 	const attributes = mergeProps(
-		{
-			className: classes.appBar.trail,
-		},
 		rest,
 	);
 

packages/skeleton-react/src/components/avatar/anatomy/fallback.tsx

@@ -1,7 +1,6 @@
 import type { HTMLAttributes } from '../../../internal/html-attributes.js';
 import type { PropsWithElement } from '../../../internal/props-with-element.js';
 import { RootContext } from '../modules/root-context.js';
-import * as classes from '@skeletonlabs/skeleton-common/classes';
 import { mergeProps } from '@zag-js/react';
 import { use } from 'react';
 
@@ -14,9 +13,6 @@ export default function Fallback(props: AvatarFallbackProps) {
 
 	const attributes = mergeProps(
 		avatar.getFallbackProps(),
-		{
-			className: classes.avatar.fallback,
-		},
 		rest,
 	);
 

packages/skeleton-react/src/components/avatar/anatomy/image.tsx

@@ -1,7 +1,6 @@
 import type { HTMLAttributes } from '../../../internal/html-attributes.js';
 import type { PropsWithElement } from '../../../internal/props-with-element.js';
 import { RootContext } from '../modules/root-context.js';
-import * as classes from '@skeletonlabs/skeleton-common/classes';
 import { mergeProps } from '@zag-js/react';
 import { use } from 'react';
 
@@ -14,9 +13,6 @@ export default function Image(props: AvatarImageProps) {
 
 	const attributes = mergeProps(
 		avatar.getImageProps(),
-		{
-			className: classes.avatar.image,
-		},
 		rest,
 	);
 

packages/skeleton-react/src/components/avatar/anatomy/root-provider.tsx

@@ -2,7 +2,6 @@ import type { HTMLAttributes } from '../../../internal/html-attributes.js';
 import type { PropsWithElement } from '../../../internal/props-with-element.js';
 import type { useAvatar } from '../modules/provider.js';
 import { RootContext } from '../modules/root-context.js';
-import * as classes from '@skeletonlabs/skeleton-common/classes';
 import { mergeProps } from '@zag-js/react';
 
 export interface AvatarRootProviderProps extends PropsWithElement<'div'>, HTMLAttributes<'div', 'id' | 'dir'> {
@@ -14,9 +13,6 @@ export default function AvatarRootProvider(props: AvatarRootProviderProps) {
 
 	const attributes = mergeProps(
 		avatar.getRootProps(),
-		{
-			className: classes.avatar.root,
-		},
 		rest,
 	);
 

packages/skeleton-react/src/components/avatar/anatomy/root.tsx

@@ -2,7 +2,6 @@ import type { HTMLAttributes } from '../../../internal/html-attributes.js';
 import type { PropsWithElement } from '../../../internal/props-with-element.js';
 import { useAvatar } from '../modules/provider.js';
 import { RootContext } from '../modules/root-context.js';
-import * as classes from '@skeletonlabs/skeleton-common/classes';
 import { splitProps } from '@zag-js/avatar';
 import type { Props } from '@zag-js/avatar';
 import { mergeProps } from '@zag-js/react';
@@ -17,9 +16,6 @@ export default function AvatarRoot(props: AvatarRootProps) {
 
 	const attributes = mergeProps(
 		avatar.getRootProps(),
-		{
-			className: classes.avatar.root,
-		},
 		rest,
 	);
 

packages/skeleton-react/src/components/collapsible/anatomy/content.tsx

@@ -1,7 +1,6 @@
 import type { HTMLAttributes } from '../../../internal/html-attributes.js';
 import type { PropsWithElement } from '../../../internal/props-with-element.js';
 import { RootContext } from '../modules/root-context.js';
-import * as classes from '@skeletonlabs/skeleton-common/classes';
 import { mergeProps } from '@zag-js/react';
 import { use } from 'react';
 
@@ -14,9 +13,6 @@ export default function Content(props: CollapsibleContentProps) {
 
 	const attributes = mergeProps(
 		collapsible.getContentProps(),
-		{
-			className: classes.collapsible.content,
-		},
 		rest,
 	);
 

packages/skeleton-react/src/components/collapsible/anatomy/indicator.tsx

@@ -1,7 +1,6 @@
 import type { HTMLAttributes } from '../../../internal/html-attributes.js';
 import type { PropsWithElement } from '../../../internal/props-with-element.js';
 import { RootContext } from '../modules/root-context.js';
-import * as classes from '@skeletonlabs/skeleton-common/classes';
 import { mergeProps } from '@zag-js/react';
 import { use } from 'react';
 
@@ -14,9 +13,6 @@ export default function Indicator(props: CollapsibleIndicatorProps) {
 
 	const attributes = mergeProps(
 		collapsible.getIndicatorProps(),
-		{
-			className: classes.collapsible.indicator,
-		},
 		rest,
 	);
 

packages/skeleton-react/src/components/collapsible/anatomy/root-provider.tsx

@@ -2,7 +2,6 @@ import type { HTMLAttributes } from '../../../internal/html-attributes.js';
 import type { PropsWithElement } from '../../../internal/props-with-element.js';
 import type { useCollapsible } from '../modules/provider.js';
 import { RootContext } from '../modules/root-context.js';
-import * as classes from '@skeletonlabs/skeleton-common/classes';
 import { mergeProps } from '@zag-js/react';
 
 export interface CollapsibleRootProviderProps extends PropsWithElement<'div'>, HTMLAttributes<'div', 'id' | 'dir'> {
@@ -14,9 +13,6 @@ export default function CollapsibleRootProvider(props: CollapsibleRootProviderPr
 
 	const attributes = mergeProps(
 		collapsible.getRootProps(),
-		{
-			className: classes.collapsible.root,
-		},
 		rest,
 	);
 

packages/skeleton-react/src/components/collapsible/anatomy/root.tsx

@@ -2,7 +2,6 @@ import type { HTMLAttributes } from '../../../internal/html-attributes.js';
 import type { PropsWithElement } from '../../../internal/props-with-element.js';
 import { useCollapsible } from '../modules/provider.js';
 import { RootContext } from '../modules/root-context.js';
-import * as classes from '@skeletonlabs/skeleton-common/classes';
 import { splitProps } from '@zag-js/collapsible';
 import type { Props } from '@zag-js/collapsible';
 import { mergeProps } from '@zag-js/react';
@@ -17,9 +16,6 @@ export default function CollapsibleRoot(props: CollapsibleRootProps) {
 
 	const attributes = mergeProps(
 		collapsible.getRootProps(),
-		{
-			className: classes.collapsible.root,
-		},
 		rest,
 	);
 

packages/skeleton-react/src/components/collapsible/anatomy/trigger.tsx

@@ -1,7 +1,6 @@
 import type { HTMLAttributes } from '../../../internal/html-attributes.js';
 import type { PropsWithElement } from '../../../internal/props-with-element.js';
 import { RootContext } from '../modules/root-context.js';
-import * as classes from '@skeletonlabs/skeleton-common/classes';
 import { mergeProps } from '@zag-js/react';
 import { use } from 'react';
 
@@ -14,9 +13,6 @@ export default function Trigger(props: CollapsibleTriggerProps) {
 
 	const attributes = mergeProps(
 		collapsible.getTriggerProps(),
-		{
-			className: classes.collapsible.trigger,
-		},
 		rest,
 	);
 

packages/skeleton-react/src/components/combobox/anatomy/clear-trigger.tsx

@@ -1,7 +1,6 @@
 import type { HTMLAttributes } from '../../../internal/html-attributes.js';
 import type { PropsWithElement } from '../../../internal/props-with-element.js';
 import { RootContext } from '../modules/root-context.js';
-import * as classes from '@skeletonlabs/skeleton-common/classes';
 import { mergeProps } from '@zag-js/react';
 import { use } from 'react';
 
@@ -14,9 +13,6 @@ export default function ClearTrigger(props: ComboboxClearTriggerProps) {
 
 	const attributes = mergeProps(
 		combobox.getClearTriggerProps(),
-		{
-			className: classes.combobox.clearTrigger,
-		},
 		rest,
 	);
 

packages/skeleton-react/src/components/combobox/anatomy/content.tsx

@@ -1,7 +1,6 @@
 import type { HTMLAttributes } from '../../../internal/html-attributes.js';
 import type { PropsWithElement } from '../../../internal/props-with-element.js';
 import { RootContext } from '../modules/root-context.js';
-import * as classes from '@skeletonlabs/skeleton-common/classes';
 import { mergeProps } from '@zag-js/react';
 import { use } from 'react';
 
@@ -14,9 +13,6 @@ export default function Content(props: ComboboxContentProps) {
 
 	const attributes = mergeProps(
 		combobox.getContentProps(),
-		{
-			className: classes.combobox.content,
-		},
 		rest,
 	);