From 6d2aa60d22973bdb8083da28f875f5c0acb154ff Mon Sep 17 00:00:00 2001
From: Ryan Gossiaux <ryan.gossiaux@gmail.com>
Date: Mon, 17 Jan 2022 16:49:49 -0500
Subject: [PATCH] Use new TS option to preserve imports in tests

These assertions were here to prevent imports (needed for svelte-inine-compile) from being removed.
---
 .../components/description/DescriptionProvider.svelte    | 3 ++-
 src/lib/components/description/description.test.ts       | 2 --
 src/lib/components/dialog/Dialog.svelte                  | 3 ++-
 src/lib/components/disclosure/Disclosure.svelte          | 3 ++-
 src/lib/components/disclosure/DisclosureButton.svelte    | 3 ++-
 src/lib/components/label/LabelProvider.svelte            | 3 ++-
 src/lib/components/listbox/Listbox.svelte                | 3 ++-
 src/lib/components/menu/Menu.svelte                      | 3 ++-
 src/lib/components/menu/MenuItem.svelte                  | 3 ++-
 src/lib/components/popover/Popover.svelte                | 3 ++-
 src/lib/components/popover/PopoverPanel.svelte           | 7 ++-----
 src/lib/components/portal/PortalGroup.svelte             | 3 ++-
 src/lib/components/portal/portal.test.ts                 | 3 ---
 src/lib/components/radio-group/RadioGroup.svelte         | 3 ++-
 src/lib/components/radio-group/RadioGroupOption.svelte   | 3 ++-
 src/lib/components/switch/SwitchGroup.svelte             | 3 ++-
 src/lib/components/tabs/TabGroup.svelte                  | 3 ++-
 src/lib/components/tabs/TabPanel.svelte                  | 3 ++-
 src/lib/components/transitions/TransitionChild.svelte    | 5 +++--
 src/lib/components/transitions/TransitionRoot.svelte     | 9 ++++++---
 src/lib/internal/ForcePortalRootContext.svelte           | 3 ++-
 src/lib/internal/elements/A.svelte                       | 3 ++-
 src/lib/internal/elements/Address.svelte                 | 3 ++-
 src/lib/internal/elements/Article.svelte                 | 3 ++-
 src/lib/internal/elements/Aside.svelte                   | 3 ++-
 src/lib/internal/elements/B.svelte                       | 3 ++-
 src/lib/internal/elements/Bdi.svelte                     | 3 ++-
 src/lib/internal/elements/Bdo.svelte                     | 3 ++-
 src/lib/internal/elements/Blockquote.svelte              | 3 ++-
 src/lib/internal/elements/Button.svelte                  | 3 ++-
 src/lib/internal/elements/Cite.svelte                    | 3 ++-
 src/lib/internal/elements/Code.svelte                    | 3 ++-
 src/lib/internal/elements/Data.svelte                    | 3 ++-
 src/lib/internal/elements/Datalist.svelte                | 3 ++-
 src/lib/internal/elements/Dd.svelte                      | 3 ++-
 src/lib/internal/elements/Div.svelte                     | 3 ++-
 src/lib/internal/elements/Dl.svelte                      | 3 ++-
 src/lib/internal/elements/Dt.svelte                      | 3 ++-
 src/lib/internal/elements/Em.svelte                      | 3 ++-
 src/lib/internal/elements/Footer.svelte                  | 3 ++-
 src/lib/internal/elements/Form.svelte                    | 3 ++-
 src/lib/internal/elements/H1.svelte                      | 3 ++-
 src/lib/internal/elements/H2.svelte                      | 3 ++-
 src/lib/internal/elements/H3.svelte                      | 3 ++-
 src/lib/internal/elements/H4.svelte                      | 3 ++-
 src/lib/internal/elements/H5.svelte                      | 3 ++-
 src/lib/internal/elements/H6.svelte                      | 3 ++-
 src/lib/internal/elements/Header.svelte                  | 3 ++-
 src/lib/internal/elements/I.svelte                       | 3 ++-
 src/lib/internal/elements/Input.svelte                   | 3 ++-
 src/lib/internal/elements/Label.svelte                   | 3 ++-
 src/lib/internal/elements/Li.svelte                      | 3 ++-
 src/lib/internal/elements/Main.svelte                    | 3 ++-
 src/lib/internal/elements/Nav.svelte                     | 3 ++-
 src/lib/internal/elements/Ol.svelte                      | 3 ++-
 src/lib/internal/elements/P.svelte                       | 3 ++-
 src/lib/internal/elements/Section.svelte                 | 3 ++-
 src/lib/internal/elements/Span.svelte                    | 3 ++-
 src/lib/internal/elements/Strong.svelte                  | 3 ++-
 src/lib/internal/elements/Ul.svelte                      | 3 ++-
 src/lib/utils/Render.svelte                              | 6 ++----
 tsconfig.json                                            | 1 +
 62 files changed, 124 insertions(+), 74 deletions(-)

diff --git a/src/lib/components/description/DescriptionProvider.svelte b/src/lib/components/description/DescriptionProvider.svelte
index 1a4c3ef..dd152e4 100644
--- a/src/lib/components/description/DescriptionProvider.svelte
+++ b/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({
diff --git a/src/lib/components/description/description.test.ts b/src/lib/components/description/description.test.ts
index 1fc58a9..4a520dd 100644
--- a/src/lib/components/description/description.test.ts
+++ b/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 () => {
diff --git a/src/lib/components/dialog/Dialog.svelte b/src/lib/components/dialog/Dialog.svelte
index c438e7a..86a0130 100644
--- a/src/lib/components/dialog/Dialog.svelte
+++ b/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";
diff --git a/src/lib/components/disclosure/Disclosure.svelte b/src/lib/components/disclosure/Disclosure.svelte
index 785ad0f..901385d 100644
--- a/src/lib/components/disclosure/Disclosure.svelte
+++ b/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,
diff --git a/src/lib/components/disclosure/DisclosureButton.svelte b/src/lib/components/disclosure/DisclosureButton.svelte
index cbc9eea..6d928ce 100644
--- a/src/lib/components/disclosure/DisclosureButton.svelte
+++ b/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());
 
diff --git a/src/lib/components/label/LabelProvider.svelte b/src/lib/components/label/LabelProvider.svelte
index 988ddfd..1080dff 100644
--- a/src/lib/components/label/LabelProvider.svelte
+++ b/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({
diff --git a/src/lib/components/listbox/Listbox.svelte b/src/lib/components/listbox/Listbox.svelte
index 2d8aa2d..89ab431 100644
--- a/src/lib/components/listbox/Listbox.svelte
+++ b/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";
diff --git a/src/lib/components/menu/Menu.svelte b/src/lib/components/menu/Menu.svelte
index 4ef10b7..6aecd0e 100644
--- a/src/lib/components/menu/Menu.svelte
+++ b/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";
diff --git a/src/lib/components/menu/MenuItem.svelte b/src/lib/components/menu/MenuItem.svelte
index 42fa0b2..7e63bac 100644
--- a/src/lib/components/menu/MenuItem.svelte
+++ b/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";
diff --git a/src/lib/components/popover/Popover.svelte b/src/lib/components/popover/Popover.svelte
index 386acca..05500b2 100644
--- a/src/lib/components/popover/Popover.svelte
+++ b/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";
diff --git a/src/lib/components/popover/PopoverPanel.svelte b/src/lib/components/popover/PopoverPanel.svelte
index 4cfa723..8ff5331 100644
--- a/src/lib/components/popover/PopoverPanel.svelte
+++ b/src/lib/components/popover/PopoverPanel.svelte
@@ -19,11 +19,8 @@
     focusIn,
   } from "$lib/utils/focus-management";
   import { getContext, setContext } from "svelte";
-  import {
-    PopoverStates,
-    StateDefinition,
-    usePopoverContext,
-  } from "./Popover.svelte";
+  import type { StateDefinition } from "./Popover.svelte";
+  import { PopoverStates, usePopoverContext } from "./Popover.svelte";
   import { forwardEventsBuilder } from "$lib/internal/forwardEventsBuilder";
   import { get_current_component } from "svelte/internal";
   import type { SupportedAs } from "$lib/internal/elements";
diff --git a/src/lib/components/portal/PortalGroup.svelte b/src/lib/components/portal/PortalGroup.svelte
index f567b60..53053d3 100644
--- a/src/lib/components/portal/PortalGroup.svelte
+++ b/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():
diff --git a/src/lib/components/portal/portal.test.ts b/src/lib/components/portal/portal.test.ts
index 68abd1a..580d07a 100644
--- a/src/lib/components/portal/portal.test.ts
+++ b/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`
diff --git a/src/lib/components/radio-group/RadioGroup.svelte b/src/lib/components/radio-group/RadioGroup.svelte
index 2a491b1..2d5cdb7 100644
--- a/src/lib/components/radio-group/RadioGroup.svelte
+++ b/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";
diff --git a/src/lib/components/radio-group/RadioGroupOption.svelte b/src/lib/components/radio-group/RadioGroupOption.svelte
index ea3a4fa..f05ea24 100644
--- a/src/lib/components/radio-group/RadioGroupOption.svelte
+++ b/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";
diff --git a/src/lib/components/switch/SwitchGroup.svelte b/src/lib/components/switch/SwitchGroup.svelte
index e7cae1d..a0b07f0 100644
--- a/src/lib/components/switch/SwitchGroup.svelte
+++ b/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";
diff --git a/src/lib/components/tabs/TabGroup.svelte b/src/lib/components/tabs/TabGroup.svelte
index e25a891..f533b1d 100644
--- a/src/lib/components/tabs/TabGroup.svelte
+++ b/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";
diff --git a/src/lib/components/tabs/TabPanel.svelte b/src/lib/components/tabs/TabPanel.svelte
index aa031af..2d085bf 100644
--- a/src/lib/components/tabs/TabPanel.svelte
+++ b/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";
diff --git a/src/lib/components/transitions/TransitionChild.svelte b/src/lib/components/transitions/TransitionChild.svelte
index 20aac83..1ee1593 100644
--- a/src/lib/components/transitions/TransitionChild.svelte
+++ b/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,
diff --git a/src/lib/components/transitions/TransitionRoot.svelte b/src/lib/components/transitions/TransitionRoot.svelte
index 837c315..27749bd 100644
--- a/src/lib/components/transitions/TransitionRoot.svelte
+++ b/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,
diff --git a/src/lib/internal/ForcePortalRootContext.svelte b/src/lib/internal/ForcePortalRootContext.svelte
index 6718a01..27d3533 100644
--- a/src/lib/internal/ForcePortalRootContext.svelte
+++ b/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 {
diff --git a/src/lib/internal/elements/A.svelte b/src/lib/internal/elements/A.svelte
index 720e136..655c0b7 100644
--- a/src/lib/internal/elements/A.svelte
+++ b/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";
 
diff --git a/src/lib/internal/elements/Address.svelte b/src/lib/internal/elements/Address.svelte
index e1ae0ee..ed4d81c 100644
--- a/src/lib/internal/elements/Address.svelte
+++ b/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";
 
diff --git a/src/lib/internal/elements/Article.svelte b/src/lib/internal/elements/Article.svelte
index 794415b..ebcb8f4 100644
--- a/src/lib/internal/elements/Article.svelte
+++ b/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";
 
diff --git a/src/lib/internal/elements/Aside.svelte b/src/lib/internal/elements/Aside.svelte
index 0fb70b6..20ddf5f 100644
--- a/src/lib/internal/elements/Aside.svelte
+++ b/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";
 
diff --git a/src/lib/internal/elements/B.svelte b/src/lib/internal/elements/B.svelte
index e940f1d..b6f59c3 100644
--- a/src/lib/internal/elements/B.svelte
+++ b/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";
 
diff --git a/src/lib/internal/elements/Bdi.svelte b/src/lib/internal/elements/Bdi.svelte
index 2680552..0abc331 100644
--- a/src/lib/internal/elements/Bdi.svelte
+++ b/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";
 
diff --git a/src/lib/internal/elements/Bdo.svelte b/src/lib/internal/elements/Bdo.svelte
index 5d78fd3..fcb7d78 100644
--- a/src/lib/internal/elements/Bdo.svelte
+++ b/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";
 
diff --git a/src/lib/internal/elements/Blockquote.svelte b/src/lib/internal/elements/Blockquote.svelte
index 0120ce0..cdb64fb 100644
--- a/src/lib/internal/elements/Blockquote.svelte
+++ b/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";
 
diff --git a/src/lib/internal/elements/Button.svelte b/src/lib/internal/elements/Button.svelte
index c29f493..b8fd003 100644
--- a/src/lib/internal/elements/Button.svelte
+++ b/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";
 
diff --git a/src/lib/internal/elements/Cite.svelte b/src/lib/internal/elements/Cite.svelte
index 46d34f5..cf83573 100644
--- a/src/lib/internal/elements/Cite.svelte
+++ b/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";
 
diff --git a/src/lib/internal/elements/Code.svelte b/src/lib/internal/elements/Code.svelte
index 7695d4c..8e1ebcc 100644
--- a/src/lib/internal/elements/Code.svelte
+++ b/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";
 
diff --git a/src/lib/internal/elements/Data.svelte b/src/lib/internal/elements/Data.svelte
index fa4431b..6fe2713 100644
--- a/src/lib/internal/elements/Data.svelte
+++ b/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";
 
diff --git a/src/lib/internal/elements/Datalist.svelte b/src/lib/internal/elements/Datalist.svelte
index b9a8b2c..7f97458 100644
--- a/src/lib/internal/elements/Datalist.svelte
+++ b/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";
 
diff --git a/src/lib/internal/elements/Dd.svelte b/src/lib/internal/elements/Dd.svelte
index 049e2ec..4c021ca 100644
--- a/src/lib/internal/elements/Dd.svelte
+++ b/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";
 
diff --git a/src/lib/internal/elements/Div.svelte b/src/lib/internal/elements/Div.svelte
index ec41061..38fc7ce 100644
--- a/src/lib/internal/elements/Div.svelte
+++ b/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";
 
diff --git a/src/lib/internal/elements/Dl.svelte b/src/lib/internal/elements/Dl.svelte
index 1981b9f..89fe024 100644
--- a/src/lib/internal/elements/Dl.svelte
+++ b/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";
 
diff --git a/src/lib/internal/elements/Dt.svelte b/src/lib/internal/elements/Dt.svelte
index 491883a..c42b00e 100644
--- a/src/lib/internal/elements/Dt.svelte
+++ b/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";
 
diff --git a/src/lib/internal/elements/Em.svelte b/src/lib/internal/elements/Em.svelte
index 8d29225..ba52047 100644
--- a/src/lib/internal/elements/Em.svelte
+++ b/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";
 
diff --git a/src/lib/internal/elements/Footer.svelte b/src/lib/internal/elements/Footer.svelte
index d206e7e..fe38c55 100644
--- a/src/lib/internal/elements/Footer.svelte
+++ b/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";
 
diff --git a/src/lib/internal/elements/Form.svelte b/src/lib/internal/elements/Form.svelte
index e36b82a..3c4663a 100644
--- a/src/lib/internal/elements/Form.svelte
+++ b/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";
 
diff --git a/src/lib/internal/elements/H1.svelte b/src/lib/internal/elements/H1.svelte
index e2a4c0c..09aa4a2 100644
--- a/src/lib/internal/elements/H1.svelte
+++ b/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";
 
diff --git a/src/lib/internal/elements/H2.svelte b/src/lib/internal/elements/H2.svelte
index dae8253..f794cef 100644
--- a/src/lib/internal/elements/H2.svelte
+++ b/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";
 
diff --git a/src/lib/internal/elements/H3.svelte b/src/lib/internal/elements/H3.svelte
index 102d00a..b9d3a36 100644
--- a/src/lib/internal/elements/H3.svelte
+++ b/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";
 
diff --git a/src/lib/internal/elements/H4.svelte b/src/lib/internal/elements/H4.svelte
index 7f9508c..b84796f 100644
--- a/src/lib/internal/elements/H4.svelte
+++ b/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";
 
diff --git a/src/lib/internal/elements/H5.svelte b/src/lib/internal/elements/H5.svelte
index 73d0785..25c45cb 100644
--- a/src/lib/internal/elements/H5.svelte
+++ b/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";
 
diff --git a/src/lib/internal/elements/H6.svelte b/src/lib/internal/elements/H6.svelte
index 0cb22e2..cf23317 100644
--- a/src/lib/internal/elements/H6.svelte
+++ b/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";
 
diff --git a/src/lib/internal/elements/Header.svelte b/src/lib/internal/elements/Header.svelte
index 66b106a..c2f29d3 100644
--- a/src/lib/internal/elements/Header.svelte
+++ b/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";
 
diff --git a/src/lib/internal/elements/I.svelte b/src/lib/internal/elements/I.svelte
index b0837a9..27b8271 100644
--- a/src/lib/internal/elements/I.svelte
+++ b/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";
 
diff --git a/src/lib/internal/elements/Input.svelte b/src/lib/internal/elements/Input.svelte
index 68b7ded..3293c46 100644
--- a/src/lib/internal/elements/Input.svelte
+++ b/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";
 
diff --git a/src/lib/internal/elements/Label.svelte b/src/lib/internal/elements/Label.svelte
index 9ec2a8e..faf73f6 100644
--- a/src/lib/internal/elements/Label.svelte
+++ b/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";
 
diff --git a/src/lib/internal/elements/Li.svelte b/src/lib/internal/elements/Li.svelte
index ac68d23..e2a12e0 100644
--- a/src/lib/internal/elements/Li.svelte
+++ b/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";
 
diff --git a/src/lib/internal/elements/Main.svelte b/src/lib/internal/elements/Main.svelte
index dd123ef..c3c1085 100644
--- a/src/lib/internal/elements/Main.svelte
+++ b/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";
 
diff --git a/src/lib/internal/elements/Nav.svelte b/src/lib/internal/elements/Nav.svelte
index d021d8d..10bf9c1 100644
--- a/src/lib/internal/elements/Nav.svelte
+++ b/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";
 
diff --git a/src/lib/internal/elements/Ol.svelte b/src/lib/internal/elements/Ol.svelte
index fa3a20e..6db9921 100644
--- a/src/lib/internal/elements/Ol.svelte
+++ b/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";
 
diff --git a/src/lib/internal/elements/P.svelte b/src/lib/internal/elements/P.svelte
index 6b5457f..b104f74 100644
--- a/src/lib/internal/elements/P.svelte
+++ b/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";
 
diff --git a/src/lib/internal/elements/Section.svelte b/src/lib/internal/elements/Section.svelte
index 052b67c..ea2cbfa 100644
--- a/src/lib/internal/elements/Section.svelte
+++ b/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";
 
diff --git a/src/lib/internal/elements/Span.svelte b/src/lib/internal/elements/Span.svelte
index f1387bf..b004f1e 100644
--- a/src/lib/internal/elements/Span.svelte
+++ b/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";
 
diff --git a/src/lib/internal/elements/Strong.svelte b/src/lib/internal/elements/Strong.svelte
index 2625349..82f7559 100644
--- a/src/lib/internal/elements/Strong.svelte
+++ b/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";
 
diff --git a/src/lib/internal/elements/Ul.svelte b/src/lib/internal/elements/Ul.svelte
index 8b1cfc5..1158384 100644
--- a/src/lib/internal/elements/Ul.svelte
+++ b/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";
 
diff --git a/src/lib/utils/Render.svelte b/src/lib/utils/Render.svelte
index c8949b6..e4bf0ba 100644
--- a/src/lib/utils/Render.svelte
+++ b/src/lib/utils/Render.svelte
@@ -1,8 +1,6 @@
 <script lang="ts" context="module">
-  import {
-    getElementComponent,
-    SupportedElement,
-  } from "$lib/internal/elements";
+  import type { SupportedElement } from "$lib/internal/elements";
+  import { getElementComponent } from "$lib/internal/elements";
   import { get_current_component, SvelteComponent } from "svelte/internal";
 
   export enum Features {
diff --git a/tsconfig.json b/tsconfig.json
index 6ea8b04..a29f764 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -10,6 +10,7 @@
 			to enforce using \`import type\` instead of \`import\` for Types.
 			*/
     "importsNotUsedAsValues": "error",
+    "preserveValueImports": true,
     "isolatedModules": true,
     "resolveJsonModule": true,
     /**