Use new TS option to preserve imports in tests

These assertions were here to prevent imports (needed for svelte-inine-compile) from being removed.

src/lib/components/description/DescriptionProvider.svelte

@@ -16,7 +16,8 @@
 
 <script lang="ts">
   import { getContext, setContext } from "svelte";
-  import { Readable, writable, Writable } from "svelte/store";
+  import type { Readable, Writable } from "svelte/store";
+  import { writable } from "svelte/store";
   export let name: string;
   let descriptionIds: string[] = [];
   let contextStore: Writable<DescriptionContext> = writable({

src/lib/components/description/description.test.ts

@@ -19,8 +19,6 @@ afterAll(() => jest.restoreAllMocks());
 
 it("should be possible to render a DescriptionProvider", () => {
   render(DescriptionProvider, { name: "test" });
-  // This dumb line is to trick the TS compiler to not remove my imports
-  expect(DescriptionProvider).not.toBe(Description);
 });
 
 it("should be possible to use a DescriptionProvider without using a Description", async () => {

src/lib/components/dialog/Dialog.svelte

@@ -41,7 +41,8 @@
 
 <script lang="ts">
   import { State, useOpenClosed } from "$lib/internal/open-closed";
-  import { Readable, writable, Writable } from "svelte/store";
+  import type { Readable, Writable } from "svelte/store";
+  import { writable } from "svelte/store";
   import { match } from "$lib/utils/match";
   import { useId } from "$lib/hooks/use-id";
   import { useInertOthers } from "$lib/hooks/use-inert-others";

src/lib/components/disclosure/Disclosure.svelte

@@ -1,5 +1,6 @@
 <script lang="ts" context="module">
-  import { Readable, writable, Writable } from "svelte/store";
+  import type { Readable, Writable } from "svelte/store";
+  import { writable } from "svelte/store";
   import { getContext, setContext } from "svelte";
   export enum DisclosureStates {
     Open,

src/lib/components/disclosure/DisclosureButton.svelte

@@ -7,7 +7,8 @@
   import type { SupportedAs } from "$lib/internal/elements";
   import type { HTMLActionArray } from "$lib/hooks/use-actions";
   import Render from "$lib/utils/Render.svelte";
-  import { Writable, writable } from "svelte/store";
+  import type { Writable } from "svelte/store";
+  import { writable } from "svelte/store";
   import { resolveButtonType } from "$lib/utils/resolve-button-type";
   const forwardEvents = forwardEventsBuilder(get_current_component());
 

src/lib/components/label/LabelProvider.svelte

@@ -14,7 +14,8 @@
 
 <script lang="ts">
   import { getContext, setContext } from "svelte";
-  import { writable, Writable } from "svelte/store";
+  import type { Writable } from "svelte/store";
+  import { writable } from "svelte/store";
   export let name: string;
   let labelIds: string[] = [];
   let contextStore: Writable<LabelContext> = writable({

src/lib/components/listbox/Listbox.svelte

@@ -58,7 +58,8 @@
     calculateActiveIndex,
   } from "$lib/utils/calculate-active-index";
   import { createEventDispatcher, getContext, setContext } from "svelte";
-  import { Readable, writable, Writable } from "svelte/store";
+  import type { Readable, Writable } from "svelte/store";
+  import { writable } from "svelte/store";
   import { match } from "$lib/utils/match";
   import { State, useOpenClosedProvider } from "$lib/internal/open-closed";
   import { forwardEventsBuilder } from "$lib/internal/forwardEventsBuilder";

src/lib/components/menu/Menu.svelte

@@ -4,7 +4,8 @@
     calculateActiveIndex,
   } from "$lib/utils/calculate-active-index";
   import { getContext, setContext } from "svelte";
-  import { Readable, writable, Writable } from "svelte/store";
+  import type { Readable, Writable } from "svelte/store";
+  import { writable } from "svelte/store";
   import { State, useOpenClosedProvider } from "$lib/internal/open-closed";
   import { match } from "$lib/utils/match";
   import type { HTMLActionArray } from "$lib/hooks/use-actions";

src/lib/components/menu/MenuItem.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
-  import { useMenuContext, MenuStates, MenuItemData } from "./Menu.svelte";
+  import type { MenuItemData } from "./Menu.svelte";
+  import { useMenuContext, MenuStates } from "./Menu.svelte";
   import { useId } from "$lib/hooks/use-id";
   import { Focus } from "$lib/utils/calculate-active-index";
   import { afterUpdate, onDestroy, onMount, tick } from "svelte";

src/lib/components/popover/Popover.svelte

@@ -51,7 +51,8 @@
   import { State, useOpenClosedProvider } from "$lib/internal/open-closed";
   import { usePopoverGroupContext } from "./PopoverGroup.svelte";
   import { getContext, setContext, onMount } from "svelte";
-  import { Readable, writable, Writable } from "svelte/store";
+  import type { Readable, Writable } from "svelte/store";
+  import { writable } from "svelte/store";
   import { forwardEventsBuilder } from "$lib/internal/forwardEventsBuilder";
   import { get_current_component } from "svelte/internal";
   import type { SupportedAs } from "$lib/internal/elements";

src/lib/components/popover/PopoverPanel.svelte

@@ -19,11 +19,8 @@
     focusIn,
   } from "$lib/utils/focus-management";
   import { getContext, setContext } from "svelte";
-  import {
+  import type { StateDefinition } from "./Popover.svelte";
-    PopoverStates,
+  import { PopoverStates, usePopoverContext } from "./Popover.svelte";
-    StateDefinition,
-    usePopoverContext,
-  } from "./Popover.svelte";
   import { forwardEventsBuilder } from "$lib/internal/forwardEventsBuilder";
   import { get_current_component } from "svelte/internal";
   import type { SupportedAs } from "$lib/internal/elements";

src/lib/components/portal/PortalGroup.svelte

@@ -1,6 +1,7 @@
 <script lang="ts" context="module">
   import { getContext, setContext } from "svelte";
-  import { Readable, writable } from "svelte/store";
+  import type { Readable } from "svelte/store";
+  import { writable } from "svelte/store";
   const PORTAL_GROUP_CONTEXT_NAME = "headlessui-portal-group-context";
 
   export function usePortalGroupContext():

src/lib/components/portal/portal.test.ts

@@ -13,9 +13,6 @@ beforeEach(() => {
 })
 
 it('should be possible to use a Portal', () => {
-  // Dummy assertion to trick TS compiler
-  expect(Portal).not.toBe(PortalGroup);
-
   expect(getPortalRoot()).toBe(null)
 
   render(svelte`

src/lib/components/radio-group/RadioGroup.svelte

@@ -2,7 +2,8 @@
   import DescriptionProvider from "$lib/components/description/DescriptionProvider.svelte";
   import LabelProvider from "$lib/components/label/LabelProvider.svelte";
   import { createEventDispatcher, getContext, setContext } from "svelte";
-  import { Readable, Writable, writable } from "svelte/store";
+  import type { Readable, Writable } from "svelte/store";
+  import { writable } from "svelte/store";
   import { Focus, focusIn, FocusResult } from "$lib/utils/focus-management";
   import { Keys } from "$lib/utils/keyboard";
   import { useId } from "$lib/hooks/use-id";

src/lib/components/radio-group/RadioGroupOption.svelte

@@ -2,7 +2,8 @@
   import { onDestroy } from "svelte";
   import DescriptionProvider from "$lib/components/description/DescriptionProvider.svelte";
   import LabelProvider from "$lib/components/label/LabelProvider.svelte";
-  import { useRadioGroupContext, Option } from "./RadioGroup.svelte";
+  import type { Option } from "./RadioGroup.svelte";
+  import { useRadioGroupContext } from "./RadioGroup.svelte";
   import { useId } from "$lib/hooks/use-id";
   import { forwardEventsBuilder } from "$lib/internal/forwardEventsBuilder";
   import { get_current_component } from "svelte/internal";

src/lib/components/switch/SwitchGroup.svelte

@@ -13,7 +13,8 @@
   import DescriptionProvider from "$lib/components/description/DescriptionProvider.svelte";
   import LabelProvider from "$lib/components/label/LabelProvider.svelte";
   import { getContext, setContext } from "svelte";
-  import { Writable, writable } from "svelte/store";
+  import type { Writable } from "svelte/store";
+  import { writable } from "svelte/store";
   import { forwardEventsBuilder } from "$lib/internal/forwardEventsBuilder";
   import { get_current_component } from "svelte/internal";
   import type { SupportedAs } from "$lib/internal/elements";

src/lib/components/tabs/TabGroup.svelte

@@ -46,7 +46,8 @@
     setContext,
   } from "svelte";
 
-  import { Readable, writable, Writable } from "svelte/store";
+  import type { Readable, Writable } from "svelte/store";
+  import { writable } from "svelte/store";
   import { forwardEventsBuilder } from "$lib/internal/forwardEventsBuilder";
   import { get_current_component } from "svelte/internal";
   import type { SupportedAs } from "$lib/internal/elements";

src/lib/components/tabs/TabPanel.svelte

@@ -7,7 +7,8 @@
   import type { SupportedAs } from "$lib/internal/elements";
   import type { HTMLActionArray } from "$lib/hooks/use-actions";
   import Render, { Features } from "$lib/utils/Render.svelte";
-  import { writable, Writable } from "svelte/store";
+  import type { Writable } from "svelte/store";
+  import { writable } from "svelte/store";
   const forwardEvents = forwardEventsBuilder(get_current_component());
 
   export let as: SupportedAs = "div";

src/lib/components/transitions/TransitionChild.svelte

@@ -1,12 +1,13 @@
 <script lang="ts">
   import { createEventDispatcher, onMount, setContext } from "svelte";
-  import { writable, Writable } from "svelte/store";
+  import type { Writable } from "svelte/store";
+  import { writable } from "svelte/store";
   import { match } from "$lib/utils/match";
   import { State, useOpenClosedProvider } from "$lib/internal/open-closed";
   import { Reason, transition } from "$lib/utils/transition";
+  import type { NestingContextValues } from "$lib/components/transitions/common.svelte";
   import {
     hasChildren,
-    NestingContextValues,
     NESTING_CONTEXT_NAME,
     TreeStates,
     useNesting,

src/lib/components/transitions/TransitionRoot.svelte

@@ -1,6 +1,7 @@
 <script lang="ts">
   import { onMount, setContext } from "svelte";
-  import { writable, Writable } from "svelte/store";
+  import type { Writable } from "svelte/store";
+  import { writable } from "svelte/store";
   import { match } from "$lib/utils/match";
   import { State, useOpenClosed } from "$lib/internal/open-closed";
   import TransitionChild from "$lib/components/transitions/TransitionChild.svelte";
@@ -8,11 +9,13 @@
   import { get_current_component } from "svelte/internal";
   import type { SupportedAs } from "$lib/internal/elements";
   import type { HTMLActionArray } from "$lib/hooks/use-actions";
+  import type {
+    NestingContextValues,
+    TransitionContextValues,
+  } from "./common.svelte";
   import {
     hasChildren,
-    NestingContextValues,
     NESTING_CONTEXT_NAME,
-    TransitionContextValues,
     TRANSITION_CONTEXT_NAME,
     TreeStates,
     useNesting,

src/lib/internal/ForcePortalRootContext.svelte

@@ -1,6 +1,7 @@
 <script lang="ts" context="module">
   import { getContext, setContext } from "svelte";
-  import { writable, Writable } from "svelte/store";
+  import type { Writable } from "svelte/store";
+  import { writable } from "svelte/store";
   const FORCE_PORTAL_ROOT_CONTEXT_NAME = "headlessui-force-portal-root-context";
 
   export function usePortalRoot(): Writable<boolean> | undefined {

src/lib/internal/elements/A.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
-  import { ActionArray, useActions } from "$lib/hooks/use-actions";
+  import type { ActionArray } from "$lib/hooks/use-actions";
+  import { useActions } from "$lib/hooks/use-actions";
   import { get_current_component } from "svelte/internal";
   import { forwardEventsBuilder } from "../forwardEventsBuilder";
 

src/lib/internal/elements/Address.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
-  import { ActionArray, useActions } from "$lib/hooks/use-actions";
+  import type { ActionArray } from "$lib/hooks/use-actions";
+  import { useActions } from "$lib/hooks/use-actions";
   import { get_current_component } from "svelte/internal";
   import { forwardEventsBuilder } from "../forwardEventsBuilder";
 

src/lib/internal/elements/Article.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
-  import { ActionArray, useActions } from "$lib/hooks/use-actions";
+  import type { ActionArray } from "$lib/hooks/use-actions";
+  import { useActions } from "$lib/hooks/use-actions";
   import { get_current_component } from "svelte/internal";
   import { forwardEventsBuilder } from "../forwardEventsBuilder";
 

src/lib/internal/elements/Aside.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
-  import { ActionArray, useActions } from "$lib/hooks/use-actions";
+  import type { ActionArray } from "$lib/hooks/use-actions";
+  import { useActions } from "$lib/hooks/use-actions";
   import { get_current_component } from "svelte/internal";
   import { forwardEventsBuilder } from "../forwardEventsBuilder";
 

src/lib/internal/elements/B.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
-  import { ActionArray, useActions } from "$lib/hooks/use-actions";
+  import type { ActionArray } from "$lib/hooks/use-actions";
+  import { useActions } from "$lib/hooks/use-actions";
   import { get_current_component } from "svelte/internal";
   import { forwardEventsBuilder } from "../forwardEventsBuilder";
 

src/lib/internal/elements/Bdi.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
-  import { ActionArray, useActions } from "$lib/hooks/use-actions";
+  import type { ActionArray } from "$lib/hooks/use-actions";
+  import { useActions } from "$lib/hooks/use-actions";
   import { get_current_component } from "svelte/internal";
   import { forwardEventsBuilder } from "../forwardEventsBuilder";
 

src/lib/internal/elements/Bdo.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
-  import { ActionArray, useActions } from "$lib/hooks/use-actions";
+  import type { ActionArray } from "$lib/hooks/use-actions";
+  import { useActions } from "$lib/hooks/use-actions";
   import { get_current_component } from "svelte/internal";
   import { forwardEventsBuilder } from "../forwardEventsBuilder";
 

src/lib/internal/elements/Blockquote.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
-  import { ActionArray, useActions } from "$lib/hooks/use-actions";
+  import type { ActionArray } from "$lib/hooks/use-actions";
+  import { useActions } from "$lib/hooks/use-actions";
   import { get_current_component } from "svelte/internal";
   import { forwardEventsBuilder } from "../forwardEventsBuilder";
 

src/lib/internal/elements/Button.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
-  import { ActionArray, useActions } from "$lib/hooks/use-actions";
+  import type { ActionArray } from "$lib/hooks/use-actions";
+  import { useActions } from "$lib/hooks/use-actions";
   import { get_current_component } from "svelte/internal";
   import { forwardEventsBuilder } from "../forwardEventsBuilder";
 

src/lib/internal/elements/Cite.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
-  import { ActionArray, useActions } from "$lib/hooks/use-actions";
+  import type { ActionArray } from "$lib/hooks/use-actions";
+  import { useActions } from "$lib/hooks/use-actions";
   import { get_current_component } from "svelte/internal";
   import { forwardEventsBuilder } from "../forwardEventsBuilder";
 

src/lib/internal/elements/Code.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
-  import { ActionArray, useActions } from "$lib/hooks/use-actions";
+  import type { ActionArray } from "$lib/hooks/use-actions";
+  import { useActions } from "$lib/hooks/use-actions";
   import { get_current_component } from "svelte/internal";
   import { forwardEventsBuilder } from "../forwardEventsBuilder";
 

src/lib/internal/elements/Data.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
-  import { ActionArray, useActions } from "$lib/hooks/use-actions";
+  import type { ActionArray } from "$lib/hooks/use-actions";
+  import { useActions } from "$lib/hooks/use-actions";
   import { get_current_component } from "svelte/internal";
   import { forwardEventsBuilder } from "../forwardEventsBuilder";
 

src/lib/internal/elements/Datalist.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
-  import { ActionArray, useActions } from "$lib/hooks/use-actions";
+  import type { ActionArray } from "$lib/hooks/use-actions";
+  import { useActions } from "$lib/hooks/use-actions";
   import { get_current_component } from "svelte/internal";
   import { forwardEventsBuilder } from "../forwardEventsBuilder";
 

src/lib/internal/elements/Dd.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
-  import { ActionArray, useActions } from "$lib/hooks/use-actions";
+  import type { ActionArray } from "$lib/hooks/use-actions";
+  import { useActions } from "$lib/hooks/use-actions";
   import { get_current_component } from "svelte/internal";
   import { forwardEventsBuilder } from "../forwardEventsBuilder";
 

src/lib/internal/elements/Div.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
-  import { ActionArray, useActions } from "$lib/hooks/use-actions";
+  import type { ActionArray } from "$lib/hooks/use-actions";
+  import { useActions } from "$lib/hooks/use-actions";
   import { get_current_component } from "svelte/internal";
   import { forwardEventsBuilder } from "../forwardEventsBuilder";
 

src/lib/internal/elements/Dl.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
-  import { ActionArray, useActions } from "$lib/hooks/use-actions";
+  import type { ActionArray } from "$lib/hooks/use-actions";
+  import { useActions } from "$lib/hooks/use-actions";
   import { get_current_component } from "svelte/internal";
   import { forwardEventsBuilder } from "../forwardEventsBuilder";
 

src/lib/internal/elements/Dt.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
-  import { ActionArray, useActions } from "$lib/hooks/use-actions";
+  import type { ActionArray } from "$lib/hooks/use-actions";
+  import { useActions } from "$lib/hooks/use-actions";
   import { get_current_component } from "svelte/internal";
   import { forwardEventsBuilder } from "../forwardEventsBuilder";
 

src/lib/internal/elements/Em.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
-  import { ActionArray, useActions } from "$lib/hooks/use-actions";
+  import type { ActionArray } from "$lib/hooks/use-actions";
+  import { useActions } from "$lib/hooks/use-actions";
   import { get_current_component } from "svelte/internal";
   import { forwardEventsBuilder } from "../forwardEventsBuilder";
 

src/lib/internal/elements/Footer.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
-  import { ActionArray, useActions } from "$lib/hooks/use-actions";
+  import type { ActionArray } from "$lib/hooks/use-actions";
+  import { useActions } from "$lib/hooks/use-actions";
   import { get_current_component } from "svelte/internal";
   import { forwardEventsBuilder } from "../forwardEventsBuilder";
 

src/lib/internal/elements/Form.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
-  import { ActionArray, useActions } from "$lib/hooks/use-actions";
+  import type { ActionArray } from "$lib/hooks/use-actions";
+  import { useActions } from "$lib/hooks/use-actions";
   import { get_current_component } from "svelte/internal";
   import { forwardEventsBuilder } from "../forwardEventsBuilder";
 

src/lib/internal/elements/H1.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
-  import { ActionArray, useActions } from "$lib/hooks/use-actions";
+  import type { ActionArray } from "$lib/hooks/use-actions";
+  import { useActions } from "$lib/hooks/use-actions";
   import { get_current_component } from "svelte/internal";
   import { forwardEventsBuilder } from "../forwardEventsBuilder";
 

src/lib/internal/elements/H2.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
-  import { ActionArray, useActions } from "$lib/hooks/use-actions";
+  import type { ActionArray } from "$lib/hooks/use-actions";
+  import { useActions } from "$lib/hooks/use-actions";
   import { get_current_component } from "svelte/internal";
   import { forwardEventsBuilder } from "../forwardEventsBuilder";
 

src/lib/internal/elements/H3.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
-  import { ActionArray, useActions } from "$lib/hooks/use-actions";
+  import type { ActionArray } from "$lib/hooks/use-actions";
+  import { useActions } from "$lib/hooks/use-actions";
   import { get_current_component } from "svelte/internal";
   import { forwardEventsBuilder } from "../forwardEventsBuilder";
 

src/lib/internal/elements/H4.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
-  import { ActionArray, useActions } from "$lib/hooks/use-actions";
+  import type { ActionArray } from "$lib/hooks/use-actions";
+  import { useActions } from "$lib/hooks/use-actions";
   import { get_current_component } from "svelte/internal";
   import { forwardEventsBuilder } from "../forwardEventsBuilder";
 

src/lib/internal/elements/H5.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
-  import { ActionArray, useActions } from "$lib/hooks/use-actions";
+  import type { ActionArray } from "$lib/hooks/use-actions";
+  import { useActions } from "$lib/hooks/use-actions";
   import { get_current_component } from "svelte/internal";
   import { forwardEventsBuilder } from "../forwardEventsBuilder";
 

src/lib/internal/elements/H6.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
-  import { ActionArray, useActions } from "$lib/hooks/use-actions";
+  import type { ActionArray } from "$lib/hooks/use-actions";
+  import { useActions } from "$lib/hooks/use-actions";
   import { get_current_component } from "svelte/internal";
   import { forwardEventsBuilder } from "../forwardEventsBuilder";
 

src/lib/internal/elements/Header.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
-  import { ActionArray, useActions } from "$lib/hooks/use-actions";
+  import type { ActionArray } from "$lib/hooks/use-actions";
+  import { useActions } from "$lib/hooks/use-actions";
   import { get_current_component } from "svelte/internal";
   import { forwardEventsBuilder } from "../forwardEventsBuilder";
 

src/lib/internal/elements/I.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
-  import { ActionArray, useActions } from "$lib/hooks/use-actions";
+  import type { ActionArray } from "$lib/hooks/use-actions";
+  import { useActions } from "$lib/hooks/use-actions";
   import { get_current_component } from "svelte/internal";
   import { forwardEventsBuilder } from "../forwardEventsBuilder";
 

src/lib/internal/elements/Input.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
-  import { ActionArray, useActions } from "$lib/hooks/use-actions";
+  import type { ActionArray } from "$lib/hooks/use-actions";
+  import { useActions } from "$lib/hooks/use-actions";
   import { get_current_component } from "svelte/internal";
   import { forwardEventsBuilder } from "../forwardEventsBuilder";
 

src/lib/internal/elements/Label.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
-  import { ActionArray, useActions } from "$lib/hooks/use-actions";
+  import type { ActionArray } from "$lib/hooks/use-actions";
+  import { useActions } from "$lib/hooks/use-actions";
   import { get_current_component } from "svelte/internal";
   import { forwardEventsBuilder } from "../forwardEventsBuilder";
 

src/lib/internal/elements/Li.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
-  import { ActionArray, useActions } from "$lib/hooks/use-actions";
+  import type { ActionArray } from "$lib/hooks/use-actions";
+  import { useActions } from "$lib/hooks/use-actions";
   import { get_current_component } from "svelte/internal";
   import { forwardEventsBuilder } from "../forwardEventsBuilder";
 

src/lib/internal/elements/Main.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
-  import { ActionArray, useActions } from "$lib/hooks/use-actions";
+  import type { ActionArray } from "$lib/hooks/use-actions";
+  import { useActions } from "$lib/hooks/use-actions";
   import { get_current_component } from "svelte/internal";
   import { forwardEventsBuilder } from "../forwardEventsBuilder";
 

src/lib/internal/elements/Nav.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
-  import { ActionArray, useActions } from "$lib/hooks/use-actions";
+  import type { ActionArray } from "$lib/hooks/use-actions";
+  import { useActions } from "$lib/hooks/use-actions";
   import { get_current_component } from "svelte/internal";
   import { forwardEventsBuilder } from "../forwardEventsBuilder";
 

src/lib/internal/elements/Ol.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
-  import { ActionArray, useActions } from "$lib/hooks/use-actions";
+  import type { ActionArray } from "$lib/hooks/use-actions";
+  import { useActions } from "$lib/hooks/use-actions";
   import { get_current_component } from "svelte/internal";
   import { forwardEventsBuilder } from "../forwardEventsBuilder";
 

src/lib/internal/elements/P.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
-  import { ActionArray, useActions } from "$lib/hooks/use-actions";
+  import type { ActionArray } from "$lib/hooks/use-actions";
+  import { useActions } from "$lib/hooks/use-actions";
   import { get_current_component } from "svelte/internal";
   import { forwardEventsBuilder } from "../forwardEventsBuilder";
 

src/lib/internal/elements/Section.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
-  import { ActionArray, useActions } from "$lib/hooks/use-actions";
+  import type { ActionArray } from "$lib/hooks/use-actions";
+  import { useActions } from "$lib/hooks/use-actions";
   import { get_current_component } from "svelte/internal";
   import { forwardEventsBuilder } from "../forwardEventsBuilder";
 

src/lib/internal/elements/Span.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
-  import { ActionArray, useActions } from "$lib/hooks/use-actions";
+  import type { ActionArray } from "$lib/hooks/use-actions";
+  import { useActions } from "$lib/hooks/use-actions";
   import { get_current_component } from "svelte/internal";
   import { forwardEventsBuilder } from "../forwardEventsBuilder";
 

src/lib/internal/elements/Strong.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
-  import { ActionArray, useActions } from "$lib/hooks/use-actions";
+  import type { ActionArray } from "$lib/hooks/use-actions";
+  import { useActions } from "$lib/hooks/use-actions";
   import { get_current_component } from "svelte/internal";
   import { forwardEventsBuilder } from "../forwardEventsBuilder";
 

src/lib/internal/elements/Ul.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
-  import { ActionArray, useActions } from "$lib/hooks/use-actions";
+  import type { ActionArray } from "$lib/hooks/use-actions";
+  import { useActions } from "$lib/hooks/use-actions";
   import { get_current_component } from "svelte/internal";
   import { forwardEventsBuilder } from "../forwardEventsBuilder";
 

src/lib/utils/Render.svelte

@@ -1,8 +1,6 @@
 <script lang="ts" context="module">
-  import {
+  import type { SupportedElement } from "$lib/internal/elements";
-    getElementComponent,
+  import { getElementComponent } from "$lib/internal/elements";
-    SupportedElement,
-  } from "$lib/internal/elements";
   import { get_current_component, SvelteComponent } from "svelte/internal";
 
   export enum Features {

tsconfig.json

@@ -10,6 +10,7 @@
 			to enforce using \`import type\` instead of \`import\` for Types.
 			*/
     "importsNotUsedAsValues": "error",
+    "preserveValueImports": true,
     "isolatedModules": true,
     "resolveJsonModule": true,
     /**