chore: consistency pass (#3701)

Hugos68 · web-flow · commit 3e08640a72a6 · 2025-09-07T18:15:52.000+02:00
diff --git a/packages/skeleton-react/src/components/accordion/anatomy/accordion-content.tsx b/packages/skeleton-react/src/components/accordion/anatomy/accordion-content.tsx
@@ -13,9 +13,7 @@ export default function (props: AccordionContentProps) {
 	const { element, children, ...restAttributes } = props;
 	const attributes = mergeProps(
 		rootContext.api.getItemContentProps(itemContext.itemProps),
-		{
-			className: classesAccordion.content
-		},
+		{ className: classesAccordion.content },
 		restAttributes
 	);
 	return element ? element({ attributes }) : <div {...attributes}>{children}</div>;
diff --git a/packages/skeleton-react/src/components/accordion/anatomy/accordion-heading.tsx b/packages/skeleton-react/src/components/accordion/anatomy/accordion-heading.tsx
@@ -15,11 +15,6 @@ export interface AccordionHeadingProps extends PropsWithChildren, PropsWithEleme
 export default function (props: AccordionHeadingProps) {
 	const { level = 3, element, children, ...restAttributes } = props;
 	const Tag: keyof JSX.IntrinsicElements = `h${level}`;
-	const attributes = mergeProps(
-		{
-			className: classesAccordion.heading
-		},
-		restAttributes
-	);
+	const attributes = mergeProps({ className: classesAccordion.heading }, restAttributes);
 	return element ? element({ attributes }) : <Tag {...attributes}>{children}</Tag>;
 }
diff --git a/packages/skeleton-react/src/components/accordion/anatomy/accordion-indicator.tsx b/packages/skeleton-react/src/components/accordion/anatomy/accordion-indicator.tsx
@@ -13,9 +13,7 @@ export default function (props: AccordionIndicatorProps) {
 	const { element, children, ...restAttributes } = props;
 	const attributes = mergeProps(
 		rootContext.api.getItemIndicatorProps(itemContext.itemProps),
-		{
-			className: classesAccordion.indicator
-		},
+		{ className: classesAccordion.indicator },
 		restAttributes
 	);
 	return element ? element({ attributes }) : <div {...attributes}>{children}</div>;
diff --git a/packages/skeleton-react/src/components/accordion/anatomy/accordion-item.tsx b/packages/skeleton-react/src/components/accordion/anatomy/accordion-item.tsx
@@ -12,13 +12,7 @@ export default function (props: AccordionItemProps) {
 	const rootContext = useContext(AccordionRootContext);
 	const [itemProps, componentProps] = splitItemProps(props);
 	const { element, children, ...restAttributes } = componentProps;
-	const attributes = mergeProps(
-		rootContext.api.getItemProps(itemProps),
-		{
-			className: classesAccordion.item
-		},
-		restAttributes
-	);
+	const attributes = mergeProps(rootContext.api.getItemProps(itemProps), { className: classesAccordion.item }, restAttributes);
 	return (
 		<AccordionItemContext.Provider value={{ itemProps, itemState: rootContext.api.getItemState(itemProps) }}>
 			{element ? element({ attributes }) : <div {...attributes}>{children}</div>}
diff --git a/packages/skeleton-react/src/components/accordion/anatomy/accordion-root.tsx b/packages/skeleton-react/src/components/accordion/anatomy/accordion-root.tsx
@@ -19,13 +19,7 @@ export default function (props: AccordionRootProps) {
 		...machineProps
 	});
 	const api = connect(service, normalizeProps);
-	const attributes = mergeProps(
-		api.getRootProps(),
-		{
-			className: classesAccordion.root
-		},
-		restAttributes
-	);
+	const attributes = mergeProps(api.getRootProps(), { className: classesAccordion.root }, restAttributes);
 	return (
 		<AccordionRootContext.Provider value={{ api }}>
 			{element ? element({ attributes }) : <div {...attributes}>{children}</div>}
diff --git a/packages/skeleton-react/src/components/accordion/anatomy/accordion-trigger.tsx b/packages/skeleton-react/src/components/accordion/anatomy/accordion-trigger.tsx
@@ -13,9 +13,7 @@ export default function (props: AccordionTriggerProps) {
 	const { element, children, ...restAttributes } = props;
 	const attributes = mergeProps(
 		rootContext.api.getItemTriggerProps(itemContext.itemProps),
-		{
-			className: classesAccordion.trigger
-		},
+		{ className: classesAccordion.trigger },
 		restAttributes
 	);
 	return element ? element({ attributes }) : <button {...attributes}>{children}</button>;
diff --git a/packages/skeleton-react/src/components/avatar/anatomy/avatar-fallback.tsx b/packages/skeleton-react/src/components/avatar/anatomy/avatar-fallback.tsx
@@ -9,12 +9,6 @@ export interface AvatarFallbackProps extends PropsWithElement, ComponentProps<'s
 export default function (props: AvatarFallbackProps) {
 	const rootContext = useContext(AvatarRootContext);
 	const { element, children, ...restAttributes } = props;
-	const attributes = mergeProps(
-		rootContext.api.getFallbackProps(),
-		{
-			className: classesAvatar.fallback
-		},
-		restAttributes
-	);
+	const attributes = mergeProps(rootContext.api.getFallbackProps(), { className: classesAvatar.fallback }, restAttributes);
 	return element ? element({ attributes }) : <span {...attributes}>{children}</span>;
 }
diff --git a/packages/skeleton-react/src/components/avatar/anatomy/avatar-image.tsx b/packages/skeleton-react/src/components/avatar/anatomy/avatar-image.tsx
@@ -9,12 +9,6 @@ export interface AvatarImageProps extends PropsWithElement, Omit<ComponentProps<
 export default function (props: AvatarImageProps) {
 	const rootContext = useContext(AvatarRootContext);
 	const { element, ...restAttributes } = props;
-	const attributes = mergeProps(
-		rootContext.api.getImageProps(),
-		{
-			className: classesAvatar.image
-		},
-		restAttributes
-	);
+	const attributes = mergeProps(rootContext.api.getImageProps(), { className: classesAvatar.image }, restAttributes);
 	return element ? element({ attributes }) : <img {...attributes} />;
 }
diff --git a/packages/skeleton-react/src/components/avatar/anatomy/avatar-root.tsx b/packages/skeleton-react/src/components/avatar/anatomy/avatar-root.tsx
@@ -15,13 +15,7 @@ export default function (props: AvatarRootProps) {
 		...machineProps
 	});
 	const api = connect(service, normalizeProps);
-	const attributes = mergeProps(
-		api.getRootProps(),
-		{
-			className: classesAvatar.root
-		},
-		restAttributes
-	);
+	const attributes = mergeProps(api.getRootProps(), { className: classesAvatar.root }, restAttributes);
 	return (
 		<AvatarRootContext.Provider value={{ api }}>
 			{element ? element({ attributes }) : <div {...attributes}>{children}</div>}
diff --git a/packages/skeleton-react/src/components/rating-group/anatomy/rating-group-control.tsx b/packages/skeleton-react/src/components/rating-group/anatomy/rating-group-control.tsx
@@ -9,12 +9,6 @@ export interface RatingGroupControlProps extends PropsWithElement, Omit<Componen
 export default function (props: RatingGroupControlProps) {
 	const rootContext = useContext(RatingGroupRootContext);
 	const { element, children, ...restAttributes } = props;
-	const attributes = mergeProps(
-		rootContext.api.getControlProps(),
-		{
-			className: classesRatingGroup.control
-		},
-		restAttributes
-	);
+	const attributes = mergeProps(rootContext.api.getControlProps(), { className: classesRatingGroup.control }, restAttributes);
 	return element ? element({ attributes }) : <div {...attributes}>{children}</div>;
 }
diff --git a/packages/skeleton-react/src/components/rating-group/anatomy/rating-group-hidden-input.tsx b/packages/skeleton-react/src/components/rating-group/anatomy/rating-group-hidden-input.tsx
@@ -11,12 +11,6 @@ export interface RatingGroupHiddenInputProps
 export default function (props: RatingGroupHiddenInputProps) {
 	const rootContext = useContext(RatingGroupRootContext);
 	const { element, ...restAttributes } = props;
-	const attributes = mergeProps(
-		rootContext.api.getHiddenInputProps(),
-		{
-			className: classesRatingGroup.hiddenInput
-		},
-		restAttributes
-	);
+	const attributes = mergeProps(rootContext.api.getHiddenInputProps(), { className: classesRatingGroup.hiddenInput }, restAttributes);
 	return element ? element({ attributes }) : <input {...attributes} />;
 }
diff --git a/packages/skeleton-react/src/components/rating-group/anatomy/rating-group-item.tsx b/packages/skeleton-react/src/components/rating-group/anatomy/rating-group-item.tsx
@@ -34,13 +34,7 @@ export default function (props: RatingGroupItemProps) {
 	const rootContext = useContext(RatingGroupRootContext);
 	const [itemProps, componentProps] = splitItemProps(props);
 	const { element, children, empty = <StarEmpty />, half = <StarHalf />, full = <StarFull />, ...restAttributes } = componentProps;
-	const attributes = mergeProps(
-		rootContext.api.getItemProps(itemProps),
-		{
-			className: classesAccordion.item
-		},
-		restAttributes
-	);
+	const attributes = mergeProps(rootContext.api.getItemProps(itemProps), { className: classesAccordion.item }, restAttributes);
 	const itemState = rootContext.api.getItemState(itemProps);
 	return (
 		<RatingGroupItemContext.Provider value={{ itemState }}>
diff --git a/packages/skeleton-react/src/components/rating-group/anatomy/rating-group-label.tsx b/packages/skeleton-react/src/components/rating-group/anatomy/rating-group-label.tsx
@@ -9,12 +9,6 @@ export interface RatingGroupLabelProps extends PropsWithElement, Omit<ComponentP
 export default function (props: RatingGroupLabelProps) {
 	const rootContext = useContext(RatingGroupRootContext);
 	const { element, children, ...restAttributes } = props;
-	const attributes = mergeProps(
-		rootContext.api.getLabelProps(),
-		{
-			className: classesRatingGroup.label
-		},
-		restAttributes
-	);
+	const attributes = mergeProps(rootContext.api.getLabelProps(), { className: classesRatingGroup.label }, restAttributes);
 	return element ? element({ attributes }) : <label {...attributes}>{children}</label>;
 }
diff --git a/packages/skeleton-react/src/components/rating-group/anatomy/rating-group-root.tsx b/packages/skeleton-react/src/components/rating-group/anatomy/rating-group-root.tsx
@@ -21,13 +21,7 @@ export default function (props: RatingGroupRootProps) {
 		...machineProps
 	});
 	const api = connect(service, normalizeProps);
-	const attributes = mergeProps(
-		api.getRootProps(),
-		{
-			className: classesRatingGroup.root
-		},
-		restAttributes
-	);
+	const attributes = mergeProps(api.getRootProps(), { className: classesRatingGroup.root }, restAttributes);
 	return (
 		<RatingGroupRootContext.Provider value={{ api }}>
 			{element ? element({ attributes }) : <div {...attributes}>{children}</div>}
diff --git a/packages/skeleton-react/src/components/tabs/anatomy/tabs-content.tsx b/packages/skeleton-react/src/components/tabs/anatomy/tabs-content.tsx
@@ -11,12 +11,6 @@ export default function (props: TabsContentProps) {
 	const rootContext = useContext(TabsRootContext);
 	const [itemProps, componentProps] = splitContentProps(props);
 	const { element, children, ...restAttributes } = componentProps;
-	const attributes = mergeProps(
-		rootContext.api.getContentProps(itemProps),
-		{
-			className: classesTabs.content
-		},
-		restAttributes
-	);
+	const attributes = mergeProps(rootContext.api.getContentProps(itemProps), { className: classesTabs.content }, restAttributes);
 	return element ? element({ attributes }) : <div {...attributes}>{children}</div>;
 }
diff --git a/packages/skeleton-react/src/components/tabs/anatomy/tabs-indicator.tsx b/packages/skeleton-react/src/components/tabs/anatomy/tabs-indicator.tsx
@@ -9,12 +9,6 @@ export interface TabsIndicatorProps extends PropsWithElement, Omit<ComponentProp
 export default function (props: TabsIndicatorProps) {
 	const rootContext = useContext(TabsRootContext);
 	const { element, ...restAttributes } = props;
-	const attributes = mergeProps(
-		rootContext.api.getIndicatorProps(),
-		{
-			className: classesTabs.indicator
-		},
-		restAttributes
-	);
+	const attributes = mergeProps(rootContext.api.getIndicatorProps(), { className: classesTabs.indicator }, restAttributes);
 	return element ? element({ attributes }) : <div {...attributes}></div>;
 }
diff --git a/packages/skeleton-react/src/components/tabs/anatomy/tabs-list.tsx b/packages/skeleton-react/src/components/tabs/anatomy/tabs-list.tsx
@@ -9,12 +9,6 @@ export interface TabsListProps extends PropsWithElement, Omit<ComponentProps<'di
 export default function (props: TabsListProps) {
 	const rootContext = useContext(TabsRootContext);
 	const { element, children, ...restAttributes } = props;
-	const attributes = mergeProps(
-		rootContext.api.getListProps(),
-		{
-			className: classesTabs.list
-		},
-		restAttributes
-	);
+	const attributes = mergeProps(rootContext.api.getListProps(), { className: classesTabs.list }, restAttributes);
 	return element ? element({ attributes }) : <div {...attributes}>{children}</div>;
 }
diff --git a/packages/skeleton-react/src/components/tabs/anatomy/tabs-root.tsx b/packages/skeleton-react/src/components/tabs/anatomy/tabs-root.tsx
@@ -15,13 +15,7 @@ export default function (props: TabsRootProps) {
 		...machineProps
 	});
 	const api = connect(service, normalizeProps);
-	const attributes = mergeProps(
-		api.getRootProps(),
-		{
-			className: classesTabs.root
-		},
-		restAttributes
-	);
+	const attributes = mergeProps(api.getRootProps(), { className: classesTabs.root }, restAttributes);
 	return (
 		<TabsRootContext.Provider value={{ api }}>
 			{element ? element({ attributes }) : <div {...attributes}>{children}</div>}
diff --git a/packages/skeleton-react/src/components/tabs/anatomy/tabs-trigger.tsx b/packages/skeleton-react/src/components/tabs/anatomy/tabs-trigger.tsx
@@ -11,12 +11,6 @@ export default function (props: TabsTriggerProps) {
 	const rootContext = useContext(TabsRootContext);
 	const [itemProps, componentProps] = splitTriggerProps(props);
 	const { element, children, ...restAttributes } = componentProps;
-	const attributes = mergeProps(
-		rootContext.api.getTriggerProps(itemProps),
-		{
-			className: classesTabs.trigger
-		},
-		restAttributes
-	);
+	const attributes = mergeProps(rootContext.api.getTriggerProps(itemProps), { className: classesTabs.trigger }, restAttributes);
 	return element ? element({ attributes }) : <button {...attributes}>{children}</button>;
 }
diff --git a/packages/skeleton-svelte/src/components/accordion/anatomy/accordion-content.svelte b/packages/skeleton-svelte/src/components/accordion/anatomy/accordion-content.svelte
@@ -16,13 +16,7 @@
 	const itemContext = AccordionItemContext.consume();
 	const { element, children, ...restAttributes } = $derived(props);
 	const attributes = $derived(
-		mergeProps(
-			rootContext.api.getItemContentProps(itemContext.itemProps),
-			{
-				class: classesAccordion.content
-			},
-			restAttributes
-		)
+		mergeProps(rootContext.api.getItemContentProps(itemContext.itemProps), { class: classesAccordion.content }, restAttributes)
 	);
 </script>
 
diff --git a/packages/skeleton-svelte/src/components/accordion/anatomy/accordion-heading.svelte b/packages/skeleton-svelte/src/components/accordion/anatomy/accordion-heading.svelte
@@ -18,14 +18,7 @@
 
 	const props: AccordionHeadingProps = $props();
 	const { level = 3, element, children, ...restAttributes } = $derived(props);
-	const attributes = $derived(
-		mergeProps(
-			{
-				class: classesAccordion.heading
-			},
-			restAttributes
-		)
-	);
+	const attributes = $derived(mergeProps({ class: classesAccordion.heading }, restAttributes));
 	const tag = $derived(`h${level}`);
 </script>
 
diff --git a/packages/skeleton-svelte/src/components/accordion/anatomy/accordion-indicator.svelte b/packages/skeleton-svelte/src/components/accordion/anatomy/accordion-indicator.svelte
@@ -16,13 +16,7 @@
 	const itemContext = AccordionItemContext.consume();
 	const { element, children, ...restAttributes } = $derived(props);
 	const attributes = $derived(
-		mergeProps(
-			rootContext.api.getItemIndicatorProps(itemContext.itemProps),
-			{
-				class: classesAccordion.indicator
-			},
-			restAttributes
-		)
+		mergeProps(rootContext.api.getItemIndicatorProps(itemContext.itemProps), { class: classesAccordion.indicator }, restAttributes)
 	);
 </script>
 
diff --git a/packages/skeleton-svelte/src/components/accordion/anatomy/accordion-item.svelte b/packages/skeleton-svelte/src/components/accordion/anatomy/accordion-item.svelte
@@ -17,15 +17,7 @@
 	const rootContext = AccordionRootContext.consume();
 	const [itemProps, componentProps] = $derived(splitItemProps(props));
 	const { element, children, ...restAttributes } = $derived(componentProps);
-	const attributes = $derived(
-		mergeProps(
-			rootContext.api.getItemProps(itemProps),
-			{
-				class: classesAccordion.item
-			},
-			restAttributes
-		)
-	);
+	const attributes = $derived(mergeProps(rootContext.api.getItemProps(itemProps), { class: classesAccordion.item }, restAttributes));
 	AccordionItemContext.provide({
 		get itemProps() {
 			return itemProps;
diff --git a/packages/skeleton-svelte/src/components/accordion/anatomy/accordion-root.svelte b/packages/skeleton-svelte/src/components/accordion/anatomy/accordion-root.svelte
@@ -24,15 +24,7 @@
 		...machineProps
 	}));
 	const api = $derived(connect(service, normalizeProps));
-	const attributes = $derived(
-		mergeProps(
-			api.getRootProps(),
-			{
-				class: classesAccordion.root
-			},
-			restAttributes
-		)
-	);
+	const attributes = $derived(mergeProps(api.getRootProps(), { class: classesAccordion.root }, restAttributes));
 	AccordionRootContext.provide({
 		get api() {
 			return api;
diff --git a/packages/skeleton-svelte/src/components/accordion/anatomy/accordion-trigger.svelte b/packages/skeleton-svelte/src/components/accordion/anatomy/accordion-trigger.svelte
@@ -16,13 +16,7 @@
 	const itemContext = AccordionItemContext.consume();
 	const { element, children, ...restAttributes } = $derived(props);
 	const attributes = $derived(
-		mergeProps(
-			rootContext.api.getItemTriggerProps(itemContext.itemProps),
-			{
-				class: classesAccordion.trigger
-			},
-			restAttributes
-		)
+		mergeProps(rootContext.api.getItemTriggerProps(itemContext.itemProps), { class: classesAccordion.trigger }, restAttributes)
 	);
 </script>
 
diff --git a/packages/skeleton-svelte/src/components/avatar/anatomy/avatar-fallback.svelte b/packages/skeleton-svelte/src/components/avatar/anatomy/avatar-fallback.svelte
@@ -13,15 +13,7 @@
 	const props: AvatarFallbackProps = $props();
 	const rootContext = AvatarRootContext.consume();
 	const { element, children, ...restAttributes } = $derived(props);
-	const attributes = $derived(
-		mergeProps(
-			rootContext.api.getFallbackProps(),
-			{
-				class: classesAvatar.fallback
-			},
-			restAttributes
-		)
-	);
+	const attributes = $derived(mergeProps(rootContext.api.getFallbackProps(), { class: classesAvatar.fallback }, restAttributes));
 </script>
 
 {#if element}
diff --git a/packages/skeleton-svelte/src/components/avatar/anatomy/avatar-image.svelte b/packages/skeleton-svelte/src/components/avatar/anatomy/avatar-image.svelte
@@ -13,15 +13,7 @@
 	const props: AvatarImageProps = $props();
 	const rootContext = AvatarRootContext.consume();
 	const { element, ...restAttributes } = $derived(props);
-	const attributes = $derived(
-		mergeProps(
-			rootContext.api.getImageProps(),
-			{
-				class: classesAvatar.image
-			},
-			restAttributes
-		)
-	);
+	const attributes = $derived(mergeProps(rootContext.api.getImageProps(), { class: classesAvatar.image }, restAttributes));
 </script>
 
 {#if element}
diff --git a/packages/skeleton-svelte/src/components/avatar/anatomy/avatar-root.svelte b/packages/skeleton-svelte/src/components/avatar/anatomy/avatar-root.svelte
diff --git a/packages/skeleton-svelte/src/components/rating-group/anatomy/rating-group-control.svelte b/packages/skeleton-svelte/src/components/rating-group/anatomy/rating-group-control.svelte
diff --git a/packages/skeleton-svelte/src/components/rating-group/anatomy/rating-group-hidden-input.svelte b/packages/skeleton-svelte/src/components/rating-group/anatomy/rating-group-hidden-input.svelte
diff --git a/packages/skeleton-svelte/src/components/rating-group/anatomy/rating-group-item.svelte b/packages/skeleton-svelte/src/components/rating-group/anatomy/rating-group-item.svelte
diff --git a/packages/skeleton-svelte/src/components/rating-group/anatomy/rating-group-label.svelte b/packages/skeleton-svelte/src/components/rating-group/anatomy/rating-group-label.svelte
diff --git a/packages/skeleton-svelte/src/components/rating-group/anatomy/rating-group-root.svelte b/packages/skeleton-svelte/src/components/rating-group/anatomy/rating-group-root.svelte
diff --git a/packages/skeleton-svelte/src/components/tabs/anatomy/tabs-content.svelte b/packages/skeleton-svelte/src/components/tabs/anatomy/tabs-content.svelte
diff --git a/packages/skeleton-svelte/src/components/tabs/anatomy/tabs-indicator.svelte b/packages/skeleton-svelte/src/components/tabs/anatomy/tabs-indicator.svelte
diff --git a/packages/skeleton-svelte/src/components/tabs/anatomy/tabs-list.svelte b/packages/skeleton-svelte/src/components/tabs/anatomy/tabs-list.svelte
diff --git a/packages/skeleton-svelte/src/components/tabs/anatomy/tabs-root.svelte b/packages/skeleton-svelte/src/components/tabs/anatomy/tabs-root.svelte
diff --git a/packages/skeleton-svelte/src/components/tabs/anatomy/tabs-trigger.svelte b/packages/skeleton-svelte/src/components/tabs/anatomy/tabs-trigger.svelte
