diff --git a/.changeset/silent-meals-watch-copy.md b/.changeset/silent-meals-watch-copy.md
new file mode 100644
index 0000000000..ac59f06a62
--- /dev/null
+++ b/.changeset/silent-meals-watch-copy.md
@@ -0,0 +1,5 @@
+---
+"@navikt/ds-react": minor
+---
+
+Komponenter med dot-notasjon (f.eks `Accordion.Item`) kan oppdateres til `import { AccordionItem } from "@navikt/ds-react/Accordion";` for bruk i nextjs app-router.
diff --git a/.changeset/silent-meals-watch.md b/.changeset/silent-meals-watch.md
new file mode 100644
index 0000000000..b0dab7906b
--- /dev/null
+++ b/.changeset/silent-meals-watch.md
@@ -0,0 +1,5 @@
+---
+"@navikt/ds-react": minor
+---
+
+Komponenter støtter nå lokal import `@navikt/ds-react/Button`.
diff --git a/@navikt/aksel-icons/CHANGELOG.md b/@navikt/aksel-icons/CHANGELOG.md
index d6a1f3add6..0413f07f5f 100644
--- a/@navikt/aksel-icons/CHANGELOG.md
+++ b/@navikt/aksel-icons/CHANGELOG.md
@@ -8,7 +8,7 @@
 
 ### Minor Changes
 
-- SSR: ds-react og aksel-icons støtter nå `use-client` og kan brukes i nextjs app-router uten lokal re-eksportering. ([#2623](https://github.com/navikt/aksel/pull/2623))
+- SSR: ds-react og aksel-icons støtter nå `use client` og kan brukes i nextjs app-router uten lokal re-eksportering. ([#2623](https://github.com/navikt/aksel/pull/2623))
 
 ## 5.18.3
 
diff --git a/@navikt/core/react/CHANGELOG.md b/@navikt/core/react/CHANGELOG.md
index 8485537690..e9b9f9b489 100644
--- a/@navikt/core/react/CHANGELOG.md
+++ b/@navikt/core/react/CHANGELOG.md
@@ -24,7 +24,7 @@
 
 ### Minor Changes
 
-- SSR: ds-react og aksel-icons støtter nå `use-client` og kan brukes i nextjs app-router uten lokal re-eksportering. ([#2623](https://github.com/navikt/aksel/pull/2623))
+- SSR: ds-react og aksel-icons støtter nå `use client` og kan brukes i nextjs app-router uten lokal re-eksportering. ([#2623](https://github.com/navikt/aksel/pull/2623))
 
 ### Patch Changes
 
@@ -1100,7 +1100,7 @@
 
 ### Patch Changes
 
-- CopyButton: Fjernet use-client directive fra komponent. (warning i vite/rollup)
+- CopyButton: Fjernet use client directive fra komponent. (warning i vite/rollup)
 
 ## 3.2.0
 
diff --git a/@navikt/core/react/package.json b/@navikt/core/react/package.json
index 3a4f19a040..b8ce1f26d1 100644
--- a/@navikt/core/react/package.json
+++ b/@navikt/core/react/package.json
@@ -1,13 +1,14 @@
 {
   "name": "@navikt/ds-react",
   "version": "6.0.0",
-  "description": "Aksel react-components for NAV designsystem",
-  "author": "Aksel | NAV designsystem team",
+  "description": "React components from the Norwegian Labour and Welfare Administration.",
+  "author": "Aksel, a team part of the Norwegian Labour and Welfare Administration.",
   "license": "MIT",
   "keywords": [
     "react",
     "typescript",
-    "javascript"
+    "javascript",
+    "NAV"
   ],
   "repository": {
     "type": "git",
@@ -38,6 +39,506 @@
         "default": "./cjs/index.js"
       }
     },
+    "./Accordion": {
+      "import": {
+        "types": "./esm/accordion/index.d.ts",
+        "default": "./esm/accordion/index.js"
+      },
+      "require": {
+        "types": "./cjs/accordion/index.d.ts",
+        "default": "./cjs/accordion/index.js"
+      }
+    },
+    "./Alert": {
+      "import": {
+        "types": "./esm/alert/index.d.ts",
+        "default": "./esm/alert/index.js"
+      },
+      "require": {
+        "types": "./cjs/alert/index.d.ts",
+        "default": "./cjs/alert/index.js"
+      }
+    },
+    "./Button": {
+      "import": {
+        "types": "./esm/button/index.d.ts",
+        "default": "./esm/button/index.js"
+      },
+      "require": {
+        "types": "./cjs/button/index.d.ts",
+        "default": "./cjs/button/index.js"
+      }
+    },
+    "./Chat": {
+      "import": {
+        "types": "./esm/chat/index.d.ts",
+        "default": "./esm/chat/index.js"
+      },
+      "require": {
+        "types": "./cjs/chat/index.d.ts",
+        "default": "./cjs/chat/index.js"
+      }
+    },
+    "./Chips": {
+      "import": {
+        "types": "./esm/chips/index.d.ts",
+        "default": "./esm/chips/index.js"
+      },
+      "require": {
+        "types": "./cjs/chips/index.d.ts",
+        "default": "./cjs/chips/index.js"
+      }
+    },
+    "./CopyButton": {
+      "import": {
+        "types": "./esm/copybutton/index.d.ts",
+        "default": "./esm/copybutton/index.js"
+      },
+      "require": {
+        "types": "./cjs/copybutton/index.d.ts",
+        "default": "./cjs/copybutton/index.js"
+      }
+    },
+    "./DatePicker": {
+      "import": {
+        "types": "./esm/date/datepicker/index.d.ts",
+        "default": "./esm/date/datepicker/index.js"
+      },
+      "require": {
+        "types": "./cjs/date/datepicker/index.d.ts",
+        "default": "./cjs/date/datepicker/index.js"
+      }
+    },
+    "./MonthPicker": {
+      "import": {
+        "types": "./esm/date/monthpicker/index.d.ts",
+        "default": "./esm/date/monthpicker/index.js"
+      },
+      "require": {
+        "types": "./cjs/date/monthpicker/index.d.ts",
+        "default": "./cjs/date/monthpicker/index.js"
+      }
+    },
+    "./Dropdown": {
+      "import": {
+        "types": "./esm/dropdown/index.d.ts",
+        "default": "./esm/dropdown/index.js"
+      },
+      "require": {
+        "types": "./cjs/dropdown/index.d.ts",
+        "default": "./cjs/dropdown/index.js"
+      }
+    },
+    "./ExpansionCard": {
+      "import": {
+        "types": "./esm/expansion-card/index.d.ts",
+        "default": "./esm/expansion-card/index.js"
+      },
+      "require": {
+        "types": "./cjs/expansion-card/index.d.ts",
+        "default": "./cjs/expansion-card/index.js"
+      }
+    },
+    "./GuidePanel": {
+      "import": {
+        "types": "./esm/guide-panel/index.d.ts",
+        "default": "./esm/guide-panel/index.js"
+      },
+      "require": {
+        "types": "./cjs/guide-panel/index.d.ts",
+        "default": "./cjs/guide-panel/index.js"
+      }
+    },
+    "./HelpText": {
+      "import": {
+        "types": "./esm/help-text/index.d.ts",
+        "default": "./esm/help-text/index.js"
+      },
+      "require": {
+        "types": "./cjs/help-text/index.d.ts",
+        "default": "./cjs/help-text/index.js"
+      }
+    },
+    "./InternalHeader": {
+      "import": {
+        "types": "./esm/internal-header/index.d.ts",
+        "default": "./esm/internal-header/index.js"
+      },
+      "require": {
+        "types": "./cjs/internal-header/index.d.ts",
+        "default": "./cjs/internal-header/index.js"
+      }
+    },
+    "./Bleed": {
+      "import": {
+        "types": "./esm/layout/bleed/index.d.ts",
+        "default": "./esm/layout/bleed/index.js"
+      },
+      "require": {
+        "types": "./cjs/layout/bleed/index.d.ts",
+        "default": "./cjs/layout/bleed/index.js"
+      }
+    },
+    "./Box": {
+      "import": {
+        "types": "./esm/layout/box/index.d.ts",
+        "default": "./esm/layout/box/index.js"
+      },
+      "require": {
+        "types": "./cjs/layout/box/index.d.ts",
+        "default": "./cjs/layout/box/index.js"
+      }
+    },
+    "./HGrid": {
+      "import": {
+        "types": "./esm/layout/grid/index.d.ts",
+        "default": "./esm/layout/grid/index.js"
+      },
+      "require": {
+        "types": "./cjs/layout/grid/index.d.ts",
+        "default": "./cjs/layout/grid/index.js"
+      }
+    },
+    "./Page": {
+      "import": {
+        "types": "./esm/layout/page/index.d.ts",
+        "default": "./esm/layout/page/index.js"
+      },
+      "require": {
+        "types": "./cjs/layout/page/index.d.ts",
+        "default": "./cjs/layout/page/index.js"
+      }
+    },
+    "./Responsive": {
+      "import": {
+        "types": "./esm/layout/responsive/index.d.ts",
+        "default": "./esm/layout/responsive/index.js"
+      },
+      "require": {
+        "types": "./cjs/layout/responsive/index.d.ts",
+        "default": "./cjs/layout/responsive/index.js"
+      }
+    },
+    "./Stack": {
+      "import": {
+        "types": "./esm/layout/stack/index.d.ts",
+        "default": "./esm/layout/stack/index.js"
+      },
+      "require": {
+        "types": "./cjs/layout/stack/index.d.ts",
+        "default": "./cjs/layout/stack/index.js"
+      }
+    },
+    "./Link": {
+      "import": {
+        "types": "./esm/link/index.d.ts",
+        "default": "./esm/link/index.js"
+      },
+      "require": {
+        "types": "./cjs/link/index.d.ts",
+        "default": "./cjs/link/index.js"
+      }
+    },
+    "./LinkPanel": {
+      "import": {
+        "types": "./esm/link-panel/index.d.ts",
+        "default": "./esm/link-panel/index.js"
+      },
+      "require": {
+        "types": "./cjs/link-panel/index.d.ts",
+        "default": "./cjs/link-panel/index.js"
+      }
+    },
+    "./List": {
+      "import": {
+        "types": "./esm/list/index.d.ts",
+        "default": "./esm/list/index.js"
+      },
+      "require": {
+        "types": "./cjs/list/index.d.ts",
+        "default": "./cjs/list/index.js"
+      }
+    },
+    "./Loader": {
+      "import": {
+        "types": "./esm/loader/index.d.ts",
+        "default": "./esm/loader/index.js"
+      },
+      "require": {
+        "types": "./cjs/loader/index.d.ts",
+        "default": "./cjs/loader/index.js"
+      }
+    },
+    "./Modal": {
+      "import": {
+        "types": "./esm/modal/index.d.ts",
+        "default": "./esm/modal/index.js"
+      },
+      "require": {
+        "types": "./cjs/modal/index.d.ts",
+        "default": "./cjs/modal/index.js"
+      }
+    },
+    "./Portal": {
+      "import": {
+        "types": "./esm/portal/index.d.ts",
+        "default": "./esm/portal/index.js"
+      },
+      "require": {
+        "types": "./cjs/portal/index.d.ts",
+        "default": "./cjs/portal/index.js"
+      }
+    },
+    "./Pagination": {
+      "import": {
+        "types": "./esm/pagination/index.d.ts",
+        "default": "./esm/pagination/index.js"
+      },
+      "require": {
+        "types": "./cjs/pagination/index.d.ts",
+        "default": "./cjs/pagination/index.js"
+      }
+    },
+    "./Popover": {
+      "import": {
+        "types": "./esm/popover/index.d.ts",
+        "default": "./esm/popover/index.js"
+      },
+      "require": {
+        "types": "./cjs/popover/index.d.ts",
+        "default": "./cjs/popover/index.js"
+      }
+    },
+    "./Provider": {
+      "import": {
+        "types": "./esm/provider/index.d.ts",
+        "default": "./esm/provider/index.js"
+      },
+      "require": {
+        "types": "./cjs/provider/index.d.ts",
+        "default": "./cjs/provider/index.js"
+      }
+    },
+    "./ReadMore": {
+      "import": {
+        "types": "./esm/read-more/index.d.ts",
+        "default": "./esm/read-more/index.js"
+      },
+      "require": {
+        "types": "./cjs/read-more/index.d.ts",
+        "default": "./cjs/read-more/index.js"
+      }
+    },
+    "./Skeleton": {
+      "import": {
+        "types": "./esm/skeleton/index.d.ts",
+        "default": "./esm/skeleton/index.js"
+      },
+      "require": {
+        "types": "./cjs/skeleton/index.d.ts",
+        "default": "./cjs/skeleton/index.js"
+      }
+    },
+    "./Stepper": {
+      "import": {
+        "types": "./esm/stepper/index.d.ts",
+        "default": "./esm/stepper/index.js"
+      },
+      "require": {
+        "types": "./cjs/stepper/index.d.ts",
+        "default": "./cjs/stepper/index.js"
+      }
+    },
+    "./Table": {
+      "import": {
+        "types": "./esm/table/index.d.ts",
+        "default": "./esm/table/index.js"
+      },
+      "require": {
+        "types": "./cjs/table/index.d.ts",
+        "default": "./cjs/table/index.js"
+      }
+    },
+    "./Tabs": {
+      "import": {
+        "types": "./esm/tabs/index.d.ts",
+        "default": "./esm/tabs/index.js"
+      },
+      "require": {
+        "types": "./cjs/tabs/index.d.ts",
+        "default": "./cjs/tabs/index.js"
+      }
+    },
+    "./Tag": {
+      "import": {
+        "types": "./esm/tag/index.d.ts",
+        "default": "./esm/tag/index.js"
+      },
+      "require": {
+        "types": "./cjs/tag/index.d.ts",
+        "default": "./cjs/tag/index.js"
+      }
+    },
+    "./Timeline": {
+      "import": {
+        "types": "./esm/timeline/index.d.ts",
+        "default": "./esm/timeline/index.js"
+      },
+      "require": {
+        "types": "./cjs/timeline/index.d.ts",
+        "default": "./cjs/timeline/index.js"
+      }
+    },
+    "./ToggleGroup": {
+      "import": {
+        "types": "./esm/toggle-group/index.d.ts",
+        "default": "./esm/toggle-group/index.js"
+      },
+      "require": {
+        "types": "./cjs/toggle-group/index.d.ts",
+        "default": "./cjs/toggle-group/index.js"
+      }
+    },
+    "./Tooltip": {
+      "import": {
+        "types": "./esm/tooltip/index.d.ts",
+        "default": "./esm/tooltip/index.js"
+      },
+      "require": {
+        "types": "./cjs/tooltip/index.d.ts",
+        "default": "./cjs/tooltip/index.js"
+      }
+    },
+    "./Typography": {
+      "import": {
+        "types": "./esm/typography/index.d.ts",
+        "default": "./esm/typography/index.js"
+      },
+      "require": {
+        "types": "./cjs/typography/index.d.ts",
+        "default": "./cjs/typography/index.js"
+      }
+    },
+    "./Utils": {
+      "import": {
+        "types": "./esm/util/index.d.ts",
+        "default": "./esm/util/index.js"
+      },
+      "require": {
+        "types": "./cjs/util/index.d.ts",
+        "default": "./cjs/util/index.js"
+      }
+    },
+    "./Checkbox": {
+      "import": {
+        "types": "./esm/form/checkbox/index.d.ts",
+        "default": "./esm/form/checkbox/index.js"
+      },
+      "require": {
+        "types": "./cjs/form/checkbox/index.d.ts",
+        "default": "./cjs/form/checkbox/index.js"
+      }
+    },
+    "./Radio": {
+      "import": {
+        "types": "./esm/form/radio/index.d.ts",
+        "default": "./esm/form/radio/index.js"
+      },
+      "require": {
+        "types": "./cjs/form/radio/index.d.ts",
+        "default": "./cjs/form/radio/index.js"
+      }
+    },
+    "./Combobox": {
+      "import": {
+        "types": "./esm/form/combobox/index.d.ts",
+        "default": "./esm/form/combobox/index.js"
+      },
+      "require": {
+        "types": "./cjs/form/combobox/index.d.ts",
+        "default": "./cjs/form/combobox/index.js"
+      }
+    },
+    "./ConfirmationPanel": {
+      "import": {
+        "types": "./esm/form/confirmation-panel/index.d.ts",
+        "default": "./esm/form/confirmation-panel/index.js"
+      },
+      "require": {
+        "types": "./cjs/form/confirmation-panel/index.d.ts",
+        "default": "./cjs/form/confirmation-panel/index.js"
+      }
+    },
+    "./ErrorSummary": {
+      "import": {
+        "types": "./esm/form/error-summary/index.d.ts",
+        "default": "./esm/form/error-summary/index.js"
+      },
+      "require": {
+        "types": "./cjs/form/error-summary/index.d.ts",
+        "default": "./cjs/form/error-summary/index.js"
+      }
+    },
+    "./Fieldset": {
+      "import": {
+        "types": "./esm/form/fieldset/index.d.ts",
+        "default": "./esm/form/fieldset/index.js"
+      },
+      "require": {
+        "types": "./cjs/form/fieldset/index.d.ts",
+        "default": "./cjs/form/fieldset/index.js"
+      }
+    },
+    "./Search": {
+      "import": {
+        "types": "./esm/form/search/index.d.ts",
+        "default": "./esm/form/search/index.js"
+      },
+      "require": {
+        "types": "./cjs/form/search/index.d.ts",
+        "default": "./cjs/form/search/index.js"
+      }
+    },
+    "./Select": {
+      "import": {
+        "types": "./esm/form/select/index.d.ts",
+        "default": "./esm/form/select/index.js"
+      },
+      "require": {
+        "types": "./cjs/form/select/index.d.ts",
+        "default": "./cjs/form/select/index.js"
+      }
+    },
+    "./Switch": {
+      "import": {
+        "types": "./esm/form/switch/index.d.ts",
+        "default": "./esm/form/switch/index.js"
+      },
+      "require": {
+        "types": "./cjs/form/switch/index.d.ts",
+        "default": "./cjs/form/switch/index.js"
+      }
+    },
+    "./Textarea": {
+      "import": {
+        "types": "./esm/form/textarea/index.d.ts",
+        "default": "./esm/form/textarea/index.js"
+      },
+      "require": {
+        "types": "./cjs/form/textarea/index.d.ts",
+        "default": "./cjs/form/textarea/index.js"
+      }
+    },
+    "./TextField": {
+      "import": {
+        "types": "./esm/form/textfield/index.d.ts",
+        "default": "./esm/form/textfield/index.js"
+      },
+      "require": {
+        "types": "./cjs/form/textfield/index.d.ts",
+        "default": "./cjs/form/textfield/index.js"
+      }
+    },
     "./package.json": "./package.json"
   },
   "scripts": {
diff --git a/@navikt/core/react/src/accordion/index.ts b/@navikt/core/react/src/accordion/index.ts
index 9c89ecfd19..52855a481e 100644
--- a/@navikt/core/react/src/accordion/index.ts
+++ b/@navikt/core/react/src/accordion/index.ts
@@ -1 +1,14 @@
+"use client";
 export { type AccordionProps, default as Accordion } from "./Accordion";
+export {
+  default as AccordionHeader,
+  type AccordionHeaderProps,
+} from "./AccordionHeader";
+export {
+  default as AccordionContent,
+  type AccordionContentProps,
+} from "./AccordionContent";
+export {
+  default as AccordionItem,
+  type AccordionItemProps,
+} from "./AccordionItem";
diff --git a/@navikt/core/react/src/alert/index.ts b/@navikt/core/react/src/alert/index.ts
index b4a05caaa8..a8d440a4fe 100644
--- a/@navikt/core/react/src/alert/index.ts
+++ b/@navikt/core/react/src/alert/index.ts
@@ -1,2 +1,2 @@
-export { default as Alert } from "./Alert";
-export { type AlertProps } from "./Alert";
+"use client";
+export { default as Alert, type AlertProps } from "./Alert";
diff --git a/@navikt/core/react/src/button/index.ts b/@navikt/core/react/src/button/index.ts
index af31e1c8bf..bc9bdbba85 100644
--- a/@navikt/core/react/src/button/index.ts
+++ b/@navikt/core/react/src/button/index.ts
@@ -1,2 +1,2 @@
-export { default as Button } from "./Button";
-export { type ButtonProps } from "./Button";
+"use client";
+export { default as Button, type ButtonProps } from "./Button";
diff --git a/@navikt/core/react/src/chat/Bubble.tsx b/@navikt/core/react/src/chat/Bubble.tsx
index e0ffe286b8..aaf94687a8 100644
--- a/@navikt/core/react/src/chat/Bubble.tsx
+++ b/@navikt/core/react/src/chat/Bubble.tsx
@@ -2,7 +2,7 @@ import cl from "clsx";
 import React, { HTMLAttributes, forwardRef } from "react";
 import { Detail } from "../typography";
 
-export interface BubbleProps extends HTMLAttributes<HTMLDivElement> {
+export interface ChatBubbleProps extends HTMLAttributes<HTMLDivElement> {
   /**
    * Bubble text
    */
@@ -21,7 +21,7 @@ export interface BubbleProps extends HTMLAttributes<HTMLDivElement> {
   toptextPosition?: "left" | "right";
 }
 
-const Bubble = forwardRef<HTMLDivElement, BubbleProps>(
+const Bubble = forwardRef<HTMLDivElement, ChatBubbleProps>(
   ({ children, className, name, timestamp, toptextPosition, ...rest }, ref) => {
     return (
       <div ref={ref} className={cl("navds-chat__bubble", className)} {...rest}>
diff --git a/@navikt/core/react/src/chat/chat.stories.tsx b/@navikt/core/react/src/chat/chat.stories.tsx
index 3c79a390b0..ff43a70669 100644
--- a/@navikt/core/react/src/chat/chat.stories.tsx
+++ b/@navikt/core/react/src/chat/chat.stories.tsx
@@ -1,7 +1,7 @@
 import { Meta, StoryObj } from "@storybook/react";
 import React from "react";
-import { Chat, VStack } from "../index";
-import { POSITIONS, SIZES } from "./Chat";
+import { VStack } from "../layout/stack";
+import Chat, { POSITIONS, SIZES } from "./Chat";
 
 export default {
   title: "ds-react/Chat",
diff --git a/@navikt/core/react/src/chat/index.ts b/@navikt/core/react/src/chat/index.ts
index ac6b90f1b6..17737bc7c9 100644
--- a/@navikt/core/react/src/chat/index.ts
+++ b/@navikt/core/react/src/chat/index.ts
@@ -1 +1,3 @@
+"use client";
 export { default as Chat, type ChatProps } from "./Chat";
+export { default as ChatBubble, type ChatBubbleProps } from "./Bubble";
diff --git a/@navikt/core/react/src/chips/Chips.tsx b/@navikt/core/react/src/chips/Chips.tsx
index a59412355f..41e8127e07 100644
--- a/@navikt/core/react/src/chips/Chips.tsx
+++ b/@navikt/core/react/src/chips/Chips.tsx
@@ -1,8 +1,8 @@
 import cl from "clsx";
 import React, { HTMLAttributes, forwardRef } from "react";
 import { OverridableComponent } from "../util/types";
-import RemovableChips, { RemovableChipsProps } from "./Removable";
-import ToggleChips, { ToggleChipsProps } from "./Toggle";
+import RemovableChips, { ChipsRemovableProps } from "./Removable";
+import ToggleChips, { ChipsToggleProps } from "./Toggle";
 
 export interface ChipsProps extends HTMLAttributes<HTMLUListElement> {
   children: React.ReactNode;
@@ -22,13 +22,13 @@ interface ChipsComponent
    * @see 🏷️ {@link ToggleChipsProps}
    * @see [🤖 OverridableComponent](https://aksel.nav.no/grunnleggende/kode/overridablecomponent) support
    */
-  Toggle: OverridableComponent<ToggleChipsProps, HTMLButtonElement>;
+  Toggle: OverridableComponent<ChipsToggleProps, HTMLButtonElement>;
   /**
    * Remove filter or the likes on click
    * @see 🏷️ {@link RemovableChipsProps}
    * @see [🤖 OverridableComponent](https://aksel.nav.no/grunnleggende/kode/overridablecomponent) support
    */
-  Removable: OverridableComponent<RemovableChipsProps, HTMLButtonElement>;
+  Removable: OverridableComponent<ChipsRemovableProps, HTMLButtonElement>;
 }
 
 /**
diff --git a/@navikt/core/react/src/chips/Removable.tsx b/@navikt/core/react/src/chips/Removable.tsx
index 19cbf99a15..e0bdca494e 100644
--- a/@navikt/core/react/src/chips/Removable.tsx
+++ b/@navikt/core/react/src/chips/Removable.tsx
@@ -3,7 +3,7 @@ import React, { forwardRef } from "react";
 import { XMarkIcon } from "@navikt/aksel-icons";
 import { composeEventHandlers } from "../util/composeEventHandlers";
 
-export interface RemovableChipsProps
+export interface ChipsRemovableProps
   extends React.ButtonHTMLAttributes<HTMLButtonElement> {
   children: string;
   /**
@@ -24,7 +24,7 @@ export interface RemovableChipsProps
 
 export const RemovableChips = forwardRef<
   HTMLButtonElement,
-  RemovableChipsProps
+  ChipsRemovableProps
 >(
   (
     {
diff --git a/@navikt/core/react/src/chips/Toggle.tsx b/@navikt/core/react/src/chips/Toggle.tsx
index b496cca658..de1b45e989 100644
--- a/@navikt/core/react/src/chips/Toggle.tsx
+++ b/@navikt/core/react/src/chips/Toggle.tsx
@@ -2,7 +2,7 @@ import cl from "clsx";
 import React, { forwardRef } from "react";
 import { OverridableComponent } from "../util/types";
 
-export interface ToggleChipsProps
+export interface ChipsToggleProps
   extends React.ButtonHTMLAttributes<HTMLButtonElement> {
   children: string;
   /**
@@ -22,7 +22,7 @@ export interface ToggleChipsProps
 }
 
 export const ToggleChips: OverridableComponent<
-  ToggleChipsProps,
+  ChipsToggleProps,
   HTMLButtonElement
 > = forwardRef(
   (
diff --git a/@navikt/core/react/src/chips/index.ts b/@navikt/core/react/src/chips/index.ts
index 15a0eabbaf..983dacf97b 100644
--- a/@navikt/core/react/src/chips/index.ts
+++ b/@navikt/core/react/src/chips/index.ts
@@ -1 +1,7 @@
+"use client";
 export { default as Chips, type ChipsProps } from "./Chips";
+export {
+  RemovableChips as ChipsRemovable,
+  type ChipsRemovableProps,
+} from "./Removable";
+export { ToggleChips as ChipsToggle, type ChipsToggleProps } from "./Toggle";
diff --git a/@navikt/core/react/src/copybutton/index.ts b/@navikt/core/react/src/copybutton/index.ts
index 9babdc40c4..fc36379d37 100644
--- a/@navikt/core/react/src/copybutton/index.ts
+++ b/@navikt/core/react/src/copybutton/index.ts
@@ -1 +1,2 @@
+"use client";
 export { default as CopyButton, type CopyButtonProps } from "./CopyButton";
diff --git a/@navikt/core/react/src/date/datepicker/datepicker.test.tsx b/@navikt/core/react/src/date/datepicker/datepicker.test.tsx
index 1096be876a..c2f9c6188e 100644
--- a/@navikt/core/react/src/date/datepicker/datepicker.test.tsx
+++ b/@navikt/core/react/src/date/datepicker/datepicker.test.tsx
@@ -2,7 +2,8 @@ import { act, render, screen } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
 import React from "react";
 import { describe, test } from "vitest";
-import { DatePicker, useDatepicker } from "..";
+import { useDatepicker } from "../hooks";
+import DatePicker from "./DatePicker";
 
 const App = () => {
   const { datepickerProps, inputProps } = useDatepicker({
diff --git a/@navikt/core/react/src/date/datepicker/index.ts b/@navikt/core/react/src/date/datepicker/index.ts
new file mode 100644
index 0000000000..c44b99e110
--- /dev/null
+++ b/@navikt/core/react/src/date/datepicker/index.ts
@@ -0,0 +1,13 @@
+"use client";
+export { default as DatePicker, type DatePickerProps } from "./DatePicker";
+export {
+  useDatepicker,
+  useRangeDatepicker,
+  type DateValidationT,
+  type RangeValidationT,
+} from "../hooks";
+export {
+  DatePickerStandalone,
+  type DatePickerStandaloneProps,
+} from "./DatePickerStandalone";
+export { DatePickerInput, type DateInputProps } from "../parts/DateInput";
diff --git a/@navikt/core/react/src/date/datepicker/parts/DropdownCaption.tsx b/@navikt/core/react/src/date/datepicker/parts/DropdownCaption.tsx
index 08104cff8f..df9548e7c0 100644
--- a/@navikt/core/react/src/date/datepicker/parts/DropdownCaption.tsx
+++ b/@navikt/core/react/src/date/datepicker/parts/DropdownCaption.tsx
@@ -3,7 +3,7 @@ import React from "react";
 import { CaptionProps, useDayPicker, useNavigation } from "react-day-picker";
 import { ArrowLeftIcon, ArrowRightIcon } from "@navikt/aksel-icons";
 import { Button } from "../../../button";
-import { Select } from "../../../form/Select";
+import { Select } from "../../../form/select";
 import { getMonths, getYears } from "../../utils/get-dates";
 import { labelMonthDropdown, labelYearDropdown } from "../../utils/labels";
 import WeekRow from "./WeekRow";
diff --git a/@navikt/core/react/src/date/hooks/useRangeDatepicker.test.tsx b/@navikt/core/react/src/date/hooks/useRangeDatepicker.test.tsx
index b52d8452f7..e1d5a21d8b 100644
--- a/@navikt/core/react/src/date/hooks/useRangeDatepicker.test.tsx
+++ b/@navikt/core/react/src/date/hooks/useRangeDatepicker.test.tsx
@@ -3,7 +3,8 @@ import { act, render, screen } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
 import React from "react";
 import { describe, expect, test } from "vitest";
-import { DatePicker, useRangeDatepicker } from "..";
+import { DatePicker } from "../datepicker";
+import { useRangeDatepicker } from "./useRangeDatepicker";
 
 const RangeDemo = () => {
   const { datepickerProps, fromInputProps, selectedRange, toInputProps } =
diff --git a/@navikt/core/react/src/date/index.ts b/@navikt/core/react/src/date/index.ts
deleted file mode 100644
index 0333881410..0000000000
--- a/@navikt/core/react/src/date/index.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-export {
-  default as DatePicker,
-  type DatePickerProps,
-} from "./datepicker/DatePicker";
-export { type DatePickerStandaloneProps } from "./datepicker/DatePickerStandalone";
-export {
-  useDatepicker,
-  useMonthpicker,
-  useRangeDatepicker,
-  type DateValidationT,
-  type MonthValidationT,
-  type RangeValidationT,
-} from "./hooks";
-export { default as MonthPicker } from "./monthpicker/MonthPicker";
-export { type MonthPickerStandaloneProps } from "./monthpicker/MonthPickerStandalone";
-export { type MonthPickerProps } from "./monthpicker/types";
-export { type DateInputProps } from "./parts/DateInput";
diff --git a/@navikt/core/react/src/date/monthpicker/MonthCaption.tsx b/@navikt/core/react/src/date/monthpicker/MonthCaption.tsx
index be5830b0b2..c048611c31 100644
--- a/@navikt/core/react/src/date/monthpicker/MonthCaption.tsx
+++ b/@navikt/core/react/src/date/monthpicker/MonthCaption.tsx
@@ -9,7 +9,7 @@ import React from "react";
 import { useDayPicker } from "react-day-picker";
 import { ArrowLeftIcon, ArrowRightIcon } from "@navikt/aksel-icons";
 import { Button } from "../../button";
-import { Select } from "../../form/Select";
+import { Select } from "../../form/select";
 import { useSharedMonthContext } from "../context";
 import { labelNextYear, labelPrevYear } from "../utils";
 
diff --git a/@navikt/core/react/src/date/monthpicker/index.ts b/@navikt/core/react/src/date/monthpicker/index.ts
new file mode 100644
index 0000000000..d6ad41e494
--- /dev/null
+++ b/@navikt/core/react/src/date/monthpicker/index.ts
@@ -0,0 +1,9 @@
+"use client";
+export { useMonthpicker, type MonthValidationT } from "../hooks";
+export { default as MonthPicker } from "./MonthPicker";
+export { type MonthPickerProps } from "./types";
+export {
+  MonthPickerStandalone,
+  type MonthPickerStandaloneProps,
+} from "./MonthPickerStandalone";
+export { MonthPickerInput } from "../parts/DateInput";
diff --git a/@navikt/core/react/src/dropdown/Dropdown.tsx b/@navikt/core/react/src/dropdown/Dropdown.tsx
index 5ed2e97507..04aecfc946 100644
--- a/@navikt/core/react/src/dropdown/Dropdown.tsx
+++ b/@navikt/core/react/src/dropdown/Dropdown.tsx
@@ -1,7 +1,7 @@
 import React, { useState } from "react";
 import { useControllableState } from "../util/hooks/useControllableState";
 import Menu, { MenuType } from "./Menu";
-import Toggle, { ToggleProps } from "./Toggle";
+import Toggle from "./Toggle";
 import { DropdownContext } from "./context";
 
 export interface DropdownProps {
@@ -33,9 +33,7 @@ export interface DropdownType extends React.FC<DropdownProps> {
   /**
    * @see 🏷️ {@link ToggleProps}
    */
-  Toggle: React.ForwardRefExoticComponent<
-    ToggleProps & React.RefAttributes<HTMLButtonElement>
-  >;
+  Toggle: typeof Toggle;
   /**
    * @see 🏷️ {@link MenuType}
    */
diff --git a/@navikt/core/react/src/dropdown/Menu/index.tsx b/@navikt/core/react/src/dropdown/Menu/index.tsx
index 1a63bb0bf1..29b7cc0de8 100644
--- a/@navikt/core/react/src/dropdown/Menu/index.tsx
+++ b/@navikt/core/react/src/dropdown/Menu/index.tsx
@@ -6,7 +6,7 @@ import Divider from "./Divider";
 import GroupedList, { GroupedListType } from "./GroupedList";
 import List, { ListType } from "./List";
 
-interface MenuProps extends React.HTMLAttributes<HTMLDivElement> {
+interface DropdownMenuProps extends React.HTMLAttributes<HTMLDivElement> {
   /**
    * Dropdown content
    */
@@ -39,7 +39,7 @@ interface MenuProps extends React.HTMLAttributes<HTMLDivElement> {
     | "left-end";
 }
 
-export interface MenuType<Props = MenuProps>
+export interface MenuType<Props = DropdownMenuProps>
   extends React.ForwardRefExoticComponent<
     Props & React.RefAttributes<HTMLDivElement>
   > {
@@ -59,7 +59,7 @@ export interface MenuType<Props = MenuProps>
   >;
 }
 
-export const Menu = forwardRef<HTMLDivElement, MenuProps>(
+export const Menu = forwardRef<HTMLDivElement, DropdownMenuProps>(
   ({ className, onClose, placement = "bottom-end", ...rest }, ref) => {
     const context = useContext(DropdownContext);
 
diff --git a/@navikt/core/react/src/dropdown/Toggle.tsx b/@navikt/core/react/src/dropdown/Toggle.tsx
index fcf73b0a3e..fbf76e84c5 100644
--- a/@navikt/core/react/src/dropdown/Toggle.tsx
+++ b/@navikt/core/react/src/dropdown/Toggle.tsx
@@ -3,7 +3,7 @@ import React, { forwardRef, useContext } from "react";
 import { composeEventHandlers } from "../util/composeEventHandlers";
 import { DropdownContext } from "./context";
 
-export interface ToggleProps
+export interface DropdownToggleProps
   extends React.ButtonHTMLAttributes<HTMLButtonElement> {
   /**
    * Button content
@@ -11,42 +11,41 @@ export interface ToggleProps
   children: React.ReactNode;
 }
 
-export const Toggle = forwardRef<HTMLButtonElement, ToggleProps>(
-  ({ className, onClick, ...rest }, ref) => {
-    const context = useContext(DropdownContext);
-
-    if (!context) {
-      console.warn("Dropdown.Toggle has to be wrapped in <Dropdown />");
-      return null;
-    }
-
-    const { setAnchorEl, handleToggle, isOpen } = context;
-
-    const handleClick = (
-      e: React.MouseEvent<HTMLButtonElement, MouseEvent>,
-    ) => {
-      setAnchorEl(e.currentTarget);
-      handleToggle(!isOpen);
-    };
-
-    return (
-      <button
-        {...rest}
-        ref={(el) => {
-          setAnchorEl(el);
-
-          if (typeof ref === "function") {
-            ref(el);
-          } else if (ref != null) {
-            ref.current = el;
-          }
-        }}
-        onClick={composeEventHandlers(onClick, handleClick)}
-        aria-expanded={isOpen}
-        className={cl("navds-dropdown__toggle", className)}
-      />
-    );
-  },
-);
-
-export default Toggle;
+export const DropdownToggle = forwardRef<
+  HTMLButtonElement,
+  DropdownToggleProps
+>(({ className, onClick, ...rest }, ref) => {
+  const context = useContext(DropdownContext);
+
+  if (!context) {
+    console.warn("Dropdown.Toggle has to be wrapped in <Dropdown />");
+    return null;
+  }
+
+  const { setAnchorEl, handleToggle, isOpen } = context;
+
+  const handleClick = (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {
+    setAnchorEl(e.currentTarget);
+    handleToggle(!isOpen);
+  };
+
+  return (
+    <button
+      {...rest}
+      ref={(el) => {
+        setAnchorEl(el);
+
+        if (typeof ref === "function") {
+          ref(el);
+        } else if (ref != null) {
+          ref.current = el;
+        }
+      }}
+      onClick={composeEventHandlers(onClick, handleClick)}
+      aria-expanded={isOpen}
+      className={cl("navds-dropdown__toggle", className)}
+    />
+  );
+});
+
+export default DropdownToggle;
diff --git a/@navikt/core/react/src/dropdown/index.ts b/@navikt/core/react/src/dropdown/index.ts
index 6879060314..b93e0597d2 100644
--- a/@navikt/core/react/src/dropdown/index.ts
+++ b/@navikt/core/react/src/dropdown/index.ts
@@ -1 +1,10 @@
+"use client";
 export { default as Dropdown, type DropdownProps } from "./Dropdown";
+export { default as DropdownToggle, type DropdownToggleProps } from "./Toggle";
+export { default as DropdownMenu } from "./Menu";
+export { default as DropdownMenuDivider } from "./Menu/Divider";
+export { default as DropdownMenuList } from "./Menu/List";
+export { default as DropdownMenuListItem } from "./Menu/List/Item";
+export { default as DropdownMenuGroupedList } from "./Menu/GroupedList";
+export { default as DropdownMenuGroupedListItem } from "./Menu/GroupedList/GroupedItem";
+export { default as DropdownMenuGroupedListHeading } from "./Menu/GroupedList/GroupedHeading";
diff --git a/@navikt/core/react/src/expansion-card/ExpansionCardDescription.tsx b/@navikt/core/react/src/expansion-card/ExpansionCardDescription.tsx
index 1f49eeca7a..a2d5dc9841 100644
--- a/@navikt/core/react/src/expansion-card/ExpansionCardDescription.tsx
+++ b/@navikt/core/react/src/expansion-card/ExpansionCardDescription.tsx
@@ -31,3 +31,5 @@ export const ExpansionCardDescription = forwardRef<
     />
   );
 });
+
+export default ExpansionCardDescription;
diff --git a/@navikt/core/react/src/expansion-card/ExpansionCardTitle.tsx b/@navikt/core/react/src/expansion-card/ExpansionCardTitle.tsx
index 603e335d91..401e5fea1a 100644
--- a/@navikt/core/react/src/expansion-card/ExpansionCardTitle.tsx
+++ b/@navikt/core/react/src/expansion-card/ExpansionCardTitle.tsx
@@ -30,3 +30,5 @@ export const ExpansionCardTitle: OverridableComponent<
     />
   ),
 );
+
+export default ExpansionCardTitle;
diff --git a/@navikt/core/react/src/expansion-card/index.ts b/@navikt/core/react/src/expansion-card/index.ts
index 72c0a132a7..1f6968f23a 100644
--- a/@navikt/core/react/src/expansion-card/index.ts
+++ b/@navikt/core/react/src/expansion-card/index.ts
@@ -1,4 +1,9 @@
+"use client";
 export {
   type ExpansionCardProps,
   default as ExpansionCard,
 } from "./ExpansionCard";
+export { default as ExpansionCardContent } from "./ExpansionCardContent";
+export { default as ExpansionCardHeader } from "./ExpansionCardHeader";
+export { default as ExpansionCardTitle } from "./ExpansionCardTitle";
+export { default as ExpansionCardDescription } from "./ExpansionCardDescription";
diff --git a/@navikt/core/react/src/form/checkbox/CheckboxGroup.tsx b/@navikt/core/react/src/form/checkbox/CheckboxGroup.tsx
index f1a1a45b9b..c2b5ddb295 100644
--- a/@navikt/core/react/src/form/checkbox/CheckboxGroup.tsx
+++ b/@navikt/core/react/src/form/checkbox/CheckboxGroup.tsx
@@ -1,6 +1,7 @@
 import cl from "clsx";
 import React, { createContext, forwardRef, useContext, useState } from "react";
-import { Fieldset, FieldsetContext, FieldsetProps } from "../Fieldset";
+import { Fieldset, FieldsetProps } from "../fieldset";
+import { FieldsetContext } from "../fieldset/context";
 
 export interface CheckboxGroupState {
   readonly defaultValue?: readonly any[];
diff --git a/@navikt/core/react/src/form/checkbox/checkbox.stories.tsx b/@navikt/core/react/src/form/checkbox/checkbox.stories.tsx
index d8309d499c..303ff77d25 100644
--- a/@navikt/core/react/src/form/checkbox/checkbox.stories.tsx
+++ b/@navikt/core/react/src/form/checkbox/checkbox.stories.tsx
@@ -1,6 +1,7 @@
 import { Meta, StoryObj } from "@storybook/react";
 import React, { useState } from "react";
-import { Checkbox, CheckboxGroup } from "../../index";
+import Checkbox from "./Checkbox";
+import CheckboxGroup from "./CheckboxGroup";
 
 const meta: Meta<typeof Checkbox> = {
   title: "ds-react/Checkbox",
diff --git a/@navikt/core/react/src/form/checkbox/index.ts b/@navikt/core/react/src/form/checkbox/index.ts
index ffba0114c7..4d0676e5e0 100644
--- a/@navikt/core/react/src/form/checkbox/index.ts
+++ b/@navikt/core/react/src/form/checkbox/index.ts
@@ -1,3 +1,4 @@
+"use client";
 export { default as Checkbox } from "./Checkbox";
 export {
   default as CheckboxGroup,
diff --git a/@navikt/core/react/src/form/combobox/combobox.stories.tsx b/@navikt/core/react/src/form/combobox/combobox.stories.tsx
index 686b37a356..569a7cb581 100644
--- a/@navikt/core/react/src/form/combobox/combobox.stories.tsx
+++ b/@navikt/core/react/src/form/combobox/combobox.stories.tsx
@@ -1,7 +1,9 @@
 import { Meta, StoryFn, StoryObj } from "@storybook/react";
 import { expect, fn, userEvent, within } from "@storybook/test";
 import React, { useId, useMemo, useRef, useState } from "react";
-import { Chips, ComboboxProps, TextField, UNSAFE_Combobox } from "../../index";
+import { Chips } from "../../chips";
+import { TextField } from "../textfield";
+import { ComboboxProps, UNSAFE_Combobox } from "./index";
 
 export default {
   title: "ds-react/Combobox",
diff --git a/@navikt/core/react/src/form/combobox/combobox.test.tsx b/@navikt/core/react/src/form/combobox/combobox.test.tsx
index 5bce97e23b..8618029592 100644
--- a/@navikt/core/react/src/form/combobox/combobox.test.tsx
+++ b/@navikt/core/react/src/form/combobox/combobox.test.tsx
@@ -4,7 +4,7 @@ import userEvent from "@testing-library/user-event";
 import React, { useId } from "react";
 import { act } from "react-dom/test-utils";
 import { describe, expect, test } from "vitest";
-import { UNSAFE_Combobox } from "..";
+import { UNSAFE_Combobox } from "./index";
 
 const options = [
   "banana",
diff --git a/@navikt/core/react/src/form/combobox/index.ts b/@navikt/core/react/src/form/combobox/index.ts
index 94f49ce7df..e7db2c1725 100644
--- a/@navikt/core/react/src/form/combobox/index.ts
+++ b/@navikt/core/react/src/form/combobox/index.ts
@@ -1,2 +1,3 @@
-export { default as Combobox } from "./ComboboxProvider";
+"use client";
+export { default as UNSAFE_Combobox } from "./ComboboxProvider";
 export { type ComboboxProps } from "./types";
diff --git a/@navikt/core/react/src/form/ConfirmationPanel.test.tsx b/@navikt/core/react/src/form/confirmation-panel/ConfirmationPanel.test.tsx
similarity index 100%
rename from @navikt/core/react/src/form/ConfirmationPanel.test.tsx
rename to @navikt/core/react/src/form/confirmation-panel/ConfirmationPanel.test.tsx
diff --git a/@navikt/core/react/src/form/ConfirmationPanel.tsx b/@navikt/core/react/src/form/confirmation-panel/ConfirmationPanel.tsx
similarity index 92%
rename from @navikt/core/react/src/form/ConfirmationPanel.tsx
rename to @navikt/core/react/src/form/confirmation-panel/ConfirmationPanel.tsx
index 259f174ef9..bd2e0b85d3 100644
--- a/@navikt/core/react/src/form/ConfirmationPanel.tsx
+++ b/@navikt/core/react/src/form/confirmation-panel/ConfirmationPanel.tsx
@@ -1,9 +1,9 @@
 import cl from "clsx";
 import React, { forwardRef } from "react";
-import { BodyLong, ErrorMessage } from "../typography";
-import { useId } from "../util/hooks";
-import { Checkbox, CheckboxProps } from "./checkbox";
-import { useFormField } from "./useFormField";
+import { BodyLong, ErrorMessage } from "../../typography";
+import { useId } from "../../util/hooks";
+import { Checkbox, CheckboxProps } from "../checkbox";
+import { useFormField } from "../useFormField";
 
 export interface ConfirmationPanelProps
   extends Omit<
diff --git a/@navikt/core/react/src/form/stories/confirmation-panel.stories.tsx b/@navikt/core/react/src/form/confirmation-panel/confirmation-panel.stories.tsx
similarity index 98%
rename from @navikt/core/react/src/form/stories/confirmation-panel.stories.tsx
rename to @navikt/core/react/src/form/confirmation-panel/confirmation-panel.stories.tsx
index c5d2306e08..ab31aaa975 100644
--- a/@navikt/core/react/src/form/stories/confirmation-panel.stories.tsx
+++ b/@navikt/core/react/src/form/confirmation-panel/confirmation-panel.stories.tsx
@@ -1,7 +1,7 @@
 import { Meta, StoryObj } from "@storybook/react";
 import React, { useState } from "react";
 import { Link } from "../../link";
-import { ConfirmationPanel } from "../index";
+import { ConfirmationPanel } from "./index";
 
 export default {
   title: "ds-react/ConfirmationPanel",
diff --git a/@navikt/core/react/src/form/confirmation-panel/index.ts b/@navikt/core/react/src/form/confirmation-panel/index.ts
new file mode 100644
index 0000000000..88b68f07dc
--- /dev/null
+++ b/@navikt/core/react/src/form/confirmation-panel/index.ts
@@ -0,0 +1,5 @@
+"use client";
+export {
+  default as ConfirmationPanel,
+  type ConfirmationPanelProps,
+} from "./ConfirmationPanel";
diff --git a/@navikt/core/react/src/form/error-summary/index.ts b/@navikt/core/react/src/form/error-summary/index.ts
index 315e9a4106..c0792cffb9 100644
--- a/@navikt/core/react/src/form/error-summary/index.ts
+++ b/@navikt/core/react/src/form/error-summary/index.ts
@@ -1,2 +1,9 @@
-export { default as ErrorSummary } from "./ErrorSummary";
-export { type ErrorSummaryProps } from "./ErrorSummary";
+"use client";
+export {
+  default as ErrorSummary,
+  type ErrorSummaryProps,
+} from "./ErrorSummary";
+export {
+  default as ErrorSummaryItem,
+  type ErrorSummaryItemProps,
+} from "./ErrorSummaryItem";
diff --git a/@navikt/core/react/src/form/Fieldset/Fieldset.tsx b/@navikt/core/react/src/form/fieldset/Fieldset.tsx
similarity index 100%
rename from @navikt/core/react/src/form/Fieldset/Fieldset.tsx
rename to @navikt/core/react/src/form/fieldset/Fieldset.tsx
diff --git a/@navikt/core/react/src/form/Fieldset/context.ts b/@navikt/core/react/src/form/fieldset/context.ts
similarity index 100%
rename from @navikt/core/react/src/form/Fieldset/context.ts
rename to @navikt/core/react/src/form/fieldset/context.ts
diff --git a/@navikt/core/react/src/form/stories/fieldset.stories.tsx b/@navikt/core/react/src/form/fieldset/fieldset.stories.tsx
similarity index 96%
rename from @navikt/core/react/src/form/stories/fieldset.stories.tsx
rename to @navikt/core/react/src/form/fieldset/fieldset.stories.tsx
index d127a8320f..f7581d9c6a 100644
--- a/@navikt/core/react/src/form/stories/fieldset.stories.tsx
+++ b/@navikt/core/react/src/form/fieldset/fieldset.stories.tsx
@@ -1,7 +1,7 @@
 import { Meta } from "@storybook/react";
 import React from "react";
-import { TextField } from "../../index";
-import { Fieldset } from "../index";
+import TextField from "../textfield/TextField";
+import { Fieldset } from "./index";
 
 export default {
   title: "ds-react/Fieldset",
diff --git a/@navikt/core/react/src/form/Fieldset/index.ts b/@navikt/core/react/src/form/fieldset/index.ts
similarity index 60%
rename from @navikt/core/react/src/form/Fieldset/index.ts
rename to @navikt/core/react/src/form/fieldset/index.ts
index 215bc1e10f..8ecbdd71c6 100644
--- a/@navikt/core/react/src/form/Fieldset/index.ts
+++ b/@navikt/core/react/src/form/fieldset/index.ts
@@ -1,2 +1,2 @@
+"use client";
 export { default as Fieldset, type FieldsetProps } from "./Fieldset";
-export { FieldsetContext } from "./context";
diff --git a/@navikt/core/react/src/form/Fieldset/useFieldset.ts b/@navikt/core/react/src/form/fieldset/useFieldset.ts
similarity index 100%
rename from @navikt/core/react/src/form/Fieldset/useFieldset.ts
rename to @navikt/core/react/src/form/fieldset/useFieldset.ts
diff --git a/@navikt/core/react/src/form/index.ts b/@navikt/core/react/src/form/index.ts
deleted file mode 100644
index 2a73063766..0000000000
--- a/@navikt/core/react/src/form/index.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-export {
-  default as ConfirmationPanel,
-  type ConfirmationPanelProps,
-} from "./ConfirmationPanel";
-export { Fieldset, FieldsetContext, type FieldsetProps } from "./Fieldset";
-export { default as Select, type SelectProps } from "./Select";
-export { default as Switch, type SwitchProps } from "./Switch";
-export { default as TextField, type TextFieldProps } from "./TextField";
-export { default as Textarea, type TextareaProps } from "./Textarea";
-export {
-  Checkbox,
-  CheckboxGroup,
-  type CheckboxGroupProps,
-  type CheckboxProps,
-} from "./checkbox";
-export { Combobox as UNSAFE_Combobox, type ComboboxProps } from "./combobox";
-export { ErrorSummary, type ErrorSummaryProps } from "./error-summary";
-export {
-  Radio,
-  RadioGroup,
-  type RadioGroupProps,
-  type RadioProps,
-} from "./radio";
-export { Search, type SearchClearEvent, type SearchProps } from "./search";
diff --git a/@navikt/core/react/src/form/radio/RadioGroup.tsx b/@navikt/core/react/src/form/radio/RadioGroup.tsx
index 6e36fc0be7..5043eddcfa 100644
--- a/@navikt/core/react/src/form/radio/RadioGroup.tsx
+++ b/@navikt/core/react/src/form/radio/RadioGroup.tsx
@@ -1,7 +1,8 @@
 import cl from "clsx";
 import React, { forwardRef, useContext } from "react";
 import { useId } from "../../util/hooks";
-import { Fieldset, FieldsetContext, FieldsetProps } from "../Fieldset";
+import { Fieldset, FieldsetProps } from "../fieldset";
+import { FieldsetContext } from "../fieldset/context";
 
 export interface RadioGroupContextProps {
   name: string;
diff --git a/@navikt/core/react/src/form/radio/index.ts b/@navikt/core/react/src/form/radio/index.ts
index 5d8befc3f8..15104930cb 100644
--- a/@navikt/core/react/src/form/radio/index.ts
+++ b/@navikt/core/react/src/form/radio/index.ts
@@ -1,3 +1,4 @@
+"use client";
 export { default as Radio } from "./Radio";
 export { default as RadioGroup, type RadioGroupProps } from "./RadioGroup";
 export { type RadioProps } from "./types";
diff --git a/@navikt/core/react/src/form/radio/radio.stories.tsx b/@navikt/core/react/src/form/radio/radio.stories.tsx
index c8222f3800..6e18c005cd 100644
--- a/@navikt/core/react/src/form/radio/radio.stories.tsx
+++ b/@navikt/core/react/src/form/radio/radio.stories.tsx
@@ -1,9 +1,11 @@
 import { Meta, StoryObj } from "@storybook/react";
 import React, { useState } from "react";
+import { Accordion } from "../../accordion";
 import AccordionContent from "../../accordion/AccordionContent";
 import AccordionHeader from "../../accordion/AccordionHeader";
 import AccordionItem from "../../accordion/AccordionItem";
-import { Accordion, Radio, RadioGroup } from "../../index";
+import Radio from "./Radio";
+import RadioGroup from "./RadioGroup";
 
 const meta: Meta<typeof Radio> = {
   title: "ds-react/Radio",
diff --git a/@navikt/core/react/src/form/search/index.ts b/@navikt/core/react/src/form/search/index.ts
index 6c82da61e9..510b1c3c96 100644
--- a/@navikt/core/react/src/form/search/index.ts
+++ b/@navikt/core/react/src/form/search/index.ts
@@ -1,5 +1,11 @@
+"use client";
 export {
   default as Search,
   type SearchProps,
   type SearchClearEvent,
 } from "./Search";
+
+export {
+  default as SearchButton,
+  type SearchButtonProps,
+} from "./SearchButton";
diff --git a/@navikt/core/react/src/form/search/search.stories.tsx b/@navikt/core/react/src/form/search/search.stories.tsx
index 9b2c4157d5..f0df53c1b9 100644
--- a/@navikt/core/react/src/form/search/search.stories.tsx
+++ b/@navikt/core/react/src/form/search/search.stories.tsx
@@ -1,6 +1,6 @@
 import { Meta, StoryObj } from "@storybook/react";
 import React, { useState } from "react";
-import { Search } from "../index";
+import Search from "./Search";
 
 export default {
   title: "ds-react/Search",
diff --git a/@navikt/core/react/src/form/Select.tsx b/@navikt/core/react/src/form/select/Select.tsx
similarity index 94%
rename from @navikt/core/react/src/form/Select.tsx
rename to @navikt/core/react/src/form/select/Select.tsx
index 06caf2072a..3bd8cdfb6d 100644
--- a/@navikt/core/react/src/form/Select.tsx
+++ b/@navikt/core/react/src/form/select/Select.tsx
@@ -1,10 +1,10 @@
 import cl from "clsx";
 import React, { SelectHTMLAttributes, forwardRef } from "react";
 import { ChevronDownIcon } from "@navikt/aksel-icons";
-import { BodyShort, ErrorMessage, Label } from "../typography";
-import { omit } from "../util";
-import { ReadOnlyIcon } from "./ReadOnlyIcon";
-import { FormFieldProps, useFormField } from "./useFormField";
+import { BodyShort, ErrorMessage, Label } from "../../typography";
+import { omit } from "../../util";
+import { ReadOnlyIcon } from "../ReadOnlyIcon";
+import { FormFieldProps, useFormField } from "../useFormField";
 
 export interface SelectProps
   extends FormFieldProps,
diff --git a/@navikt/core/react/src/form/select/index.ts b/@navikt/core/react/src/form/select/index.ts
new file mode 100644
index 0000000000..a30fc4080d
--- /dev/null
+++ b/@navikt/core/react/src/form/select/index.ts
@@ -0,0 +1,2 @@
+"use client";
+export { default as Select, type SelectProps } from "./Select";
diff --git a/@navikt/core/react/src/form/stories/select.stories.tsx b/@navikt/core/react/src/form/select/select.stories.tsx
similarity index 99%
rename from @navikt/core/react/src/form/stories/select.stories.tsx
rename to @navikt/core/react/src/form/select/select.stories.tsx
index 88a50092b8..3b86bcc45e 100644
--- a/@navikt/core/react/src/form/stories/select.stories.tsx
+++ b/@navikt/core/react/src/form/select/select.stories.tsx
@@ -1,6 +1,6 @@
 import { Meta, StoryObj } from "@storybook/react";
 import React from "react";
-import { Select } from "../index";
+import Select from "./Select";
 
 export default {
   title: "ds-react/Select",
diff --git a/@navikt/core/react/src/form/Switch.tsx b/@navikt/core/react/src/form/switch/Switch.tsx
similarity index 95%
rename from @navikt/core/react/src/form/Switch.tsx
rename to @navikt/core/react/src/form/switch/Switch.tsx
index e4a67db68c..14b35fbe23 100644
--- a/@navikt/core/react/src/form/Switch.tsx
+++ b/@navikt/core/react/src/form/switch/Switch.tsx
@@ -5,11 +5,11 @@ import React, {
   useEffect,
   useState,
 } from "react";
-import { Loader } from "../loader";
-import { BodyShort } from "../typography";
-import { omit } from "../util";
-import { ReadOnlyIcon } from "./ReadOnlyIcon";
-import { FormFieldProps, useFormField } from "./useFormField";
+import { Loader } from "../../loader";
+import { BodyShort } from "../../typography";
+import { omit } from "../../util";
+import { ReadOnlyIcon } from "../ReadOnlyIcon";
+import { FormFieldProps, useFormField } from "../useFormField";
 
 const SelectedIcon = () => (
   <svg
diff --git a/@navikt/core/react/src/form/switch/index.ts b/@navikt/core/react/src/form/switch/index.ts
new file mode 100644
index 0000000000..6018c3ae66
--- /dev/null
+++ b/@navikt/core/react/src/form/switch/index.ts
@@ -0,0 +1,2 @@
+"use client";
+export { default as Switch, type SwitchProps } from "./Switch";
diff --git a/@navikt/core/react/src/form/stories/switch.stories.tsx b/@navikt/core/react/src/form/switch/switch.stories.tsx
similarity index 98%
rename from @navikt/core/react/src/form/stories/switch.stories.tsx
rename to @navikt/core/react/src/form/switch/switch.stories.tsx
index a01b7f8693..2769139011 100644
--- a/@navikt/core/react/src/form/stories/switch.stories.tsx
+++ b/@navikt/core/react/src/form/switch/switch.stories.tsx
@@ -1,6 +1,6 @@
 import { Meta } from "@storybook/react";
 import React from "react";
-import { Switch } from "../index";
+import Switch from "./Switch";
 
 export default {
   title: "ds-react/Switch",
diff --git a/@navikt/core/react/src/form/Textarea.tsx b/@navikt/core/react/src/form/textarea/Textarea.tsx
similarity index 93%
rename from @navikt/core/react/src/form/Textarea.tsx
rename to @navikt/core/react/src/form/textarea/Textarea.tsx
index 140fdd9586..cdcf760df9 100644
--- a/@navikt/core/react/src/form/Textarea.tsx
+++ b/@navikt/core/react/src/form/textarea/Textarea.tsx
@@ -1,13 +1,13 @@
 import cl from "clsx";
 import React, { forwardRef, useState } from "react";
-import { BodyShort, ErrorMessage, Label } from "../typography";
-import { omit } from "../util";
-import TextareaAutosize from "../util/TextareaAutoSize";
-import { composeEventHandlers } from "../util/composeEventHandlers";
-import { useId } from "../util/hooks";
-import { ReadOnlyIcon } from "./ReadOnlyIcon";
+import { BodyShort, ErrorMessage, Label } from "../../typography";
+import { omit } from "../../util";
+import TextareaAutosize from "../../util/TextareaAutoSize";
+import { composeEventHandlers } from "../../util/composeEventHandlers";
+import { useId } from "../../util/hooks";
+import { ReadOnlyIcon } from "../ReadOnlyIcon";
+import { FormFieldProps, useFormField } from "./../useFormField";
 import Counter from "./TextareaCounter";
-import { FormFieldProps, useFormField } from "./useFormField";
 
 /**
  * TODO: Mulighet for lokalisering av sr-only/counter text
diff --git a/@navikt/core/react/src/form/TextareaCounter.tsx b/@navikt/core/react/src/form/textarea/TextareaCounter.tsx
similarity index 93%
rename from @navikt/core/react/src/form/TextareaCounter.tsx
rename to @navikt/core/react/src/form/textarea/TextareaCounter.tsx
index 2120c188c0..1232f3cb39 100644
--- a/@navikt/core/react/src/form/TextareaCounter.tsx
+++ b/@navikt/core/react/src/form/textarea/TextareaCounter.tsx
@@ -1,7 +1,7 @@
 import cl from "clsx";
 import React, { useEffect, useState } from "react";
-import { BodyShort } from "../typography";
-import debounce from "../util/debounce";
+import { BodyShort } from "../../typography";
+import debounce from "../../util/debounce";
 import type { TextareaProps } from "./Textarea";
 
 interface Props {
diff --git a/@navikt/core/react/src/form/textarea/index.ts b/@navikt/core/react/src/form/textarea/index.ts
new file mode 100644
index 0000000000..87489d537b
--- /dev/null
+++ b/@navikt/core/react/src/form/textarea/index.ts
@@ -0,0 +1,2 @@
+"use client";
+export { default as Textarea, type TextareaProps } from "./Textarea";
diff --git a/@navikt/core/react/src/form/stories/textarea.stories.tsx b/@navikt/core/react/src/form/textarea/textarea.stories.tsx
similarity index 99%
rename from @navikt/core/react/src/form/stories/textarea.stories.tsx
rename to @navikt/core/react/src/form/textarea/textarea.stories.tsx
index 75178323cf..1bf38f5158 100644
--- a/@navikt/core/react/src/form/stories/textarea.stories.tsx
+++ b/@navikt/core/react/src/form/textarea/textarea.stories.tsx
@@ -3,7 +3,7 @@ import { expect, userEvent, within } from "@storybook/test";
 import React, { useState } from "react";
 import { Button } from "../../button";
 import { Modal } from "../../modal";
-import { Textarea } from "../index";
+import { Textarea } from "./index";
 
 const meta: Meta<typeof Textarea> = {
   title: "ds-react/Textarea",
diff --git a/@navikt/core/react/src/form/TextField.tsx b/@navikt/core/react/src/form/textfield/TextField.tsx
similarity index 93%
rename from @navikt/core/react/src/form/TextField.tsx
rename to @navikt/core/react/src/form/textfield/TextField.tsx
index 68de8e73f2..dd2e91ab8f 100644
--- a/@navikt/core/react/src/form/TextField.tsx
+++ b/@navikt/core/react/src/form/textfield/TextField.tsx
@@ -1,9 +1,9 @@
 import cl from "clsx";
 import React, { InputHTMLAttributes, forwardRef } from "react";
-import { BodyShort, ErrorMessage, Label } from "../typography";
-import { omit } from "../util";
-import { ReadOnlyIcon } from "./ReadOnlyIcon";
-import { FormFieldProps, useFormField } from "./useFormField";
+import { BodyShort, ErrorMessage, Label } from "../../typography";
+import { omit } from "../../util";
+import { ReadOnlyIcon } from "../ReadOnlyIcon";
+import { FormFieldProps, useFormField } from "../useFormField";
 
 export interface TextFieldProps
   extends FormFieldProps,
diff --git a/@navikt/core/react/src/form/textfield/index.ts b/@navikt/core/react/src/form/textfield/index.ts
new file mode 100644
index 0000000000..1acb528967
--- /dev/null
+++ b/@navikt/core/react/src/form/textfield/index.ts
@@ -0,0 +1,2 @@
+"use client";
+export { default as TextField, type TextFieldProps } from "./TextField";
diff --git a/@navikt/core/react/src/form/stories/text-field.stories.tsx b/@navikt/core/react/src/form/textfield/text-field.stories.tsx
similarity index 98%
rename from @navikt/core/react/src/form/stories/text-field.stories.tsx
rename to @navikt/core/react/src/form/textfield/text-field.stories.tsx
index ab07a6d842..4b5a3f862d 100644
--- a/@navikt/core/react/src/form/stories/text-field.stories.tsx
+++ b/@navikt/core/react/src/form/textfield/text-field.stories.tsx
@@ -1,6 +1,6 @@
 import { Meta, StoryObj } from "@storybook/react";
 import React from "react";
-import { TextField } from "../index";
+import TextField from "./TextField";
 
 export default {
   title: "ds-react/TextField",
diff --git a/@navikt/core/react/src/form/useFormField.ts b/@navikt/core/react/src/form/useFormField.ts
index 9f9e100498..9f74696355 100644
--- a/@navikt/core/react/src/form/useFormField.ts
+++ b/@navikt/core/react/src/form/useFormField.ts
@@ -1,7 +1,7 @@
 import cl from "clsx";
 import React, { useContext } from "react";
 import { useId } from "../util/hooks";
-import { FieldsetContext } from "./Fieldset/context";
+import { FieldsetContext } from "./fieldset/context";
 
 export interface FormFieldProps {
   /**
diff --git a/@navikt/core/react/src/guide-panel/guidepanel.stories.tsx b/@navikt/core/react/src/guide-panel/guidepanel.stories.tsx
index 804bf1cbeb..9b06a5f2e8 100644
--- a/@navikt/core/react/src/guide-panel/guidepanel.stories.tsx
+++ b/@navikt/core/react/src/guide-panel/guidepanel.stories.tsx
@@ -1,7 +1,9 @@
 import { Meta } from "@storybook/react";
 import React from "react";
 import { InformationIcon } from "@navikt/aksel-icons";
-import { BodyLong, GuidePanel, VStack } from "../index";
+import { VStack } from "../layout/stack";
+import { BodyLong } from "../typography";
+import GuidePanel from "./GuidePanel";
 
 export default {
   title: "ds-react/GuidePanel",
diff --git a/@navikt/core/react/src/guide-panel/index.ts b/@navikt/core/react/src/guide-panel/index.ts
index 68cf850fb7..8948d0a873 100644
--- a/@navikt/core/react/src/guide-panel/index.ts
+++ b/@navikt/core/react/src/guide-panel/index.ts
@@ -1,2 +1,3 @@
+"use client";
 export { default as GuidePanel, type GuidePanelProps } from "./GuidePanel";
-export { DefaultIllustration as GuideDefaultIllustration } from "./Illustration";
+export { DefaultIllustration as GuidePanelDefaultIllustration } from "./Illustration";
diff --git a/@navikt/core/react/src/help-text/index.ts b/@navikt/core/react/src/help-text/index.ts
index ce0a3b0d72..df89da97be 100644
--- a/@navikt/core/react/src/help-text/index.ts
+++ b/@navikt/core/react/src/help-text/index.ts
@@ -1,2 +1,2 @@
-export { default as HelpText } from "./HelpText";
-export { type HelpTextProps } from "./HelpText";
+"use client";
+export { default as HelpText, type HelpTextProps } from "./HelpText";
diff --git a/@navikt/core/react/src/index.ts b/@navikt/core/react/src/index.ts
index 3828eacbd3..fe3627167c 100644
--- a/@navikt/core/react/src/index.ts
+++ b/@navikt/core/react/src/index.ts
@@ -1,41 +1,144 @@
 "use client";
-export * from "./accordion";
-export * from "./alert";
-export * from "./button";
-export * from "./chat";
-export * from "./chips";
-export * from "./copybutton";
-export * from "./date";
-export * from "./dropdown";
-export * from "./expansion-card";
-export * from "./form";
-export * from "./guide-panel";
-export * from "./overlays";
-export * from "./help-text";
-export * from "./internal-header";
-export * from "./link";
-export * from "./link-panel";
-export * from "./list";
-export * from "./loader";
-export * from "./modal";
-export * from "./pagination";
-export * from "./panel";
-export * from "./popover";
-export * from "./provider";
-export * from "./read-more";
-export * from "./skeleton";
-export * from "./stepper";
-export * from "./table";
-export * from "./tabs";
-export * from "./tag";
-export * from "./timeline";
-export * from "./toggle-group";
-export * from "./tooltip";
-export * from "./typography";
-export * from "./util";
-export * from "./layout/bleed";
-export * from "./layout/box";
-export * from "./layout/stack";
-export * from "./layout/grid";
-export * from "./layout/responsive";
-export * from "./layout/page";
+export { Accordion, type AccordionProps } from "./accordion";
+export { Alert, type AlertProps } from "./alert";
+export { Button, type ButtonProps } from "./button";
+export { Chat, type ChatProps } from "./chat";
+export { Chips, type ChipsProps } from "./chips";
+export { CopyButton, type CopyButtonProps } from "./copybutton";
+export {
+  DatePicker,
+  useDatepicker,
+  useRangeDatepicker,
+  type DateInputProps,
+  type DatePickerProps,
+  type DatePickerStandaloneProps,
+  type DateValidationT,
+  type RangeValidationT,
+} from "./date/datepicker";
+export {
+  MonthPicker,
+  useMonthpicker,
+  type MonthPickerProps,
+  type MonthPickerStandaloneProps,
+  type MonthValidationT,
+} from "./date/monthpicker";
+export { Dropdown, type DropdownProps } from "./dropdown";
+export { ExpansionCard, type ExpansionCardProps } from "./expansion-card";
+export {
+  GuidePanel,
+  type GuidePanelProps,
+  GuidePanelDefaultIllustration,
+} from "./guide-panel";
+export { HelpText, type HelpTextProps } from "./help-text";
+export {
+  InternalHeader,
+  type InternalHeaderButtonProps,
+  type InternalHeaderProps,
+  type InternalHeaderTitleProps,
+  type InternalHeaderUserButtonProps,
+  type InternalHeaderUserProps,
+} from "./internal-header";
+export { Bleed, type BleedProps } from "./layout/bleed";
+export { Box, type BoxProps } from "./layout/box";
+export { HGrid, type HGridProps } from "./layout/grid";
+export { Page, type PageBlockProps, type PageProps } from "./layout/page";
+export { Hide, Show, type ResponsiveProps } from "./layout/responsive";
+export {
+  HStack,
+  Spacer,
+  Stack,
+  VStack,
+  type HStackProps,
+  type StackProps,
+  type VStackProps,
+} from "./layout/stack";
+export { Link, type LinkProps } from "./link";
+export { List, type ListProps } from "./list";
+export { Loader, type LoaderProps } from "./loader";
+export { Modal, type ModalProps } from "./modal";
+export { Pagination, type PaginationProps } from "./pagination";
+export { Popover, type PopoverProps } from "./popover";
+export { Portal, type PortalProps } from "./portal";
+export { Provider, type ProviderProps } from "./provider";
+export { ReadMore, type ReadMoreProps } from "./read-more";
+export { Skeleton, type SkeletonProps } from "./skeleton";
+export { Stepper, type StepperProps } from "./stepper";
+export {
+  Table,
+  type BodyProps,
+  type ColumnHeaderProps,
+  type DataCellProps,
+  type ExpandableRowProps,
+  type HeaderCellProps,
+  type HeaderProps,
+  type RowProps,
+  type SortState,
+  type TableProps,
+} from "./table";
+export { Tabs, type TabsProps } from "./tabs";
+export { Tag, type TagProps } from "./tag";
+export {
+  Timeline,
+  type TimelinePeriodProps,
+  type TimelinePinProps,
+  type TimelineProps,
+  type TimelineRowProps,
+  type TimelineZoomButtonProps,
+} from "./timeline";
+export { ToggleGroup, type ToggleGroupProps } from "./toggle-group";
+export { Tooltip, type TooltipProps } from "./tooltip";
+export {
+  BodyLong,
+  BodyShort,
+  Detail,
+  ErrorMessage,
+  Heading,
+  Ingress,
+  Label,
+  type BodyLongProps,
+  type BodyShortProps,
+  type DetailProps,
+  type ErrorMessageProps,
+  type HeadingProps,
+  type IngressProps,
+  type LabelProps,
+} from "./typography";
+export {
+  OverridableComponent,
+  debounce,
+  omit,
+  useClientLayoutEffect,
+  useEventListener,
+  useId,
+} from "./util";
+
+export {
+  Checkbox,
+  CheckboxGroup,
+  type CheckboxGroupProps,
+  type CheckboxProps,
+} from "./form/checkbox";
+export { UNSAFE_Combobox, type ComboboxProps } from "./form/combobox";
+export {
+  ConfirmationPanel,
+  type ConfirmationPanelProps,
+} from "./form/confirmation-panel";
+export { ErrorSummary, type ErrorSummaryProps } from "./form/error-summary";
+export { Fieldset, type FieldsetProps } from "./form/fieldset";
+export {
+  Radio,
+  RadioGroup,
+  type RadioGroupProps,
+  type RadioProps,
+} from "./form/radio";
+export { Search, type SearchClearEvent, type SearchProps } from "./form/search";
+export { Select, type SelectProps } from "./form/select";
+export { Switch, type SwitchProps } from "./form/switch";
+export { Textarea, type TextareaProps } from "./form/textarea";
+export { TextField, type TextFieldProps } from "./form/textfield";
+
+/**
+ * @deprecated
+ */
+export { LinkPanel, type LinkPanelProps } from "./link-panel";
+export { Panel, type PanelProps } from "./panel";
diff --git a/@navikt/core/react/src/internal-header/index.ts b/@navikt/core/react/src/internal-header/index.ts
index 90201cfe02..004e6cc8a3 100644
--- a/@navikt/core/react/src/internal-header/index.ts
+++ b/@navikt/core/react/src/internal-header/index.ts
@@ -1,8 +1,21 @@
+"use client";
 export {
   default as InternalHeader,
   type InternalHeaderProps,
 } from "./InternalHeader";
-export { type InternalHeaderButtonProps } from "./InternalHeaderButton";
-export { type InternalHeaderTitleProps } from "./InternalHeaderTitle";
-export { type InternalHeaderUserProps } from "./InternalHeaderUser";
-export { type InternalHeaderUserButtonProps } from "./InternalHeaderUserButton";
+export {
+  default as InternalHeaderButton,
+  type InternalHeaderButtonProps,
+} from "./InternalHeaderButton";
+export {
+  default as InternalHeaderTitle,
+  type InternalHeaderTitleProps,
+} from "./InternalHeaderTitle";
+export {
+  default as InternalHeaderUser,
+  type InternalHeaderUserProps,
+} from "./InternalHeaderUser";
+export {
+  default as InternalHeaderUserButton,
+  type InternalHeaderUserButtonProps,
+} from "./InternalHeaderUserButton";
diff --git a/@navikt/core/react/src/layout/bleed/Bleed.tsx b/@navikt/core/react/src/layout/bleed/Bleed.tsx
index 63298b516e..ee546bacd5 100644
--- a/@navikt/core/react/src/layout/bleed/Bleed.tsx
+++ b/@navikt/core/react/src/layout/bleed/Bleed.tsx
@@ -125,3 +125,5 @@ export const Bleed = forwardRef<HTMLDivElement, BleedProps>(
     );
   },
 );
+
+export default Bleed;
diff --git a/@navikt/core/react/src/layout/bleed/index.ts b/@navikt/core/react/src/layout/bleed/index.ts
index 102f10d905..b5adb35e93 100644
--- a/@navikt/core/react/src/layout/bleed/index.ts
+++ b/@navikt/core/react/src/layout/bleed/index.ts
@@ -1 +1,2 @@
-export { Bleed, type BleedProps } from "./Bleed";
+"use client";
+export { default as Bleed, type BleedProps } from "./Bleed";
diff --git a/@navikt/core/react/src/layout/box/Box.tsx b/@navikt/core/react/src/layout/box/Box.tsx
index c6d9b6bd59..a07f900b6b 100644
--- a/@navikt/core/react/src/layout/box/Box.tsx
+++ b/@navikt/core/react/src/layout/box/Box.tsx
@@ -145,3 +145,5 @@ export const Box: OverridableComponent<BoxProps, HTMLDivElement> = forwardRef(
     );
   },
 );
+
+export default Box;
diff --git a/@navikt/core/react/src/layout/box/index.ts b/@navikt/core/react/src/layout/box/index.ts
index 14b07a0b73..138b7d9c66 100644
--- a/@navikt/core/react/src/layout/box/index.ts
+++ b/@navikt/core/react/src/layout/box/index.ts
@@ -1 +1,2 @@
-export { Box, type BoxProps } from "./Box";
+"use client";
+export { default as Box, type BoxProps } from "./Box";
diff --git a/@navikt/core/react/src/layout/grid/index.ts b/@navikt/core/react/src/layout/grid/index.ts
index a0f6aed444..2b29508d4b 100644
--- a/@navikt/core/react/src/layout/grid/index.ts
+++ b/@navikt/core/react/src/layout/grid/index.ts
@@ -1 +1,2 @@
+"use client";
 export { default as HGrid, type HGridProps } from "./HGrid";
diff --git a/@navikt/core/react/src/layout/page/index.ts b/@navikt/core/react/src/layout/page/index.ts
index 97a9fb43ee..8b18d92e1e 100644
--- a/@navikt/core/react/src/layout/page/index.ts
+++ b/@navikt/core/react/src/layout/page/index.ts
@@ -1,2 +1,3 @@
+"use client";
 export { default as Page, type PageProps } from "./Page";
-export { type PageBlockProps } from "./parts/PageBlock";
+export { default as PageBlock, type PageBlockProps } from "./parts/PageBlock";
diff --git a/@navikt/core/react/src/layout/page/parts/PageBlock.tsx b/@navikt/core/react/src/layout/page/parts/PageBlock.tsx
index ca77188f34..b0a239c047 100644
--- a/@navikt/core/react/src/layout/page/parts/PageBlock.tsx
+++ b/@navikt/core/react/src/layout/page/parts/PageBlock.tsx
@@ -72,3 +72,5 @@ export const PageBlock: OverridableComponent<PageBlockProps, HTMLDivElement> =
       );
     },
   );
+
+export default PageBlock;
diff --git a/@navikt/core/react/src/layout/responsive/index.ts b/@navikt/core/react/src/layout/responsive/index.ts
index 61cde80e3a..5dcfa294a0 100644
--- a/@navikt/core/react/src/layout/responsive/index.ts
+++ b/@navikt/core/react/src/layout/responsive/index.ts
@@ -1 +1,2 @@
+"use client";
 export { Show, Hide, type ResponsiveProps } from "./Responsive";
diff --git a/@navikt/core/react/src/layout/sidemal-test/Filter.tsx b/@navikt/core/react/src/layout/sidemal-test/Filter.tsx
index d7d99acac3..98c2d15764 100644
--- a/@navikt/core/react/src/layout/sidemal-test/Filter.tsx
+++ b/@navikt/core/react/src/layout/sidemal-test/Filter.tsx
@@ -1,6 +1,6 @@
 import React, { useState } from "react";
 import { InformationSquareIcon } from "@navikt/aksel-icons";
-import { Checkbox, CheckboxGroup } from "../../form";
+import { Checkbox, CheckboxGroup } from "../../form/checkbox";
 import { BodyLong, Detail, Heading } from "../../typography";
 import { Box } from "../box";
 import { HStack, VStack } from "../stack";
diff --git a/@navikt/core/react/src/layout/stack/HStack.tsx b/@navikt/core/react/src/layout/stack/HStack.tsx
index 6264e93482..e5a0622817 100644
--- a/@navikt/core/react/src/layout/stack/HStack.tsx
+++ b/@navikt/core/react/src/layout/stack/HStack.tsx
@@ -28,3 +28,5 @@ export const HStack: OverridableComponent<HStackProps, HTMLDivElement> =
   forwardRef((props, ref) => {
     return <Stack {...props} ref={ref} direction="row" />;
   });
+
+export default HStack;
diff --git a/@navikt/core/react/src/layout/stack/Spacer.tsx b/@navikt/core/react/src/layout/stack/Spacer.tsx
index 6e11ece4d6..a7b81ea876 100644
--- a/@navikt/core/react/src/layout/stack/Spacer.tsx
+++ b/@navikt/core/react/src/layout/stack/Spacer.tsx
@@ -13,3 +13,5 @@ import React from "react";
  * </HStack>
  */
 export const Spacer = () => <div className="navds-stack__spacer" />;
+
+export default Spacer;
diff --git a/@navikt/core/react/src/layout/stack/Stack.tsx b/@navikt/core/react/src/layout/stack/Stack.tsx
index 5fb54b31ef..025f2a2162 100644
--- a/@navikt/core/react/src/layout/stack/Stack.tsx
+++ b/@navikt/core/react/src/layout/stack/Stack.tsx
@@ -76,3 +76,5 @@ export const Stack: OverridableComponent<StackProps, HTMLDivElement> =
       );
     },
   );
+
+export default Stack;
diff --git a/@navikt/core/react/src/layout/stack/VStack.tsx b/@navikt/core/react/src/layout/stack/VStack.tsx
index e7e9c04544..5e4150fa83 100644
--- a/@navikt/core/react/src/layout/stack/VStack.tsx
+++ b/@navikt/core/react/src/layout/stack/VStack.tsx
@@ -28,3 +28,5 @@ export const VStack: OverridableComponent<VStackProps, HTMLDivElement> =
   forwardRef((props, ref) => {
     return <Stack {...props} ref={ref} direction="column" wrap={false} />;
   });
+
+export default VStack;
diff --git a/@navikt/core/react/src/layout/stack/index.ts b/@navikt/core/react/src/layout/stack/index.ts
index 8baddaeab0..0ea2efd360 100644
--- a/@navikt/core/react/src/layout/stack/index.ts
+++ b/@navikt/core/react/src/layout/stack/index.ts
@@ -1,4 +1,5 @@
-export { HStack, type HStackProps } from "./HStack";
-export { VStack, type VStackProps } from "./VStack";
-export { Stack, type StackProps } from "./Stack";
-export { Spacer } from "./Spacer";
+"use client";
+export { default as HStack, type HStackProps } from "./HStack";
+export { default as VStack, type VStackProps } from "./VStack";
+export { default as Stack, type StackProps } from "./Stack";
+export { default as Spacer } from "./Spacer";
diff --git a/@navikt/core/react/src/link-panel/LinkPanelDescription.tsx b/@navikt/core/react/src/link-panel/LinkPanelDescription.tsx
index c09794a49d..8adc350748 100644
--- a/@navikt/core/react/src/link-panel/LinkPanelDescription.tsx
+++ b/@navikt/core/react/src/link-panel/LinkPanelDescription.tsx
@@ -18,3 +18,5 @@ export const LinkPanelDescription = forwardRef<
     className={cl("navds-link-panel__description", className)}
   />
 ));
+
+export default LinkPanelDescription;
diff --git a/@navikt/core/react/src/link-panel/LinkPanelTitle.tsx b/@navikt/core/react/src/link-panel/LinkPanelTitle.tsx
index d09b27b482..3bfe7b7c3f 100644
--- a/@navikt/core/react/src/link-panel/LinkPanelTitle.tsx
+++ b/@navikt/core/react/src/link-panel/LinkPanelTitle.tsx
@@ -22,3 +22,5 @@ export const LinkPanelTitle: OverridableComponent<
     )}
   />
 ));
+
+export default LinkPanelTitle;
diff --git a/@navikt/core/react/src/link-panel/index.ts b/@navikt/core/react/src/link-panel/index.ts
index 1852591498..b9a8b27202 100644
--- a/@navikt/core/react/src/link-panel/index.ts
+++ b/@navikt/core/react/src/link-panel/index.ts
@@ -1,2 +1,10 @@
-export { default as LinkPanel } from "./LinkPanel";
-export { type LinkPanelProps } from "./LinkPanel";
+"use client";
+export { default as LinkPanel, type LinkPanelProps } from "./LinkPanel";
+export {
+  default as LinkPanelTitle,
+  type LinkPanelTitleProps,
+} from "./LinkPanelTitle";
+export {
+  default as LinkPanelDescription,
+  type LinkPanelDescriptionProps,
+} from "./LinkPanelDescription";
diff --git a/@navikt/core/react/src/link/index.ts b/@navikt/core/react/src/link/index.ts
index 3ae46def90..b971f084dd 100644
--- a/@navikt/core/react/src/link/index.ts
+++ b/@navikt/core/react/src/link/index.ts
@@ -1,2 +1,2 @@
-export { default as Link } from "./Link";
-export { type LinkProps } from "./Link";
+"use client";
+export { default as Link, type LinkProps } from "./Link";
diff --git a/@navikt/core/react/src/link/stories/link.stories.tsx b/@navikt/core/react/src/link/stories/link.stories.tsx
index 1fc3cb2935..1e2eb249af 100644
--- a/@navikt/core/react/src/link/stories/link.stories.tsx
+++ b/@navikt/core/react/src/link/stories/link.stories.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 import { PlusCircleFillIcon } from "@navikt/aksel-icons";
 import { Alert } from "../../alert";
-import { ConfirmationPanel } from "../../form";
+import { ConfirmationPanel } from "../../form/confirmation-panel";
 import { BodyLong } from "../../typography";
 import Link from "../Link";
 import { RandomIcon } from "./RandomIcon";
diff --git a/@navikt/core/react/src/list/index.ts b/@navikt/core/react/src/list/index.ts
index 7434504fcd..6099216e91 100644
--- a/@navikt/core/react/src/list/index.ts
+++ b/@navikt/core/react/src/list/index.ts
@@ -1,2 +1,4 @@
+"use client";
 export { default as List } from "./List";
 export type { ListProps } from "./types";
+export { default as ListItem, type ListItemProps } from "./ListItem";
diff --git a/@navikt/core/react/src/loader/index.ts b/@navikt/core/react/src/loader/index.ts
index f854522587..22ae6cfd0f 100644
--- a/@navikt/core/react/src/loader/index.ts
+++ b/@navikt/core/react/src/loader/index.ts
@@ -1,2 +1,3 @@
+"use client";
 export { default as Loader } from "./Loader";
 export { type LoaderProps } from "./Loader";
diff --git a/@navikt/core/react/src/modal/Modal.tsx b/@navikt/core/react/src/modal/Modal.tsx
index 81b981b314..f020181564 100644
--- a/@navikt/core/react/src/modal/Modal.tsx
+++ b/@navikt/core/react/src/modal/Modal.tsx
@@ -3,7 +3,7 @@ import cl from "clsx";
 import React, { forwardRef, useContext, useEffect, useRef } from "react";
 import { createPortal } from "react-dom";
 import { DateContext } from "../date/context";
-import { useProvider } from "../provider";
+import { useProvider } from "../provider/Provider";
 import { Detail, Heading } from "../typography";
 import { composeEventHandlers } from "../util/composeEventHandlers";
 import { useId } from "../util/hooks";
diff --git a/@navikt/core/react/src/modal/index.ts b/@navikt/core/react/src/modal/index.ts
index ac2f6d9677..04073ce7a0 100644
--- a/@navikt/core/react/src/modal/index.ts
+++ b/@navikt/core/react/src/modal/index.ts
@@ -1,5 +1,6 @@
+"use client";
 export { default as Modal } from "./Modal";
-export { type ModalBodyProps } from "./ModalBody";
-export { type ModalFooterProps } from "./ModalFooter";
-export { type ModalHeaderProps } from "./ModalHeader";
+export { default as ModalBody, type ModalBodyProps } from "./ModalBody";
+export { default as ModalFooter, type ModalFooterProps } from "./ModalFooter";
+export { default as ModalHeader, type ModalHeaderProps } from "./ModalHeader";
 export { type ModalProps } from "./types";
diff --git a/@navikt/core/react/src/overlays/index.ts b/@navikt/core/react/src/overlays/index.ts
deleted file mode 100644
index 95af99bf01..0000000000
--- a/@navikt/core/react/src/overlays/index.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export { Portal } from "./portal/Portal";
-export type { PortalProps } from "./portal/Portal";
diff --git a/@navikt/core/react/src/pagination/index.ts b/@navikt/core/react/src/pagination/index.ts
index 60240e8491..3ae0534c27 100644
--- a/@navikt/core/react/src/pagination/index.ts
+++ b/@navikt/core/react/src/pagination/index.ts
@@ -1 +1,6 @@
+"use client";
 export { default as Pagination, type PaginationProps } from "./Pagination";
+export {
+  default as PaginationItem,
+  type PaginationItemProps,
+} from "./PaginationItem";
diff --git a/@navikt/core/react/src/popover/index.ts b/@navikt/core/react/src/popover/index.ts
index 1b588ecc83..9f2d63c7a9 100644
--- a/@navikt/core/react/src/popover/index.ts
+++ b/@navikt/core/react/src/popover/index.ts
@@ -1,2 +1,6 @@
+"use client";
 export { default as Popover, type PopoverProps } from "./Popover";
-export { type PopoverContentProps } from "./PopoverContent";
+export {
+  default as PopoverContent,
+  type PopoverContentProps,
+} from "./PopoverContent";
diff --git a/@navikt/core/react/src/popover/popover.stories.tsx b/@navikt/core/react/src/popover/popover.stories.tsx
index 6393d9ccdf..04f4fc8147 100644
--- a/@navikt/core/react/src/popover/popover.stories.tsx
+++ b/@navikt/core/react/src/popover/popover.stories.tsx
@@ -1,6 +1,6 @@
 import React, { useState } from "react";
 import { Button } from "../button";
-import { Popover } from "../index";
+import Popover from "./Popover";
 
 const placements = [
   "top",
diff --git a/@navikt/core/react/src/overlays/portal/Portal.stories.tsx b/@navikt/core/react/src/portal/Portal.stories.tsx
similarity index 97%
rename from @navikt/core/react/src/overlays/portal/Portal.stories.tsx
rename to @navikt/core/react/src/portal/Portal.stories.tsx
index 72442f8237..12d4242d96 100644
--- a/@navikt/core/react/src/overlays/portal/Portal.stories.tsx
+++ b/@navikt/core/react/src/portal/Portal.stories.tsx
@@ -1,6 +1,6 @@
 import React from "react";
-import { Box } from "../../layout/box";
-import { Provider } from "../../provider";
+import { Box } from "../layout/box";
+import { Provider } from "../provider";
 import { Portal } from "./Portal";
 
 export default {
diff --git a/@navikt/core/react/src/overlays/portal/Portal.tsx b/@navikt/core/react/src/portal/Portal.tsx
similarity index 85%
rename from @navikt/core/react/src/overlays/portal/Portal.tsx
rename to @navikt/core/react/src/portal/Portal.tsx
index 7023d0f08f..7fe67c9ffc 100644
--- a/@navikt/core/react/src/overlays/portal/Portal.tsx
+++ b/@navikt/core/react/src/portal/Portal.tsx
@@ -1,8 +1,8 @@
 import React, { HTMLAttributes, forwardRef } from "react";
 import ReactDOM from "react-dom";
-import { useProvider } from "../../provider";
-import { Slot } from "../../util/Slot";
-import { AsChildProps } from "../../util/types";
+import { useProvider } from "../provider/Provider";
+import { Slot } from "../util/Slot";
+import { AsChildProps } from "../util/types";
 
 interface PortalBaseProps extends HTMLAttributes<HTMLDivElement> {
   /**
diff --git a/@navikt/core/react/src/portal/index.ts b/@navikt/core/react/src/portal/index.ts
new file mode 100644
index 0000000000..d1f7de5598
--- /dev/null
+++ b/@navikt/core/react/src/portal/index.ts
@@ -0,0 +1,2 @@
+"use client";
+export { default as Portal, type PortalProps } from "./Portal";
diff --git a/@navikt/core/react/src/provider/index.ts b/@navikt/core/react/src/provider/index.ts
index e071af7a0c..5d86c8ee05 100644
--- a/@navikt/core/react/src/provider/index.ts
+++ b/@navikt/core/react/src/provider/index.ts
@@ -1 +1,2 @@
-export { default as Provider, useProvider } from "./Provider";
+"use client";
+export { default as Provider, type ProviderProps } from "./Provider";
diff --git a/@navikt/core/react/src/read-more/index.ts b/@navikt/core/react/src/read-more/index.ts
index f85feb431e..3d8ea133d5 100644
--- a/@navikt/core/react/src/read-more/index.ts
+++ b/@navikt/core/react/src/read-more/index.ts
@@ -1,2 +1,2 @@
-export { default as ReadMore } from "./ReadMore";
-export { type ReadMoreProps } from "./ReadMore";
+"use client";
+export { default as ReadMore, type ReadMoreProps } from "./ReadMore";
diff --git a/@navikt/core/react/src/skeleton/index.ts b/@navikt/core/react/src/skeleton/index.ts
index b8982e4d5f..fb8c0d75ee 100644
--- a/@navikt/core/react/src/skeleton/index.ts
+++ b/@navikt/core/react/src/skeleton/index.ts
@@ -1,2 +1,2 @@
-export { default as Skeleton } from "./Skeleton";
-export type { SkeletonProps } from "./Skeleton";
+"use client";
+export { default as Skeleton, type SkeletonProps } from "./Skeleton";
diff --git a/@navikt/core/react/src/skeleton/skeleton.stories.tsx b/@navikt/core/react/src/skeleton/skeleton.stories.tsx
index df983c8dd6..70d5e3af5d 100644
--- a/@navikt/core/react/src/skeleton/skeleton.stories.tsx
+++ b/@navikt/core/react/src/skeleton/skeleton.stories.tsx
@@ -2,7 +2,7 @@ import React from "react";
 import { Skeleton } from ".";
 import { Alert } from "../alert";
 import { Button } from "../button";
-import { Checkbox } from "../form";
+import { Checkbox } from "../form/checkbox";
 import { BodyLong, Heading } from "../typography";
 
 export default {
diff --git a/@navikt/core/react/src/stepper/index.ts b/@navikt/core/react/src/stepper/index.ts
index ae6e3fc683..9cadc547da 100644
--- a/@navikt/core/react/src/stepper/index.ts
+++ b/@navikt/core/react/src/stepper/index.ts
@@ -1 +1,3 @@
+"use client";
 export { default as Stepper, type StepperProps } from "./Stepper";
+export { default as StepperStep, type StepperStepProps } from "./Step";
diff --git a/@navikt/core/react/src/table/index.ts b/@navikt/core/react/src/table/index.ts
index a53beb0b09..b98736f621 100644
--- a/@navikt/core/react/src/table/index.ts
+++ b/@navikt/core/react/src/table/index.ts
@@ -1,9 +1,16 @@
-export { type BodyProps } from "./Body";
-export { type ColumnHeaderProps } from "./ColumnHeader";
-export { type DataCellProps } from "./DataCell";
-export { type ExpandableRowProps } from "./ExpandableRow";
-export { type HeaderProps } from "./Header";
-export { type HeaderCellProps } from "./HeaderCell";
-export { type RowProps } from "./Row";
+"use client";
+export { default as TableBody, type BodyProps } from "./Body";
+export {
+  default as TableColumnHeader,
+  type ColumnHeaderProps,
+} from "./ColumnHeader";
+export { default as TableDataCell, type DataCellProps } from "./DataCell";
+export {
+  default as TableExpandableRow,
+  type ExpandableRowProps,
+} from "./ExpandableRow";
+export { default as TableHeader, type HeaderProps } from "./Header";
+export { default as TableHeaderCell, type HeaderCellProps } from "./HeaderCell";
+export { default as TableRow, type RowProps } from "./Row";
 export { default as Table, type TableProps } from "./Table";
 export { type SortState } from "./types";
diff --git a/@navikt/core/react/src/table/stories/table-1.stories.tsx b/@navikt/core/react/src/table/stories/table-1.stories.tsx
index eb1c4acffc..35d84f2838 100644
--- a/@navikt/core/react/src/table/stories/table-1.stories.tsx
+++ b/@navikt/core/react/src/table/stories/table-1.stories.tsx
@@ -1,7 +1,7 @@
 import React, { useState } from "react";
 import { Table, TableProps } from "../";
 import { Button } from "../../button";
-import { Checkbox } from "../../form";
+import { Checkbox } from "../../form/checkbox";
 import { VStack } from "../../layout/stack";
 import {
   Expandable,
diff --git a/@navikt/core/react/src/table/stories/table-2-expandable.stories.tsx b/@navikt/core/react/src/table/stories/table-2-expandable.stories.tsx
index 650af95260..4dc895fbbf 100644
--- a/@navikt/core/react/src/table/stories/table-2-expandable.stories.tsx
+++ b/@navikt/core/react/src/table/stories/table-2-expandable.stories.tsx
@@ -1,6 +1,6 @@
 import React, { useState } from "react";
 import { Button } from "../../button";
-import { Checkbox } from "../../form";
+import { Checkbox } from "../../form/checkbox";
 import { Link } from "../../link";
 import Table from "../Table";
 
diff --git a/@navikt/core/react/src/tabs/index.ts b/@navikt/core/react/src/tabs/index.ts
index 3aad1f4dce..9fa4f2354c 100644
--- a/@navikt/core/react/src/tabs/index.ts
+++ b/@navikt/core/react/src/tabs/index.ts
@@ -1,4 +1,5 @@
-export { type TabProps } from "./Tab";
-export { type TabListProps } from "./TabList";
-export { type TabPanelProps } from "./TabPanel";
+"use client";
+export { default as TabsTab, type TabProps } from "./Tab";
+export { default as TabsList, type TabListProps } from "./TabList";
+export { default as TabsPanel, type TabPanelProps } from "./TabPanel";
 export { default as Tabs, type TabsProps } from "./Tabs";
diff --git a/@navikt/core/react/src/tag/index.ts b/@navikt/core/react/src/tag/index.ts
index 6e3cfde032..2c9c63fa4d 100644
--- a/@navikt/core/react/src/tag/index.ts
+++ b/@navikt/core/react/src/tag/index.ts
@@ -1 +1,2 @@
+"use client";
 export { default as Tag, type TagProps } from "./Tag";
diff --git a/@navikt/core/react/src/timeline/index.ts b/@navikt/core/react/src/timeline/index.ts
index 906004c414..94cc3a6a6c 100644
--- a/@navikt/core/react/src/timeline/index.ts
+++ b/@navikt/core/react/src/timeline/index.ts
@@ -1,6 +1,9 @@
-export { default as Timeline } from "./Timeline";
-export type { TimelineProps } from "./Timeline";
-export type { TimelineRowProps } from "./TimelineRow";
-export type { TimelinePinProps } from "./Pin";
-export type { TimelinePeriodProps } from "./period";
-export type { TimelineZoomButtonProps } from "./zoom/ZoomButton";
+"use client";
+export { default as Timeline, type TimelineProps } from "./Timeline";
+export { default as TimelineRow, type TimelineRowProps } from "./TimelineRow";
+export { default as TimelinePin, type TimelinePinProps } from "./Pin";
+export { default as TimelinePeriod, type TimelinePeriodProps } from "./period";
+export {
+  default as TimelineZoomButton,
+  type TimelineZoomButtonProps,
+} from "./zoom/ZoomButton";
diff --git a/@navikt/core/react/src/toggle-group/ToggleGroup.stories.tsx b/@navikt/core/react/src/toggle-group/ToggleGroup.stories.tsx
index cd554bfe02..0daff3c43c 100644
--- a/@navikt/core/react/src/toggle-group/ToggleGroup.stories.tsx
+++ b/@navikt/core/react/src/toggle-group/ToggleGroup.stories.tsx
@@ -5,7 +5,7 @@ import {
   EnvelopeOpenIcon,
   InboxUpIcon,
 } from "@navikt/aksel-icons";
-import { ToggleGroup } from "../index";
+import ToggleGroup from "./ToggleGroup";
 
 const meta: Meta<typeof ToggleGroup> = {
   title: "ds-react/ToggleGroup",
diff --git a/@navikt/core/react/src/toggle-group/ToggleGroup.tsx b/@navikt/core/react/src/toggle-group/ToggleGroup.tsx
index 9503dd7870..7e638f333f 100644
--- a/@navikt/core/react/src/toggle-group/ToggleGroup.tsx
+++ b/@navikt/core/react/src/toggle-group/ToggleGroup.tsx
@@ -3,7 +3,7 @@ import cl from "clsx";
 import React, { HTMLAttributes, forwardRef, useState } from "react";
 import { Label } from "../typography";
 import { useId } from "../util/hooks";
-import ToggleItem, { ToggleItemProps } from "./ToggleItem";
+import ToggleItem, { ToggleGroupItemProps } from "./ToggleItem";
 import { ToggleGroupContext } from "./context";
 
 export interface ToggleGroupProps
@@ -45,10 +45,10 @@ interface ToggleGroupComponent
     ToggleGroupProps & React.RefAttributes<HTMLDivElement>
   > {
   /**
-   * @see 🏷️ {@link ToggleItemProps}
+   * @see 🏷️ {@link ToggleGroupItemProps}
    */
   Item: React.ForwardRefExoticComponent<
-    ToggleItemProps & React.RefAttributes<HTMLButtonElement>
+    ToggleGroupItemProps & React.RefAttributes<HTMLButtonElement>
   >;
 }
 
diff --git a/@navikt/core/react/src/toggle-group/ToggleItem.tsx b/@navikt/core/react/src/toggle-group/ToggleItem.tsx
index 7065bc195d..834c64ca1a 100644
--- a/@navikt/core/react/src/toggle-group/ToggleItem.tsx
+++ b/@navikt/core/react/src/toggle-group/ToggleItem.tsx
@@ -4,7 +4,7 @@ import React, { forwardRef, useContext } from "react";
 import { BodyShort } from "../typography/BodyShort";
 import { ToggleGroupContext } from "./context";
 
-export interface ToggleItemProps
+export interface ToggleGroupItemProps
   extends React.HTMLAttributes<HTMLButtonElement> {
   /**
    * Content
@@ -16,7 +16,7 @@ export interface ToggleItemProps
   value: string;
 }
 
-const ToggleItem = forwardRef<HTMLButtonElement, ToggleItemProps>(
+const ToggleItem = forwardRef<HTMLButtonElement, ToggleGroupItemProps>(
   ({ className, children, ...rest }, ref) => {
     const context = useContext(ToggleGroupContext);
 
diff --git a/@navikt/core/react/src/toggle-group/index.ts b/@navikt/core/react/src/toggle-group/index.ts
index 14e0eed437..70af509b5f 100644
--- a/@navikt/core/react/src/toggle-group/index.ts
+++ b/@navikt/core/react/src/toggle-group/index.ts
@@ -1,2 +1,6 @@
+"use client";
 export { default as ToggleGroup, type ToggleGroupProps } from "./ToggleGroup";
-export { type ToggleItemProps } from "./ToggleItem";
+export {
+  default as ToggleGroupItem,
+  type ToggleGroupItemProps,
+} from "./ToggleItem";
diff --git a/@navikt/core/react/src/tooltip/Tooltip.tsx b/@navikt/core/react/src/tooltip/Tooltip.tsx
index 53df2770af..affbff9e5b 100644
--- a/@navikt/core/react/src/tooltip/Tooltip.tsx
+++ b/@navikt/core/react/src/tooltip/Tooltip.tsx
@@ -14,7 +14,7 @@ import {
 import cl from "clsx";
 import React, { HTMLAttributes, cloneElement, forwardRef, useRef } from "react";
 import { useModalContext } from "../modal/Modal.context";
-import Portal from "../overlays/portal/Portal";
+import { Portal } from "../portal";
 import { Detail } from "../typography";
 import { useId } from "../util/hooks";
 import { useControllableState } from "../util/hooks/useControllableState";
diff --git a/@navikt/core/react/src/tooltip/index.ts b/@navikt/core/react/src/tooltip/index.ts
index 4f9edf2a2e..9405a90d5d 100644
--- a/@navikt/core/react/src/tooltip/index.ts
+++ b/@navikt/core/react/src/tooltip/index.ts
@@ -1 +1,2 @@
+"use client";
 export { default as Tooltip, type TooltipProps } from "./Tooltip";
diff --git a/@navikt/core/react/src/tooltip/tooltip.stories.tsx b/@navikt/core/react/src/tooltip/tooltip.stories.tsx
index 3926cabec2..301c1e7f8e 100644
--- a/@navikt/core/react/src/tooltip/tooltip.stories.tsx
+++ b/@navikt/core/react/src/tooltip/tooltip.stories.tsx
@@ -2,7 +2,7 @@ import { Meta } from "@storybook/react";
 import React from "react";
 import { Alert } from "../alert";
 import { Button } from "../button";
-import { Search } from "../form";
+import { Search } from "../form/search";
 import Tooltip from "./Tooltip";
 
 export default {
diff --git a/@navikt/core/react/src/typography/index.ts b/@navikt/core/react/src/typography/index.ts
index f9026987ba..9612078785 100644
--- a/@navikt/core/react/src/typography/index.ts
+++ b/@navikt/core/react/src/typography/index.ts
@@ -1,3 +1,4 @@
+"use client";
 export { type BodyLongProps, default as BodyLong } from "./BodyLong";
 export { type BodyShortProps, default as BodyShort } from "./BodyShort";
 export { default as Detail, type DetailProps } from "./Detail";
diff --git a/@navikt/core/react/src/util/debounce.ts b/@navikt/core/react/src/util/debounce.ts
index d00254479a..3b6d4020ff 100644
--- a/@navikt/core/react/src/util/debounce.ts
+++ b/@navikt/core/react/src/util/debounce.ts
@@ -1,3 +1,4 @@
+"use client";
 // https://github.com/mui/material-ui/blob/master/packages/mui-utils/src/debounce.js
 export default function debounce(func, wait = 166) {
   let timeout;
diff --git a/@navikt/core/react/src/util/hooks/useClientLayoutEffect.ts b/@navikt/core/react/src/util/hooks/useClientLayoutEffect.ts
index f45e7bbc2c..081f3323c9 100644
--- a/@navikt/core/react/src/util/hooks/useClientLayoutEffect.ts
+++ b/@navikt/core/react/src/util/hooks/useClientLayoutEffect.ts
@@ -1,3 +1,5 @@
+"use client";
+
 import { useLayoutEffect } from "react";
 
 export const useClientLayoutEffect = globalThis?.document
diff --git a/@navikt/core/react/src/util/hooks/useEventListener.ts b/@navikt/core/react/src/util/hooks/useEventListener.ts
index 12e59b3f6a..24403b087b 100644
--- a/@navikt/core/react/src/util/hooks/useEventListener.ts
+++ b/@navikt/core/react/src/util/hooks/useEventListener.ts
@@ -1,3 +1,5 @@
+"use client";
+
 import { useEffect } from "react";
 
 export interface ListenerT {
diff --git a/@navikt/core/react/src/util/hooks/useId.ts b/@navikt/core/react/src/util/hooks/useId.ts
index 85e8255d03..9044fcbda1 100644
--- a/@navikt/core/react/src/util/hooks/useId.ts
+++ b/@navikt/core/react/src/util/hooks/useId.ts
@@ -1,3 +1,5 @@
+"use client";
+
 //https://github.com/mui/material-ui/blob/master/packages/mui-utils/src/useId.ts
 import React, { useEffect, useState } from "react";
 
diff --git a/@navikt/core/react/src/util/index.ts b/@navikt/core/react/src/util/index.ts
index 3fae400b70..2d14f3f37e 100644
--- a/@navikt/core/react/src/util/index.ts
+++ b/@navikt/core/react/src/util/index.ts
@@ -1,6 +1,6 @@
-export type * from "./types";
+export type { OverridableComponent } from "./types";
 export { default as debounce } from "./debounce";
-export * from "./omit";
+export { omit } from "./omit";
 export { useClientLayoutEffect } from "./hooks/useClientLayoutEffect";
 export { useEventListener } from "./hooks/useEventListener";
 export { useId } from "./hooks/useId";
diff --git a/@navikt/core/react/src/util/omit.ts b/@navikt/core/react/src/util/omit.ts
index f3b47a0554..a6eb5ea2fe 100644
--- a/@navikt/core/react/src/util/omit.ts
+++ b/@navikt/core/react/src/util/omit.ts
@@ -1,10 +1,14 @@
-export const omit = (obj: object, props: string[]) =>
-  Object.entries(obj)
-    .filter(([key]) => !props.includes(key))
+export function omit<T extends object, K extends keyof T>(
+  obj: T,
+  props: K[],
+): Omit<T, K> {
+  return Object.entries(obj)
+    .filter(([key]) => !props.includes(key as K))
     .reduce(
       (prevObj, [key, value]) => ({
         ...prevObj,
         [key]: value,
       }),
-      {},
+      {} as Omit<T, K>,
     );
+}
diff --git a/CHANGELOG.md b/CHANGELOG.md
index 1cbeb9d1ab..977bc10a82 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -6,7 +6,7 @@
 
 - ESM: ds-react og aksel-icons støtter nå native ESM 🎉 ([#2623](https://github.com/navikt/aksel/pull/2623))
 
-* SSR: ds-react og aksel-icons støtter nå `use-client` og kan brukes i nextjs app-router uten lokal re-eksportering. ([#2623](https://github.com/navikt/aksel/pull/2623))
+* SSR: ds-react og aksel-icons støtter nå `use client` og kan brukes i nextjs app-router uten lokal re-eksportering. ([#2623](https://github.com/navikt/aksel/pull/2623))
 
 ### @navikt/aksel-stylelint
 
@@ -58,7 +58,7 @@
 
 - Modal: Strengere prop-typer ([#2623](https://github.com/navikt/aksel/pull/2623))
 
-* SSR: ds-react og aksel-icons støtter nå `use-client` og kan brukes i nextjs app-router uten lokal re-eksportering. ([#2623](https://github.com/navikt/aksel/pull/2623))
+* SSR: ds-react og aksel-icons støtter nå `use client` og kan brukes i nextjs app-router uten lokal re-eksportering. ([#2623](https://github.com/navikt/aksel/pull/2623))
 
 ## 5.18
 
@@ -895,7 +895,7 @@
 
 * CopyButton: `xsmall`-variant for bruk i tabeller ([PR](https://github.com/navikt/aksel/pull/1994))
 
-- CopyButton: Fjernet use-client directive fra komponent. (warning i vite/rollup)
+- CopyButton: Fjernet use client directive fra komponent. (warning i vite/rollup)
 
 * Ny komponent CopyButton! Erstatter `CopyToClipboard` som nå er tagget som deprecated ([PR](https://github.com/navikt/aksel/pull/1982))
 
diff --git a/examples/astro/src/components/ReactTest.tsx b/examples/astro/src/components/ReactTest.tsx
index db0e18f94d..24d3e2da37 100644
--- a/examples/astro/src/components/ReactTest.tsx
+++ b/examples/astro/src/components/ReactTest.tsx
@@ -1,9 +1,11 @@
 import { Button, DatePicker } from "@navikt/ds-react";
+import { Alert } from "@navikt/ds-react/Alert";
 
 export const ReactTest = () => {
   return (
     <div>
       ReactTest123 <Button onClick={console.log}>Button</Button>
+      <Alert variant="info">abc</Alert>
       <DatePicker.Standalone
         dropdownCaption
         fromDate={new Date("1 Oct 2020")}
diff --git a/examples/astro/yarn.lock b/examples/astro/yarn.lock
index e075e11428..931cb85c1c 100644
--- a/examples/astro/yarn.lock
+++ b/examples/astro/yarn.lock
@@ -786,37 +786,37 @@ __metadata:
   linkType: hard
 
 "@navikt/aksel-icons@file:./../../@navikt/aksel-icons::locator=irregular-iron%40workspace%3A.":
-  version: 5.15.1
-  resolution: "@navikt/aksel-icons@file:./../../@navikt/aksel-icons#./../../@navikt/aksel-icons::hash=e285d5&locator=irregular-iron%40workspace%3A."
-  checksum: 9ff883f79f240e5c5c12b0d6cfafa25c3a7f00d9f0a7cd510cc86da75f080909091ffe8d36dd5c48d166b2794ae7a4192ff1106a045f820c1579701c07538755
+  version: 6.0.0
+  resolution: "@navikt/aksel-icons@file:./../../@navikt/aksel-icons#./../../@navikt/aksel-icons::hash=195047&locator=irregular-iron%40workspace%3A."
+  checksum: cd48bd2b0156ba249a7286f030eff0770a94cf953a1d330be742e78346156bd74fd795913a5736d462179a73ea0b816cb2001f916df1ccd3f70686aba923563a
   languageName: node
   linkType: hard
 
-"@navikt/aksel-icons@npm:^5.15.1":
-  version: 5.15.1
-  resolution: "@navikt/aksel-icons@npm:5.15.1"
-  checksum: 082d62346fa9eb1c2d5eb486c55ded4e73ca412943d0f5ee02230e2c25a52d05679da4257ad27faaeb6d4140a7b23fff978bfcaff784db1d68dc724fbc1632b1
+"@navikt/aksel-icons@npm:^6.0.0":
+  version: 6.0.0
+  resolution: "@navikt/aksel-icons@npm:6.0.0"
+  checksum: 75da616e916d9cb75fe788fd6a5b14a7f051a879983ed6f442d0d89150613a7f458c46f9aa39ec7a96883ef96a553f204178c2276535e88564e4f82b45ea9f24
   languageName: node
   linkType: hard
 
 "@navikt/ds-css@file:./../../@navikt/core/css::locator=irregular-iron%40workspace%3A.":
-  version: 5.15.1
-  resolution: "@navikt/ds-css@file:./../../@navikt/core/css#./../../@navikt/core/css::hash=7b2ad3&locator=irregular-iron%40workspace%3A."
-  checksum: cf23e5768e2897a5d6a08d2d8ec27471042b6dd9cb13a58ed62290268a2615b60e14491a58bb9d3dfd18ad184faf8e3c99b88a783be4c303983df50de2f1903f
+  version: 6.0.0
+  resolution: "@navikt/ds-css@file:./../../@navikt/core/css#./../../@navikt/core/css::hash=db371a&locator=irregular-iron%40workspace%3A."
+  checksum: c23757615f28266378fad6f3bd7fd87441c83584c6aad48bd26af0446519acab5f00542ac0d32c7359f6375bddaab9f8ff6401177285472763be6a7df44aaec3
   languageName: node
   linkType: hard
 
 "@navikt/ds-react@file:./../../@navikt/core/react::locator=irregular-iron%40workspace%3A.":
-  version: 6.0.0-alpha.4
-  resolution: "@navikt/ds-react@file:./../../@navikt/core/react#./../../@navikt/core/react::hash=a0e994&locator=irregular-iron%40workspace%3A."
+  version: 6.0.0
+  resolution: "@navikt/ds-react@file:./../../@navikt/core/react#./../../@navikt/core/react::hash=574c1a&locator=irregular-iron%40workspace%3A."
   dependencies:
     "@floating-ui/react": 0.25.4
-    "@navikt/aksel-icons": ^5.15.1
-    "@navikt/ds-tokens": ^5.15.1
+    "@navikt/aksel-icons": ^6.0.0
+    "@navikt/ds-tokens": ^6.0.0
     "@radix-ui/react-tabs": 1.0.0
     "@radix-ui/react-toggle-group": 1.0.0
     clsx: ^2.1.0
-    date-fns: ^2.30.0 || ^3.0.0
+    date-fns: ^3.0.0
     react-day-picker: 8.10.0
   peerDependencies:
     "@types/react": ^17.0.30 || ^18.0.0
@@ -824,14 +824,14 @@ __metadata:
   peerDependenciesMeta:
     "@types/react":
       optional: true
-  checksum: 63681f20bd049f1d6d174036041e2e907c225addef79827f79b06d8714d53d3a3585513326faebd2fd9fea290da4e7e15181a08a83e086f282a15c93d5bde82f
+  checksum: ed9c23a6f3d2b5676305e3b64332ce829a6f1936e5efb0150ac375fa3a76e21a16ef7a518919598198825508a876a08bb4215e37c2ed1a0695cb819756044a49
   languageName: node
   linkType: hard
 
-"@navikt/ds-tokens@npm:^5.15.1":
-  version: 5.15.1
-  resolution: "@navikt/ds-tokens@npm:5.15.1"
-  checksum: d8b36aa133d227497427764d5efb6e6569808732e1bbf4128354359b10eb3a3aa38e5f851e0060a93a89f544f50995d57d503c2a5be69a2e7b181dba082cc64f
+"@navikt/ds-tokens@npm:^6.0.0":
+  version: 6.0.0
+  resolution: "@navikt/ds-tokens@npm:6.0.0"
+  checksum: 2e7f80219056a233a5f56eefb878314d765ab59e401f9da6ac9f5eda12479c7ebf6342cda0e15463424f948bde80e0ffcaeefcc4b46210a4f6c5dd303f944d83
   languageName: node
   linkType: hard
 
@@ -2087,7 +2087,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"date-fns@npm:^2.30.0 || ^3.0.0":
+"date-fns@npm:^3.0.0":
   version: 3.3.1
   resolution: "date-fns@npm:3.3.1"
   checksum: 6245e93a47de28ac96dffd4d62877f86e6b64854860ae1e00a4f83174d80bc8e59bd1259cf265223fb2ddce5c8e586dc9cc210f0d052faba2f7660e265877283
diff --git a/examples/next-appdir/src/app/client.tsx b/examples/next-appdir/src/app/client.tsx
new file mode 100644
index 0000000000..752bd1d343
--- /dev/null
+++ b/examples/next-appdir/src/app/client.tsx
@@ -0,0 +1,23 @@
+"use client";
+
+import { ExpansionCard } from "@navikt/ds-react";
+import { omit, useClientLayoutEffect } from "@navikt/ds-react/Utils";
+
+export const ClientComponent = () => {
+  console.log({ omit: omit({ test: "value" }, ["test"]) });
+  useClientLayoutEffect(() => {
+    console.log("mounted in client-component");
+  }, []);
+
+  return (
+    <div>
+      client{" "}
+      <ExpansionCard aria-label="Demo med bare tittel">
+        <ExpansionCard.Header>
+          <ExpansionCard.Title>Utbetaling av sykepenger</ExpansionCard.Title>
+        </ExpansionCard.Header>
+        <ExpansionCard.Content>innhold</ExpansionCard.Content>
+      </ExpansionCard>
+    </div>
+  );
+};
diff --git a/examples/next-appdir/src/app/globals.css b/examples/next-appdir/src/app/globals.css
index 33f9c3270f..16387e9452 100644
--- a/examples/next-appdir/src/app/globals.css
+++ b/examples/next-appdir/src/app/globals.css
@@ -28,26 +28,6 @@
   --card-border-rgb: 131, 134, 135;
 }
 
-@media (prefers-color-scheme: dark) {
-  :root {
-    --foreground-rgb: 255, 255, 255;
-    --background-start-rgb: 0, 0, 0;
-    --background-end-rgb: 0, 0, 0;
-
-    --primary-glow: radial-gradient(rgba(1, 65, 255, 0.4), rgba(1, 65, 255, 0));
-    --secondary-glow: linear-gradient(to bottom right, rgba(1, 65, 255, 0), rgba(1, 65, 255, 0), rgba(1, 65, 255, 0.3));
-
-    --tile-start-rgb: 2, 13, 46;
-    --tile-end-rgb: 2, 5, 19;
-    --tile-border: conic-gradient(#ffffff80, #ffffff40, #ffffff30, #ffffff20, #ffffff10, #ffffff10, #ffffff80);
-
-    --callout-rgb: 20, 20, 20;
-    --callout-border-rgb: 108, 108, 108;
-    --card-rgb: 100, 100, 100;
-    --card-border-rgb: 200, 200, 200;
-  }
-}
-
 * {
   box-sizing: border-box;
   padding: 0;
diff --git a/examples/next-appdir/src/app/layout.tsx b/examples/next-appdir/src/app/layout.tsx
index 3314e4780a..7025faff85 100644
--- a/examples/next-appdir/src/app/layout.tsx
+++ b/examples/next-appdir/src/app/layout.tsx
@@ -1,5 +1,6 @@
 import type { Metadata } from "next";
 import { Inter } from "next/font/google";
+import "@navikt/ds-css";
 import "./globals.css";
 
 const inter = Inter({ subsets: ["latin"] });
diff --git a/examples/next-appdir/src/app/page.tsx b/examples/next-appdir/src/app/page.tsx
index 9e5a0a810d..0aae6c9810 100644
--- a/examples/next-appdir/src/app/page.tsx
+++ b/examples/next-appdir/src/app/page.tsx
@@ -1,11 +1,41 @@
 import Image from "next/image";
-import { StarIcon } from "@navikt/aksel-icons";
-import { Button } from "@navikt/ds-react";
+import { PrinterLargeIcon, StarIcon } from "@navikt/aksel-icons";
+import * as Accordion from "@navikt/ds-react/Accordion";
+import { Button } from "@navikt/ds-react/Button";
+import { Checkbox, CheckboxGroup } from "@navikt/ds-react/Checkbox";
+import { UNSAFE_Combobox } from "@navikt/ds-react/Combobox";
+import {
+  ExpansionCard,
+  ExpansionCardContent,
+  ExpansionCardHeader,
+  ExpansionCardTitle,
+} from "@navikt/ds-react/ExpansionCard";
+import { Select } from "@navikt/ds-react/Select";
+import { Tooltip } from "@navikt/ds-react/Tooltip";
+import { omit } from "@navikt/ds-react/Utils";
+import { ClientComponent } from "./client";
 import styles from "./page.module.css";
 
 export default function Home() {
+  const initialOptions = [
+    "A New Hope",
+    "The Empire Strikes Back",
+    "Return of the Jedi",
+    "The Phantom Menace",
+    "Attack of the Clones",
+    "Revenge of the Sith",
+    "The Force Awakens",
+    "Rogue One",
+    "The Last Jedi",
+    "Solo",
+    "The Rise of Skywalker",
+  ];
+
+  console.log({ omit: omit({ test: "value" }, ["test"]) });
+
   return (
     <main className={styles.main}>
+      <ClientComponent />
       <div className={styles.description}>
         <p>
           Get started by editing&nbsp;
@@ -29,9 +59,63 @@ export default function Home() {
           </a>
         </div>
       </div>
-
+      <Tooltip content="Skriv ut dokument">
+        <Button icon={<PrinterLargeIcon title="demo knapp" />} />
+      </Tooltip>
+      <Select label="Hvilket land har du bosted i?">
+        <option value="">Velg land</option>
+        <option value="norge">Norge</option>
+        <option value="sverige">Sverige</option>
+        <option value="danmark">Danmark</option>
+      </Select>
       <StarIcon />
       <Button>Knapp</Button>
+      <ExpansionCard aria-label="Demo med bare tittel">
+        <ExpansionCardHeader>
+          <ExpansionCardTitle>Utbetaling av sykepenger</ExpansionCardTitle>
+        </ExpansionCardHeader>
+        <ExpansionCardContent>abc</ExpansionCardContent>
+      </ExpansionCard>
+      <Accordion.Accordion>
+        <Accordion.AccordionItem>
+          <Accordion.AccordionHeader>
+            Til deg som er mellom 62 og 67 år
+          </Accordion.AccordionHeader>
+          <Accordion.AccordionContent>
+            Hvis du er mellom 62 og 67 år når du søker, må du som hovedregel ha
+            hatt en pensjonsgivende inntekt som tilsvarer x G, året før du fikk
+            nedsatt arbeidsevnen. NAV kan gjøre <a href="#Unntak">unntak</a>.
+          </Accordion.AccordionContent>
+        </Accordion.AccordionItem>
+        <Accordion.AccordionItem>
+          <Accordion.AccordionHeader>
+            Til deg som har yrkesskade eller yrkessykdom
+          </Accordion.AccordionHeader>
+          <Accordion.AccordionContent>
+            Med yrkesskade mener vi at du har fått en skade som følge av en
+            arbeidsulykke. Vi kan godkjenne en sykdom som yrkessykdom hvis den
+            kommer av skadelig påvirkning fra arbeidsmiljøet.
+          </Accordion.AccordionContent>
+        </Accordion.AccordionItem>
+        <Accordion.AccordionItem>
+          <Accordion.AccordionHeader>
+            Til deg som er helt frisk
+          </Accordion.AccordionHeader>
+          <Accordion.AccordionContent>
+            Da er det lite som trengs å gjøres.
+          </Accordion.AccordionContent>
+        </Accordion.AccordionItem>
+      </Accordion.Accordion>
+      <UNSAFE_Combobox
+        label="Hva er den aller kuleste Star Wars-filmen noensinne, helt objektivt?"
+        options={initialOptions}
+        shouldAutocomplete={true}
+      />
+      <CheckboxGroup legend="Hvor vil du sitte?">
+        <Checkbox value="Bakerst">Bakerst</Checkbox>
+        <Checkbox value="Midterst">Midterst</Checkbox>
+        <Checkbox value="Fremst">Fremst</Checkbox>
+      </CheckboxGroup>
       <div className={styles.center}>
         <Image
           className={styles.logo}
diff --git a/examples/next-appdir/yarn.lock b/examples/next-appdir/yarn.lock
index e69de29bb2..6279b980c1 100644
--- a/examples/next-appdir/yarn.lock
+++ b/examples/next-appdir/yarn.lock
@@ -0,0 +1,913 @@
+# This file is generated by running "yarn install" inside your project.
+# Manual changes might be lost - proceed with caution!
+
+__metadata:
+  version: 6
+  cacheKey: 8
+
+"@babel/runtime@npm:^7.13.10":
+  version: 7.23.9
+  resolution: "@babel/runtime@npm:7.23.9"
+  dependencies:
+    regenerator-runtime: ^0.14.0
+  checksum: 6bbebe8d27c0c2dd275d1ac197fc1a6c00e18dab68cc7aaff0adc3195b45862bae9c4cc58975629004b0213955b2ed91e99eccb3d9b39cabea246c657323d667
+  languageName: node
+  linkType: hard
+
+"@discoveryjs/json-ext@npm:0.5.7":
+  version: 0.5.7
+  resolution: "@discoveryjs/json-ext@npm:0.5.7"
+  checksum: 2176d301cc258ea5c2324402997cf8134ebb212469c0d397591636cea8d3c02f2b3cf9fd58dcb748c7a0dade77ebdc1b10284fa63e608c033a1db52fddc69918
+  languageName: node
+  linkType: hard
+
+"@floating-ui/core@npm:^1.0.0":
+  version: 1.6.0
+  resolution: "@floating-ui/core@npm:1.6.0"
+  dependencies:
+    "@floating-ui/utils": ^0.2.1
+  checksum: 2e25c53b0c124c5c9577972f8ae21d081f2f7895e6695836a53074463e8c65b47722744d6d2b5a993164936da006a268bcfe87fe68fd24dc235b1cb86bed3127
+  languageName: node
+  linkType: hard
+
+"@floating-ui/dom@npm:^1.6.1":
+  version: 1.6.3
+  resolution: "@floating-ui/dom@npm:1.6.3"
+  dependencies:
+    "@floating-ui/core": ^1.0.0
+    "@floating-ui/utils": ^0.2.0
+  checksum: 81cbb18ece3afc37992f436e469e7fabab2e433248e46fff4302d12493a175b0c64310f8a971e6e1eda7218df28ace6b70237b0f3c22fe12a21bba05b5579555
+  languageName: node
+  linkType: hard
+
+"@floating-ui/react-dom@npm:^2.0.2":
+  version: 2.0.8
+  resolution: "@floating-ui/react-dom@npm:2.0.8"
+  dependencies:
+    "@floating-ui/dom": ^1.6.1
+  peerDependencies:
+    react: ">=16.8.0"
+    react-dom: ">=16.8.0"
+  checksum: 5da7f13a69281e38859a3203a608fe9de1d850b332b355c10c0c2427c7b7209a0374c10f6295b6577c1a70237af8b678340bd4cc0a4b1c66436a94755d81e526
+  languageName: node
+  linkType: hard
+
+"@floating-ui/react@npm:0.25.4":
+  version: 0.25.4
+  resolution: "@floating-ui/react@npm:0.25.4"
+  dependencies:
+    "@floating-ui/react-dom": ^2.0.2
+    "@floating-ui/utils": ^0.1.1
+    tabbable: ^6.0.1
+  peerDependencies:
+    react: ">=16.8.0"
+    react-dom: ">=16.8.0"
+  checksum: 816a0aa5bfc122c147e073563c0888333bdf58e79972757e37095c788323c8e87ace18d9196d95be8b8f4fe11d90cdeec36b23e5373a791a71a7873bf805590f
+  languageName: node
+  linkType: hard
+
+"@floating-ui/utils@npm:^0.1.1":
+  version: 0.1.6
+  resolution: "@floating-ui/utils@npm:0.1.6"
+  checksum: b34d4b5470869727f52e312e08272edef985ba5a450a76de0917ba0a9c6f5df2bdbeb99448e2c60f39b177fb8981c772ff1831424e75123471a27ebd5b52c1eb
+  languageName: node
+  linkType: hard
+
+"@floating-ui/utils@npm:^0.2.0, @floating-ui/utils@npm:^0.2.1":
+  version: 0.2.1
+  resolution: "@floating-ui/utils@npm:0.2.1"
+  checksum: 9ed4380653c7c217cd6f66ae51f20fdce433730dbc77f95b5abfb5a808f5fdb029c6ae249b4e0490a816f2453aa6e586d9a873cd157fdba4690f65628efc6e06
+  languageName: node
+  linkType: hard
+
+"@navikt/aksel-icons@file:./../../@navikt/aksel-icons::locator=next-appdir%40workspace%3A.":
+  version: 6.0.0
+  resolution: "@navikt/aksel-icons@file:./../../@navikt/aksel-icons#./../../@navikt/aksel-icons::hash=195047&locator=next-appdir%40workspace%3A."
+  checksum: cd48bd2b0156ba249a7286f030eff0770a94cf953a1d330be742e78346156bd74fd795913a5736d462179a73ea0b816cb2001f916df1ccd3f70686aba923563a
+  languageName: node
+  linkType: hard
+
+"@navikt/aksel-icons@npm:^6.0.0":
+  version: 6.0.0
+  resolution: "@navikt/aksel-icons@npm:6.0.0"
+  checksum: 75da616e916d9cb75fe788fd6a5b14a7f051a879983ed6f442d0d89150613a7f458c46f9aa39ec7a96883ef96a553f204178c2276535e88564e4f82b45ea9f24
+  languageName: node
+  linkType: hard
+
+"@navikt/ds-css@file:./../../@navikt/core/css::locator=next-appdir%40workspace%3A.":
+  version: 6.0.0
+  resolution: "@navikt/ds-css@file:./../../@navikt/core/css#./../../@navikt/core/css::hash=9de3a5&locator=next-appdir%40workspace%3A."
+  checksum: 08e7accc607b1bac2133b22cf60aa02b4f83dd9fe106aec32322b45a69dbfb41d388e7ba34920de457693ee4e4e78bc9259fbfbfa2cd9f6c73b2e92bdd03bbcf
+  languageName: node
+  linkType: hard
+
+"@navikt/ds-react@file:./../../@navikt/core/react::locator=next-appdir%40workspace%3A.":
+  version: 6.0.0
+  resolution: "@navikt/ds-react@file:./../../@navikt/core/react#./../../@navikt/core/react::hash=6d10c9&locator=next-appdir%40workspace%3A."
+  dependencies:
+    "@floating-ui/react": 0.25.4
+    "@navikt/aksel-icons": ^6.0.0
+    "@navikt/ds-tokens": ^6.0.0
+    "@radix-ui/react-tabs": 1.0.0
+    "@radix-ui/react-toggle-group": 1.0.0
+    clsx: ^2.1.0
+    date-fns: ^3.0.0
+    react-day-picker: 8.10.0
+  peerDependencies:
+    "@types/react": ^17.0.30 || ^18.0.0
+    react: ^17.0.0 || ^18.0.0
+  peerDependenciesMeta:
+    "@types/react":
+      optional: true
+  checksum: b20986f9faa001e926ac8b31dd18a7be31958dcb29b50a6c13922473553a766b91b6e5f8a735b833521656c1e60c6f8a8705f2540e8366bc14324cfc7f0d4723
+  languageName: node
+  linkType: hard
+
+"@navikt/ds-tokens@npm:^6.0.0":
+  version: 6.0.0
+  resolution: "@navikt/ds-tokens@npm:6.0.0"
+  checksum: 2e7f80219056a233a5f56eefb878314d765ab59e401f9da6ac9f5eda12479c7ebf6342cda0e15463424f948bde80e0ffcaeefcc4b46210a4f6c5dd303f944d83
+  languageName: node
+  linkType: hard
+
+"@next/bundle-analyzer@npm:^14.1.0":
+  version: 14.1.0
+  resolution: "@next/bundle-analyzer@npm:14.1.0"
+  dependencies:
+    webpack-bundle-analyzer: 4.10.1
+  checksum: 535bae089bb6c05f27d36644e264e3b72cbc704843fe6773bf33fa812ac6b958a55bfebb2c83e39685b43bfc74ee973b540475a4ecb2560770d7df065af980f8
+  languageName: node
+  linkType: hard
+
+"@next/env@npm:14.1.0":
+  version: 14.1.0
+  resolution: "@next/env@npm:14.1.0"
+  checksum: ecec03a3e9745996ed1c7fc218fc9a1a4345a0cf368afb50f38a3b6fbf6f966a36dba174c90b5f90b568188dbd0eba48a2c5448b6742298417df4ff3351c6d40
+  languageName: node
+  linkType: hard
+
+"@next/swc-darwin-arm64@npm:14.1.0":
+  version: 14.1.0
+  resolution: "@next/swc-darwin-arm64@npm:14.1.0"
+  conditions: os=darwin & cpu=arm64
+  languageName: node
+  linkType: hard
+
+"@next/swc-darwin-x64@npm:14.1.0":
+  version: 14.1.0
+  resolution: "@next/swc-darwin-x64@npm:14.1.0"
+  conditions: os=darwin & cpu=x64
+  languageName: node
+  linkType: hard
+
+"@next/swc-linux-arm64-gnu@npm:14.1.0":
+  version: 14.1.0
+  resolution: "@next/swc-linux-arm64-gnu@npm:14.1.0"
+  conditions: os=linux & cpu=arm64 & libc=glibc
+  languageName: node
+  linkType: hard
+
+"@next/swc-linux-arm64-musl@npm:14.1.0":
+  version: 14.1.0
+  resolution: "@next/swc-linux-arm64-musl@npm:14.1.0"
+  conditions: os=linux & cpu=arm64 & libc=musl
+  languageName: node
+  linkType: hard
+
+"@next/swc-linux-x64-gnu@npm:14.1.0":
+  version: 14.1.0
+  resolution: "@next/swc-linux-x64-gnu@npm:14.1.0"
+  conditions: os=linux & cpu=x64 & libc=glibc
+  languageName: node
+  linkType: hard
+
+"@next/swc-linux-x64-musl@npm:14.1.0":
+  version: 14.1.0
+  resolution: "@next/swc-linux-x64-musl@npm:14.1.0"
+  conditions: os=linux & cpu=x64 & libc=musl
+  languageName: node
+  linkType: hard
+
+"@next/swc-win32-arm64-msvc@npm:14.1.0":
+  version: 14.1.0
+  resolution: "@next/swc-win32-arm64-msvc@npm:14.1.0"
+  conditions: os=win32 & cpu=arm64
+  languageName: node
+  linkType: hard
+
+"@next/swc-win32-ia32-msvc@npm:14.1.0":
+  version: 14.1.0
+  resolution: "@next/swc-win32-ia32-msvc@npm:14.1.0"
+  conditions: os=win32 & cpu=ia32
+  languageName: node
+  linkType: hard
+
+"@next/swc-win32-x64-msvc@npm:14.1.0":
+  version: 14.1.0
+  resolution: "@next/swc-win32-x64-msvc@npm:14.1.0"
+  conditions: os=win32 & cpu=x64
+  languageName: node
+  linkType: hard
+
+"@polka/url@npm:^1.0.0-next.24":
+  version: 1.0.0-next.24
+  resolution: "@polka/url@npm:1.0.0-next.24"
+  checksum: 00baec4458ac86ca27edf7ce807ccfad97cd1d4b67bdedaf3401a9e755757588f3331e891290d1deea52d88df2bf2387caf8d94a6835b614d5b37b638a688273
+  languageName: node
+  linkType: hard
+
+"@radix-ui/primitive@npm:1.0.0":
+  version: 1.0.0
+  resolution: "@radix-ui/primitive@npm:1.0.0"
+  dependencies:
+    "@babel/runtime": ^7.13.10
+  checksum: 72996afaf346ec4f4c73422f14f6cb2d0de994801ba7cbb9a4a67b0050e0cd74625182c349ef8017ccae1406579d4b74a34a225ef2efe61e8e5337decf235deb
+  languageName: node
+  linkType: hard
+
+"@radix-ui/react-collection@npm:1.0.0":
+  version: 1.0.0
+  resolution: "@radix-ui/react-collection@npm:1.0.0"
+  dependencies:
+    "@babel/runtime": ^7.13.10
+    "@radix-ui/react-compose-refs": 1.0.0
+    "@radix-ui/react-context": 1.0.0
+    "@radix-ui/react-primitive": 1.0.0
+    "@radix-ui/react-slot": 1.0.0
+  peerDependencies:
+    react: ^16.8 || ^17.0 || ^18.0
+    react-dom: ^16.8 || ^17.0 || ^18.0
+  checksum: 271683a45c35808ffc0566c56546a8846c54f2d1f64dd7b681b83f622343d2f5a6173abe3f1dbd0002045a18bc8730838e90ac928618199e937b55a76150d254
+  languageName: node
+  linkType: hard
+
+"@radix-ui/react-compose-refs@npm:1.0.0":
+  version: 1.0.0
+  resolution: "@radix-ui/react-compose-refs@npm:1.0.0"
+  dependencies:
+    "@babel/runtime": ^7.13.10
+  peerDependencies:
+    react: ^16.8 || ^17.0 || ^18.0
+  checksum: fb98be2e275a1a758ccac647780ff5b04be8dcf25dcea1592db3b691fecf719c4c0700126da605b2f512dd89caa111352b9fad59528d736b4e0e9a0e134a74a1
+  languageName: node
+  linkType: hard
+
+"@radix-ui/react-context@npm:1.0.0":
+  version: 1.0.0
+  resolution: "@radix-ui/react-context@npm:1.0.0"
+  dependencies:
+    "@babel/runtime": ^7.13.10
+  peerDependencies:
+    react: ^16.8 || ^17.0 || ^18.0
+  checksum: 43c6b6f2183398161fe6b109e83fff240a6b7babbb27092b815932342a89d5ca42aa9806bfae5927970eed5ff90feed04c67aa29c6721f84ae826f17fcf34ce0
+  languageName: node
+  linkType: hard
+
+"@radix-ui/react-direction@npm:1.0.0":
+  version: 1.0.0
+  resolution: "@radix-ui/react-direction@npm:1.0.0"
+  dependencies:
+    "@babel/runtime": ^7.13.10
+  peerDependencies:
+    react: ^16.8 || ^17.0 || ^18.0
+  checksum: 92a40de4087b161a56957872daf204a7735bd21f2fccbd42deff322d759977d085ad3dcdae05af437b7e64e628e939e0d67e5bc468a3027e1b02e0a7dc90c485
+  languageName: node
+  linkType: hard
+
+"@radix-ui/react-id@npm:1.0.0":
+  version: 1.0.0
+  resolution: "@radix-ui/react-id@npm:1.0.0"
+  dependencies:
+    "@babel/runtime": ^7.13.10
+    "@radix-ui/react-use-layout-effect": 1.0.0
+  peerDependencies:
+    react: ^16.8 || ^17.0 || ^18.0
+  checksum: ba323cedd6a6df6f6e51ed1f7f7747988ce432b47fd94d860f962b14b342dcf049eae33f8ad0b72fd7df6329a7375542921132271fba64ab0a271c93f09c48d1
+  languageName: node
+  linkType: hard
+
+"@radix-ui/react-presence@npm:1.0.0":
+  version: 1.0.0
+  resolution: "@radix-ui/react-presence@npm:1.0.0"
+  dependencies:
+    "@babel/runtime": ^7.13.10
+    "@radix-ui/react-compose-refs": 1.0.0
+    "@radix-ui/react-use-layout-effect": 1.0.0
+  peerDependencies:
+    react: ^16.8 || ^17.0 || ^18.0
+    react-dom: ^16.8 || ^17.0 || ^18.0
+  checksum: a607d67795aa265e88f1765dcc7c18bebf6d88d116cb7f529ebe5a3fbbe751a42763aff0c1c89cdd8ce7f7664355936c4070fd3d4685774aff1a80fa95f4665b
+  languageName: node
+  linkType: hard
+
+"@radix-ui/react-primitive@npm:1.0.0":
+  version: 1.0.0
+  resolution: "@radix-ui/react-primitive@npm:1.0.0"
+  dependencies:
+    "@babel/runtime": ^7.13.10
+    "@radix-ui/react-slot": 1.0.0
+  peerDependencies:
+    react: ^16.8 || ^17.0 || ^18.0
+    react-dom: ^16.8 || ^17.0 || ^18.0
+  checksum: fb3fe8c8c5a57995716cce4d7e9039e474c09ba5d714994419ad4940bc954da670f1188813cc931f189b23d9bd5a67adf7087bf44fe1d4272b4a334a3514d38b
+  languageName: node
+  linkType: hard
+
+"@radix-ui/react-roving-focus@npm:1.0.0":
+  version: 1.0.0
+  resolution: "@radix-ui/react-roving-focus@npm:1.0.0"
+  dependencies:
+    "@babel/runtime": ^7.13.10
+    "@radix-ui/primitive": 1.0.0
+    "@radix-ui/react-collection": 1.0.0
+    "@radix-ui/react-compose-refs": 1.0.0
+    "@radix-ui/react-context": 1.0.0
+    "@radix-ui/react-direction": 1.0.0
+    "@radix-ui/react-id": 1.0.0
+    "@radix-ui/react-primitive": 1.0.0
+    "@radix-ui/react-use-callback-ref": 1.0.0
+    "@radix-ui/react-use-controllable-state": 1.0.0
+  peerDependencies:
+    react: ^16.8 || ^17.0 || ^18.0
+    react-dom: ^16.8 || ^17.0 || ^18.0
+  checksum: 163df73f858ce5888294d03a888d05e6fdec178936b21b5fabd661a3b797b4495e11b570ab365a2fb24494d08631ac094b1b7272b9a72bfd0cf743d6c121483d
+  languageName: node
+  linkType: hard
+
+"@radix-ui/react-slot@npm:1.0.0":
+  version: 1.0.0
+  resolution: "@radix-ui/react-slot@npm:1.0.0"
+  dependencies:
+    "@babel/runtime": ^7.13.10
+    "@radix-ui/react-compose-refs": 1.0.0
+  peerDependencies:
+    react: ^16.8 || ^17.0 || ^18.0
+  checksum: 60c0190ebdca21785b4f8b58a0c52717600c98953fc49da9580870519c60f52d5cf873dffa05446f4bb539066326ccec0827f4ca252b02ec4ff1a4ae203f59d7
+  languageName: node
+  linkType: hard
+
+"@radix-ui/react-tabs@npm:1.0.0":
+  version: 1.0.0
+  resolution: "@radix-ui/react-tabs@npm:1.0.0"
+  dependencies:
+    "@babel/runtime": ^7.13.10
+    "@radix-ui/primitive": 1.0.0
+    "@radix-ui/react-context": 1.0.0
+    "@radix-ui/react-direction": 1.0.0
+    "@radix-ui/react-id": 1.0.0
+    "@radix-ui/react-presence": 1.0.0
+    "@radix-ui/react-primitive": 1.0.0
+    "@radix-ui/react-roving-focus": 1.0.0
+    "@radix-ui/react-use-controllable-state": 1.0.0
+  peerDependencies:
+    react: ^16.8 || ^17.0 || ^18.0
+    react-dom: ^16.8 || ^17.0 || ^18.0
+  checksum: 162413906c80a1fd2a3dddc9ac7f951b5e789cd69cc829f309735ac4ce6a21a9832c2abf71295a176a042fa6deb8a70dc597e219966d268d125e08d3a39f0596
+  languageName: node
+  linkType: hard
+
+"@radix-ui/react-toggle-group@npm:1.0.0":
+  version: 1.0.0
+  resolution: "@radix-ui/react-toggle-group@npm:1.0.0"
+  dependencies:
+    "@babel/runtime": ^7.13.10
+    "@radix-ui/primitive": 1.0.0
+    "@radix-ui/react-context": 1.0.0
+    "@radix-ui/react-direction": 1.0.0
+    "@radix-ui/react-primitive": 1.0.0
+    "@radix-ui/react-roving-focus": 1.0.0
+    "@radix-ui/react-toggle": 1.0.0
+    "@radix-ui/react-use-controllable-state": 1.0.0
+  peerDependencies:
+    react: ^16.8 || ^17.0 || ^18.0
+    react-dom: ^16.8 || ^17.0 || ^18.0
+  checksum: f0f91633ad45ff13ff49866118c15997a311fa31019c6eb1b60e6118e85a8973b6504a7eef739f37be74abdc2f465a0f7e02c57ce8e45856bd49e4471ca4cd55
+  languageName: node
+  linkType: hard
+
+"@radix-ui/react-toggle@npm:1.0.0":
+  version: 1.0.0
+  resolution: "@radix-ui/react-toggle@npm:1.0.0"
+  dependencies:
+    "@babel/runtime": ^7.13.10
+    "@radix-ui/primitive": 1.0.0
+    "@radix-ui/react-primitive": 1.0.0
+    "@radix-ui/react-use-controllable-state": 1.0.0
+  peerDependencies:
+    react: ^16.8 || ^17.0 || ^18.0
+    react-dom: ^16.8 || ^17.0 || ^18.0
+  checksum: 6e4de11b0446e18245b6aceabd9d0f84ec08320b6945f0111d00d322f9397eb8f8bf4626eee292f6640ca5c5a6c416842472f955d3eac69b5822cf268f05c08a
+  languageName: node
+  linkType: hard
+
+"@radix-ui/react-use-callback-ref@npm:1.0.0":
+  version: 1.0.0
+  resolution: "@radix-ui/react-use-callback-ref@npm:1.0.0"
+  dependencies:
+    "@babel/runtime": ^7.13.10
+  peerDependencies:
+    react: ^16.8 || ^17.0 || ^18.0
+  checksum: a8dda76ba0a26e23dc6ab5003831ad7439f59ba9d696a517643b9ee6a7fb06b18ae7a8f5a3c00c530d5c8104745a466a077b7475b99b4c0f5c15f5fc29474471
+  languageName: node
+  linkType: hard
+
+"@radix-ui/react-use-controllable-state@npm:1.0.0":
+  version: 1.0.0
+  resolution: "@radix-ui/react-use-controllable-state@npm:1.0.0"
+  dependencies:
+    "@babel/runtime": ^7.13.10
+    "@radix-ui/react-use-callback-ref": 1.0.0
+  peerDependencies:
+    react: ^16.8 || ^17.0 || ^18.0
+  checksum: 35f1e714bbe3fc9f5362a133339dd890fb96edb79b63168a99403c65dd5f2b63910e0c690255838029086719e31360fa92544a55bc902cfed4442bb3b55822e2
+  languageName: node
+  linkType: hard
+
+"@radix-ui/react-use-layout-effect@npm:1.0.0":
+  version: 1.0.0
+  resolution: "@radix-ui/react-use-layout-effect@npm:1.0.0"
+  dependencies:
+    "@babel/runtime": ^7.13.10
+  peerDependencies:
+    react: ^16.8 || ^17.0 || ^18.0
+  checksum: fcdc8cfa79bd45766ebe3de11039c58abe3fed968cb39c12b2efce5d88013c76fe096ea4cee464d42576d02fe7697779b682b4268459bca3c4e48644f5b4ac5e
+  languageName: node
+  linkType: hard
+
+"@swc/helpers@npm:0.5.2":
+  version: 0.5.2
+  resolution: "@swc/helpers@npm:0.5.2"
+  dependencies:
+    tslib: ^2.4.0
+  checksum: 51d7e3d8bd56818c49d6bfbd715f0dbeedc13cf723af41166e45c03e37f109336bbcb57a1f2020f4015957721aeb21e1a7fff281233d797ff7d3dd1f447fa258
+  languageName: node
+  linkType: hard
+
+"@types/node@npm:^20":
+  version: 20.11.19
+  resolution: "@types/node@npm:20.11.19"
+  dependencies:
+    undici-types: ~5.26.4
+  checksum: 259d16643ba611ade617a8212e594a3ac014727457507389bbf7213971346ab052d870f1e6e2df0afd0876ecd7874f578bccb130be01e069263cfc7136ddc0c1
+  languageName: node
+  linkType: hard
+
+"@types/prop-types@npm:*":
+  version: 15.7.11
+  resolution: "@types/prop-types@npm:15.7.11"
+  checksum: 7519ff11d06fbf6b275029fe03fff9ec377b4cb6e864cac34d87d7146c7f5a7560fd164bdc1d2dbe00b60c43713631251af1fd3d34d46c69cd354602bc0c7c54
+  languageName: node
+  linkType: hard
+
+"@types/react-dom@npm:^18":
+  version: 18.2.19
+  resolution: "@types/react-dom@npm:18.2.19"
+  dependencies:
+    "@types/react": "*"
+  checksum: 087a19d8e4c1c0900ec4ac5ddb749a811a38274b25683d233c11755d2895cc6e475e8bf9bea3dee36519769298e078d4c2feab9ab4bd13b26bc2a6170716437e
+  languageName: node
+  linkType: hard
+
+"@types/react@npm:*, @types/react@npm:^18":
+  version: 18.2.57
+  resolution: "@types/react@npm:18.2.57"
+  dependencies:
+    "@types/prop-types": "*"
+    "@types/scheduler": "*"
+    csstype: ^3.0.2
+  checksum: 01e7a3424162468428f3b28acec5e5c6cd1e26775ff605d0f46c883dea2d835924873d36b9ea0b75e40c9593aa78ca56a8ccde66bd58dbf6ecb0dd95af28609d
+  languageName: node
+  linkType: hard
+
+"@types/scheduler@npm:*":
+  version: 0.16.8
+  resolution: "@types/scheduler@npm:0.16.8"
+  checksum: 6c091b096daa490093bf30dd7947cd28e5b2cd612ec93448432b33f724b162587fed9309a0acc104d97b69b1d49a0f3fc755a62282054d62975d53d7fd13472d
+  languageName: node
+  linkType: hard
+
+"acorn-walk@npm:^8.0.0":
+  version: 8.3.2
+  resolution: "acorn-walk@npm:8.3.2"
+  checksum: 3626b9d26a37b1b427796feaa5261faf712307a8920392c8dce9a5739fb31077667f4ad2ec71c7ac6aaf9f61f04a9d3d67ff56f459587206fc04aa31c27ef392
+  languageName: node
+  linkType: hard
+
+"acorn@npm:^8.0.4":
+  version: 8.11.3
+  resolution: "acorn@npm:8.11.3"
+  bin:
+    acorn: bin/acorn
+  checksum: 76d8e7d559512566b43ab4aadc374f11f563f0a9e21626dd59cb2888444e9445923ae9f3699972767f18af61df89cd89f5eaaf772d1327b055b45cb829b4a88c
+  languageName: node
+  linkType: hard
+
+"busboy@npm:1.6.0":
+  version: 1.6.0
+  resolution: "busboy@npm:1.6.0"
+  dependencies:
+    streamsearch: ^1.1.0
+  checksum: 32801e2c0164e12106bf236291a00795c3c4e4b709ae02132883fe8478ba2ae23743b11c5735a0aae8afe65ac4b6ca4568b91f0d9fed1fdbc32ede824a73746e
+  languageName: node
+  linkType: hard
+
+"caniuse-lite@npm:^1.0.30001579":
+  version: 1.0.30001588
+  resolution: "caniuse-lite@npm:1.0.30001588"
+  checksum: 2ab5fcec8fd3ee5d817a44bf1fb69804a6924d190e476863fb519692cd3e85a3a775bf4a2b6ba793f8db592ca61255b7f77f3d773ff7d42b452216f180bcdd2f
+  languageName: node
+  linkType: hard
+
+"client-only@npm:0.0.1":
+  version: 0.0.1
+  resolution: "client-only@npm:0.0.1"
+  checksum: 0c16bf660dadb90610553c1d8946a7fdfb81d624adea073b8440b7d795d5b5b08beb3c950c6a2cf16279365a3265158a236876d92bce16423c485c322d7dfaf8
+  languageName: node
+  linkType: hard
+
+"clsx@npm:^2.1.0":
+  version: 2.1.0
+  resolution: "clsx@npm:2.1.0"
+  checksum: 43fefc29b6b49c9476fbce4f8b1cc75c27b67747738e598e6651dd40d63692135dc60b18fa1c5b78a2a9ba8ae6fd2055a068924b94e20b42039bd53b78b98e1d
+  languageName: node
+  linkType: hard
+
+"commander@npm:^7.2.0":
+  version: 7.2.0
+  resolution: "commander@npm:7.2.0"
+  checksum: 53501cbeee61d5157546c0bef0fedb6cdfc763a882136284bed9a07225f09a14b82d2a84e7637edfd1a679fb35ed9502fd58ef1d091e6287f60d790147f68ddc
+  languageName: node
+  linkType: hard
+
+"csstype@npm:^3.0.2":
+  version: 3.1.3
+  resolution: "csstype@npm:3.1.3"
+  checksum: 8db785cc92d259102725b3c694ec0c823f5619a84741b5c7991b8ad135dfaa66093038a1cc63e03361a6cd28d122be48f2106ae72334e067dd619a51f49eddf7
+  languageName: node
+  linkType: hard
+
+"date-fns@npm:^3.0.0":
+  version: 3.3.1
+  resolution: "date-fns@npm:3.3.1"
+  checksum: 6245e93a47de28ac96dffd4d62877f86e6b64854860ae1e00a4f83174d80bc8e59bd1259cf265223fb2ddce5c8e586dc9cc210f0d052faba2f7660e265877283
+  languageName: node
+  linkType: hard
+
+"debounce@npm:^1.2.1":
+  version: 1.2.1
+  resolution: "debounce@npm:1.2.1"
+  checksum: 682a89506d9e54fb109526f4da255c5546102fbb8e3ae75eef3b04effaf5d4853756aee97475cd4650641869794e44f410eeb20ace2b18ea592287ab2038519e
+  languageName: node
+  linkType: hard
+
+"duplexer@npm:^0.1.2":
+  version: 0.1.2
+  resolution: "duplexer@npm:0.1.2"
+  checksum: 62ba61a830c56801db28ff6305c7d289b6dc9f859054e8c982abd8ee0b0a14d2e9a8e7d086ffee12e868d43e2bbe8a964be55ddbd8c8957714c87373c7a4f9b0
+  languageName: node
+  linkType: hard
+
+"escape-string-regexp@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "escape-string-regexp@npm:4.0.0"
+  checksum: 98b48897d93060f2322108bf29db0feba7dd774be96cd069458d1453347b25ce8682ecc39859d4bca2203cc0ab19c237bcc71755eff49a0f8d90beadeeba5cc5
+  languageName: node
+  linkType: hard
+
+"graceful-fs@npm:^4.2.11":
+  version: 4.2.11
+  resolution: "graceful-fs@npm:4.2.11"
+  checksum: ac85f94da92d8eb6b7f5a8b20ce65e43d66761c55ce85ac96df6865308390da45a8d3f0296dd3a663de65d30ba497bd46c696cc1e248c72b13d6d567138a4fc7
+  languageName: node
+  linkType: hard
+
+"gzip-size@npm:^6.0.0":
+  version: 6.0.0
+  resolution: "gzip-size@npm:6.0.0"
+  dependencies:
+    duplexer: ^0.1.2
+  checksum: 2df97f359696ad154fc171dcb55bc883fe6e833bca7a65e457b9358f3cb6312405ed70a8da24a77c1baac0639906cd52358dc0ce2ec1a937eaa631b934c94194
+  languageName: node
+  linkType: hard
+
+"html-escaper@npm:^2.0.2":
+  version: 2.0.2
+  resolution: "html-escaper@npm:2.0.2"
+  checksum: d2df2da3ad40ca9ee3a39c5cc6475ef67c8f83c234475f24d8e9ce0dc80a2c82df8e1d6fa78ddd1e9022a586ea1bd247a615e80a5cd9273d90111ddda7d9e974
+  languageName: node
+  linkType: hard
+
+"is-plain-object@npm:^5.0.0":
+  version: 5.0.0
+  resolution: "is-plain-object@npm:5.0.0"
+  checksum: e32d27061eef62c0847d303125440a38660517e586f2f3db7c9d179ae5b6674ab0f469d519b2e25c147a1a3bc87156d0d5f4d8821e0ce4a9ee7fe1fcf11ce45c
+  languageName: node
+  linkType: hard
+
+"js-tokens@npm:^3.0.0 || ^4.0.0":
+  version: 4.0.0
+  resolution: "js-tokens@npm:4.0.0"
+  checksum: 8a95213a5a77deb6cbe94d86340e8d9ace2b93bc367790b260101d2f36a2eaf4e4e22d9fa9cf459b38af3a32fb4190e638024cf82ec95ef708680e405ea7cc78
+  languageName: node
+  linkType: hard
+
+"loose-envify@npm:^1.1.0":
+  version: 1.4.0
+  resolution: "loose-envify@npm:1.4.0"
+  dependencies:
+    js-tokens: ^3.0.0 || ^4.0.0
+  bin:
+    loose-envify: cli.js
+  checksum: 6517e24e0cad87ec9888f500c5b5947032cdfe6ef65e1c1936a0c48a524b81e65542c9c3edc91c97d5bddc806ee2a985dbc79be89215d613b1de5db6d1cfe6f4
+  languageName: node
+  linkType: hard
+
+"mrmime@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "mrmime@npm:2.0.0"
+  checksum: f6fe11ec667c3d96f1ce5fd41184ed491d5f0a5f4045e82446a471ccda5f84c7f7610dff61d378b73d964f73a320bd7f89788f9e6b9403e32cc4be28ba99f569
+  languageName: node
+  linkType: hard
+
+"nanoid@npm:^3.3.6":
+  version: 3.3.7
+  resolution: "nanoid@npm:3.3.7"
+  bin:
+    nanoid: bin/nanoid.cjs
+  checksum: d36c427e530713e4ac6567d488b489a36582ef89da1d6d4e3b87eded11eb10d7042a877958c6f104929809b2ab0bafa17652b076cdf84324aa75b30b722204f2
+  languageName: node
+  linkType: hard
+
+"next-appdir@workspace:.":
+  version: 0.0.0-use.local
+  resolution: "next-appdir@workspace:."
+  dependencies:
+    "@navikt/aksel-icons": "file:./../../@navikt/aksel-icons"
+    "@navikt/ds-css": "file:./../../@navikt/core/css"
+    "@navikt/ds-react": "file:./../../@navikt/core/react"
+    "@next/bundle-analyzer": ^14.1.0
+    "@types/node": ^20
+    "@types/react": ^18
+    "@types/react-dom": ^18
+    next: 14.1.0
+    react: ^18
+    react-dom: ^18
+    typescript: ^5
+  languageName: unknown
+  linkType: soft
+
+"next@npm:14.1.0":
+  version: 14.1.0
+  resolution: "next@npm:14.1.0"
+  dependencies:
+    "@next/env": 14.1.0
+    "@next/swc-darwin-arm64": 14.1.0
+    "@next/swc-darwin-x64": 14.1.0
+    "@next/swc-linux-arm64-gnu": 14.1.0
+    "@next/swc-linux-arm64-musl": 14.1.0
+    "@next/swc-linux-x64-gnu": 14.1.0
+    "@next/swc-linux-x64-musl": 14.1.0
+    "@next/swc-win32-arm64-msvc": 14.1.0
+    "@next/swc-win32-ia32-msvc": 14.1.0
+    "@next/swc-win32-x64-msvc": 14.1.0
+    "@swc/helpers": 0.5.2
+    busboy: 1.6.0
+    caniuse-lite: ^1.0.30001579
+    graceful-fs: ^4.2.11
+    postcss: 8.4.31
+    styled-jsx: 5.1.1
+  peerDependencies:
+    "@opentelemetry/api": ^1.1.0
+    react: ^18.2.0
+    react-dom: ^18.2.0
+    sass: ^1.3.0
+  dependenciesMeta:
+    "@next/swc-darwin-arm64":
+      optional: true
+    "@next/swc-darwin-x64":
+      optional: true
+    "@next/swc-linux-arm64-gnu":
+      optional: true
+    "@next/swc-linux-arm64-musl":
+      optional: true
+    "@next/swc-linux-x64-gnu":
+      optional: true
+    "@next/swc-linux-x64-musl":
+      optional: true
+    "@next/swc-win32-arm64-msvc":
+      optional: true
+    "@next/swc-win32-ia32-msvc":
+      optional: true
+    "@next/swc-win32-x64-msvc":
+      optional: true
+  peerDependenciesMeta:
+    "@opentelemetry/api":
+      optional: true
+    sass:
+      optional: true
+  bin:
+    next: dist/bin/next
+  checksum: 077fd76a6fe7127a8be3d11035dcefb2c829f304aaa85144e0d1b531a1549b6c9bb99459af1ef0782c1f1110ca08f6f33efd293a2dc51672dd9dc45ede608ecf
+  languageName: node
+  linkType: hard
+
+"opener@npm:^1.5.2":
+  version: 1.5.2
+  resolution: "opener@npm:1.5.2"
+  bin:
+    opener: bin/opener-bin.js
+  checksum: 33b620c0d53d5b883f2abc6687dd1c5fd394d270dbe33a6356f2d71e0a2ec85b100d5bac94694198ccf5c30d592da863b2292c5539009c715a9c80c697b4f6cc
+  languageName: node
+  linkType: hard
+
+"picocolors@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "picocolors@npm:1.0.0"
+  checksum: a2e8092dd86c8396bdba9f2b5481032848525b3dc295ce9b57896f931e63fc16f79805144321f72976383fc249584672a75cc18d6777c6b757603f372f745981
+  languageName: node
+  linkType: hard
+
+"postcss@npm:8.4.31":
+  version: 8.4.31
+  resolution: "postcss@npm:8.4.31"
+  dependencies:
+    nanoid: ^3.3.6
+    picocolors: ^1.0.0
+    source-map-js: ^1.0.2
+  checksum: 1d8611341b073143ad90486fcdfeab49edd243377b1f51834dc4f6d028e82ce5190e4f11bb2633276864503654fb7cab28e67abdc0fbf9d1f88cad4a0ff0beea
+  languageName: node
+  linkType: hard
+
+"react-day-picker@npm:8.10.0":
+  version: 8.10.0
+  resolution: "react-day-picker@npm:8.10.0"
+  peerDependencies:
+    date-fns: ^2.28.0 || ^3.0.0
+    react: ^16.8.0 || ^17.0.0 || ^18.0.0
+  checksum: a265e8c2f3f0e92e5a23e2edeca40fe67c67c00bae64aa9e1a99c6fe7f58b2f697b538937822b8f68d4b890d7903a06f074f1365deb465a0aeef1a14c701cc65
+  languageName: node
+  linkType: hard
+
+"react-dom@npm:^18":
+  version: 18.2.0
+  resolution: "react-dom@npm:18.2.0"
+  dependencies:
+    loose-envify: ^1.1.0
+    scheduler: ^0.23.0
+  peerDependencies:
+    react: ^18.2.0
+  checksum: 7d323310bea3a91be2965f9468d552f201b1c27891e45ddc2d6b8f717680c95a75ae0bc1e3f5cf41472446a2589a75aed4483aee8169287909fcd59ad149e8cc
+  languageName: node
+  linkType: hard
+
+"react@npm:^18":
+  version: 18.2.0
+  resolution: "react@npm:18.2.0"
+  dependencies:
+    loose-envify: ^1.1.0
+  checksum: 88e38092da8839b830cda6feef2e8505dec8ace60579e46aa5490fc3dc9bba0bd50336507dc166f43e3afc1c42939c09fe33b25fae889d6f402721dcd78fca1b
+  languageName: node
+  linkType: hard
+
+"regenerator-runtime@npm:^0.14.0":
+  version: 0.14.1
+  resolution: "regenerator-runtime@npm:0.14.1"
+  checksum: 9f57c93277b5585d3c83b0cf76be47b473ae8c6d9142a46ce8b0291a04bb2cf902059f0f8445dcabb3fb7378e5fe4bb4ea1e008876343d42e46d3b484534ce38
+  languageName: node
+  linkType: hard
+
+"scheduler@npm:^0.23.0":
+  version: 0.23.0
+  resolution: "scheduler@npm:0.23.0"
+  dependencies:
+    loose-envify: ^1.1.0
+  checksum: d79192eeaa12abef860c195ea45d37cbf2bbf5f66e3c4dcd16f54a7da53b17788a70d109ee3d3dde1a0fd50e6a8fc171f4300356c5aee4fc0171de526bf35f8a
+  languageName: node
+  linkType: hard
+
+"sirv@npm:^2.0.3":
+  version: 2.0.4
+  resolution: "sirv@npm:2.0.4"
+  dependencies:
+    "@polka/url": ^1.0.0-next.24
+    mrmime: ^2.0.0
+    totalist: ^3.0.0
+  checksum: 6853384a51d6ee9377dd657e2b257e0e98b29abbfbfa6333e105197f0f100c8c56a4520b47028b04ab1833cf2312526206f38fcd4f891c6df453f40da1a15a57
+  languageName: node
+  linkType: hard
+
+"source-map-js@npm:^1.0.2":
+  version: 1.0.2
+  resolution: "source-map-js@npm:1.0.2"
+  checksum: c049a7fc4deb9a7e9b481ae3d424cc793cb4845daa690bc5a05d428bf41bf231ced49b4cf0c9e77f9d42fdb3d20d6187619fc586605f5eabe995a316da8d377c
+  languageName: node
+  linkType: hard
+
+"streamsearch@npm:^1.1.0":
+  version: 1.1.0
+  resolution: "streamsearch@npm:1.1.0"
+  checksum: 1cce16cea8405d7a233d32ca5e00a00169cc0e19fbc02aa839959985f267335d435c07f96e5e0edd0eadc6d39c98d5435fb5bbbdefc62c41834eadc5622ad942
+  languageName: node
+  linkType: hard
+
+"styled-jsx@npm:5.1.1":
+  version: 5.1.1
+  resolution: "styled-jsx@npm:5.1.1"
+  dependencies:
+    client-only: 0.0.1
+  peerDependencies:
+    react: ">= 16.8.0 || 17.x.x || ^18.0.0-0"
+  peerDependenciesMeta:
+    "@babel/core":
+      optional: true
+    babel-plugin-macros:
+      optional: true
+  checksum: 523a33b38603492547e861b98e29c873939b04e15fbe5ef16132c6f1e15958126647983c7d4675325038b428a5e91183d996e90141b18bdd1bbadf6e2c45b2fa
+  languageName: node
+  linkType: hard
+
+"tabbable@npm:^6.0.1":
+  version: 6.2.0
+  resolution: "tabbable@npm:6.2.0"
+  checksum: f8440277d223949272c74bb627a3371be21735ca9ad34c2570f7e1752bd646ccfc23a9d8b1ee65d6561243f4134f5fbbf1ad6b39ac3c4b586554accaff4a1300
+  languageName: node
+  linkType: hard
+
+"totalist@npm:^3.0.0":
+  version: 3.0.1
+  resolution: "totalist@npm:3.0.1"
+  checksum: 5132d562cf88ff93fd710770a92f31dbe67cc19b5c6ccae2efc0da327f0954d211bbfd9456389655d726c624f284b4a23112f56d1da931ca7cfabbe1f45e778a
+  languageName: node
+  linkType: hard
+
+"tslib@npm:^2.4.0":
+  version: 2.6.2
+  resolution: "tslib@npm:2.6.2"
+  checksum: 329ea56123005922f39642318e3d1f0f8265d1e7fcb92c633e0809521da75eeaca28d2cf96d7248229deb40e5c19adf408259f4b9640afd20d13aecc1430f3ad
+  languageName: node
+  linkType: hard
+
+"typescript@npm:^5":
+  version: 5.3.3
+  resolution: "typescript@npm:5.3.3"
+  bin:
+    tsc: bin/tsc
+    tsserver: bin/tsserver
+  checksum: 2007ccb6e51bbbf6fde0a78099efe04dc1c3dfbdff04ca3b6a8bc717991862b39fd6126c0c3ebf2d2d98ac5e960bcaa873826bb2bb241f14277034148f41f6a2
+  languageName: node
+  linkType: hard
+
+"typescript@patch:typescript@^5#~builtin<compat/typescript>":
+  version: 5.3.3
+  resolution: "typescript@patch:typescript@npm%3A5.3.3#~builtin<compat/typescript>::version=5.3.3&hash=7ad353"
+  bin:
+    tsc: bin/tsc
+    tsserver: bin/tsserver
+  checksum: f61375590b3162599f0f0d5b8737877ac0a7bc52761dbb585d67e7b8753a3a4c42d9a554c4cc929f591ffcf3a2b0602f65ae3ce74714fd5652623a816862b610
+  languageName: node
+  linkType: hard
+
+"undici-types@npm:~5.26.4":
+  version: 5.26.5
+  resolution: "undici-types@npm:5.26.5"
+  checksum: 3192ef6f3fd5df652f2dc1cd782b49d6ff14dc98e5dced492aa8a8c65425227da5da6aafe22523c67f035a272c599bb89cfe803c1db6311e44bed3042fc25487
+  languageName: node
+  linkType: hard
+
+"webpack-bundle-analyzer@npm:4.10.1":
+  version: 4.10.1
+  resolution: "webpack-bundle-analyzer@npm:4.10.1"
+  dependencies:
+    "@discoveryjs/json-ext": 0.5.7
+    acorn: ^8.0.4
+    acorn-walk: ^8.0.0
+    commander: ^7.2.0
+    debounce: ^1.2.1
+    escape-string-regexp: ^4.0.0
+    gzip-size: ^6.0.0
+    html-escaper: ^2.0.2
+    is-plain-object: ^5.0.0
+    opener: ^1.5.2
+    picocolors: ^1.0.0
+    sirv: ^2.0.3
+    ws: ^7.3.1
+  bin:
+    webpack-bundle-analyzer: lib/bin/analyzer.js
+  checksum: 77f48f10a493b1cc95674526472978a2de32412ddbf556bd3903738f14890611426f19477352993efe5a9fd6ca16711eb912d986f2221b17ba6eeca1b6f71fb6
+  languageName: node
+  linkType: hard
+
+"ws@npm:^7.3.1":
+  version: 7.5.9
+  resolution: "ws@npm:7.5.9"
+  peerDependencies:
+    bufferutil: ^4.0.1
+    utf-8-validate: ^5.0.2
+  peerDependenciesMeta:
+    bufferutil:
+      optional: true
+    utf-8-validate:
+      optional: true
+  checksum: c3c100a181b731f40b7f2fddf004aa023f79d64f489706a28bc23ff88e87f6a64b3c6651fbec3a84a53960b75159574d7a7385709847a62ddb7ad6af76f49138
+  languageName: node
+  linkType: hard