flowbite-svelte 1.14.3 → 1.14.4

package/dist/accordion/Accordion.svelte

@@ -3,7 +3,7 @@
   import { getTheme } from "../theme/themeUtils";
   import clsx from "clsx";
   import { setContext } from "svelte";
-  import { accordion } from "./";
+  import { accordion } from "./theme";
   import { createSingleSelectionContext } from "../utils/singleselection.svelte";
 
   let { children, flush, activeClass, inactiveClass, multiple = false, class: className, transitionType, ...restProps }: AccordionProps = $props();

package/dist/accordion/AccordionItem.svelte

@@ -5,7 +5,7 @@
   import clsx from "clsx";
   import { getContext } from "svelte";
   import { slide } from "svelte/transition";
-  import { accordionItem } from ".";
+  import { accordionItem } from "./theme";
 
   let { children, header, arrowup, arrowdown, open = $bindable(false), activeClass, inactiveClass, transitionType = slide, transitionParams, class: className, classes, headerClass, contentClass }: AccordionItemProps = $props();
 

package/dist/alert/Alert.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   import { fade } from "svelte/transition";
-  import { alert } from ".";
+  import { alert } from "./theme";
   import clsx from "clsx";
   import { type AlertProps, type ParamsType, CloseButton } from "..";
   import { getTheme } from "../theme/themeUtils";

package/dist/avatar/Avatar.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { avatar } from ".";
+  import { avatar } from "./theme";
   import clsx from "clsx";
   import { type AvatarProps, Indicator } from "..";
   import { getTheme } from "../theme/themeUtils";

package/dist/badge/Badge.svelte

@@ -3,7 +3,7 @@
   import { getTheme, warnThemeDeprecation } from "../theme/themeUtils";
   import clsx from "clsx";
   import { fade } from "svelte/transition";
-  import { badge } from ".";
+  import { badge } from "./theme";
   import { createDismissableContext } from "../utils/dismissable";
 
   let { children, icon, badgeStatus = $bindable(true), color = "primary", large = false, dismissable = false, class: className, classes, border, href, target, rounded, transition = fade, params, aClass, ...restProps }: BadgeProps = $props();

package/dist/banner/Banner.svelte

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

package/dist/bottom-navigation/BottomNav.svelte

@@ -3,7 +3,7 @@
   import { getTheme, warnThemeDeprecation } from "../theme/themeUtils";
   import clsx from "clsx";
   import { setContext } from "svelte";
-  import { bottomNav } from ".";
+  import { bottomNav } from "./theme";
 
   let { children, header, position = "fixed", navType = "default", class: className, classes, outerClass, innerClass, activeClass, activeUrl = "", ...restProps }: BottomNavProps = $props();
 

package/dist/bottom-navigation/BottomNavHeader.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { bottomNavHeader } from ".";
+  import { bottomNavHeader } from "./theme";
   import clsx from "clsx";
   import type { BottomNavHeaderProps } from "..";
   import { getTheme, warnThemeDeprecation } from "../theme/themeUtils";

package/dist/bottom-navigation/BottomNavHeaderItem.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { bottomNavHeaderItem } from ".";
+  import { bottomNavHeaderItem } from "./theme";
   import clsx from "clsx";
   import type { BottomNavHeaderItemProps } from "..";
   import { getTheme } from "../theme/themeUtils";

package/dist/bottom-navigation/BottomNavItem.svelte

@@ -4,7 +4,7 @@
   import clsx from "clsx";
   import { getContext } from "svelte";
   import type { HTMLAnchorAttributes, HTMLButtonAttributes } from "svelte/elements";
-  import { bottomNavItem } from ".";
+  import { bottomNavItem } from "./theme";
 
   let { children, btnName, appBtnPosition = "middle", activeClass, class: className, classes, btnClass, spanClass, active: manualActive, ...restProps }: BottomNavItemProps = $props();
 

package/dist/breadcrumb/Breadcrumb.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { breadcrumb } from ".";
+  import { breadcrumb } from "./theme";
   import clsx from "clsx";
   import type { BreadcrumbProps } from "..";
   import { getTheme, warnThemeDeprecation } from "../theme/themeUtils";

package/dist/button-group/ButtonGroup.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   import { setContext } from "svelte";
-  import { buttonGroup } from ".";
+  import { buttonGroup } from "./theme";
   import clsx from "clsx";
   import type { ButtonGroupProps } from "..";
   import { getTheme } from "../theme/themeUtils";

package/dist/buttons/Button.svelte

@@ -3,7 +3,7 @@
   import clsx from "clsx";
   import type { SizeType, ButtonProps } from "..";
   import { getTheme } from "../theme/themeUtils";
-  import { button } from ".";
+  import { button } from "./theme";
 
   const group: SizeType = getContext("group");
   const ctxDisabled: boolean | undefined = getContext("disabled");

package/dist/buttons/GradientButton.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   import { getContext } from "svelte";
-  import { gradientButton } from ".";
+  import { gradientButton } from "./theme";
   import clsx from "clsx";
   import { type GradientButtonProps, type SizeType, Button } from "..";
   import { getTheme } from "../theme/themeUtils";

package/dist/card/Card.svelte

@@ -2,7 +2,7 @@
   import type { CardProps } from "..";
   import { getTheme, warnThemeDeprecation } from "../theme/themeUtils";
   import clsx from "clsx";
-  import { card } from ".";
+  import { card } from "./theme";
 
   let { children, color = "gray", horizontal = false, shadow = "md", reverse = false, img, size = "sm", class: className, classes, imgClass, ...restProps }: CardProps = $props();
 

package/dist/darkmode/DarkMode.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { darkmode } from ".";
+  import { darkmode } from "./theme";
   import clsx from "clsx";
   import type { DarkmodeProps } from "..";
   import { getTheme } from "../theme/themeUtils";

package/dist/device-mockups/Android.svelte

@@ -2,7 +2,7 @@
   import type { AndroidProps } from "..";
   import { warnThemeDeprecation } from "../theme/themeUtils";
   import clsx from "clsx";
-  import { android } from ".";
+  import { android } from "./theme";
 
   let { children, class: className, classes, divClass, div2Class, div3Class, div4Class, div5Class, div6Class, div7Class, ...restProps }: AndroidProps = $props();
 

package/dist/device-mockups/DefaultMockup.svelte

@@ -2,7 +2,7 @@
   import type { DefaultMockupProps } from "..";
   import { warnThemeDeprecation } from "../theme/themeUtils";
   import clsx from "clsx";
-  import { defaultMockup } from ".";
+  import { defaultMockup } from "./theme";
 
   let { children, class: className, classes, divClass, div2Class, div3Class, div4Class, div5Class, div6Class, ...restProps }: DefaultMockupProps = $props();
 

package/dist/device-mockups/Desktop.svelte

@@ -2,7 +2,7 @@
   import type { DesktopProps } from "..";
   import { warnThemeDeprecation } from "../theme/themeUtils";
   import clsx from "clsx";
-  import { desktop } from ".";
+  import { desktop } from "./theme";
 
   let { children, class: className, classes, divClass, div2Class, div3Class, div4Class, ...restProps }: DesktopProps = $props();
 

package/dist/device-mockups/Ios.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { ios } from ".";
+  import { ios } from "./theme";
   import { type IosProps, cn } from "..";
   import { warnThemeDeprecation } from "../theme/themeUtils";
   import clsx from "clsx";

package/dist/device-mockups/Laptop.svelte

@@ -2,7 +2,7 @@
   import type { LaptopProps } from "..";
   import { warnThemeDeprecation } from "../theme/themeUtils";
   import clsx from "clsx";
-  import { laptop } from ".";
+  import { laptop } from "./theme";
 
   let { children, class: className, classes, divClass, div2Class, div3Class, div4Class, ...restProps }: LaptopProps = $props();
 

package/dist/device-mockups/Smartwatch.svelte

@@ -2,7 +2,7 @@
   import type { SmartwatchProps } from "..";
   import { warnThemeDeprecation } from "../theme/themeUtils";
   import clsx from "clsx";
-  import { smartwatch } from ".";
+  import { smartwatch } from "./theme";
 
   let { children, class: className, classes, divClass, div2Class, div3Class, div4Class, div5Class, div6Class, ...restProps }: SmartwatchProps = $props();
 

package/dist/device-mockups/Tablet.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { tablet } from ".";
+  import { tablet } from "./theme";
   import { type TabletProps, cn } from "..";
   import { warnThemeDeprecation } from "../theme/themeUtils";
   import clsx from "clsx";

package/dist/drawer/Drawer.svelte

@@ -5,7 +5,7 @@
   import clsx from "clsx";
   import { sineIn } from "svelte/easing";
   import { fly } from "svelte/transition";
-  import { drawer } from ".";
+  import { drawer } from "./theme";
   import { setContext, tick } from "svelte";
 
   let { children, open = $bindable(false), hidden = $bindable(), modal, offset, width, dismissable = offset ? false : undefined, placement = "left", class: className, transitionParams, transition = fly, outsideclose, activateClickOutside, ...restProps }: DrawerProps = $props();

package/dist/drawer/Drawer.svelte.d.ts

@@ -19,6 +19,6 @@ import type { DrawerProps } from "..";
  * @prop activateClickOutside
  * @prop ...restProps
  */
-declare const Drawer: import("svelte").Component<DrawerProps, {}, "hidden" | "open">;
+declare const Drawer: import("svelte").Component<DrawerProps, {}, "open" | "hidden">;
 type Drawer = ReturnType<typeof Drawer>;
 export default Drawer;

package/dist/drawer/Drawerhead.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { drawerhead } from ".";
+  import { drawerhead } from "./theme";
   import clsx from "clsx";
   import type { DrawerheadProps } from "..";
   import { getTheme, warnThemeDeprecation } from "../theme/themeUtils";

package/dist/dropdown/Dropdown.svelte

@@ -3,7 +3,7 @@
   import { getTheme } from "../theme/themeUtils";
   import clsx from "clsx";
   import { setContext } from "svelte";
-  import { dropdown } from "./";
+  import { dropdown } from "./theme";
 
   let { children, simple = false, placement = "bottom", offset = 2, class: className, activeUrl = "", isOpen = $bindable(false), ...restProps }: DropdownProps = $props();
 

package/dist/dropdown/DropdownDivider.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { dropdownDivider } from ".";
+  import { dropdownDivider } from "./theme";
   import clsx from "clsx";
   import type { DropdownDividerProps } from "..";
   import { getTheme } from "../theme/themeUtils";

package/dist/dropdown/DropdownGroup.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { dropdownGroup } from ".";
+  import { dropdownGroup } from "./theme";
   import clsx from "clsx";
   import type { DropdownGroupProps } from "..";
   import { getTheme } from "../theme/themeUtils";

package/dist/dropdown/DropdownHeader.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { dropdownHeader } from ".";
+  import { dropdownHeader } from "./theme";
   import clsx from "clsx";
   import type { DropdownHeaderProps } from "..";
   import { getTheme } from "../theme/themeUtils";

package/dist/dropdown/DropdownItem.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   import { getContext } from "svelte";
-  import { dropdownItem } from ".";
+  import { dropdownItem } from "./theme";
   import clsx from "clsx";
   import type { DropdownItemProps } from "..";
   import { getTheme, warnThemeDeprecation } from "../theme/themeUtils";

package/dist/footer/Footer.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { footer } from ".";
+  import { footer } from "./theme";
   import clsx from "clsx";
   import type { FooterProps } from "..";
   import { getTheme } from "../theme/themeUtils";

package/dist/footer/FooterBrand.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { footerBrand } from ".";
+  import { footerBrand } from "./theme";
   import clsx from "clsx";
   import type { FooterBrandProps } from "..";
   import { getTheme } from "../theme/themeUtils";

package/dist/footer/FooterCopyright.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { footerCopyright } from ".";
+  import { footerCopyright } from "./theme";
   import clsx from "clsx";
   import type { FooterCopyrightProps } from "..";
   import { getTheme, warnThemeDeprecation } from "../theme/themeUtils";

package/dist/footer/FooterIcon.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { footerIcon } from ".";
+  import { footerIcon } from "./theme";
   import clsx from "clsx";
   import type { FooterIconProps } from "..";
   import { getTheme } from "../theme/themeUtils";

package/dist/footer/FooterLink.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { footerLink } from ".";
+  import { footerLink } from "./theme";
   import clsx from "clsx";
   import type { FooterLinkProps } from "..";
   import { getTheme, warnThemeDeprecation } from "../theme/themeUtils";

package/dist/footer/FooterLinkGroup.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { footerLinkGroup } from ".";
+  import { footerLinkGroup } from "./theme";
   import clsx from "clsx";
   import type { FooterLinkGroupProps } from "..";
   import { getTheme } from "../theme/themeUtils";

package/dist/forms/button-toggle/ButtonToggle.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
   import { getContext } from "svelte";
   import CheckIcon from "./CheckIcon.svelte";
-  import { buttonToggle } from ".";
+  import { buttonToggle } from "./theme";
   import type { ButtonToggleVariants } from "./theme";
   import clsx from "clsx";
   import type { ButtonToggleProps, ButtonToggleContext } from "../..";

package/dist/forms/checkbox/Checkbox.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { checkbox } from ".";
+  import { checkbox } from "./theme";
   import clsx from "clsx";
   import { type CheckboxProps, Label } from "../..";
   import { getTheme, warnThemeDeprecation } from "../../theme/themeUtils";

package/dist/forms/dropzone/Dropzone.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   import type { DragEventHandler, ChangeEventHandler } from "svelte/elements";
-  import { dropzone } from ".";
+  import { dropzone } from "./theme";
   import clsx from "clsx";
   import type { DropzoneProps } from "../..";
   import { getTheme } from "../../theme/themeUtils";

package/dist/forms/fileupload/Fileupload.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { fileupload } from ".";
+  import { fileupload } from "./theme";
   import clsx from "clsx";
   import { CloseButton, type FileuploadProps } from "../..";
   import { getTheme, warnThemeDeprecation } from "../../theme/themeUtils";

package/dist/forms/floating-label/FloatingLabelInput.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   import { idGenerator } from "../../utils";
-  import { floatingLabelInput } from ".";
+  import { floatingLabelInput } from "./theme";
   import clsx from "clsx";
   import { type FloatingLabelInputProps, CloseButton } from "../..";
   import { getTheme, warnThemeDeprecation } from "../../theme/themeUtils";

package/dist/forms/helper/Helper.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { helper } from ".";
+  import { helper } from "./theme";
   import type { HelperProps } from "../..";
   import clsx from "clsx";
   import { getTheme } from "../../theme/themeUtils";

package/dist/forms/input-field/Input.svelte

@@ -2,7 +2,8 @@
   import { getContext } from "svelte";
   import clsx from "clsx";
   import { CloseButton, type SizeType, type InputProps, type InputValue } from "../..";
-  import { input, clampSize } from ".";
+  import { input } from "./theme";
+  import { clampSize } from "./index";
   import { getTheme, warnThemeDeprecation } from "../../theme/themeUtils";
   import { createDismissableContext } from "../../utils/dismissable";
 

package/dist/forms/label/Label.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { label } from ".";
+  import { label } from "./theme";
   import clsx from "clsx";
   import type { LabelProps } from "../..";
   import { getTheme } from "../../theme/themeUtils";

package/dist/forms/phoneinput/PhoneInput.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   import type { PhoneInputProps } from "../..";
-  import { phoneInput } from ".";
+  import { phoneInput } from "./theme";
   import clsx from "clsx";
   import { getTheme } from "../../theme/themeUtils";
 

package/dist/forms/radio/Radio.svelte

@@ -1,6 +1,6 @@
 <script lang="ts" generics="T">
   import { getContext } from "svelte";
-  import { radio } from ".";
+  import { radio } from "./theme";
   import clsx from "clsx";
   import { type RadioProps, Label } from "../..";
   import { getTheme, warnThemeDeprecation } from "../../theme/themeUtils";

package/dist/forms/radio/RadioButton.svelte

@@ -1,7 +1,7 @@
 <script lang="ts" generics="T">
   import clsx from "clsx";
   import { Button, type RadioButtonProps } from "../..";
-  import { radioButton } from ".";
+  import { radioButton } from "./theme";
   import { getTheme } from "../../theme/themeUtils";
 
   let { children, group = $bindable<T>(), value = $bindable<T>(), inline, pill, outline, size, color, shadow, checkedClass, class: className, ...restProps }: RadioButtonProps<T> = $props();

package/dist/forms/range/Range.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { range } from "./";
+  import { range } from "./theme";
   import clsx from "clsx";
   import type { RangeProps } from "../..";
   import { getTheme } from "../../theme/themeUtils";

package/dist/forms/search/Search.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { search } from ".";
+  import { search } from "./theme";
   import clsx from "clsx";
   import { CloseButton, type SearchProps } from "../..";
   import { getTheme, warnThemeDeprecation } from "../../theme/themeUtils";

package/dist/forms/select/MultiSelect.svelte

@@ -1,7 +1,7 @@
 <script lang="ts" generics="T">
   import clsx from "clsx";
   import { Badge, CloseButton, type MultiSelectProps, type SelectOptionType } from "../..";
-  import { multiSelect } from ".";
+  import { multiSelect } from "./theme";
   import { getTheme, warnThemeDeprecation } from "../../theme/themeUtils";
   import { onMount } from "svelte";
   import { createDismissableContext } from "../../utils/dismissable";

package/dist/forms/select/Select.svelte

@@ -1,5 +1,5 @@
 <script lang="ts" generics="T">
-  import { select as selectCls } from ".";
+  import { select as selectCls } from "./theme";
   import clsx from "clsx";
   import { type SelectProps, CloseButton } from "../..";
   import { getTheme, warnThemeDeprecation } from "../../theme/themeUtils";

package/dist/forms/textarea/Textarea.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { textarea } from ".";
+  import { textarea } from "./theme";
   import clsx from "clsx";
   import { type TextareaProps, CloseButton } from "../..";
   import { getTheme, warnThemeDeprecation } from "../../theme/themeUtils";

package/dist/forms/timepicker/Timepicker.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
   import clsx from "clsx";
   import { Dropdown, DropdownItem, Button, Input, ButtonGroup, Select, Label, Toggle, type TimepickerProps, type TimePickerOption } from "../..";
-  import { timepicker } from ".";
+  import { timepicker } from "./theme";
   import { parse, isValid, isBefore, isAfter } from "date-fns";
   import { getTheme } from "../../theme/themeUtils";
 

package/dist/gallery/Gallery.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { gallery } from ".";
+  import { gallery } from "./theme";
   import clsx from "clsx";
   import type { GalleryProps, ImgType } from "..";
   import { getTheme, warnThemeDeprecation } from "../theme/themeUtils";

package/dist/kbd/Kbd.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { kbd } from ".";
+  import { kbd } from "./theme";
   import clsx from "clsx";
   import type { KbdProps } from "..";
   import { getTheme } from "../theme/themeUtils";

package/dist/list-group/Listgroup.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   import { setContext } from "svelte";
-  import { listGroup } from ".";
+  import { listGroup } from "./theme";
   import clsx from "clsx";
   import { type ListgroupProps, ListgroupItem } from "..";
   import { getTheme } from "../theme/themeUtils";

package/dist/modal/Modal.svelte

@@ -4,7 +4,7 @@
   import clsx from "clsx";
   import { sineIn } from "svelte/easing";
   import { fade } from "svelte/transition";
-  import { modal as modalStyle } from ".";
+  import { modal as modalStyle } from "./theme";
 
   let { children, header, footer, title, open = $bindable(false), permanent = false, dismissable = true, closeBtnClass, headerClass, bodyClass, footerClass, size = "md", placement, class: className, classes, transitionParams, transition = fade, fullscreen = false, ...restProps }: ModalProps = $props();
 

package/dist/pagination/Pagination.svelte

@@ -1,6 +1,7 @@
 <script lang="ts">
   import { setContext } from "svelte";
-  import { pagination, PaginationItem } from ".";
+  import { pagination } from "./theme";
+  import { PaginationItem } from "..";
   import type { PaginationProps } from "../types";
   import { getTheme } from "../theme/themeUtils";
   import clsx from "clsx";

package/dist/pagination/PaginationButton.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   import clsx from "clsx";
-  import { paginationButton } from ".";
+  import { paginationButton } from "./theme";
   import type { PaginationButtonProps } from "../types";
   import { getContext } from "svelte";
   import { getTheme } from "../theme/themeUtils";

package/dist/pagination/PaginationItem.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   import clsx from "clsx";
-  import { paginationItem } from ".";
+  import { paginationItem } from "./theme";
   import type { PaginationItemProps } from "../types";
   import { getContext } from "svelte";
   import { getTheme } from "../theme/themeUtils";

package/dist/progress/Progressbar.svelte

@@ -3,7 +3,7 @@
   import clsx from "clsx";
   import { cubicOut } from "svelte/easing";
   import { Tween } from "svelte/motion";
-  import { progressbar } from ".";
+  import { progressbar } from "./theme";
   import { getTheme } from "../theme/themeUtils";
 
   let { progress = "45", precision = 0, tweenDuration = 400, animate = false, size = "h-2.5", labelInside = false, labelOutside = "", easing = cubicOut, color = "primary", class: className, classes, ...restProps }: ProgressbarProps = $props();

package/dist/progress/Progressradial.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { progressradial } from ".";
+  import { progressradial } from "./theme";
   import type { ProgressradialProps } from "../types";
   import clsx from "clsx";
   import { cubicOut } from "svelte/easing";

package/dist/rating/AdvancedRating.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   import clsx from "clsx";
-  import { advancedRating } from ".";
+  import { advancedRating } from "./theme";
   import type { AdvancedRatingProps } from "../types";
   import { getTheme, warnThemeDeprecation } from "../theme/themeUtils";
 

package/dist/rating/Rating.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
   import clsx from "clsx";
   import Star from "./Star.svelte";
-  import { rating as ratingVariants } from ".";
+  import { rating as ratingVariants } from "./theme";
   import type { RatingProps } from "../types";
   import { getTheme, warnThemeDeprecation } from "../theme/themeUtils";
 

package/dist/rating/Review.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   import clsx from "clsx";
-  import { review as reviewVariants } from ".";
+  import { review as reviewVariants } from "./theme";
   import type { ReviewProps } from "../types";
   import { getTheme, warnThemeDeprecation } from "../theme/themeUtils";
 

package/dist/rating/ScoreRating.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { scoreRating } from ".";
+  import { scoreRating } from "./theme";
   import type { ScoreRatingProps } from "../types";
   import clsx from "clsx";
   import { getTheme } from "../theme/themeUtils";

package/dist/sidebar/Sidebar.svelte

@@ -5,7 +5,7 @@
   import { setContext } from "svelte";
   import { sineIn } from "svelte/easing";
   import { fly } from "svelte/transition";
-  import { sidebar } from ".";
+  import { sidebar } from "./theme";
 
   let { children, isOpen = false, closeSidebar, isSingle = true, breakpoint = "md", alwaysOpen = false, position = "fixed", activateClickOutside = true, backdrop = true, backdropClass, transition = fly, params, divClass, ariaLabel, nonActiveClass, activeClass, activeUrl = "", class: className, classes, disableBreakpoints = false, ...restProps }: SidebarProps = $props();
 

package/dist/sidebar/SidebarBrand.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   import clsx from "clsx";
-  import { sidebarBrand } from ".";
+  import { sidebarBrand } from "./theme";
   import type { SidebarBrandProps } from "../types";
   import { getTheme, warnThemeDeprecation } from "../theme/themeUtils";
 

package/dist/sidebar/SidebarButton.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   import clsx from "clsx";
-  import { sidebarButton } from ".";
+  import { sidebarButton } from "./theme";
   import type { SidebarButtonProps } from "../types";
   import { getTheme } from "../theme/themeUtils";
 

package/dist/sidebar/SidebarCta.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   import clsx from "clsx";
-  import { sidebarCta } from ".";
+  import { sidebarCta } from "./theme";
   import type { SidebarCtaProps } from "../types";
   import { getTheme, warnThemeDeprecation } from "../theme/themeUtils";
 

package/dist/skeleton/CardPlaceholder.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   import clsx from "clsx";
-  import { cardPlaceholder } from ".";
+  import { cardPlaceholder } from "./theme";
   import type { CardPlaceholderProps } from "../types";
   import { getTheme } from "../theme/themeUtils";
 

package/dist/skeleton/ImagePlaceholder.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   import clsx from "clsx";
-  import { imagePlaceholder } from ".";
+  import { imagePlaceholder } from "./theme";
   import type { ImagePlaceholderProps } from "../types";
   import { getTheme } from "../theme/themeUtils";
 

package/dist/skeleton/ListPlaceholder.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   import clsx from "clsx";
-  import { listPlaceholder } from ".";
+  import { listPlaceholder } from "./theme";
   import type { ListPlaceholderProps } from "../types";
   import { getTheme } from "../theme/themeUtils";
 

package/dist/skeleton/Skeleton.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   import clsx from "clsx";
-  import { skeleton } from ".";
+  import { skeleton } from "./theme";
   import type { SkeletonProps } from "../types";
   import { getTheme } from "../theme/themeUtils";
 

package/dist/skeleton/TestimonialPlaceholder.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { testimonialPlaceholder } from ".";
+  import { testimonialPlaceholder } from "./theme";
   import clsx from "clsx";
   import type { TestimonialPlaceholderProps } from "..";
   import { getTheme } from "../theme/themeUtils";

package/dist/skeleton/TextPlaceholder.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   import clsx from "clsx";
-  import { textPlaceholder } from ".";
+  import { textPlaceholder } from "./theme";
   import type { TextPlaceholderProps } from "../types";
   import { getTheme } from "../theme/themeUtils";
 

package/dist/skeleton/VideoPlaceholder.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   import clsx from "clsx";
-  import { videoPlaceholder } from ".";
+  import { videoPlaceholder } from "./theme";
   import type { VideoPlaceholderProps } from "../types";
   import { getTheme } from "../theme/themeUtils";
 

package/dist/skeleton/WidgetPlaceholder.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { widgetPlaceholder } from ".";
+  import { widgetPlaceholder } from "./theme";
   import clsx from "clsx";
   import type { WidgetPlaceholderProps } from "..";
   import { getTheme } from "../theme/themeUtils";

package/dist/spinner/Spinner.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   import clsx from "clsx";
-  import { spinner } from ".";
+  import { spinner } from "./theme";
   import type { SpinnerProps } from "../types";
   import { getTheme } from "../theme/themeUtils";
 

package/dist/step-indicator/StepIndicator.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
   import clsx from "clsx";
   import type { StepIndicatorProps } from "..";
-  import { stepIndicator, getStepStateClasses, type StepIndicatorTheme } from ".";
+  import { stepIndicator, getStepStateClasses, type StepIndicatorTheme } from "./theme";
   import { getTheme } from "../theme/themeUtils";
 
   let { steps = ["Step 1", "Step 2", "Step 3", "Step 4", "Step 5"], currentStep = 1, size = "md", color = "primary", glow = false, hideLabel = false, completedCustom = "", currentCustom = "", class: className, classes, ...restProps }: StepIndicatorProps = $props();

package/dist/stepper/BreadcrumbStepper.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   import { setContext } from "svelte";
-  import { breadcrumbStepper } from ".";
+  import { breadcrumbStepper } from "./theme";
   import clsx from "clsx";
   import type { BreadcrumbStepperProps } from "..";
   import { getTheme } from "../theme/themeUtils";

package/dist/stepper/DetailedStepper.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   import { setContext } from "svelte";
-  import { detailedStepper } from ".";
+  import { detailedStepper } from "./theme";
   import type { DetailedStepperProps } from "..";
   import clsx from "clsx";
   import { getTheme } from "../theme/themeUtils";

package/dist/stepper/ProgressStepper.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   import { setContext } from "svelte";
-  import { progressStepper } from ".";
+  import { progressStepper } from "./theme";
   import type { ProgressStepperProps } from "..";
   import clsx from "clsx";
   import { getTheme } from "../theme/themeUtils";

package/dist/stepper/Stepper.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   import { setContext } from "svelte";
-  import { stepper } from ".";
+  import { stepper } from "./theme";
   import type { StepperProps } from "..";
   import clsx from "clsx";
   import { getTheme } from "../theme/themeUtils";

package/dist/stepper/TimelineStepper.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   import { setContext } from "svelte";
-  import { timelineStepper } from ".";
+  import { timelineStepper } from "./theme";
   import type { TimelineStepperProps } from "..";
   import clsx from "clsx";
   import { getTheme } from "../theme/themeUtils";

package/dist/stepper/VerticalStepper.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   import { setContext } from "svelte";
-  import { verticalStepper } from ".";
+  import { verticalStepper } from "./theme";
   import type { VerticalStepperProps } from "..";
   import clsx from "clsx";
   import { getTheme } from "../theme/themeUtils";

package/dist/table/Table.svelte

@@ -1,6 +1,7 @@
 <script lang="ts">
   import { setContext } from "svelte";
-  import { table as tableCls, TableHead, TableBody } from ".";
+  import { table as tableCls } from "./theme";
+  import { TableHead, TableBody } from "..";
   import clsx from "clsx";
   import type { TableProps, TableCtxType } from "..";
   import { getTheme, warnThemeDeprecation } from "../theme/themeUtils";

package/dist/table/TableBody.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   import clsx from "clsx";
-  import { TableBodyRow, TableBodyCell } from ".";
+  import { TableBodyRow, TableBodyCell } from "..";
   import type { TableBodyProps, CellValue, BodyRow } from "../types";
 
   let { children, bodyItems, class: className, ...restProps }: TableBodyProps = $props();

package/dist/table/TableBodyCell.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   import clsx from "clsx";
-  import { tableBodyCell } from ".";
+  import { tableBodyCell } from "./theme";
   import type { TableBodyCellProps } from "../types";
   import { getTheme } from "../theme/themeUtils";
 

package/dist/table/TableBodyRow.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   import { getContext } from "svelte";
-  import { tableBodyRow } from ".";
+  import { tableBodyRow } from "./theme";
   import type { TableBodyRowProps, TableCtxType } from "../types";
   import clsx from "clsx";
   import { getTheme } from "../theme/themeUtils";

package/dist/table/TableHead.svelte

@@ -1,6 +1,7 @@
 <script lang="ts">
   import { getContext } from "svelte";
-  import { TableHeadCell, tableHead } from ".";
+  import { TableHeadCell } from "..";
+  import { tableHead } from "./theme";
   import type { TableHeadProps, TableCtxType, HeadItemType } from "../types";
   import clsx from "clsx";
   import { getTheme } from "../theme/themeUtils";

package/dist/table/TableHeadCell.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   import clsx from "clsx";
-  import { tableHeadCell } from ".";
+  import { tableHeadCell } from "./theme";
   import type { TableHeadCellProps } from "../types";
   import { getTheme } from "../theme/themeUtils";
 

package/dist/table/TableSearch.svelte

@@ -2,7 +2,7 @@
   import { setContext } from "svelte";
   import type { TableSearchProps, TableSearchType } from "../types";
   import clsx from "clsx";
-  import { tableSearch } from ".";
+  import { tableSearch } from "./theme";
   import { getTheme, warnThemeDeprecation } from "../theme/themeUtils";
 
   let { children, header, footer, divClass, inputValue = $bindable(), striped = false, hoverable = false, customColor = "", color = "default", innerDivClass, inputClass, searchClass, svgDivClass, svgClass, tableClass, class: className, classes, placeholder = "Search", ...restProps }: TableSearchProps = $props();

package/dist/tabs/TabItem.svelte

@@ -4,7 +4,7 @@
   import { useSingleSelection } from "../utils/singleselection.svelte";
   import clsx from "clsx";
   import { getContext } from "svelte";
-  import { tabItem, tabs } from ".";
+  import { tabItem, tabs } from "./theme";
 
   let { children, titleSlot, open = $bindable(false), title = "Tab title", key, activeClass, inactiveClass, class: className, classes, disabled, tabStyle, ...restProps }: TabitemProps = $props();
 

package/dist/tabs/Tabs.svelte

@@ -4,7 +4,7 @@
   import { createSingleSelectionContext, useSingleSelection } from "../utils/singleselection.svelte";
   import clsx from "clsx";
   import { setContext } from "svelte";
-  import { tabs } from ".";
+  import { tabs } from "./theme";
 
   let { children, selected = $bindable(), tabStyle = "none", ulClass, contentClass, divider = true, class: className, classes, ...restProps }: TabsProps = $props();
 

package/dist/timeline/Activity.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   import clsx from "clsx";
-  import { activity } from ".";
+  import { activity } from "./theme";
   import type { ActivityProps } from "../types";
   import { getTheme } from "../theme/themeUtils";
 

package/dist/timeline/Group.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { group } from ".";
+  import { group } from "./theme";
   import type { GroupProps } from "../types";
   import clsx from "clsx";
   import { getTheme, warnThemeDeprecation } from "../theme/themeUtils";

package/dist/timeline/GroupItem.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { groupItem } from ".";
+  import { groupItem } from "./theme";
   import type { GroupItemProps } from "../types";
   import clsx from "clsx";
   import { getTheme, warnThemeDeprecation } from "../theme/themeUtils";

package/dist/timeline/Timeline.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   import { setContext } from "svelte";
-  import { timeline, type TimelineVariants } from ".";
+  import { timeline, type TimelineVariants } from "./theme";
   import clsx from "clsx";
   import type { TimelineProps } from "../types";
   import { getTheme } from "../theme/themeUtils";

package/dist/timeline/TimelineItem.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   import { getContext } from "svelte";
-  import { timelineItem, type TimelineVariants } from ".";
+  import { timelineItem, type TimelineVariants } from "./theme";
   import type { TimelineItemProps, DateFormat } from "../types";
   import clsx from "clsx";
   import { getTheme, warnThemeDeprecation } from "../theme/themeUtils";

package/dist/toast/Toast.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
   import { CloseButton } from "..";
   import type { ParamsType } from "../types";
-  import { toast } from ".";
+  import { toast } from "./theme";
   import type { ToastProps } from "../types";
   import { fly } from "svelte/transition";
   import clsx from "clsx";

package/dist/toolbar/Toolbar.svelte

@@ -3,7 +3,7 @@
   import type { ToolbarProps } from "../types";
   import clsx from "clsx";
   import { setContext } from "svelte";
-  import { toolbar } from "./";
+  import { toolbar } from "./theme";
 
   let { children, end, color, embedded, class: className, classes, ...restProps }: ToolbarProps = $props();
 

package/dist/toolbar/ToolbarButton.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   import { getContext } from "svelte";
-  import { toolbarButton } from ".";
+  import { toolbarButton } from "./theme";
   import type { ToolbarButtonProps } from "../types";
   import clsx from "clsx";
   import { getTheme } from "../theme/themeUtils";

package/dist/toolbar/ToolbarGroup.svelte

@@ -3,7 +3,7 @@
   import type { ToolbarGroupProps } from "../types";
   import clsx from "clsx";
   import { getContext } from "svelte";
-  import { toolbarGroup } from ".";
+  import { toolbarGroup } from "./theme";
 
   let { children, spacing, padding, position = "middle", class: className, ...restProps }: ToolbarGroupProps = $props();
 

package/dist/typography/img/EnhancedImg.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   import clsx from "clsx";
-  import { img } from ".";
+  import { img } from "./theme";
   import type { EnhandedImgProps } from "../../types";
   import { getTheme, warnThemeDeprecation } from "../../theme/themeUtils";
 

package/dist/typography/img/Img.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   import clsx from "clsx";
-  import { img } from ".";
+  import { img } from "./theme";
   import type { ImgProps } from "../../types";
   import { getTheme, warnThemeDeprecation } from "../../theme/themeUtils";
 

package/dist/utils/CloseButton.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
   import clsx from "clsx";
   import type { CloseButtonProps } from "..";
-  import { closeButton } from ".";
+  import { closeButton } from "./theme";
   import { useDismiss } from "./dismissable";
 
   let { children, color = "gray", onclick: onclickorg, name = "Close", ariaLabel, size = "md", class: className, svgClass, ...restProps }: CloseButtonProps = $props();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "flowbite-svelte",
-  "version": "1.14.3",
+  "version": "1.14.4",
   "description": "Flowbite components for Svelte",
   "main": "dist/index.js",
   "author": {