fix: remove all empty import statements

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";

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";

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();

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();

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";

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();

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";

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();

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 ".";
 

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 ".";

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();

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";

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";
 

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";

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';

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 ".";

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 ".";

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 ".";

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 ".";

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 ".";

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";

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();

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();

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();

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();

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();

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();

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();

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();

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();

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();

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();

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();

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>

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";

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 };

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";
 

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();

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";

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

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();

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();

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();

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();

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();

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();

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";
 

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();