From f439251c20bca9fbae4c52da9a447634eb88bdd6 Mon Sep 17 00:00:00 2001
From: Tee Ming Chew <chew.tee.ming@nindatech.com>
Date: Thu, 25 Sep 2025 18:12:07 +0800
Subject: [PATCH] fix: remove all empty import statements

---
 src/lib/accordion/Accordion.svelte                   | 2 +-
 src/lib/accordion/AccordionItem.svelte               | 2 +-
 src/lib/bottom-navigation/BottomNavHeader.svelte     | 2 +-
 src/lib/bottom-navigation/BottomNavHeaderItem.svelte | 2 +-
 src/lib/bottom-navigation/BottomNavItem.svelte       | 2 +-
 src/lib/breadcrumb/Breadcrumb.svelte                 | 2 +-
 src/lib/breadcrumb/BreadcrumbItem.svelte             | 2 +-
 src/lib/button-group/ButtonGroup.svelte              | 2 +-
 src/lib/buttons/Button.svelte                        | 2 +-
 src/lib/card/Card.svelte                             | 2 +-
 src/lib/carousel/ControlButton.svelte                | 2 +-
 src/lib/carousel/Slide.svelte                        | 2 +-
 src/lib/carousel/Thumbnail.svelte                    | 2 +-
 src/lib/clipboard/Clipboard.svelte                   | 2 +-
 src/lib/darkmode/DarkMode.svelte                     | 2 +-
 src/lib/device-mockups/Android.svelte                | 2 +-
 src/lib/device-mockups/DefaultMockup.svelte          | 2 +-
 src/lib/device-mockups/Desktop.svelte                | 2 +-
 src/lib/device-mockups/Laptop.svelte                 | 2 +-
 src/lib/device-mockups/Smartwatch.svelte             | 2 +-
 src/lib/drawer/Drawer.svelte                         | 2 +-
 src/lib/drawer/Drawerhead.svelte                     | 2 +-
 src/lib/dropdown/DropdownDivider.svelte              | 2 +-
 src/lib/dropdown/DropdownGroup.svelte                | 2 +-
 src/lib/dropdown/DropdownHeader.svelte               | 2 +-
 src/lib/dropdown/DropdownItem.svelte                 | 2 +-
 src/lib/footer/Footer.svelte                         | 2 +-
 src/lib/footer/FooterBrand.svelte                    | 2 +-
 src/lib/footer/FooterCopyright.svelte                | 2 +-
 src/lib/footer/FooterIcon.svelte                     | 2 +-
 src/lib/footer/FooterLink.svelte                     | 2 +-
 src/lib/footer/FooterLinkGroup.svelte                | 2 +-
 src/lib/forms/button-toggle/ButtonToggle.svelte      | 2 +-
 src/lib/forms/button-toggle/CheckIcon.svelte         | 2 +-
 src/lib/forms/checkbox/CheckboxButton.svelte         | 2 +-
 src/lib/forms/dropzone/Dropzone.svelte               | 2 +-
 src/lib/forms/helper/Helper.svelte                   | 2 +-
 src/lib/forms/label/Label.svelte                     | 2 +-
 src/lib/forms/phoneinput/PhoneInput.svelte           | 2 +-
 src/lib/forms/radio/Radio.svelte                     | 2 +-
 src/lib/forms/range/Range.svelte                     | 2 +-
 src/lib/forms/toggle/Toggle.svelte                   | 2 +-
 src/lib/gallery/Gallery.svelte                       | 2 +-
 src/lib/indicator/Indicator.svelte                   | 2 +-
 src/lib/kbd/Kbd.svelte                               | 2 +-
 src/lib/list-group/Listgroup.svelte                  | 2 +-
 src/lib/list-group/ListgroupItem.svelte              | 2 +-
 src/lib/sidebar/SidebarItem.svelte                   | 2 +-
 src/lib/skeleton/TestimonialPlaceholder.svelte       | 2 +-
 src/lib/skeleton/WidgetPlaceholder.svelte            | 2 +-
 src/lib/step-indicator/StepIndicator.svelte          | 2 +-
 src/lib/stepper/BreadcrumbStepper.svelte             | 2 +-
 src/lib/stepper/DetailedStepper.svelte               | 2 +-
 src/lib/stepper/ProgressStepper.svelte               | 2 +-
 src/lib/stepper/Stepper.svelte                       | 2 +-
 src/lib/stepper/TimelineStepper.svelte               | 2 +-
 src/lib/stepper/VerticalStepper.svelte               | 2 +-
 src/lib/table/Table.svelte                           | 2 +-
 src/lib/tabs/TabItem.svelte                          | 2 +-
 src/lib/types.ts                                     | 4 ++--
 src/lib/utils/Arrow.svelte                           | 2 +-
 src/lib/utils/CloseButton.svelte                     | 2 +-
 62 files changed, 63 insertions(+), 63 deletions(-)

diff --git a/src/lib/accordion/Accordion.svelte b/src/lib/accordion/Accordion.svelte
index 3576d95095..6bd1e5edd0 100644
--- a/src/lib/accordion/Accordion.svelte
+++ b/src/lib/accordion/Accordion.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { type AccordionCtxType, type AccordionProps } from "$lib";
+  import type { AccordionCtxType, AccordionProps } from "$lib";
   import { getTheme } from "$lib/theme/themeUtils";
   import clsx from "clsx";
   import { setContext } from "svelte";
diff --git a/src/lib/accordion/AccordionItem.svelte b/src/lib/accordion/AccordionItem.svelte
index 02d0f35cde..7068137329 100644
--- a/src/lib/accordion/AccordionItem.svelte
+++ b/src/lib/accordion/AccordionItem.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { type AccordionCtxType, type AccordionItemProps, type ParamsType } from "$lib";
+  import type { AccordionCtxType, AccordionItemProps, ParamsType } from "$lib";
   import { getTheme, warnThemeDeprecation } from "$lib/theme/themeUtils";
   import { useSingleSelection } from "$lib/utils/singleselection.svelte";
   import clsx from "clsx";
diff --git a/src/lib/bottom-navigation/BottomNavHeader.svelte b/src/lib/bottom-navigation/BottomNavHeader.svelte
index 3977fa9c8e..09ed2eb402 100644
--- a/src/lib/bottom-navigation/BottomNavHeader.svelte
+++ b/src/lib/bottom-navigation/BottomNavHeader.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
   import { bottomNavHeader } from ".";
   import clsx from "clsx";
-  import { type BottomNavHeaderProps } from "$lib";
+  import type { BottomNavHeaderProps } from "$lib";
   import { getTheme, warnThemeDeprecation } from "$lib/theme/themeUtils";
 
   let { children, class: className, classes, outerClass, innerClass, ...restProps }: BottomNavHeaderProps = $props();
diff --git a/src/lib/bottom-navigation/BottomNavHeaderItem.svelte b/src/lib/bottom-navigation/BottomNavHeaderItem.svelte
index 0adb77d104..873222102f 100644
--- a/src/lib/bottom-navigation/BottomNavHeaderItem.svelte
+++ b/src/lib/bottom-navigation/BottomNavHeaderItem.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
   import { bottomNavHeaderItem } from ".";
   import clsx from "clsx";
-  import { type BottomNavHeaderItemProps } from "$lib";
+  import type { BottomNavHeaderItemProps } from "$lib";
   import { getTheme } from "$lib/theme/themeUtils";
 
   let { itemName, active, class: className, ...restProps }: BottomNavHeaderItemProps = $props();
diff --git a/src/lib/bottom-navigation/BottomNavItem.svelte b/src/lib/bottom-navigation/BottomNavItem.svelte
index 7a1dc507e2..c5adff517e 100644
--- a/src/lib/bottom-navigation/BottomNavItem.svelte
+++ b/src/lib/bottom-navigation/BottomNavItem.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { type BottomNavContextType, type BottomNavItemProps } from "$lib";
+  import type { BottomNavContextType, BottomNavItemProps } from "$lib";
   import { getTheme, warnThemeDeprecation } from "$lib/theme/themeUtils";
   import clsx from "clsx";
   import { getContext } from "svelte";
diff --git a/src/lib/breadcrumb/Breadcrumb.svelte b/src/lib/breadcrumb/Breadcrumb.svelte
index 959cb1cbbc..8eb0cac8aa 100644
--- a/src/lib/breadcrumb/Breadcrumb.svelte
+++ b/src/lib/breadcrumb/Breadcrumb.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
   import { breadcrumb } from ".";
   import clsx from "clsx";
-  import { type BreadcrumbProps } from "$lib";
+  import type { BreadcrumbProps } from "$lib";
   import { getTheme, warnThemeDeprecation } from "$lib/theme/themeUtils";
 
   let { children, solid = false, class: className, classes, olClass, ariaLabel = "Breadcrumb", ...restProps }: BreadcrumbProps = $props();
diff --git a/src/lib/breadcrumb/BreadcrumbItem.svelte b/src/lib/breadcrumb/BreadcrumbItem.svelte
index a22c1c4eab..8083c109ff 100644
--- a/src/lib/breadcrumb/BreadcrumbItem.svelte
+++ b/src/lib/breadcrumb/BreadcrumbItem.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { type BreadcrumbItemProps } from "$lib";
+  import type { BreadcrumbItemProps } from "$lib";
   import { getTheme } from "$lib/theme/themeUtils";
   import clsx from "clsx";
   import { breadcrumbItem } from "./index";
diff --git a/src/lib/button-group/ButtonGroup.svelte b/src/lib/button-group/ButtonGroup.svelte
index 652a8c4857..bbecac4548 100644
--- a/src/lib/button-group/ButtonGroup.svelte
+++ b/src/lib/button-group/ButtonGroup.svelte
@@ -2,7 +2,7 @@
   import { setContext } from "svelte";
   import { buttonGroup } from ".";
   import clsx from "clsx";
-  import { type ButtonGroupProps } from "$lib";
+  import type { ButtonGroupProps } from "$lib";
   import { getTheme } from "$lib/theme/themeUtils";
 
   let { children, size = "md", disabled, class: className, ...restProps }: ButtonGroupProps = $props();
diff --git a/src/lib/buttons/Button.svelte b/src/lib/buttons/Button.svelte
index 1aebf6ee14..bd799239eb 100644
--- a/src/lib/buttons/Button.svelte
+++ b/src/lib/buttons/Button.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
   import { getContext } from "svelte";
   import clsx from "clsx";
-  import { type SizeType, type ButtonProps } from "$lib";
+  import type { SizeType, ButtonProps } from "$lib";
   import { getTheme } from "$lib/theme/themeUtils";
   import { button } from ".";
 
diff --git a/src/lib/card/Card.svelte b/src/lib/card/Card.svelte
index 4f62ce8e57..4fc290045b 100644
--- a/src/lib/card/Card.svelte
+++ b/src/lib/card/Card.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { type CardProps } from "$lib";
+  import type { CardProps } from "$lib";
   import { getTheme, warnThemeDeprecation } from "$lib/theme/themeUtils";
   import clsx from "clsx";
   import { card } from ".";
diff --git a/src/lib/carousel/ControlButton.svelte b/src/lib/carousel/ControlButton.svelte
index 59d4e029d0..689af87f05 100644
--- a/src/lib/carousel/ControlButton.svelte
+++ b/src/lib/carousel/ControlButton.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
   import { controlButton } from "./theme";
   import clsx from "clsx";
-  import { type ControlButtonProps } from "$lib";
+  import type { ControlButtonProps } from "$lib";
   import { getTheme } from "$lib/theme/themeUtils";
 
   let { children, forward, name, class: className, spanClass, ...restProps }: ControlButtonProps = $props();
diff --git a/src/lib/carousel/Slide.svelte b/src/lib/carousel/Slide.svelte
index 01d256b47d..0c0bb8c5b0 100644
--- a/src/lib/carousel/Slide.svelte
+++ b/src/lib/carousel/Slide.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { type SlideProps, type CarouselState } from "$lib";
+  import type { SlideProps, CarouselState } from "$lib";
   import { getTheme } from "$lib/theme/themeUtils";
   import clsx from "clsx";
   import { getContext } from "svelte";
diff --git a/src/lib/carousel/Thumbnail.svelte b/src/lib/carousel/Thumbnail.svelte
index 8b3111573f..8bff97eb58 100644
--- a/src/lib/carousel/Thumbnail.svelte
+++ b/src/lib/carousel/Thumbnail.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
   import { thumbnail } from "./theme";
-  import { type ThumbnailProps } from "$lib";
+  import type { ThumbnailProps } from "$lib";
   import clsx from "clsx";
   import { getTheme } from "$lib/theme/themeUtils";
 
diff --git a/src/lib/clipboard/Clipboard.svelte b/src/lib/clipboard/Clipboard.svelte
index 0f546523f7..b1fa8918e6 100644
--- a/src/lib/clipboard/Clipboard.svelte
+++ b/src/lib/clipboard/Clipboard.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
   import Button from "$lib/buttons/Button.svelte";
   import clsx from "clsx";
-  import { type ClipboardProps } from "$lib";
+  import type { ClipboardProps } from "$lib";
   import { clipboard } from "./theme";
   import type { MouseEventHandler } from "svelte/elements";
   import { getTheme } from "$lib/theme/themeUtils";
diff --git a/src/lib/darkmode/DarkMode.svelte b/src/lib/darkmode/DarkMode.svelte
index 4717574058..ab2c97db37 100644
--- a/src/lib/darkmode/DarkMode.svelte
+++ b/src/lib/darkmode/DarkMode.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
   import { darkmode } from ".";
   import clsx from "clsx";
-  import { type DarkmodeProps } from "$lib";
+  import type { DarkmodeProps } from "$lib";
   import { getTheme } from "$lib/theme/themeUtils";
 
   // const THEME_PREFERENCE_KEY = 'color-theme';
diff --git a/src/lib/device-mockups/Android.svelte b/src/lib/device-mockups/Android.svelte
index 3fd0a14617..c4ad870750 100644
--- a/src/lib/device-mockups/Android.svelte
+++ b/src/lib/device-mockups/Android.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { type AndroidProps } from "$lib";
+  import type { AndroidProps } from "$lib";
   import { warnThemeDeprecation } from "$lib/theme/themeUtils";
   import clsx from "clsx";
   import { android } from ".";
diff --git a/src/lib/device-mockups/DefaultMockup.svelte b/src/lib/device-mockups/DefaultMockup.svelte
index af58ee1fb2..db0495b20c 100644
--- a/src/lib/device-mockups/DefaultMockup.svelte
+++ b/src/lib/device-mockups/DefaultMockup.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { type DefaultMockupProps } from "$lib";
+  import type { DefaultMockupProps } from "$lib";
   import { warnThemeDeprecation } from "$lib/theme/themeUtils";
   import clsx from "clsx";
   import { defaultMockup } from ".";
diff --git a/src/lib/device-mockups/Desktop.svelte b/src/lib/device-mockups/Desktop.svelte
index 5006a50291..26a33ba82b 100644
--- a/src/lib/device-mockups/Desktop.svelte
+++ b/src/lib/device-mockups/Desktop.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { type DesktopProps } from "$lib";
+  import type { DesktopProps } from "$lib";
   import { warnThemeDeprecation } from "$lib/theme/themeUtils";
   import clsx from "clsx";
   import { desktop } from ".";
diff --git a/src/lib/device-mockups/Laptop.svelte b/src/lib/device-mockups/Laptop.svelte
index 2304a390c0..596f17d9c7 100644
--- a/src/lib/device-mockups/Laptop.svelte
+++ b/src/lib/device-mockups/Laptop.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { type LaptopProps } from "$lib";
+  import type { LaptopProps } from "$lib";
   import { warnThemeDeprecation } from "$lib/theme/themeUtils";
   import clsx from "clsx";
   import { laptop } from ".";
diff --git a/src/lib/device-mockups/Smartwatch.svelte b/src/lib/device-mockups/Smartwatch.svelte
index 4b0cb12832..1fa6ef1b7b 100644
--- a/src/lib/device-mockups/Smartwatch.svelte
+++ b/src/lib/device-mockups/Smartwatch.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { type SmartwatchProps } from "$lib";
+  import type { SmartwatchProps } from "$lib";
   import { warnThemeDeprecation } from "$lib/theme/themeUtils";
   import clsx from "clsx";
   import { smartwatch } from ".";
diff --git a/src/lib/drawer/Drawer.svelte b/src/lib/drawer/Drawer.svelte
index 52f5e896ad..5479ddfa1b 100644
--- a/src/lib/drawer/Drawer.svelte
+++ b/src/lib/drawer/Drawer.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { type DrawerProps } from "$lib";
+  import type { DrawerProps } from "$lib";
   import Dialog from "$lib/dialog/Dialog.svelte";
   import { getTheme } from "$lib/theme/themeUtils";
   import clsx from "clsx";
diff --git a/src/lib/drawer/Drawerhead.svelte b/src/lib/drawer/Drawerhead.svelte
index aa47f4c8e2..b6eee1e4f1 100644
--- a/src/lib/drawer/Drawerhead.svelte
+++ b/src/lib/drawer/Drawerhead.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
   import { drawerhead } from ".";
   import clsx from "clsx";
-  import { type DrawerheadProps } from "$lib";
+  import type { DrawerheadProps } from "$lib";
   import { getTheme, warnThemeDeprecation } from "$lib/theme/themeUtils";
 
   let { closeIcon, children, buttonClass, svgClass, class: className, classes, ...restProps }: DrawerheadProps = $props();
diff --git a/src/lib/dropdown/DropdownDivider.svelte b/src/lib/dropdown/DropdownDivider.svelte
index a3a826d19b..54671039ee 100644
--- a/src/lib/dropdown/DropdownDivider.svelte
+++ b/src/lib/dropdown/DropdownDivider.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
   import { dropdownDivider } from ".";
   import clsx from "clsx";
-  import { type DropdownDividerProps } from "$lib";
+  import type { DropdownDividerProps } from "$lib";
   import { getTheme } from "$lib/theme/themeUtils";
 
   let { class: className, ...restProps }: DropdownDividerProps = $props();
diff --git a/src/lib/dropdown/DropdownGroup.svelte b/src/lib/dropdown/DropdownGroup.svelte
index 58b4a88c06..20f38d3984 100644
--- a/src/lib/dropdown/DropdownGroup.svelte
+++ b/src/lib/dropdown/DropdownGroup.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
   import { dropdownGroup } from ".";
   import clsx from "clsx";
-  import { type DropdownGroupProps } from "$lib";
+  import type { DropdownGroupProps } from "$lib";
   import { getTheme } from "$lib/theme/themeUtils";
 
   let { children, class: className, ...restProps }: DropdownGroupProps = $props();
diff --git a/src/lib/dropdown/DropdownHeader.svelte b/src/lib/dropdown/DropdownHeader.svelte
index 22e7b88e60..12969fe3f1 100644
--- a/src/lib/dropdown/DropdownHeader.svelte
+++ b/src/lib/dropdown/DropdownHeader.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
   import { dropdownHeader } from ".";
   import clsx from "clsx";
-  import { type DropdownHeaderProps } from "$lib";
+  import type { DropdownHeaderProps } from "$lib";
   import { getTheme } from "$lib/theme/themeUtils";
 
   let { children, class: className, ...restProps }: DropdownHeaderProps = $props();
diff --git a/src/lib/dropdown/DropdownItem.svelte b/src/lib/dropdown/DropdownItem.svelte
index 4bf5951bc1..283de1790e 100644
--- a/src/lib/dropdown/DropdownItem.svelte
+++ b/src/lib/dropdown/DropdownItem.svelte
@@ -2,7 +2,7 @@
   import { getContext } from "svelte";
   import { dropdownItem } from ".";
   import clsx from "clsx";
-  import { type DropdownItemProps } from "$lib";
+  import type { DropdownItemProps } from "$lib";
   import { getTheme, warnThemeDeprecation } from "$lib/theme/themeUtils";
 
   let { aClass, children, activeClass, liClass, classes, class: className, ...restProps }: DropdownItemProps = $props();
diff --git a/src/lib/footer/Footer.svelte b/src/lib/footer/Footer.svelte
index 17102537ab..39ed8ab01a 100644
--- a/src/lib/footer/Footer.svelte
+++ b/src/lib/footer/Footer.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
   import { footer } from ".";
   import clsx from "clsx";
-  import { type FooterProps } from "$lib";
+  import type { FooterProps } from "$lib";
   import { getTheme } from "$lib/theme/themeUtils";
 
   let { children, footerType = "default", class: className, ...restProps }: FooterProps = $props();
diff --git a/src/lib/footer/FooterBrand.svelte b/src/lib/footer/FooterBrand.svelte
index cc78d98936..2bea928bf7 100644
--- a/src/lib/footer/FooterBrand.svelte
+++ b/src/lib/footer/FooterBrand.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
   import { footerBrand } from ".";
   import clsx from "clsx";
-  import { type FooterBrandProps } from "$lib";
+  import type { FooterBrandProps } from "$lib";
   import { getTheme } from "$lib/theme/themeUtils";
 
   let { children, aClass, spanClass, imgClass, href, src, alt, name, ...restProps }: FooterBrandProps = $props();
diff --git a/src/lib/footer/FooterCopyright.svelte b/src/lib/footer/FooterCopyright.svelte
index e4da60fcb9..f2f3fb32ab 100644
--- a/src/lib/footer/FooterCopyright.svelte
+++ b/src/lib/footer/FooterCopyright.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
   import { footerCopyright } from ".";
   import clsx from "clsx";
-  import { type FooterCopyrightProps } from "$lib";
+  import type { FooterCopyrightProps } from "$lib";
   import { getTheme, warnThemeDeprecation } from "$lib/theme/themeUtils";
 
   let { spanClass, aClass, href, by, copyrightMessage = "All Rights Reserved.", year, bySpanClass, classes, class: className, ...restProps }: FooterCopyrightProps = $props();
diff --git a/src/lib/footer/FooterIcon.svelte b/src/lib/footer/FooterIcon.svelte
index ccdf04a29e..47a800aa37 100644
--- a/src/lib/footer/FooterIcon.svelte
+++ b/src/lib/footer/FooterIcon.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
   import { footerIcon } from ".";
   import clsx from "clsx";
-  import { type FooterIconProps } from "$lib";
+  import type { FooterIconProps } from "$lib";
   import { getTheme } from "$lib/theme/themeUtils";
 
   let { children, href, ariaLabel, class: className, ...restProps }: FooterIconProps = $props();
diff --git a/src/lib/footer/FooterLink.svelte b/src/lib/footer/FooterLink.svelte
index ca37b91585..d35a6ed834 100644
--- a/src/lib/footer/FooterLink.svelte
+++ b/src/lib/footer/FooterLink.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
   import { footerLink } from ".";
   import clsx from "clsx";
-  import { type FooterLinkProps } from "$lib";
+  import type { FooterLinkProps } from "$lib";
   import { getTheme, warnThemeDeprecation } from "$lib/theme/themeUtils";
 
   let { children, liClass, aClass, href, classes, class: className, ...restProps }: FooterLinkProps = $props();
diff --git a/src/lib/footer/FooterLinkGroup.svelte b/src/lib/footer/FooterLinkGroup.svelte
index f0a483c09d..0e83bb8d04 100644
--- a/src/lib/footer/FooterLinkGroup.svelte
+++ b/src/lib/footer/FooterLinkGroup.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
   import { footerLinkGroup } from ".";
   import clsx from "clsx";
-  import { type FooterLinkGroupProps } from "$lib";
+  import type { FooterLinkGroupProps } from "$lib";
   import { getTheme } from "$lib/theme/themeUtils";
 
   let { class: className, children, ...restProps }: FooterLinkGroupProps = $props();
diff --git a/src/lib/forms/button-toggle/ButtonToggle.svelte b/src/lib/forms/button-toggle/ButtonToggle.svelte
index b966ac017a..83ded608f7 100644
--- a/src/lib/forms/button-toggle/ButtonToggle.svelte
+++ b/src/lib/forms/button-toggle/ButtonToggle.svelte
@@ -4,7 +4,7 @@
   import { buttonToggle } from ".";
   import type { ButtonToggleVariants } from "./theme";
   import clsx from "clsx";
-  import { type ButtonToggleProps, type ButtonToggleContext } from "$lib";
+  import type { ButtonToggleProps, ButtonToggleContext } from "$lib";
   import { getTheme, warnThemeDeprecation } from "$lib/theme/themeUtils";
 
   let { value, selected = false, children, iconSlot, color, class: className, iconClass, txtClass, contentClass, classes, ...restProps }: ButtonToggleProps = $props();
diff --git a/src/lib/forms/button-toggle/CheckIcon.svelte b/src/lib/forms/button-toggle/CheckIcon.svelte
index 7fbb96b3fd..ed0282c8f4 100644
--- a/src/lib/forms/button-toggle/CheckIcon.svelte
+++ b/src/lib/forms/button-toggle/CheckIcon.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { type CheckIconProps } from "$lib";
+  import type { CheckIconProps } from "$lib";
   import clsx from "clsx";
   let { class: className, ...restProps }: CheckIconProps = $props();
 </script>
diff --git a/src/lib/forms/checkbox/CheckboxButton.svelte b/src/lib/forms/checkbox/CheckboxButton.svelte
index 261e242643..b148757e2a 100644
--- a/src/lib/forms/checkbox/CheckboxButton.svelte
+++ b/src/lib/forms/checkbox/CheckboxButton.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { type CheckboxButtonProps } from "$lib";
+  import type { CheckboxButtonProps } from "$lib";
   import Button from "$lib/buttons/Button.svelte";
   import { getTheme } from "$lib/theme/themeUtils";
   import clsx from "clsx";
diff --git a/src/lib/forms/dropzone/Dropzone.svelte b/src/lib/forms/dropzone/Dropzone.svelte
index ea2a1273be..ef08f41d66 100644
--- a/src/lib/forms/dropzone/Dropzone.svelte
+++ b/src/lib/forms/dropzone/Dropzone.svelte
@@ -2,7 +2,7 @@
   import type { DragEventHandler, ChangeEventHandler } from "svelte/elements";
   import { dropzone } from ".";
   import clsx from "clsx";
-  import { type DropzoneProps } from "$lib";
+  import type { DropzoneProps } from "$lib";
   import { getTheme } from "$lib/theme/themeUtils";
 
   type HTMLInputElementWithFiles = HTMLInputElement & { files: FileList | null };
diff --git a/src/lib/forms/helper/Helper.svelte b/src/lib/forms/helper/Helper.svelte
index 4af243879e..c214a982a4 100644
--- a/src/lib/forms/helper/Helper.svelte
+++ b/src/lib/forms/helper/Helper.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
   import { helper } from ".";
-  import { type HelperProps } from "$lib";
+  import type { HelperProps } from "$lib";
   import clsx from "clsx";
   import { getTheme } from "$lib/theme/themeUtils";
 
diff --git a/src/lib/forms/label/Label.svelte b/src/lib/forms/label/Label.svelte
index d1939b3530..9085b75f21 100644
--- a/src/lib/forms/label/Label.svelte
+++ b/src/lib/forms/label/Label.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
   import { label } from ".";
   import clsx from "clsx";
-  import { type LabelProps } from "$lib";
+  import type { LabelProps } from "$lib";
   import { getTheme } from "$lib/theme/themeUtils";
 
   let { children, color = "gray", show = true, class: className, ...restProps }: LabelProps = $props();
diff --git a/src/lib/forms/phoneinput/PhoneInput.svelte b/src/lib/forms/phoneinput/PhoneInput.svelte
index 408778fce5..4f83e47ff0 100644
--- a/src/lib/forms/phoneinput/PhoneInput.svelte
+++ b/src/lib/forms/phoneinput/PhoneInput.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { type PhoneInputProps } from "$lib";
+  import type { PhoneInputProps } from "$lib";
   import { phoneInput } from ".";
   import clsx from "clsx";
   import { getTheme } from "$lib/theme/themeUtils";
diff --git a/src/lib/forms/radio/Radio.svelte b/src/lib/forms/radio/Radio.svelte
index 694f402a27..d4a448e127 100644
--- a/src/lib/forms/radio/Radio.svelte
+++ b/src/lib/forms/radio/Radio.svelte
@@ -2,7 +2,7 @@
   import { getContext } from "svelte";
   import { radio } from ".";
   import clsx from "clsx";
-  import { type RadioProps, Label } from "$lib";
+  import type { RadioProps, Label } from "$lib";
   import { getTheme, warnThemeDeprecation } from "$lib/theme/themeUtils";
 
   // remove inputClass in next major version
diff --git a/src/lib/forms/range/Range.svelte b/src/lib/forms/range/Range.svelte
index e9e860da5b..fb593f5c78 100644
--- a/src/lib/forms/range/Range.svelte
+++ b/src/lib/forms/range/Range.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
   import { range } from "./";
   import clsx from "clsx";
-  import { type RangeProps } from "$lib";
+  import type { RangeProps } from "$lib";
   import { getTheme } from "$lib/theme/themeUtils";
 
   let { value = $bindable(), appearance = "none", color = "blue", size = "md", inputClass, class: className, ...restProps }: RangeProps = $props();
diff --git a/src/lib/forms/toggle/Toggle.svelte b/src/lib/forms/toggle/Toggle.svelte
index 02cc622d05..254c6ee0dc 100644
--- a/src/lib/forms/toggle/Toggle.svelte
+++ b/src/lib/forms/toggle/Toggle.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
   import { toggle } from "./index";
   import clsx from "clsx";
-  import { type ToggleProps, Label } from "$lib";
+  import type { ToggleProps, Label } from "$lib";
   import { getTheme, warnThemeDeprecation } from "$lib/theme/themeUtils";
 
   let { children, size = "default", value, checked = $bindable(), disabled, color = "primary", class: className, classes, inputClass, spanClass, offLabel, ...restProps }: ToggleProps = $props();
diff --git a/src/lib/gallery/Gallery.svelte b/src/lib/gallery/Gallery.svelte
index 2951a0cf74..1342ea9c71 100644
--- a/src/lib/gallery/Gallery.svelte
+++ b/src/lib/gallery/Gallery.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
   import { gallery } from ".";
   import clsx from "clsx";
-  import { type GalleryProps, type ImgType } from "$lib";
+  import type { GalleryProps, ImgType } from "$lib";
   import { getTheme, warnThemeDeprecation } from "$lib/theme/themeUtils";
 
   let { children, figure, items = [], imgClass, class: className, classes, ...restProps }: GalleryProps = $props();
diff --git a/src/lib/indicator/Indicator.svelte b/src/lib/indicator/Indicator.svelte
index bae97e78c5..679363b141 100644
--- a/src/lib/indicator/Indicator.svelte
+++ b/src/lib/indicator/Indicator.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
   import { indicator } from "./index";
   import clsx from "clsx";
-  import { type IndicatorProps } from "$lib";
+  import type { IndicatorProps } from "$lib";
   import { getTheme } from "$lib/theme/themeUtils";
 
   let { children, color = "primary", cornerStyle = "circular", size = "md", border = false, placement, offset = true, class: className, ...restProps }: IndicatorProps = $props();
diff --git a/src/lib/kbd/Kbd.svelte b/src/lib/kbd/Kbd.svelte
index 1b97f80055..b24f9fbe04 100644
--- a/src/lib/kbd/Kbd.svelte
+++ b/src/lib/kbd/Kbd.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
   import { kbd } from ".";
   import clsx from "clsx";
-  import { type KbdProps } from "$lib";
+  import type { KbdProps } from "$lib";
   import { getTheme } from "$lib/theme/themeUtils";
 
   let { children, class: className, ...restProps }: KbdProps = $props();
diff --git a/src/lib/list-group/Listgroup.svelte b/src/lib/list-group/Listgroup.svelte
index fbb054db0e..cd6e0f0c63 100644
--- a/src/lib/list-group/Listgroup.svelte
+++ b/src/lib/list-group/Listgroup.svelte
@@ -2,7 +2,7 @@
   import { setContext } from "svelte";
   import { listGroup } from ".";
   import clsx from "clsx";
-  import { type ListgroupProps, ListgroupItem } from "$lib";
+  import type { ListgroupProps, ListgroupItem } from "$lib";
   import { getTheme } from "$lib/theme/themeUtils";
 
   let { children, items, active, onclick, horizontal, rounded, border, class: className, itemClass, iconClass, ...restProps }: ListgroupProps = $props();
diff --git a/src/lib/list-group/ListgroupItem.svelte b/src/lib/list-group/ListgroupItem.svelte
index 914c7648ff..80530c6f8f 100644
--- a/src/lib/list-group/ListgroupItem.svelte
+++ b/src/lib/list-group/ListgroupItem.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
   import { getContext } from "svelte";
   import clsx from "clsx";
-  import { type ListgroupItemProps } from "$lib";
+  import type { ListgroupItemProps } from "$lib";
   import { listGroupItem, type ListgroupItemVariants } from "./theme";
   import { getTheme } from "$lib/theme/themeUtils";
 
diff --git a/src/lib/sidebar/SidebarItem.svelte b/src/lib/sidebar/SidebarItem.svelte
index bb04ef30ed..e43c7a6585 100644
--- a/src/lib/sidebar/SidebarItem.svelte
+++ b/src/lib/sidebar/SidebarItem.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
   import { getContext } from "svelte";
   import clsx from "clsx";
-  import { type SidebarCtxType, type SidebarItemProps } from "$lib";
+  import type { SidebarCtxType, SidebarItemProps } from "$lib";
 
   let { icon, subtext, href, label, spanClass = "ms-3", activeClass, nonActiveClass, aClass, active, class: className, ...restProps }: SidebarItemProps = $props();
 
diff --git a/src/lib/skeleton/TestimonialPlaceholder.svelte b/src/lib/skeleton/TestimonialPlaceholder.svelte
index f9ded83446..c2f6edaf08 100644
--- a/src/lib/skeleton/TestimonialPlaceholder.svelte
+++ b/src/lib/skeleton/TestimonialPlaceholder.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
   import { testimonialPlaceholder } from ".";
   import clsx from "clsx";
-  import { type TestimonialPlaceholderProps } from "$lib";
+  import type { TestimonialPlaceholderProps } from "$lib";
   import { getTheme } from "$lib/theme/themeUtils";
 
   let { class: className, classes, ...restProps }: TestimonialPlaceholderProps = $props();
diff --git a/src/lib/skeleton/WidgetPlaceholder.svelte b/src/lib/skeleton/WidgetPlaceholder.svelte
index 77d8bc1604..abc7de1fa5 100644
--- a/src/lib/skeleton/WidgetPlaceholder.svelte
+++ b/src/lib/skeleton/WidgetPlaceholder.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
   import { widgetPlaceholder } from ".";
   import clsx from "clsx";
-  import { type WidgetPlaceholderProps } from "$lib";
+  import type { WidgetPlaceholderProps } from "$lib";
   import { getTheme } from "$lib/theme/themeUtils";
 
   let { class: className, classes }: WidgetPlaceholderProps = $props();
diff --git a/src/lib/step-indicator/StepIndicator.svelte b/src/lib/step-indicator/StepIndicator.svelte
index a9b112f6f0..4aac590ed1 100644
--- a/src/lib/step-indicator/StepIndicator.svelte
+++ b/src/lib/step-indicator/StepIndicator.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
   import clsx from "clsx";
-  import { type StepIndicatorProps } from "$lib";
+  import type { StepIndicatorProps } from "$lib";
   import { stepIndicator, getStepStateClasses, type StepIndicatorTheme } from ".";
   import { getTheme } from "$lib/theme/themeUtils";
 
diff --git a/src/lib/stepper/BreadcrumbStepper.svelte b/src/lib/stepper/BreadcrumbStepper.svelte
index 08c0dc31a4..44a0a5019d 100644
--- a/src/lib/stepper/BreadcrumbStepper.svelte
+++ b/src/lib/stepper/BreadcrumbStepper.svelte
@@ -2,7 +2,7 @@
   import { setContext } from "svelte";
   import { breadcrumbStepper } from ".";
   import clsx from "clsx";
-  import { type BreadcrumbStepperProps } from "$lib";
+  import type { BreadcrumbStepperProps } from "$lib";
   import { getTheme } from "$lib/theme/themeUtils";
 
   let { children, steps = [], class: className, classes, ...restProps }: BreadcrumbStepperProps = $props();
diff --git a/src/lib/stepper/DetailedStepper.svelte b/src/lib/stepper/DetailedStepper.svelte
index 51ccb86636..cbcce5af45 100644
--- a/src/lib/stepper/DetailedStepper.svelte
+++ b/src/lib/stepper/DetailedStepper.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
   import { setContext } from "svelte";
   import { detailedStepper } from ".";
-  import { type DetailedStepperProps } from "$lib";
+  import type { DetailedStepperProps } from "$lib";
   import clsx from "clsx";
   import { getTheme } from "$lib/theme/themeUtils";
 
diff --git a/src/lib/stepper/ProgressStepper.svelte b/src/lib/stepper/ProgressStepper.svelte
index e75dffb099..221352b953 100644
--- a/src/lib/stepper/ProgressStepper.svelte
+++ b/src/lib/stepper/ProgressStepper.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
   import { setContext } from "svelte";
   import { progressStepper } from ".";
-  import { type ProgressStepperProps } from "$lib";
+  import type { ProgressStepperProps } from "$lib";
   import clsx from "clsx";
   import { getTheme } from "$lib/theme/themeUtils";
 
diff --git a/src/lib/stepper/Stepper.svelte b/src/lib/stepper/Stepper.svelte
index faf11238e6..3ef27a8c54 100644
--- a/src/lib/stepper/Stepper.svelte
+++ b/src/lib/stepper/Stepper.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
   import { setContext } from "svelte";
   import { stepper } from ".";
-  import { type StepperProps } from "$lib";
+  import type { StepperProps } from "$lib";
   import clsx from "clsx";
   import { getTheme } from "$lib/theme/themeUtils";
 
diff --git a/src/lib/stepper/TimelineStepper.svelte b/src/lib/stepper/TimelineStepper.svelte
index 414701ebf2..8d4377c29f 100644
--- a/src/lib/stepper/TimelineStepper.svelte
+++ b/src/lib/stepper/TimelineStepper.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
   import { setContext } from "svelte";
   import { timelineStepper } from ".";
-  import { type TimelineStepperProps } from "$lib";
+  import type { TimelineStepperProps } from "$lib";
   import clsx from "clsx";
   import { getTheme } from "$lib/theme/themeUtils";
 
diff --git a/src/lib/stepper/VerticalStepper.svelte b/src/lib/stepper/VerticalStepper.svelte
index 21eb217461..4fcee0d3ea 100644
--- a/src/lib/stepper/VerticalStepper.svelte
+++ b/src/lib/stepper/VerticalStepper.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
   import { setContext } from "svelte";
   import { verticalStepper } from ".";
-  import { type VerticalStepperProps } from "$lib";
+  import type { VerticalStepperProps } from "$lib";
   import clsx from "clsx";
   import { getTheme } from "$lib/theme/themeUtils";
 
diff --git a/src/lib/table/Table.svelte b/src/lib/table/Table.svelte
index 683a0caba3..0247d5cfcd 100644
--- a/src/lib/table/Table.svelte
+++ b/src/lib/table/Table.svelte
@@ -2,7 +2,7 @@
   import { setContext } from "svelte";
   import { table as tableCls, TableHead, TableBody } from ".";
   import clsx from "clsx";
-  import { type TableProps, type TableCtxType } from "$lib";
+  import type { TableProps, TableCtxType } from "$lib";
   import { getTheme, warnThemeDeprecation } from "$lib/theme/themeUtils";
 
   let { children, footerSlot, captionSlot, items, divClass, striped, hoverable, border = true, shadow, color = "default", class: className, classes, ...restProps }: TableProps = $props();
diff --git a/src/lib/tabs/TabItem.svelte b/src/lib/tabs/TabItem.svelte
index 680b9001f9..9b9bf4e2b3 100644
--- a/src/lib/tabs/TabItem.svelte
+++ b/src/lib/tabs/TabItem.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { type SelectedTab, type TabCtxType, type TabitemProps } from "$lib";
+  import type { SelectedTab, TabCtxType, TabitemProps } from "$lib";
   import { getTheme } from "$lib/theme/themeUtils";
   import { useSingleSelection } from "$lib/utils/singleselection.svelte";
   import clsx from "clsx";
diff --git a/src/lib/types.ts b/src/lib/types.ts
index 68462af2e6..1dc8d0ac47 100644
--- a/src/lib/types.ts
+++ b/src/lib/types.ts
@@ -2,9 +2,9 @@ import type { fade, fly, scale, slide } from "svelte/transition";
 import type { Coords, Middleware, Placement, Strategy } from "@floating-ui/dom";
 import type { Component, Snippet } from "svelte";
 import type { ClassValue, HTMLAnchorAttributes, HTMLAttributes, HTMLBlockquoteAttributes, HTMLButtonAttributes, HTMLDialogAttributes, HTMLImgAttributes, HTMLInputAttributes, HTMLLabelAttributes, HTMLLiAttributes, HTMLOlAttributes, HTMLSelectAttributes, HTMLSourceAttributes, HTMLTableAttributes, HTMLTdAttributes, HTMLTextareaAttributes, HTMLThAttributes, HTMLTrackAttributes, HTMLVideoAttributes, SVGAttributes, FullAutoFill } from "svelte/elements";
-import { type Writable } from "svelte/store";
+import type { Writable } from "svelte/store";
 import type { BlurParams, EasingFunction, FadeParams, FlyParams, ScaleParams, SlideParams, TransitionConfig } from "svelte/transition";
-import { type VariantProps } from "tailwind-variants";
+import type { VariantProps } from "tailwind-variants";
 import type { Day } from "date-fns";
 
 // component variants
diff --git a/src/lib/utils/Arrow.svelte b/src/lib/utils/Arrow.svelte
index aa2db5588a..905929f05b 100644
--- a/src/lib/utils/Arrow.svelte
+++ b/src/lib/utils/Arrow.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
   import type { Side } from "@floating-ui/dom";
   import { getOppositePlacement, getSide } from "@floating-ui/utils";
-  import { type ArrowProps } from "$lib";
+  import type { ArrowProps } from "$lib";
 
   let { placement = "top", cords, strategy = "absolute", class: className = "" }: ArrowProps = $props();
 
diff --git a/src/lib/utils/CloseButton.svelte b/src/lib/utils/CloseButton.svelte
index 4f7baa51b6..50a7a73ad2 100644
--- a/src/lib/utils/CloseButton.svelte
+++ b/src/lib/utils/CloseButton.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
   import clsx from "clsx";
-  import { type CloseButtonProps } from "$lib";
+  import type { CloseButtonProps } from "$lib";
   import { closeButton } from ".";
   import { useDismiss } from "./dismissable";