fix: don't use state rune on accessor lists and maps

Author: hperrin

packages/data-table/src/Body.svelte

@@ -40,11 +40,11 @@
   }: OwnProps & SmuiAttrs<'tbody', keyof OwnProps> = $props();
 
   let element: HTMLTableSectionElement;
-  let rows: SMUIDataTableRowAccessor[] = $state([]);
-  const rowAccessorMap = $state(
-    new WeakMap<HTMLTableRowElement, SMUIDataTableRowAccessor>(),
-  );
-
+  let rows: SMUIDataTableRowAccessor[] = [];
+  const rowAccessorMap = new WeakMap<
+    HTMLTableRowElement,
+    SMUIDataTableRowAccessor
+  >();
   setContext('SMUI:data-table:row:header', false);
 
   setContext(

packages/data-table/src/Head.svelte

@@ -30,10 +30,11 @@
 
   let element: HTMLTableSectionElement;
   let checkbox: SMUICheckboxInputAccessor | undefined = $state();
-  let cells: SMUIDataTableCellAccessor[] = $state([]);
-  const cellAccessorMap = $state.raw(
-    new WeakMap<HTMLTableCellElement, SMUIDataTableCellAccessor>(),
-  );
+  let cells: SMUIDataTableCellAccessor[] = [];
+  const cellAccessorMap = new WeakMap<
+    HTMLTableCellElement,
+    SMUIDataTableCellAccessor
+  >();
 
   setContext('SMUI:data-table:row:header', true);
 

packages/list/src/List.svelte

@@ -189,7 +189,7 @@
 
   let element: ReturnType<SmuiComponent<SmuiElementMap[TagName]>>;
   let instance: MDCListFoundation | undefined = $state();
-  let items: SMUIListItemAccessor[] = $state([]);
+  let items: SMUIListItemAccessor[] = [];
   let role = getContext<string | undefined>('SMUI:list:role');
   const itemAccessorMap = new WeakMap<Element, SMUIListItemAccessor>();
   let selectionDialog = getContext<boolean | undefined>(

packages/site/src/routes/+layout.svelte

@@ -241,7 +241,7 @@
                   : 'shortcut' in section
                     ? section.shortcut
                     : undefined}
-                activated={section === activeSection}
+                activated={section.route === activeSection?.route}
                 style={section.indent
                   ? 'margin-left: ' + section.indent * 25 + 'px;'
                   : ''}
@@ -284,7 +284,7 @@
 
   let { children }: { children: Snippet } = $props();
 
-  const iframe = $page.url.pathname.includes('/iframe');
+  const iframe = $derived($page.url.pathname.includes('/iframe'));
 
   let drawer: Drawer | undefined = $state();
   let mainContent: HTMLElement | undefined = $state();