fix: change to explicit import

Author: shinokada

src/lib/alert/Alert.svelte

@@ -2,7 +2,8 @@
   import { fade } from "svelte/transition";
   import { alert } from "./theme";
   import clsx from "clsx";
-  import { type AlertProps, type ParamsType, CloseButton } from "$lib";
+  import { type AlertProps, type ParamsType } from "$lib";
+  import CloseButton from "$lib/utils/CloseButton.svelte";
   import { getTheme } from "$lib/theme/themeUtils";
   import { createDismissableContext } from "$lib/utils/dismissable";
 

src/lib/avatar/Avatar.svelte

@@ -1,7 +1,8 @@
 <script lang="ts">
   import { avatar } from "./theme";
   import clsx from "clsx";
-  import { type AvatarProps, Indicator } from "$lib";
+  import { type AvatarProps } from "$lib";
+  import Indicator from "$lib/indicator/Indicator.svelte"; 
   import { getTheme } from "$lib/theme/themeUtils";
 
   let { children, indicator, src, href, target, cornerStyle = "circular", border = false, stacked = false, dot, class: className, alt, size = "md", onclick, ...restProps }: AvatarProps = $props();

src/lib/badge/Badge.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
-  import { type BadgeProps, CloseButton, type ParamsType } from "$lib";
+  import { type BadgeProps, type ParamsType } from "$lib";
+  import CloseButton from "$lib/utils/CloseButton.svelte";
   import { getTheme, warnThemeDeprecation } from "$lib/theme/themeUtils";
   import clsx from "clsx";
   import { fade } from "svelte/transition";

src/lib/banner/Banner.svelte

@@ -2,7 +2,8 @@
   import { fade } from "svelte/transition";
   import { banner } from "./theme";
   import clsx from "clsx";
-  import { type ParamsType, type BannerProps, CloseButton } from "$lib";
+  import { type ParamsType, type BannerProps } from "$lib";
+  import CloseButton from "$lib/utils/CloseButton.svelte";
   import { getTheme, warnThemeDeprecation } from "$lib/theme/themeUtils";
   import { createDismissableContext } from "$lib/utils/dismissable";
 

src/lib/bottom-navigation/BottomNav.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
-  import { type BottomNavContextType, type BottomNavProps, cn } from "$lib";
+  import { type BottomNavContextType, type BottomNavProps } from "$lib";
+  import { cn } from "$lib/utils";
   import { getTheme, warnThemeDeprecation } from "$lib/theme/themeUtils";
   import clsx from "clsx";
   import { setContext } from "svelte";

src/lib/breadcrumb/BreadcrumbItem.svelte

@@ -2,7 +2,7 @@
   import type { BreadcrumbItemProps } from "$lib";
   import { getTheme } from "$lib/theme/themeUtils";
   import clsx from "clsx";
-  import { breadcrumbItem } from "./index";
+  import { breadcrumbItem } from "./theme";
 
   let { children, icon, home = false, href, linkClass, spanClass, homeClass, class: className, classes, ...restProps }: BreadcrumbItemProps = $props();
 

src/lib/buttons/GradientButton.svelte

@@ -2,7 +2,8 @@
   import { getContext } from "svelte";
   import { gradientButton } from "./theme";
   import clsx from "clsx";
-  import { type GradientButtonProps, type SizeType, Button } from "$lib";
+  import type { GradientButtonProps, SizeType } from "$lib";
+  import Button from "./Button.svelte";
   import { getTheme } from "$lib/theme/themeUtils";
 
   const group: SizeType = getContext("group");

src/lib/carousel/Carousel.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
-  import { type CarouselProps, type CarouselState, Slide } from "$lib";
+  import { type CarouselProps, type CarouselState } from "$lib";
+  import Slide from "./Slide.svelte";
   import { getTheme, warnThemeDeprecation } from "$lib/theme/themeUtils";
   import clsx from "clsx";
   import { onMount, setContext } from "svelte";

src/lib/carousel/CarouselIndicators.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
-  import { Indicator, type IndicatorsProps, type CarouselState } from "$lib";
+  import type { IndicatorsProps, CarouselState } from "$lib";
+  import Indicator from "$lib/indicator/Indicator.svelte";
   import { getTheme } from "$lib/theme/themeUtils";
   import clsx from "clsx";
   import { getContext } from "svelte";

src/lib/carousel/Controls.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
-  import { type ControlsProps, type CarouselState, ControlButton } from "$lib";
+  import type { ControlsProps, CarouselState } from "$lib";
+  import ControlButton from "./ControlButton.svelte";
   import { getTheme } from "$lib/theme/themeUtils";
   import clsx from "clsx";
   import { getContext } from "svelte";