docs: new

packages/skeleton-common/src/classes/accordion.ts

@@ -2,8 +2,8 @@ import { defineSkeletonClasses } from '../internal/define-skeleton-classes.js' w
 
 export const classesAccordion = defineSkeletonClasses({
 	root: ['flex gap-2 w-full', 'data-[orientation=vertical]:flex-col data-[orientation=horizontal]:flex-row'],
-	content: 'py-2 px-4',
-	trigger: 'px-4 py-2 rounded-base w-full text-start hover:preset-tonal-primary',
 	item: ['flex gap-2', 'data-[orientation=vertical]:flex-col data-[orientation=horizontal]:flex-row'],
-	indicator: '',
+	itemTrigger: 'px-4 py-2 rounded-base w-full text-start hover:preset-tonal-primary',
+	itemIndicator: '',
+	itemContent: 'py-2 px-4',
 });

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

@@ -18,7 +18,7 @@ export default function ItemContent(props: AccordionItemContentProps) {
 	const attributes = mergeProps(
 		accordion.getItemContentProps(itemProps),
 		{
-			className: classesAccordion.content,
+			className: classesAccordion.itemContent,
 		},
 		rest,
 	);

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

@@ -18,7 +18,7 @@ export default function ItemIndicator(props: AccordionItemIndicatorProps) {
 	const attributes = mergeProps(
 		accordion.getItemIndicatorProps(itemProps),
 		{
-			className: classesAccordion.indicator,
+			className: classesAccordion.itemIndicator,
 		},
 		rest,
 	);

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

@@ -18,7 +18,7 @@ export default function ItemTrigger(props: AccordionItemTriggerProps) {
 	const attributes = mergeProps(
 		accordion.getItemTriggerProps(itemProps),
 		{
-			className: classesAccordion.trigger,
+			className: classesAccordion.itemTrigger,
 		},
 		rest,
 	);

packages/skeleton-svelte/src/components/accordion/anatomy/item-content.svelte

@@ -22,7 +22,7 @@
 		mergeProps(
 			accordion().getItemContentProps(itemProps()),
 			{
-				class: classesAccordion.content,
+				class: classesAccordion.itemContent,
 			},
 			rest,
 		),

packages/skeleton-svelte/src/components/accordion/anatomy/item-indicator.svelte

@@ -22,7 +22,7 @@
 		mergeProps(
 			accordion().getItemIndicatorProps(itemProps()),
 			{
-				class: classesAccordion.indicator,
+				class: classesAccordion.itemIndicator,
 			},
 			rest,
 		),

packages/skeleton-svelte/src/components/accordion/anatomy/item-trigger.svelte

@@ -22,7 +22,7 @@
 		mergeProps(
 			accordion().getItemTriggerProps(itemProps()),
 			{
-				class: classesAccordion.trigger,
+				class: classesAccordion.itemTrigger,
 			},
 			rest,
 		),

playgrounds/skeleton-react/app/components/navigation/page.tsx

@@ -96,7 +96,7 @@ export default function Page() {
 							</Navigation.Menu>
 						</Navigation.Content>
 						<Navigation.Footer>
-							<a href="/settings" className={anchorRail} title="Settings" aria-label="Settings">
+							<a href="#" className={anchorRail} title="Settings" aria-label="Settings">
 								<SettingsIcon className="size-5" />
 							</a>
 						</Navigation.Footer>

playgrounds/skeleton-svelte/src/routes/components/navigation/+page.svelte

@@ -103,7 +103,7 @@
 					</Navigation.Menu>
 				</Navigation.Content>
 				<Navigation.Footer>
-					<a href="/settings" class={anchorRail} title="Settings" aria-label="Settings">
+					<a href="#" class={anchorRail} title="Settings" aria-label="Settings">
 						<SettingsIcon class="size-5" />
 					</a>
 				</Navigation.Footer>

playgrounds/skeleton-svelte/src/routes/light-switch.svelte

@@ -14,7 +14,6 @@
 		document.documentElement.setAttribute('data-mode', mode);
 		localStorage.setItem('mode', mode);
 		checked = event.checked;
-		console.log(event);
 	};
 </script>