diff --git a/src/components/Accordion/Accordion.tsx b/src/components/Accordion/Accordion.tsx
index 8cbd61db2..7ec87f629 100644
--- a/src/components/Accordion/Accordion.tsx
+++ b/src/components/Accordion/Accordion.tsx
@@ -4,9 +4,9 @@ import type { ComponentProps, FC, PropsWithChildren, ReactElement } from 'react'
 import { Children, cloneElement, useMemo, useState } from 'react';
 import { HiChevronDown } from 'react-icons/hi';
 import { twMerge } from 'tailwind-merge';
-import { mergeDeep } from '~/src/helpers/merge-deep';
-import { getTheme } from '~/src/theme-store';
-import type { DeepPartial } from '~/src/types';
+import { mergeDeep } from '../../helpers/merge-deep';
+import { getTheme } from '../../theme-store';
+import type { DeepPartial } from '../../types';
 import type { FlowbiteBoolean } from '../Flowbite';
 import type { FlowbiteAccordionComponentTheme } from './AccordionContent';
 import { AccordionContent } from './AccordionContent';
diff --git a/src/components/Accordion/AccordionContent.tsx b/src/components/Accordion/AccordionContent.tsx
index 370a70139..6f2cbe155 100644
--- a/src/components/Accordion/AccordionContent.tsx
+++ b/src/components/Accordion/AccordionContent.tsx
@@ -2,9 +2,9 @@
 
 import type { ComponentProps, FC, PropsWithChildren } from 'react';
 import { twMerge } from 'tailwind-merge';
-import { mergeDeep } from '~/src/helpers/merge-deep';
-import { getTheme } from '~/src/theme-store';
-import type { DeepPartial } from '~/src/types';
+import { mergeDeep } from '../../helpers/merge-deep';
+import { getTheme } from '../../theme-store';
+import type { DeepPartial } from '../../types';
 import { useAccordionContext } from './AccordionPanelContext';
 
 export interface FlowbiteAccordionComponentTheme {
diff --git a/src/components/Accordion/AccordionTitle.tsx b/src/components/Accordion/AccordionTitle.tsx
index d76f80b20..58604e882 100644
--- a/src/components/Accordion/AccordionTitle.tsx
+++ b/src/components/Accordion/AccordionTitle.tsx
@@ -2,9 +2,9 @@
 
 import type { ComponentProps, FC } from 'react';
 import { twMerge } from 'tailwind-merge';
-import { mergeDeep } from '~/src/helpers/merge-deep';
-import { getTheme } from '~/src/theme-store';
-import type { DeepPartial } from '~/src/types';
+import { mergeDeep } from '../../helpers/merge-deep';
+import { getTheme } from '../../theme-store';
+import type { DeepPartial } from '../../types';
 import type { FlowbiteBoolean, FlowbiteHeadingLevel } from '../Flowbite';
 import { useAccordionContext } from './AccordionPanelContext';
 
diff --git a/src/components/Alert/Alert.stories.tsx b/src/components/Alert/Alert.stories.tsx
index 6aeee6465..11780c91e 100644
--- a/src/components/Alert/Alert.stories.tsx
+++ b/src/components/Alert/Alert.stories.tsx
@@ -1,6 +1,6 @@
 import type { Meta, StoryFn } from '@storybook/react';
 import { HiEye, HiInformationCircle } from 'react-icons/hi';
-import { theme } from '~/src/theme';
+import { theme } from '../../theme';
 import type { AlertProps } from './Alert';
 import { Alert } from './Alert';
 
diff --git a/src/components/Alert/Alert.tsx b/src/components/Alert/Alert.tsx
index b4f9922dc..7ae65c4c8 100644
--- a/src/components/Alert/Alert.tsx
+++ b/src/components/Alert/Alert.tsx
@@ -1,9 +1,9 @@
 import type { ComponentProps, FC, PropsWithChildren, ReactNode } from 'react';
 import { HiX } from 'react-icons/hi';
 import { twMerge } from 'tailwind-merge';
-import { mergeDeep } from '~/src/helpers/merge-deep';
-import { getTheme } from '~/src/theme-store';
-import type { DeepPartial } from '~/src/types';
+import { mergeDeep } from '../../helpers/merge-deep';
+import { getTheme } from '../../theme-store';
+import type { DeepPartial } from '../../types';
 import type { FlowbiteColors } from '../Flowbite';
 
 export interface FlowbiteAlertTheme {
diff --git a/src/components/Avatar/Avatar.tsx b/src/components/Avatar/Avatar.tsx
index 3a87c97e5..e52961442 100644
--- a/src/components/Avatar/Avatar.tsx
+++ b/src/components/Avatar/Avatar.tsx
@@ -1,8 +1,8 @@
 import type { ComponentProps, FC, PropsWithChildren, ReactElement } from 'react';
 import { twMerge } from 'tailwind-merge';
-import { mergeDeep } from '~/src/helpers/merge-deep';
-import { getTheme } from '~/src/theme-store';
-import type { DeepPartial } from '~/src/types';
+import { mergeDeep } from '../../helpers/merge-deep';
+import { getTheme } from '../../theme-store';
+import type { DeepPartial } from '../../types';
 import type { FlowbiteBoolean, FlowbiteColors, FlowbitePositions, FlowbiteSizes } from '../Flowbite';
 import type { FlowbiteAvatarGroupTheme } from './AvatarGroup';
 import { AvatarGroup } from './AvatarGroup';
diff --git a/src/components/Avatar/AvatarGroup.tsx b/src/components/Avatar/AvatarGroup.tsx
index b4b9c81a8..800c8872d 100644
--- a/src/components/Avatar/AvatarGroup.tsx
+++ b/src/components/Avatar/AvatarGroup.tsx
@@ -1,9 +1,9 @@
 import type { ComponentProps, PropsWithChildren } from 'react';
 import React from 'react';
 import { twMerge } from 'tailwind-merge';
-import { mergeDeep } from '~/src/helpers/merge-deep';
-import { getTheme } from '~/src/theme-store';
-import type { DeepPartial } from '~/src/types';
+import { mergeDeep } from '../../helpers/merge-deep';
+import { getTheme } from '../../theme-store';
+import type { DeepPartial } from '../../types';
 
 export interface FlowbiteAvatarGroupTheme {
   base: string;
diff --git a/src/components/Avatar/AvatarGroupCounter.tsx b/src/components/Avatar/AvatarGroupCounter.tsx
index ca23d88bd..3f166a5ee 100644
--- a/src/components/Avatar/AvatarGroupCounter.tsx
+++ b/src/components/Avatar/AvatarGroupCounter.tsx
@@ -1,8 +1,8 @@
 import type { ComponentProps, FC, PropsWithChildren } from 'react';
 import { twMerge } from 'tailwind-merge';
-import { mergeDeep } from '~/src/helpers/merge-deep';
-import { getTheme } from '~/src/theme-store';
-import type { DeepPartial } from '~/src/types';
+import { mergeDeep } from '../../helpers/merge-deep';
+import { getTheme } from '../../theme-store';
+import type { DeepPartial } from '../../types';
 
 export interface FlowbiteAvatarGroupCounterTheme {
   base: string;
diff --git a/src/components/Badge/Badge.stories.tsx b/src/components/Badge/Badge.stories.tsx
index 6c1889a19..c9d2abb7b 100644
--- a/src/components/Badge/Badge.stories.tsx
+++ b/src/components/Badge/Badge.stories.tsx
@@ -1,6 +1,6 @@
 import type { Meta, StoryFn } from '@storybook/react';
 import { HiCheck } from 'react-icons/hi';
-import { theme } from '~/src/theme';
+import { theme } from '../../theme';
 import type { BadgeProps } from './Badge';
 import { Badge } from './Badge';
 
diff --git a/src/components/Badge/Badge.tsx b/src/components/Badge/Badge.tsx
index 4dfbe2b43..2bf8c7e58 100644
--- a/src/components/Badge/Badge.tsx
+++ b/src/components/Badge/Badge.tsx
@@ -1,8 +1,8 @@
 import type { ComponentProps, FC, PropsWithChildren } from 'react';
 import { twMerge } from 'tailwind-merge';
-import { mergeDeep } from '~/src/helpers/merge-deep';
-import { getTheme } from '~/src/theme-store';
-import type { DeepPartial } from '~/src/types';
+import { mergeDeep } from '../../helpers/merge-deep';
+import { getTheme } from '../../theme-store';
+import type { DeepPartial } from '../../types';
 import type { FlowbiteBoolean, FlowbiteColors, FlowbiteSizes } from '../Flowbite';
 
 export interface FlowbiteBadgeTheme {
diff --git a/src/components/Blockquote/Blockquote.tsx b/src/components/Blockquote/Blockquote.tsx
index 47d71d909..9c31d2cb4 100644
--- a/src/components/Blockquote/Blockquote.tsx
+++ b/src/components/Blockquote/Blockquote.tsx
@@ -1,8 +1,8 @@
 import type { ComponentProps, FC, PropsWithChildren } from 'react';
 import { twMerge } from 'tailwind-merge';
-import { mergeDeep } from '~/src/helpers/merge-deep';
-import { getTheme } from '~/src/theme-store';
-import type { DeepPartial } from '~/src/types';
+import { mergeDeep } from '../../helpers/merge-deep';
+import { getTheme } from '../../theme-store';
+import type { DeepPartial } from '../../types';
 
 export interface FlowbiteBlockquoteTheme {
   root: FlowbiteBlockquoteRootTheme;
diff --git a/src/components/Breadcrumb/Breadcrumb.tsx b/src/components/Breadcrumb/Breadcrumb.tsx
index 3394f8fd6..7f9654c99 100644
--- a/src/components/Breadcrumb/Breadcrumb.tsx
+++ b/src/components/Breadcrumb/Breadcrumb.tsx
@@ -1,8 +1,8 @@
 import type { ComponentProps, FC } from 'react';
 import { twMerge } from 'tailwind-merge';
-import { mergeDeep } from '~/src/helpers/merge-deep';
-import { getTheme } from '~/src/theme-store';
-import type { DeepPartial } from '~/src/types';
+import { mergeDeep } from '../../helpers/merge-deep';
+import { getTheme } from '../../theme-store';
+import type { DeepPartial } from '../../types';
 import type { FlowbiteBreadcrumbItemTheme } from './BreadcrumbItem';
 import { BreadcrumbItem } from './BreadcrumbItem';
 
diff --git a/src/components/Breadcrumb/BreadcrumbItem.tsx b/src/components/Breadcrumb/BreadcrumbItem.tsx
index 2afc71f33..c87d192ac 100644
--- a/src/components/Breadcrumb/BreadcrumbItem.tsx
+++ b/src/components/Breadcrumb/BreadcrumbItem.tsx
@@ -2,9 +2,9 @@ import type { ComponentProps, FC, PropsWithChildren } from 'react';
 import { forwardRef } from 'react';
 import { HiOutlineChevronRight } from 'react-icons/hi';
 import { twMerge } from 'tailwind-merge';
-import { mergeDeep } from '~/src/helpers/merge-deep';
-import { getTheme } from '~/src/theme-store';
-import type { DeepPartial } from '~/src/types';
+import { mergeDeep } from '../../helpers/merge-deep';
+import { getTheme } from '../../theme-store';
+import type { DeepPartial } from '../../types';
 import type { FlowbiteBoolean } from '../Flowbite';
 
 export interface FlowbiteBreadcrumbItemTheme {
diff --git a/src/components/Button/Button.stories.tsx b/src/components/Button/Button.stories.tsx
index 5e4ee6323..eb9f8951b 100644
--- a/src/components/Button/Button.stories.tsx
+++ b/src/components/Button/Button.stories.tsx
@@ -1,5 +1,5 @@
 import type { Meta, StoryFn } from '@storybook/react';
-import { theme } from '~/src/theme';
+import { theme } from '../../theme';
 import type { ButtonProps } from './Button';
 import { Button } from './Button';
 
diff --git a/src/components/Button/Button.tsx b/src/components/Button/Button.tsx
index ceb39f7cb..b3ffde6aa 100644
--- a/src/components/Button/Button.tsx
+++ b/src/components/Button/Button.tsx
@@ -1,10 +1,10 @@
 import type { ComponentPropsWithoutRef, ElementType, ForwardedRef } from 'react';
 import { type ReactNode } from 'react';
 import { twMerge } from 'tailwind-merge';
-import genericForwardRef from '~/src/helpers/generic-forward-ref';
-import { mergeDeep } from '~/src/helpers/merge-deep';
-import { getTheme } from '~/src/theme-store';
-import type { DeepPartial } from '~/src/types';
+import genericForwardRef from '../../helpers/generic-forward-ref';
+import { mergeDeep } from '../../helpers/merge-deep';
+import { getTheme } from '../../theme-store';
+import type { DeepPartial } from '../../types';
 import type {
   FlowbiteBoolean,
   FlowbiteColors,
diff --git a/src/components/Button/ButtonBase.tsx b/src/components/Button/ButtonBase.tsx
index cdb09b1c1..42bd13799 100644
--- a/src/components/Button/ButtonBase.tsx
+++ b/src/components/Button/ButtonBase.tsx
@@ -1,5 +1,5 @@
 import { createElement, type ComponentPropsWithoutRef, type ElementType, type ForwardedRef } from 'react';
-import genericForwardRef from '~/src/helpers/generic-forward-ref';
+import genericForwardRef from '../../helpers/generic-forward-ref';
 
 export type ButtonBaseProps<T extends ElementType = 'button'> = {
   as?: T;
diff --git a/src/components/Button/ButtonGroup.spec.tsx b/src/components/Button/ButtonGroup.spec.tsx
index c5926e9bb..c094f1d25 100644
--- a/src/components/Button/ButtonGroup.spec.tsx
+++ b/src/components/Button/ButtonGroup.spec.tsx
@@ -1,7 +1,7 @@
 import { render, screen } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 import { describe, expect, it, vi } from 'vitest';
-import { theme } from '~/src/theme';
+import { theme } from '../../theme';
 import { Flowbite } from '../Flowbite';
 import { Button } from './Button';
 
diff --git a/src/components/Button/ButtonGroup.tsx b/src/components/Button/ButtonGroup.tsx
index 37d437acb..8f131dbe1 100644
--- a/src/components/Button/ButtonGroup.tsx
+++ b/src/components/Button/ButtonGroup.tsx
@@ -3,9 +3,9 @@
 import type { ComponentProps, FC, PropsWithChildren, ReactElement } from 'react';
 import { Children, cloneElement, useMemo } from 'react';
 import { twMerge } from 'tailwind-merge';
-import { mergeDeep } from '~/src/helpers/merge-deep';
-import { getTheme } from '~/src/theme-store';
-import type { DeepPartial } from '~/src/types';
+import { mergeDeep } from '../../helpers/merge-deep';
+import { getTheme } from '../../theme-store';
+import type { DeepPartial } from '../../types';
 import type { ButtonProps } from '../Button';
 
 export interface FlowbiteButtonGroupTheme {
diff --git a/src/components/Card/Card.tsx b/src/components/Card/Card.tsx
index b0eb95245..6b132d0df 100644
--- a/src/components/Card/Card.tsx
+++ b/src/components/Card/Card.tsx
@@ -1,9 +1,9 @@
 import type { ComponentProps, FC, PropsWithChildren } from 'react';
 import { twMerge } from 'tailwind-merge';
-import { mergeDeep } from '~/src/helpers/merge-deep';
-import { omit } from '~/src/helpers/omit';
-import { getTheme } from '~/src/theme-store';
-import type { DeepPartial } from '~/src/types';
+import { mergeDeep } from '../../helpers/merge-deep';
+import { omit } from '../../helpers/omit';
+import { getTheme } from '../../theme-store';
+import type { DeepPartial } from '../../types';
 import type { FlowbiteBoolean } from '../Flowbite';
 
 export interface FlowbiteCardTheme {
diff --git a/src/components/Carousel/Carousel.tsx b/src/components/Carousel/Carousel.tsx
index 79b42670a..38b827121 100644
--- a/src/components/Carousel/Carousel.tsx
+++ b/src/components/Carousel/Carousel.tsx
@@ -5,10 +5,10 @@ import { Children, cloneElement, useCallback, useEffect, useMemo, useRef, useSta
 import { HiOutlineChevronLeft, HiOutlineChevronRight } from 'react-icons/hi';
 import ScrollContainer from 'react-indiana-drag-scroll';
 import { twMerge } from 'tailwind-merge';
-import { isClient } from '~/src/helpers/is-client';
-import { mergeDeep } from '~/src/helpers/merge-deep';
-import { getTheme } from '~/src/theme-store';
-import type { DeepPartial } from '~/src/types';
+import { isClient } from '../../helpers/is-client';
+import { mergeDeep } from '../../helpers/merge-deep';
+import { getTheme } from '../../theme-store';
+import type { DeepPartial } from '../../types';
 import type { FlowbiteBoolean } from '../Flowbite';
 
 export interface FlowbiteCarouselTheme {
diff --git a/src/components/Checkbox/Checkbox.tsx b/src/components/Checkbox/Checkbox.tsx
index f50cfa963..4d63723b4 100644
--- a/src/components/Checkbox/Checkbox.tsx
+++ b/src/components/Checkbox/Checkbox.tsx
@@ -1,9 +1,9 @@
 import type { ComponentProps } from 'react';
 import { forwardRef } from 'react';
 import { twMerge } from 'tailwind-merge';
-import { mergeDeep } from '~/src/helpers/merge-deep';
-import { getTheme } from '~/src/theme-store';
-import type { DeepPartial } from '~/src/types';
+import { mergeDeep } from '../../helpers/merge-deep';
+import { getTheme } from '../../theme-store';
+import type { DeepPartial } from '../../types';
 import type { FlowbiteColors } from '../Flowbite';
 
 export interface FlowbiteCheckboxTheme {
diff --git a/src/components/DarkThemeToggle/DarkThemeToggle.tsx b/src/components/DarkThemeToggle/DarkThemeToggle.tsx
index f80a93882..47ca3daa9 100644
--- a/src/components/DarkThemeToggle/DarkThemeToggle.tsx
+++ b/src/components/DarkThemeToggle/DarkThemeToggle.tsx
@@ -3,10 +3,10 @@
 import type { ComponentProps, FC } from 'react';
 import { HiMoon, HiSun } from 'react-icons/hi';
 import { twMerge } from 'tailwind-merge';
-import { mergeDeep } from '~/src/helpers/merge-deep';
-import { useThemeMode } from '~/src/helpers/use-theme-mode';
-import { getTheme } from '~/src/theme-store';
-import type { DeepPartial } from '~/src/types';
+import { mergeDeep } from '../../helpers/merge-deep';
+import { useThemeMode } from '../../helpers/use-theme-mode';
+import { getTheme } from '../../theme-store';
+import type { DeepPartial } from '../../types';
 
 export interface FlowbiteDarkThemeToggleTheme {
   root: FlowbiteDarkThemeToggleRootTheme;
diff --git a/src/components/Datepicker/Datepicker.tsx b/src/components/Datepicker/Datepicker.tsx
index 7cc19db00..de5cd7676 100644
--- a/src/components/Datepicker/Datepicker.tsx
+++ b/src/components/Datepicker/Datepicker.tsx
@@ -4,9 +4,9 @@ import type { FC, ReactNode } from 'react';
 import { useEffect, useRef, useState } from 'react';
 import { HiArrowLeft, HiArrowRight, HiCalendar } from 'react-icons/hi';
 import { twMerge } from 'tailwind-merge';
-import { mergeDeep } from '~/src/helpers/merge-deep';
-import { getTheme } from '~/src/theme-store';
-import type { DeepPartial } from '~/src/types';
+import { mergeDeep } from '../../helpers/merge-deep';
+import { getTheme } from '../../theme-store';
+import type { DeepPartial } from '../../types';
 import { TextInput, type FlowbiteTextInputTheme, type TextInputProps } from '../TextInput';
 import { DatepickerContext } from './DatepickerContext';
 import type { FlowbiteDatepickerViewsDaysTheme } from './Views/Days';
diff --git a/src/components/Datepicker/Views/Days.tsx b/src/components/Datepicker/Views/Days.tsx
index 0f314e9da..a986aa276 100644
--- a/src/components/Datepicker/Views/Days.tsx
+++ b/src/components/Datepicker/Views/Days.tsx
@@ -1,8 +1,8 @@
 import type { FC } from 'react';
 import { twMerge } from 'tailwind-merge';
-import { mergeDeep } from '~/src/helpers/merge-deep';
-import { getTheme } from '~/src/theme-store';
-import type { DeepPartial } from '~/src/types';
+import { mergeDeep } from '../../../helpers/merge-deep';
+import { getTheme } from '../../../theme-store';
+import type { DeepPartial } from '../../../types';
 import { useDatePickerContext } from '../DatepickerContext';
 import { addDays, getFirstDayOfTheMonth, getFormattedDate, getWeekDays, isDateEqual, isDateInRange } from '../helpers';
 
diff --git a/src/components/Datepicker/Views/Decades.tsx b/src/components/Datepicker/Views/Decades.tsx
index 20ddbfe35..134bddf42 100644
--- a/src/components/Datepicker/Views/Decades.tsx
+++ b/src/components/Datepicker/Views/Decades.tsx
@@ -1,7 +1,7 @@
 import type { FC } from 'react';
 import { twMerge } from 'tailwind-merge';
-import { mergeDeep } from '~/src/helpers/merge-deep';
-import { getTheme } from '~/src/theme-store';
+import { mergeDeep } from '../../../helpers/merge-deep';
+import { getTheme } from '../../../theme-store';
 import { useDatePickerContext } from '../DatepickerContext';
 import { Views, addYears, isDateInDecade, isDateInRange, startOfYearPeriod } from '../helpers';
 
diff --git a/src/components/Datepicker/Views/Months.tsx b/src/components/Datepicker/Views/Months.tsx
index 5ad6360ba..dfb72428d 100644
--- a/src/components/Datepicker/Views/Months.tsx
+++ b/src/components/Datepicker/Views/Months.tsx
@@ -1,7 +1,7 @@
 import type { FC } from 'react';
 import { twMerge } from 'tailwind-merge';
-import { mergeDeep } from '~/src/helpers/merge-deep';
-import { getTheme } from '~/src/theme-store';
+import { mergeDeep } from '../../../helpers/merge-deep';
+import { getTheme } from '../../../theme-store';
 import { useDatePickerContext } from '../DatepickerContext';
 import { Views, getFormattedDate, isDateEqual, isDateInRange } from '../helpers';
 
diff --git a/src/components/Datepicker/Views/Years.tsx b/src/components/Datepicker/Views/Years.tsx
index e73bf9a38..1ad723342 100644
--- a/src/components/Datepicker/Views/Years.tsx
+++ b/src/components/Datepicker/Views/Years.tsx
@@ -2,8 +2,8 @@
 
 import type { FC } from 'react';
 import { twMerge } from 'tailwind-merge';
-import { mergeDeep } from '~/src/helpers/merge-deep';
-import { getTheme } from '~/src/theme-store';
+import { mergeDeep } from '../../../helpers/merge-deep';
+import { getTheme } from '../../../theme-store';
 import { useDatePickerContext } from '../DatepickerContext';
 import { Views, isDateEqual, isDateInRange, startOfYearPeriod } from '../helpers';
 
diff --git a/src/components/Dropdown/Dropdown.tsx b/src/components/Dropdown/Dropdown.tsx
index 130affd1d..144b73dbd 100644
--- a/src/components/Dropdown/Dropdown.tsx
+++ b/src/components/Dropdown/Dropdown.tsx
@@ -17,10 +17,10 @@ import type {
 import { cloneElement, createContext, useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { HiOutlineChevronDown, HiOutlineChevronLeft, HiOutlineChevronRight, HiOutlineChevronUp } from 'react-icons/hi';
 import { twMerge } from 'tailwind-merge';
-import { mergeDeep } from '~/src/helpers/merge-deep';
-import { useBaseFLoating, useFloatingInteractions } from '~/src/helpers/use-floating';
-import { getTheme } from '~/src/theme-store';
-import type { DeepPartial } from '~/src/types';
+import { mergeDeep } from '../../helpers/merge-deep';
+import { useBaseFLoating, useFloatingInteractions } from '../../helpers/use-floating';
+import { getTheme } from '../../theme-store';
+import type { DeepPartial } from '../../types';
 import type { ButtonProps } from '../Button';
 import { Button } from '../Button';
 import type { FloatingProps, FlowbiteFloatingTheme } from '../Floating';
diff --git a/src/components/Dropdown/DropdownDivider.tsx b/src/components/Dropdown/DropdownDivider.tsx
index f9484632e..82bc4e219 100644
--- a/src/components/Dropdown/DropdownDivider.tsx
+++ b/src/components/Dropdown/DropdownDivider.tsx
@@ -1,6 +1,6 @@
 import type { ComponentProps, FC } from 'react';
 import { twMerge } from 'tailwind-merge';
-import { getTheme } from '~/src/theme-store';
+import { getTheme } from '../../theme-store';
 
 export interface FlowbiteDropdownDividerTheme {
   divider: string;
diff --git a/src/components/Dropdown/DropdownHeader.tsx b/src/components/Dropdown/DropdownHeader.tsx
index 6c7e8b853..3543be9f1 100644
--- a/src/components/Dropdown/DropdownHeader.tsx
+++ b/src/components/Dropdown/DropdownHeader.tsx
@@ -1,6 +1,6 @@
 import type { ComponentProps, FC, PropsWithChildren } from 'react';
 import { twMerge } from 'tailwind-merge';
-import { getTheme } from '~/src/theme-store';
+import { getTheme } from '../../theme-store';
 import { DropdownDivider } from './DropdownDivider';
 
 export interface FlowbiteDropdownHeaderTheme {
diff --git a/src/components/Dropdown/DropdownItem.tsx b/src/components/Dropdown/DropdownItem.tsx
index e282ccb7f..0c9cda36e 100644
--- a/src/components/Dropdown/DropdownItem.tsx
+++ b/src/components/Dropdown/DropdownItem.tsx
@@ -4,9 +4,9 @@ import { useListItem } from '@floating-ui/react';
 import type { ComponentProps, ComponentPropsWithoutRef, ElementType, FC, RefCallback } from 'react';
 import { useContext } from 'react';
 import { twMerge } from 'tailwind-merge';
-import { mergeDeep } from '~/src/helpers/merge-deep';
-import { getTheme } from '~/src/theme-store';
-import type { DeepPartial } from '~/src/types';
+import { mergeDeep } from '../../helpers/merge-deep';
+import { getTheme } from '../../theme-store';
+import type { DeepPartial } from '../../types';
 import type { ButtonBaseProps } from '../Button/ButtonBase';
 import { ButtonBase } from '../Button/ButtonBase';
 import { DropdownContext } from './Dropdown';
diff --git a/src/components/FileInput/FileInput.tsx b/src/components/FileInput/FileInput.tsx
index b7227fa0f..d33d0dbf2 100644
--- a/src/components/FileInput/FileInput.tsx
+++ b/src/components/FileInput/FileInput.tsx
@@ -1,9 +1,9 @@
 import type { ComponentProps, ReactNode } from 'react';
 import { forwardRef } from 'react';
 import { twMerge } from 'tailwind-merge';
-import { mergeDeep } from '~/src/helpers/merge-deep';
-import { getTheme } from '~/src/theme-store';
-import type { DeepPartial } from '~/src/types';
+import { mergeDeep } from '../../helpers/merge-deep';
+import { getTheme } from '../../theme-store';
+import type { DeepPartial } from '../../types';
 import { HelperText } from '../HelperText';
 import type { FlowbiteTextInputColors, FlowbiteTextInputSizes } from '../TextInput';
 
diff --git a/src/components/Floating/Floating.tsx b/src/components/Floating/Floating.tsx
index 0fda6d2bb..d344fcb0e 100644
--- a/src/components/Floating/Floating.tsx
+++ b/src/components/Floating/Floating.tsx
@@ -5,7 +5,7 @@ import { autoUpdate, useFocus } from '@floating-ui/react';
 import type { ComponentProps, FC, PropsWithChildren, ReactNode } from 'react';
 import { useEffect, useRef, useState } from 'react';
 import { twMerge } from 'tailwind-merge';
-import { useBaseFLoating, useFloatingInteractions } from '~/src/helpers/use-floating';
+import { useBaseFLoating, useFloatingInteractions } from '../../helpers/use-floating';
 import { getArrowPlacement } from './helpers';
 
 export interface FlowbiteFloatingTheme {
diff --git a/src/components/FloatingLabel/FloatingLabel.tsx b/src/components/FloatingLabel/FloatingLabel.tsx
index c4686cca8..203452eb8 100644
--- a/src/components/FloatingLabel/FloatingLabel.tsx
+++ b/src/components/FloatingLabel/FloatingLabel.tsx
@@ -1,9 +1,9 @@
 import type { ComponentProps } from 'react';
 import { forwardRef, useId } from 'react';
 import { twMerge } from 'tailwind-merge';
-import { mergeDeep } from '~/src/helpers/merge-deep';
-import { getTheme } from '~/src/theme-store';
-import type { DeepPartial } from '~/src/types';
+import { mergeDeep } from '../../helpers/merge-deep';
+import { getTheme } from '../../theme-store';
+import type { DeepPartial } from '../../types';
 import type { FlowbiteSizes } from '../Flowbite';
 
 export interface FlowbiteFloatingLabelTheme {
diff --git a/src/components/Flowbite/Flowbite.spec.tsx b/src/components/Flowbite/Flowbite.spec.tsx
index fd241bbc2..56bb9f664 100644
--- a/src/components/Flowbite/Flowbite.spec.tsx
+++ b/src/components/Flowbite/Flowbite.spec.tsx
@@ -1,8 +1,8 @@
 import { act, render } from '@testing-library/react';
 import { describe, expect, it } from 'vitest';
-import { mergeDeep } from '~/src/helpers/merge-deep';
-import { useThemeMode } from '~/src/helpers/use-theme-mode';
-import { getTheme } from '~/src/theme-store';
+import { mergeDeep } from '../../helpers/merge-deep';
+import { useThemeMode } from '../../helpers/use-theme-mode';
+import { getTheme } from '../../theme-store';
 import { Flowbite } from '../Flowbite';
 
 describe('Components / Flowbite', () => {
diff --git a/src/components/Flowbite/Flowbite.tsx b/src/components/Flowbite/Flowbite.tsx
index c07ce94bc..359b89367 100644
--- a/src/components/Flowbite/Flowbite.tsx
+++ b/src/components/Flowbite/Flowbite.tsx
@@ -1,6 +1,6 @@
 import type { FC } from 'react';
-import type { ThemeMode } from '~/src/helpers/use-theme-mode';
-import { ThemeInit } from '~/src/theme-store/init';
+import type { ThemeMode } from '../../helpers/use-theme-mode';
+import { ThemeInit } from '../../theme-store/init';
 import type { CustomFlowbiteTheme } from './FlowbiteTheme';
 
 export interface ThemeProps {
diff --git a/src/components/Flowbite/FlowbiteTheme.ts b/src/components/Flowbite/FlowbiteTheme.ts
index a066ecbf4..dc0df0fd5 100644
--- a/src/components/Flowbite/FlowbiteTheme.ts
+++ b/src/components/Flowbite/FlowbiteTheme.ts
@@ -1,4 +1,4 @@
-import type { DeepPartial } from '~/src/types';
+import type { DeepPartial } from '../../types';
 import type { FlowbiteAccordionTheme } from '../Accordion';
 import type { FlowbiteAlertTheme } from '../Alert';
 import type { FlowbiteAvatarTheme } from '../Avatar';
diff --git a/src/components/Footer/Footer.tsx b/src/components/Footer/Footer.tsx
index 5492fb624..cb1313e4b 100644
--- a/src/components/Footer/Footer.tsx
+++ b/src/components/Footer/Footer.tsx
@@ -1,8 +1,8 @@
 import type { ComponentProps, FC } from 'react';
 import { twMerge } from 'tailwind-merge';
-import { mergeDeep } from '~/src/helpers/merge-deep';
-import { getTheme } from '~/src/theme-store';
-import type { DeepPartial } from '~/src/types';
+import { mergeDeep } from '../../helpers/merge-deep';
+import { getTheme } from '../../theme-store';
+import type { DeepPartial } from '../../types';
 import type { FlowbiteFooterBrandTheme } from './FooterBrand';
 import { FooterBrand } from './FooterBrand';
 import type { FlowbiteFooterCopyrightTheme } from './FooterCopyright';
diff --git a/src/components/Footer/FooterBrand.tsx b/src/components/Footer/FooterBrand.tsx
index 14d2eca3c..b1fb71f44 100644
--- a/src/components/Footer/FooterBrand.tsx
+++ b/src/components/Footer/FooterBrand.tsx
@@ -1,8 +1,8 @@
 import type { ComponentProps, FC, PropsWithChildren } from 'react';
 import { twMerge } from 'tailwind-merge';
-import { mergeDeep } from '~/src/helpers/merge-deep';
-import { getTheme } from '~/src/theme-store';
-import type { DeepPartial } from '~/src/types';
+import { mergeDeep } from '../../helpers/merge-deep';
+import { getTheme } from '../../theme-store';
+import type { DeepPartial } from '../../types';
 
 export interface FlowbiteFooterBrandTheme {
   base: string;
diff --git a/src/components/Footer/FooterCopyright.tsx b/src/components/Footer/FooterCopyright.tsx
index ff3eeaddd..50afdccd0 100644
--- a/src/components/Footer/FooterCopyright.tsx
+++ b/src/components/Footer/FooterCopyright.tsx
@@ -1,8 +1,8 @@
 import type { ComponentProps, FC, PropsWithChildren } from 'react';
 import { twMerge } from 'tailwind-merge';
-import { mergeDeep } from '~/src/helpers/merge-deep';
-import { getTheme } from '~/src/theme-store';
-import type { DeepPartial } from '~/src/types';
+import { mergeDeep } from '../../helpers/merge-deep';
+import { getTheme } from '../../theme-store';
+import type { DeepPartial } from '../../types';
 
 export interface FlowbiteFooterCopyrightTheme {
   base: string;
diff --git a/src/components/Footer/FooterDivider.tsx b/src/components/Footer/FooterDivider.tsx
index ca9f0bfe2..e9b8ea8a9 100644
--- a/src/components/Footer/FooterDivider.tsx
+++ b/src/components/Footer/FooterDivider.tsx
@@ -1,8 +1,8 @@
 import type { ComponentProps, FC } from 'react';
 import { twMerge } from 'tailwind-merge';
-import { mergeDeep } from '~/src/helpers/merge-deep';
-import { getTheme } from '~/src/theme-store';
-import type { DeepPartial } from '~/src/types';
+import { mergeDeep } from '../../helpers/merge-deep';
+import { getTheme } from '../../theme-store';
+import type { DeepPartial } from '../../types';
 
 export interface FlowbiteFooterDividerTheme {
   base: string;
diff --git a/src/components/Footer/FooterIcon.tsx b/src/components/Footer/FooterIcon.tsx
index 7af53677c..8df7efebb 100644
--- a/src/components/Footer/FooterIcon.tsx
+++ b/src/components/Footer/FooterIcon.tsx
@@ -1,8 +1,8 @@
 import type { ComponentProps, FC, PropsWithChildren } from 'react';
 import { twMerge } from 'tailwind-merge';
-import { mergeDeep } from '~/src/helpers/merge-deep';
-import { getTheme } from '~/src/theme-store';
-import type { DeepPartial } from '~/src/types';
+import { mergeDeep } from '../../helpers/merge-deep';
+import { getTheme } from '../../theme-store';
+import type { DeepPartial } from '../../types';
 
 export interface FlowbiteFooterIconTheme {
   base: string;
diff --git a/src/components/Footer/FooterLink.tsx b/src/components/Footer/FooterLink.tsx
index 436eb3cf4..4fd050f8c 100644
--- a/src/components/Footer/FooterLink.tsx
+++ b/src/components/Footer/FooterLink.tsx
@@ -1,8 +1,8 @@
 import type { ComponentProps, ElementType, FC, PropsWithChildren } from 'react';
 import { twMerge } from 'tailwind-merge';
-import { mergeDeep } from '~/src/helpers/merge-deep';
-import { getTheme } from '~/src/theme-store';
-import type { DeepPartial } from '~/src/types';
+import { mergeDeep } from '../../helpers/merge-deep';
+import { getTheme } from '../../theme-store';
+import type { DeepPartial } from '../../types';
 
 export interface FlowbiteFooterLinkTheme {
   base: string;
diff --git a/src/components/Footer/FooterLinkGroup.tsx b/src/components/Footer/FooterLinkGroup.tsx
index f7e3bd918..827d6d57a 100644
--- a/src/components/Footer/FooterLinkGroup.tsx
+++ b/src/components/Footer/FooterLinkGroup.tsx
@@ -1,8 +1,8 @@
 import type { ComponentProps, FC, PropsWithChildren } from 'react';
 import { twMerge } from 'tailwind-merge';
-import { mergeDeep } from '~/src/helpers/merge-deep';
-import { getTheme } from '~/src/theme-store';
-import type { DeepPartial } from '~/src/types';
+import { mergeDeep } from '../../helpers/merge-deep';
+import { getTheme } from '../../theme-store';
+import type { DeepPartial } from '../../types';
 import type { FlowbiteFooterLinkTheme } from './FooterLink';
 
 export interface FlowbiteFooterLinkGroupTheme {
diff --git a/src/components/Footer/FooterTitle.tsx b/src/components/Footer/FooterTitle.tsx
index 4ce1d1b61..15a4983a0 100644
--- a/src/components/Footer/FooterTitle.tsx
+++ b/src/components/Footer/FooterTitle.tsx
@@ -1,8 +1,8 @@
 import type { ComponentProps, ElementType, FC, PropsWithChildren } from 'react';
 import { twMerge } from 'tailwind-merge';
-import { mergeDeep } from '~/src/helpers/merge-deep';
-import { getTheme } from '~/src/theme-store';
-import type { DeepPartial } from '~/src/types';
+import { mergeDeep } from '../../helpers/merge-deep';
+import { getTheme } from '../../theme-store';
+import type { DeepPartial } from '../../types';
 
 export interface FlowbiteFooterTitleTheme {
   base: string;
diff --git a/src/components/HelperText/HelperText.tsx b/src/components/HelperText/HelperText.tsx
index f628c1949..c64d7956c 100644
--- a/src/components/HelperText/HelperText.tsx
+++ b/src/components/HelperText/HelperText.tsx
@@ -1,8 +1,8 @@
 import type { ComponentProps, FC, PropsWithChildren } from 'react';
 import { twMerge } from 'tailwind-merge';
-import { mergeDeep } from '~/src/helpers/merge-deep';
-import { getTheme } from '~/src/theme-store';
-import type { DeepPartial } from '~/src/types';
+import { mergeDeep } from '../../helpers/merge-deep';
+import { getTheme } from '../../theme-store';
+import type { DeepPartial } from '../../types';
 import type { FlowbiteColors } from '../Flowbite';
 
 export interface FlowbiteHelperTextTheme {
diff --git a/src/components/Kbd/Kbd.tsx b/src/components/Kbd/Kbd.tsx
index a1e8b823a..8872bc0db 100644
--- a/src/components/Kbd/Kbd.tsx
+++ b/src/components/Kbd/Kbd.tsx
@@ -1,8 +1,8 @@
 import type { ComponentProps, FC, PropsWithChildren } from 'react';
 import { twMerge } from 'tailwind-merge';
-import { mergeDeep } from '~/src/helpers/merge-deep';
-import { getTheme } from '~/src/theme-store';
-import type { DeepPartial } from '~/src/types';
+import { mergeDeep } from '../../helpers/merge-deep';
+import { getTheme } from '../../theme-store';
+import type { DeepPartial } from '../../types';
 
 export interface FlowbiteKbdTheme {
   root: FlowbiteKbdRootTheme;
diff --git a/src/components/Label/Label.tsx b/src/components/Label/Label.tsx
index 789e20ecb..38268f392 100644
--- a/src/components/Label/Label.tsx
+++ b/src/components/Label/Label.tsx
@@ -1,8 +1,8 @@
 import type { ComponentProps, FC, PropsWithChildren } from 'react';
 import { twMerge } from 'tailwind-merge';
-import { mergeDeep } from '~/src/helpers/merge-deep';
-import { getTheme } from '~/src/theme-store';
-import type { DeepPartial } from '~/src/types';
+import { mergeDeep } from '../../helpers/merge-deep';
+import { getTheme } from '../../theme-store';
+import type { DeepPartial } from '../../types';
 import type { FlowbiteStateColors } from '../Flowbite';
 
 export interface FlowbiteLabelTheme {
diff --git a/src/components/ListGroup/ListGroup.tsx b/src/components/ListGroup/ListGroup.tsx
index c9113f9c7..6f50c491e 100644
--- a/src/components/ListGroup/ListGroup.tsx
+++ b/src/components/ListGroup/ListGroup.tsx
@@ -1,8 +1,8 @@
 import type { ComponentProps, FC, PropsWithChildren } from 'react';
 import { twMerge } from 'tailwind-merge';
-import { mergeDeep } from '~/src/helpers/merge-deep';
-import { getTheme } from '~/src/theme-store';
-import type { DeepPartial } from '~/src/types';
+import { mergeDeep } from '../../helpers/merge-deep';
+import { getTheme } from '../../theme-store';
+import type { DeepPartial } from '../../types';
 import type { FlowbiteListGroupItemTheme } from './ListGroupItem';
 import { ListGroupItem } from './ListGroupItem';
 
diff --git a/src/components/ListGroup/ListGroupItem.tsx b/src/components/ListGroup/ListGroupItem.tsx
index 04b8becfc..749d0cad8 100644
--- a/src/components/ListGroup/ListGroupItem.tsx
+++ b/src/components/ListGroup/ListGroupItem.tsx
@@ -1,8 +1,8 @@
 import type { ComponentProps, FC, PropsWithChildren } from 'react';
 import { twMerge } from 'tailwind-merge';
-import { mergeDeep } from '~/src/helpers/merge-deep';
-import { getTheme } from '~/src/theme-store';
-import type { DeepPartial } from '~/src/types';
+import { mergeDeep } from '../../helpers/merge-deep';
+import { getTheme } from '../../theme-store';
+import type { DeepPartial } from '../../types';
 import type { FlowbiteBoolean } from '../Flowbite';
 
 export interface FlowbiteListGroupItemTheme {
diff --git a/src/components/Modal/Modal.tsx b/src/components/Modal/Modal.tsx
index fb5329a54..33166eb22 100644
--- a/src/components/Modal/Modal.tsx
+++ b/src/components/Modal/Modal.tsx
@@ -14,9 +14,9 @@ import {
 import type { MutableRefObject } from 'react';
 import { forwardRef, useState, type ComponentPropsWithoutRef, type PropsWithChildren } from 'react';
 import { twMerge } from 'tailwind-merge';
-import { mergeDeep } from '~/src/helpers/merge-deep';
-import { getTheme } from '~/src/theme-store';
-import type { DeepPartial } from '~/src/types';
+import { mergeDeep } from '../../helpers/merge-deep';
+import { getTheme } from '../../theme-store';
+import type { DeepPartial } from '../../types';
 import type { FlowbiteBoolean, FlowbitePositions, FlowbiteSizes } from '../Flowbite';
 import type { FlowbiteModalBodyTheme } from './ModalBody';
 import { ModalBody } from './ModalBody';
diff --git a/src/components/Modal/ModalBody.tsx b/src/components/Modal/ModalBody.tsx
index 61ba9a45c..43e1b4345 100644
--- a/src/components/Modal/ModalBody.tsx
+++ b/src/components/Modal/ModalBody.tsx
@@ -2,9 +2,9 @@
 
 import type { ComponentProps, FC, PropsWithChildren } from 'react';
 import { twMerge } from 'tailwind-merge';
-import { mergeDeep } from '~/src/helpers/merge-deep';
-import { getTheme } from '~/src/theme-store';
-import type { DeepPartial } from '~/src/types';
+import { mergeDeep } from '../../helpers/merge-deep';
+import { getTheme } from '../../theme-store';
+import type { DeepPartial } from '../../types';
 import { useModalContext } from './ModalContext';
 
 export interface FlowbiteModalBodyTheme {
diff --git a/src/components/Modal/ModalFooter.tsx b/src/components/Modal/ModalFooter.tsx
index 4a433e74c..53afea7b2 100644
--- a/src/components/Modal/ModalFooter.tsx
+++ b/src/components/Modal/ModalFooter.tsx
@@ -2,9 +2,9 @@
 
 import type { ComponentProps, FC, PropsWithChildren } from 'react';
 import { twMerge } from 'tailwind-merge';
-import { mergeDeep } from '~/src/helpers/merge-deep';
-import { getTheme } from '~/src/theme-store';
-import type { DeepPartial } from '~/src/types';
+import { mergeDeep } from '../../helpers/merge-deep';
+import { getTheme } from '../../theme-store';
+import type { DeepPartial } from '../../types';
 import { useModalContext } from './ModalContext';
 
 export interface FlowbiteModalFooterTheme {
diff --git a/src/components/Modal/ModalHeader.tsx b/src/components/Modal/ModalHeader.tsx
index a30d8de66..82ccc37ad 100644
--- a/src/components/Modal/ModalHeader.tsx
+++ b/src/components/Modal/ModalHeader.tsx
@@ -3,9 +3,9 @@
 import { useId, useLayoutEffect, type ComponentProps, type ElementType, type FC, type PropsWithChildren } from 'react';
 import { HiOutlineX } from 'react-icons/hi';
 import { twMerge } from 'tailwind-merge';
-import { mergeDeep } from '~/src/helpers/merge-deep';
-import { getTheme } from '~/src/theme-store';
-import type { DeepPartial } from '~/src/types';
+import { mergeDeep } from '../../helpers/merge-deep';
+import { getTheme } from '../../theme-store';
+import type { DeepPartial } from '../../types';
 import { useModalContext } from './ModalContext';
 
 export interface FlowbiteModalHeaderTheme {
diff --git a/src/components/Navbar/Navbar.tsx b/src/components/Navbar/Navbar.tsx
index 4a4d10d03..9840adaff 100644
--- a/src/components/Navbar/Navbar.tsx
+++ b/src/components/Navbar/Navbar.tsx
@@ -3,9 +3,9 @@
 import type { ComponentProps, FC, PropsWithChildren } from 'react';
 import { useState } from 'react';
 import { twMerge } from 'tailwind-merge';
-import { mergeDeep } from '~/src/helpers/merge-deep';
-import { getTheme } from '~/src/theme-store';
-import type { DeepPartial } from '~/src/types';
+import { mergeDeep } from '../../helpers/merge-deep';
+import { getTheme } from '../../theme-store';
+import type { DeepPartial } from '../../types';
 import type { FlowbiteBoolean } from '../Flowbite';
 import type { FlowbiteNavbarBrandTheme } from './NavbarBrand';
 import { NavbarBrand } from './NavbarBrand';
diff --git a/src/components/Navbar/NavbarBrand.tsx b/src/components/Navbar/NavbarBrand.tsx
index 4c58bac09..05a6a752f 100644
--- a/src/components/Navbar/NavbarBrand.tsx
+++ b/src/components/Navbar/NavbarBrand.tsx
@@ -1,8 +1,8 @@
 import type { ComponentProps, ElementType, FC, PropsWithChildren } from 'react';
 import { twMerge } from 'tailwind-merge';
-import { mergeDeep } from '~/src/helpers/merge-deep';
-import { getTheme } from '~/src/theme-store';
-import type { DeepPartial } from '~/src/types';
+import { mergeDeep } from '../../helpers/merge-deep';
+import { getTheme } from '../../theme-store';
+import type { DeepPartial } from '../../types';
 
 export interface FlowbiteNavbarBrandTheme {
   base: string;
diff --git a/src/components/Navbar/NavbarCollapse.tsx b/src/components/Navbar/NavbarCollapse.tsx
index 89c0a2793..b3fafc5b3 100644
--- a/src/components/Navbar/NavbarCollapse.tsx
+++ b/src/components/Navbar/NavbarCollapse.tsx
@@ -2,9 +2,9 @@
 
 import type { ComponentProps, FC, PropsWithChildren } from 'react';
 import { twMerge } from 'tailwind-merge';
-import { mergeDeep } from '~/src/helpers/merge-deep';
-import { getTheme } from '~/src/theme-store';
-import type { DeepPartial } from '~/src/types';
+import { mergeDeep } from '../../helpers/merge-deep';
+import { getTheme } from '../../theme-store';
+import type { DeepPartial } from '../../types';
 import type { FlowbiteBoolean } from '../Flowbite';
 import { useNavbarContext } from './NavbarContext';
 
diff --git a/src/components/Navbar/NavbarLink.tsx b/src/components/Navbar/NavbarLink.tsx
index 953ed5078..e5678a0ff 100644
--- a/src/components/Navbar/NavbarLink.tsx
+++ b/src/components/Navbar/NavbarLink.tsx
@@ -1,8 +1,8 @@
 import type { ComponentProps, ElementType, FC, PropsWithChildren } from 'react';
 import { twMerge } from 'tailwind-merge';
-import { mergeDeep } from '~/src/helpers/merge-deep';
-import { getTheme } from '~/src/theme-store';
-import type { DeepPartial } from '~/src/types';
+import { mergeDeep } from '../../helpers/merge-deep';
+import { getTheme } from '../../theme-store';
+import type { DeepPartial } from '../../types';
 import type { FlowbiteBoolean } from '../Flowbite';
 
 export interface FlowbiteNavbarLinkTheme {
diff --git a/src/components/Navbar/NavbarToggle.tsx b/src/components/Navbar/NavbarToggle.tsx
index 418a5eae1..847c2dda6 100644
--- a/src/components/Navbar/NavbarToggle.tsx
+++ b/src/components/Navbar/NavbarToggle.tsx
@@ -3,9 +3,9 @@
 import type { ComponentProps, FC } from 'react';
 import { FaBars } from 'react-icons/fa';
 import { twMerge } from 'tailwind-merge';
-import { mergeDeep } from '~/src/helpers/merge-deep';
-import { getTheme } from '~/src/theme-store';
-import type { DeepPartial } from '~/src/types';
+import { mergeDeep } from '../../helpers/merge-deep';
+import { getTheme } from '../../theme-store';
+import type { DeepPartial } from '../../types';
 import { useNavbarContext } from './NavbarContext';
 
 export interface FlowbiteNavbarToggleTheme {
diff --git a/src/components/Pagination/Pagination.tsx b/src/components/Pagination/Pagination.tsx
index 0e2115e29..402100533 100644
--- a/src/components/Pagination/Pagination.tsx
+++ b/src/components/Pagination/Pagination.tsx
@@ -1,9 +1,9 @@
 import type { ComponentProps, FC, PropsWithChildren, ReactNode } from 'react';
 import { HiChevronLeft, HiChevronRight } from 'react-icons/hi';
 import { twMerge } from 'tailwind-merge';
-import { mergeDeep } from '~/src/helpers/merge-deep';
-import { getTheme } from '~/src/theme-store';
-import type { DeepPartial } from '~/src/types';
+import { mergeDeep } from '../../helpers/merge-deep';
+import { getTheme } from '../../theme-store';
+import type { DeepPartial } from '../../types';
 import type { FlowbitePaginationButtonTheme, PaginationButtonProps } from './PaginationButton';
 import { PaginationButton, PaginationNavigation } from './PaginationButton';
 import { range } from './helpers';
diff --git a/src/components/Pagination/PaginationButton.tsx b/src/components/Pagination/PaginationButton.tsx
index 5fb5a1253..6616233d8 100644
--- a/src/components/Pagination/PaginationButton.tsx
+++ b/src/components/Pagination/PaginationButton.tsx
@@ -1,8 +1,8 @@
 import type { ComponentProps, FC, ReactEventHandler, ReactNode } from 'react';
 import { twMerge } from 'tailwind-merge';
-import { mergeDeep } from '~/src/helpers/merge-deep';
-import { getTheme } from '~/src/theme-store';
-import type { DeepPartial } from '~/src/types';
+import { mergeDeep } from '../../helpers/merge-deep';
+import { getTheme } from '../../theme-store';
+import type { DeepPartial } from '../../types';
 
 export interface FlowbitePaginationButtonTheme {
   base: string;
diff --git a/src/components/Progress/Progress.tsx b/src/components/Progress/Progress.tsx
index 2274b4e83..03145921a 100644
--- a/src/components/Progress/Progress.tsx
+++ b/src/components/Progress/Progress.tsx
@@ -1,9 +1,9 @@
 import type { ComponentProps, FC, PropsWithChildren } from 'react';
 import { useId } from 'react';
 import { twMerge } from 'tailwind-merge';
-import { mergeDeep } from '~/src/helpers/merge-deep';
-import { getTheme } from '~/src/theme-store';
-import type { DeepPartial } from '~/src/types';
+import { mergeDeep } from '../../helpers/merge-deep';
+import { getTheme } from '../../theme-store';
+import type { DeepPartial } from '../../types';
 import type { FlowbiteColors, FlowbiteSizes } from '../Flowbite';
 
 export interface FlowbiteProgressTheme {
diff --git a/src/components/Radio/Radio.tsx b/src/components/Radio/Radio.tsx
index 1460ebfce..f969d6f32 100644
--- a/src/components/Radio/Radio.tsx
+++ b/src/components/Radio/Radio.tsx
@@ -1,9 +1,9 @@
 import type { ComponentProps } from 'react';
 import { forwardRef } from 'react';
 import { twMerge } from 'tailwind-merge';
-import { mergeDeep } from '~/src/helpers/merge-deep';
-import { getTheme } from '~/src/theme-store';
-import type { DeepPartial } from '~/src/types';
+import { mergeDeep } from '../../helpers/merge-deep';
+import { getTheme } from '../../theme-store';
+import type { DeepPartial } from '../../types';
 
 export interface FlowbiteRadioTheme {
   root: FlowbiteRadioRootTheme;
diff --git a/src/components/RangeSlider/RangeSlider.stories.tsx b/src/components/RangeSlider/RangeSlider.stories.tsx
index 54bb1549b..bb61f73b3 100644
--- a/src/components/RangeSlider/RangeSlider.stories.tsx
+++ b/src/components/RangeSlider/RangeSlider.stories.tsx
@@ -1,5 +1,5 @@
 import type { Meta, StoryFn } from '@storybook/react';
-import { theme } from '~/src/theme';
+import { theme } from '../../theme';
 import type { RangeSliderProps } from './RangeSlider';
 import { RangeSlider } from './RangeSlider';
 
diff --git a/src/components/RangeSlider/RangeSlider.tsx b/src/components/RangeSlider/RangeSlider.tsx
index 854e58a60..c75d21a31 100644
--- a/src/components/RangeSlider/RangeSlider.tsx
+++ b/src/components/RangeSlider/RangeSlider.tsx
@@ -1,9 +1,9 @@
 import type { ComponentProps } from 'react';
 import { forwardRef } from 'react';
 import { twMerge } from 'tailwind-merge';
-import { mergeDeep } from '~/src/helpers/merge-deep';
-import { getTheme } from '~/src/theme-store';
-import type { DeepPartial } from '~/src/types';
+import { mergeDeep } from '../../helpers/merge-deep';
+import { getTheme } from '../../theme-store';
+import type { DeepPartial } from '../../types';
 import type { FlowbiteTextInputSizes } from '../TextInput';
 
 export interface FlowbiteRangeSliderTheme {
diff --git a/src/components/Rating/Rating.tsx b/src/components/Rating/Rating.tsx
index 14c987784..977ff73e4 100644
--- a/src/components/Rating/Rating.tsx
+++ b/src/components/Rating/Rating.tsx
@@ -2,9 +2,9 @@
 
 import type { ComponentProps, FC, PropsWithChildren } from 'react';
 import { twMerge } from 'tailwind-merge';
-import { mergeDeep } from '~/src/helpers/merge-deep';
-import { getTheme } from '~/src/theme-store';
-import type { DeepPartial } from '~/src/types';
+import { mergeDeep } from '../../helpers/merge-deep';
+import { getTheme } from '../../theme-store';
+import type { DeepPartial } from '../../types';
 import type { FlowbiteRatingAdvancedTheme } from './RatingAdvanced';
 import { RatingAdvanced } from './RatingAdvanced';
 import { RatingContext } from './RatingContext';
diff --git a/src/components/Rating/RatingAdvanced.tsx b/src/components/Rating/RatingAdvanced.tsx
index cc4ad464f..1ab71b64c 100644
--- a/src/components/Rating/RatingAdvanced.tsx
+++ b/src/components/Rating/RatingAdvanced.tsx
@@ -1,8 +1,8 @@
 import type { ComponentProps, FC, PropsWithChildren } from 'react';
 import { twMerge } from 'tailwind-merge';
-import { mergeDeep } from '~/src/helpers/merge-deep';
-import { getTheme } from '~/src/theme-store';
-import type { DeepPartial } from '~/src/types';
+import { mergeDeep } from '../../helpers/merge-deep';
+import { getTheme } from '../../theme-store';
+import type { DeepPartial } from '../../types';
 
 export interface FlowbiteRatingAdvancedTheme {
   base: string;
diff --git a/src/components/Rating/RatingStar.tsx b/src/components/Rating/RatingStar.tsx
index cf2028307..025831eff 100644
--- a/src/components/Rating/RatingStar.tsx
+++ b/src/components/Rating/RatingStar.tsx
@@ -3,9 +3,9 @@
 import type { ComponentProps, FC } from 'react';
 import { HiStar } from 'react-icons/hi';
 import { twMerge } from 'tailwind-merge';
-import { mergeDeep } from '~/src/helpers/merge-deep';
-import { getTheme } from '~/src/theme-store';
-import type { DeepPartial } from '~/src/types';
+import { mergeDeep } from '../../helpers/merge-deep';
+import { getTheme } from '../../theme-store';
+import type { DeepPartial } from '../../types';
 import type { FlowbiteSizes } from '../Flowbite';
 import { useRatingContext } from './RatingContext';
 
diff --git a/src/components/Select/Select.tsx b/src/components/Select/Select.tsx
index b9a1b8780..ab25fbe35 100644
--- a/src/components/Select/Select.tsx
+++ b/src/components/Select/Select.tsx
@@ -1,9 +1,9 @@
 import type { ComponentProps, FC, PropsWithChildren, ReactNode } from 'react';
 import { forwardRef } from 'react';
 import { twMerge } from 'tailwind-merge';
-import { mergeDeep } from '~/src/helpers/merge-deep';
-import { getTheme } from '~/src/theme-store';
-import type { DeepPartial } from '~/src/types';
+import { mergeDeep } from '../../helpers/merge-deep';
+import { getTheme } from '../../theme-store';
+import type { DeepPartial } from '../../types';
 import type { FlowbiteBoolean, FlowbiteColors, FlowbiteSizes } from '../Flowbite';
 import { HelperText } from '../HelperText';
 
diff --git a/src/components/Sidebar/Sidebar.tsx b/src/components/Sidebar/Sidebar.tsx
index 601383bb2..0207fc2f2 100644
--- a/src/components/Sidebar/Sidebar.tsx
+++ b/src/components/Sidebar/Sidebar.tsx
@@ -1,8 +1,8 @@
 import type { ComponentProps, ElementType, FC, PropsWithChildren } from 'react';
 import { twMerge } from 'tailwind-merge';
-import { mergeDeep } from '~/src/helpers/merge-deep';
-import { getTheme } from '~/src/theme-store';
-import type { DeepPartial } from '~/src/types';
+import { mergeDeep } from '../../helpers/merge-deep';
+import { getTheme } from '../../theme-store';
+import type { DeepPartial } from '../../types';
 import type { FlowbiteBoolean } from '../Flowbite';
 import type { FlowbiteSidebarCTATheme } from './SidebarCTA';
 import { SidebarCTA } from './SidebarCTA';
diff --git a/src/components/Sidebar/SidebarCTA.tsx b/src/components/Sidebar/SidebarCTA.tsx
index 9c1285347..84c282b12 100644
--- a/src/components/Sidebar/SidebarCTA.tsx
+++ b/src/components/Sidebar/SidebarCTA.tsx
@@ -2,9 +2,9 @@
 
 import type { ComponentProps, FC, PropsWithChildren } from 'react';
 import { twMerge } from 'tailwind-merge';
-import { mergeDeep } from '~/src/helpers/merge-deep';
-import { getTheme } from '~/src/theme-store';
-import type { DeepPartial } from '~/src/types';
+import { mergeDeep } from '../../helpers/merge-deep';
+import { getTheme } from '../../theme-store';
+import type { DeepPartial } from '../../types';
 import type { FlowbiteColors } from '../Flowbite';
 import { useSidebarContext } from './SidebarContext';
 
diff --git a/src/components/Sidebar/SidebarCollapse.tsx b/src/components/Sidebar/SidebarCollapse.tsx
index e46dd1d50..a362db1cf 100644
--- a/src/components/Sidebar/SidebarCollapse.tsx
+++ b/src/components/Sidebar/SidebarCollapse.tsx
@@ -4,9 +4,9 @@ import type { ComponentProps, FC, PropsWithChildren, ReactElement } from 'react'
 import { useEffect, useId, useState } from 'react';
 import { HiChevronDown } from 'react-icons/hi';
 import { twMerge } from 'tailwind-merge';
-import { mergeDeep } from '~/src/helpers/merge-deep';
-import { getTheme } from '~/src/theme-store';
-import type { DeepPartial } from '~/src/types';
+import { mergeDeep } from '../../helpers/merge-deep';
+import { getTheme } from '../../theme-store';
+import type { DeepPartial } from '../../types';
 import type { FlowbiteBoolean } from '../Flowbite';
 import { Tooltip } from '../Tooltip';
 import { useSidebarContext } from './SidebarContext';
diff --git a/src/components/Sidebar/SidebarItem.tsx b/src/components/Sidebar/SidebarItem.tsx
index c70f0d1cd..4c565a0c7 100644
--- a/src/components/Sidebar/SidebarItem.tsx
+++ b/src/components/Sidebar/SidebarItem.tsx
@@ -3,9 +3,9 @@
 import type { ComponentProps, ElementType, FC, PropsWithChildren, ReactNode } from 'react';
 import { forwardRef, useId } from 'react';
 import { twMerge } from 'tailwind-merge';
-import { mergeDeep } from '~/src/helpers/merge-deep';
-import { getTheme } from '~/src/theme-store';
-import type { DeepPartial } from '~/src/types';
+import { mergeDeep } from '../../helpers/merge-deep';
+import { getTheme } from '../../theme-store';
+import type { DeepPartial } from '../../types';
 import { Badge } from '../Badge';
 import type { FlowbiteColors } from '../Flowbite';
 import { Tooltip } from '../Tooltip';
diff --git a/src/components/Sidebar/SidebarItemGroup.tsx b/src/components/Sidebar/SidebarItemGroup.tsx
index 1b9fe4e5f..d0623a8cc 100644
--- a/src/components/Sidebar/SidebarItemGroup.tsx
+++ b/src/components/Sidebar/SidebarItemGroup.tsx
@@ -1,6 +1,6 @@
 import type { ComponentProps, FC, PropsWithChildren } from 'react';
 import { twMerge } from 'tailwind-merge';
-import { getTheme } from '~/src/theme-store';
+import { getTheme } from '../../theme-store';
 import { SidebarItemContext } from './SidebarItemContext';
 
 export interface SidebarItemGroupProps extends PropsWithChildren, ComponentProps<'ul'> {}
diff --git a/src/components/Sidebar/SidebarItems.tsx b/src/components/Sidebar/SidebarItems.tsx
index 079403381..ce6025043 100644
--- a/src/components/Sidebar/SidebarItems.tsx
+++ b/src/components/Sidebar/SidebarItems.tsx
@@ -1,6 +1,6 @@
 import type { ComponentProps, FC, PropsWithChildren } from 'react';
 import { twMerge } from 'tailwind-merge';
-import { getTheme } from '~/src/theme-store';
+import { getTheme } from '../../theme-store';
 
 export interface SidebarItemsProps extends PropsWithChildren, ComponentProps<'div'> {}
 
diff --git a/src/components/Sidebar/SidebarLogo.tsx b/src/components/Sidebar/SidebarLogo.tsx
index f824a4f28..6294fffaa 100644
--- a/src/components/Sidebar/SidebarLogo.tsx
+++ b/src/components/Sidebar/SidebarLogo.tsx
@@ -3,9 +3,9 @@
 import type { ComponentProps, FC, PropsWithChildren } from 'react';
 import { useId } from 'react';
 import { twMerge } from 'tailwind-merge';
-import { mergeDeep } from '~/src/helpers/merge-deep';
-import { getTheme } from '~/src/theme-store';
-import type { DeepPartial } from '~/src/types';
+import { mergeDeep } from '../../helpers/merge-deep';
+import { getTheme } from '../../theme-store';
+import type { DeepPartial } from '../../types';
 import type { FlowbiteBoolean } from '../Flowbite';
 import { useSidebarContext } from './SidebarContext';
 
diff --git a/src/components/Spinner/Spinner.tsx b/src/components/Spinner/Spinner.tsx
index b94f2c404..09a196540 100644
--- a/src/components/Spinner/Spinner.tsx
+++ b/src/components/Spinner/Spinner.tsx
@@ -1,8 +1,8 @@
 import type { ComponentProps, FC } from 'react';
 import { twMerge } from 'tailwind-merge';
-import { mergeDeep } from '~/src/helpers/merge-deep';
-import { getTheme } from '~/src/theme-store';
-import type { DeepPartial } from '~/src/types';
+import { mergeDeep } from '../../helpers/merge-deep';
+import { getTheme } from '../../theme-store';
+import type { DeepPartial } from '../../types';
 import type { FlowbiteColors, FlowbiteSizes } from '../Flowbite';
 
 export interface FlowbiteSpinnerTheme {
diff --git a/src/components/Tab/Tabs.tsx b/src/components/Tab/Tabs.tsx
index 2c15985cc..216f0fd79 100644
--- a/src/components/Tab/Tabs.tsx
+++ b/src/components/Tab/Tabs.tsx
@@ -3,9 +3,9 @@
 import type { ComponentProps, ForwardedRef, KeyboardEvent, PropsWithChildren, ReactElement } from 'react';
 import { Children, forwardRef, useEffect, useId, useImperativeHandle, useMemo, useRef, useState } from 'react';
 import { twMerge } from 'tailwind-merge';
-import { mergeDeep } from '~/src/helpers/merge-deep';
-import { getTheme } from '~/src/theme-store';
-import type { DeepPartial } from '~/src/types';
+import { mergeDeep } from '../../helpers/merge-deep';
+import { getTheme } from '../../theme-store';
+import type { DeepPartial } from '../../types';
 import type { FlowbiteBoolean } from '../Flowbite';
 import type { TabItemProps } from './TabItem';
 import { TabItem } from './TabItem';
diff --git a/src/components/Table/Table.tsx b/src/components/Table/Table.tsx
index c48b1fe50..e3336605c 100644
--- a/src/components/Table/Table.tsx
+++ b/src/components/Table/Table.tsx
@@ -2,9 +2,9 @@
 
 import type { ComponentProps, FC, PropsWithChildren } from 'react';
 import { twMerge } from 'tailwind-merge';
-import { mergeDeep } from '~/src/helpers/merge-deep';
-import { getTheme } from '~/src/theme-store';
-import type { DeepPartial } from '~/src/types';
+import { mergeDeep } from '../../helpers/merge-deep';
+import { getTheme } from '../../theme-store';
+import type { DeepPartial } from '../../types';
 import type { FlowbiteTableBodyTheme } from './TableBody';
 import { TableBody } from './TableBody';
 import { TableCell } from './TableCell';
diff --git a/src/components/Table/TableBody.tsx b/src/components/Table/TableBody.tsx
index 3829b925f..e10554c3c 100644
--- a/src/components/Table/TableBody.tsx
+++ b/src/components/Table/TableBody.tsx
@@ -1,8 +1,8 @@
 import type { ComponentProps, FC, PropsWithChildren } from 'react';
 import { twMerge } from 'tailwind-merge';
-import { mergeDeep } from '~/src/helpers/merge-deep';
-import { getTheme } from '~/src/theme-store';
-import type { DeepPartial } from '~/src/types';
+import { mergeDeep } from '../../helpers/merge-deep';
+import { getTheme } from '../../theme-store';
+import type { DeepPartial } from '../../types';
 import type { FlowbiteTableCellTheme } from './TableCell';
 
 export interface FlowbiteTableBodyTheme {
diff --git a/src/components/Table/TableCell.tsx b/src/components/Table/TableCell.tsx
index fe0fa4602..8b2719fa3 100644
--- a/src/components/Table/TableCell.tsx
+++ b/src/components/Table/TableCell.tsx
@@ -1,8 +1,8 @@
 import type { ComponentProps, FC, PropsWithChildren } from 'react';
 import { twMerge } from 'tailwind-merge';
-import { mergeDeep } from '~/src/helpers/merge-deep';
-import { getTheme } from '~/src/theme-store';
-import type { DeepPartial } from '~/src/types';
+import { mergeDeep } from '../../helpers/merge-deep';
+import { getTheme } from '../../theme-store';
+import type { DeepPartial } from '../../types';
 
 export interface FlowbiteTableCellTheme {
   base: string;
diff --git a/src/components/Table/TableHead.tsx b/src/components/Table/TableHead.tsx
index cc234b208..80a1d7015 100644
--- a/src/components/Table/TableHead.tsx
+++ b/src/components/Table/TableHead.tsx
@@ -1,8 +1,8 @@
 import type { ComponentProps, FC, PropsWithChildren } from 'react';
 import { twMerge } from 'tailwind-merge';
-import { mergeDeep } from '~/src/helpers/merge-deep';
-import { getTheme } from '~/src/theme-store';
-import type { DeepPartial } from '~/src/types';
+import { mergeDeep } from '../../helpers/merge-deep';
+import { getTheme } from '../../theme-store';
+import type { DeepPartial } from '../../types';
 import type { FlowbiteTableHeadCellTheme } from './TableHeadCell';
 
 export interface FlowbiteTableHeadTheme {
diff --git a/src/components/Table/TableHeadCell.tsx b/src/components/Table/TableHeadCell.tsx
index 47e5ec7aa..090111a36 100644
--- a/src/components/Table/TableHeadCell.tsx
+++ b/src/components/Table/TableHeadCell.tsx
@@ -1,8 +1,8 @@
 import type { ComponentProps, FC, PropsWithChildren } from 'react';
 import { twMerge } from 'tailwind-merge';
-import { mergeDeep } from '~/src/helpers/merge-deep';
-import { getTheme } from '~/src/theme-store';
-import type { DeepPartial } from '~/src/types';
+import { mergeDeep } from '../../helpers/merge-deep';
+import { getTheme } from '../../theme-store';
+import type { DeepPartial } from '../../types';
 
 export interface FlowbiteTableHeadCellTheme {
   base: string;
diff --git a/src/components/Table/TableRow.tsx b/src/components/Table/TableRow.tsx
index 2b1ffc02d..2f7a8b46a 100644
--- a/src/components/Table/TableRow.tsx
+++ b/src/components/Table/TableRow.tsx
@@ -2,9 +2,9 @@
 
 import type { ComponentProps, FC, PropsWithChildren } from 'react';
 import { twMerge } from 'tailwind-merge';
-import { mergeDeep } from '~/src/helpers/merge-deep';
-import { getTheme } from '~/src/theme-store';
-import type { DeepPartial } from '~/src/types';
+import { mergeDeep } from '../../helpers/merge-deep';
+import { getTheme } from '../../theme-store';
+import type { DeepPartial } from '../../types';
 import { useTableContext } from './TableContext';
 
 export interface FlowbiteTableRowTheme {
diff --git a/src/components/TextInput/TextInput.tsx b/src/components/TextInput/TextInput.tsx
index ec167c3dc..1bad5bd5b 100644
--- a/src/components/TextInput/TextInput.tsx
+++ b/src/components/TextInput/TextInput.tsx
@@ -1,9 +1,9 @@
 import type { ComponentProps, FC, ReactNode } from 'react';
 import { forwardRef } from 'react';
 import { twMerge } from 'tailwind-merge';
-import { mergeDeep } from '~/src/helpers/merge-deep';
-import { getTheme } from '~/src/theme-store';
-import type { DeepPartial } from '~/src/types';
+import { mergeDeep } from '../../helpers/merge-deep';
+import { getTheme } from '../../theme-store';
+import type { DeepPartial } from '../../types';
 import type { FlowbiteBoolean, FlowbiteColors, FlowbiteSizes } from '../Flowbite';
 import { HelperText } from '../HelperText';
 
diff --git a/src/components/Textarea/Textarea.tsx b/src/components/Textarea/Textarea.tsx
index 9257a3dd8..606ab4e98 100644
--- a/src/components/Textarea/Textarea.tsx
+++ b/src/components/Textarea/Textarea.tsx
@@ -1,9 +1,9 @@
 import type { ComponentProps, ReactNode } from 'react';
 import { forwardRef } from 'react';
 import { twMerge } from 'tailwind-merge';
-import { mergeDeep } from '~/src/helpers/merge-deep';
-import { getTheme } from '~/src/theme-store';
-import type { DeepPartial } from '~/src/types';
+import { mergeDeep } from '../../helpers/merge-deep';
+import { getTheme } from '../../theme-store';
+import type { DeepPartial } from '../../types';
 import type { FlowbiteBoolean, FlowbiteColors } from '../Flowbite';
 import { HelperText } from '../HelperText';
 
diff --git a/src/components/Timeline/Timeline.tsx b/src/components/Timeline/Timeline.tsx
index f72072378..318b8ed1a 100644
--- a/src/components/Timeline/Timeline.tsx
+++ b/src/components/Timeline/Timeline.tsx
@@ -2,9 +2,9 @@
 
 import type { ComponentProps, FC, PropsWithChildren } from 'react';
 import { twMerge } from 'tailwind-merge';
-import { mergeDeep } from '~/src/helpers/merge-deep';
-import { getTheme } from '~/src/theme-store';
-import type { DeepPartial } from '~/src/types';
+import { mergeDeep } from '../../helpers/merge-deep';
+import { getTheme } from '../../theme-store';
+import type { DeepPartial } from '../../types';
 import { TimelineBody } from './TimelineBody';
 import { TimelineContent } from './TimelineContent';
 import { TimelineContext } from './TimelineContext';
diff --git a/src/components/Timeline/TimelineBody.tsx b/src/components/Timeline/TimelineBody.tsx
index 58101ceeb..29e259a6b 100644
--- a/src/components/Timeline/TimelineBody.tsx
+++ b/src/components/Timeline/TimelineBody.tsx
@@ -1,8 +1,8 @@
 import type { ComponentProps, FC, PropsWithChildren } from 'react';
 import { twMerge } from 'tailwind-merge';
-import { mergeDeep } from '~/src/helpers/merge-deep';
-import { getTheme } from '~/src/theme-store';
-import type { DeepPartial } from '~/src/types';
+import { mergeDeep } from '../../helpers/merge-deep';
+import { getTheme } from '../../theme-store';
+import type { DeepPartial } from '../../types';
 
 export interface FlowbiteTimelineBodyTheme {
   body: string;
diff --git a/src/components/Timeline/TimelineContent.tsx b/src/components/Timeline/TimelineContent.tsx
index 8e8da1da3..52e6bd4cf 100644
--- a/src/components/Timeline/TimelineContent.tsx
+++ b/src/components/Timeline/TimelineContent.tsx
@@ -2,9 +2,9 @@
 
 import type { ComponentProps, FC, PropsWithChildren } from 'react';
 import { twMerge } from 'tailwind-merge';
-import { mergeDeep } from '~/src/helpers/merge-deep';
-import { getTheme } from '~/src/theme-store';
-import type { DeepPartial } from '~/src/types';
+import { mergeDeep } from '../../helpers/merge-deep';
+import { getTheme } from '../../theme-store';
+import type { DeepPartial } from '../../types';
 import type { FlowbiteTimelineBodyTheme } from './TimelineBody';
 import { useTimelineContext } from './TimelineContext';
 import type { FlowbiteTimelineTimeTheme } from './TimelineTime';
diff --git a/src/components/Timeline/TimelineItem.tsx b/src/components/Timeline/TimelineItem.tsx
index bc99789a6..b9855e7a5 100644
--- a/src/components/Timeline/TimelineItem.tsx
+++ b/src/components/Timeline/TimelineItem.tsx
@@ -2,9 +2,9 @@
 
 import type { ComponentProps, FC, PropsWithChildren } from 'react';
 import { twMerge } from 'tailwind-merge';
-import { mergeDeep } from '~/src/helpers/merge-deep';
-import { getTheme } from '~/src/theme-store';
-import type { DeepPartial } from '~/src/types';
+import { mergeDeep } from '../../helpers/merge-deep';
+import { getTheme } from '../../theme-store';
+import type { DeepPartial } from '../../types';
 import type { FlowbiteTimelineContentTheme } from './TimelineContent';
 import { useTimelineContext } from './TimelineContext';
 import type { FlowbiteTimelinePointTheme } from './TimelinePoint';
diff --git a/src/components/Timeline/TimelinePoint.tsx b/src/components/Timeline/TimelinePoint.tsx
index d1388b705..88e7b4f51 100644
--- a/src/components/Timeline/TimelinePoint.tsx
+++ b/src/components/Timeline/TimelinePoint.tsx
@@ -2,9 +2,9 @@
 
 import type { ComponentProps, FC, PropsWithChildren } from 'react';
 import { twMerge } from 'tailwind-merge';
-import { mergeDeep } from '~/src/helpers/merge-deep';
-import { getTheme } from '~/src/theme-store';
-import type { DeepPartial } from '~/src/types';
+import { mergeDeep } from '../../helpers/merge-deep';
+import { getTheme } from '../../theme-store';
+import type { DeepPartial } from '../../types';
 import { useTimelineContext } from './TimelineContext';
 
 export interface FlowbiteTimelinePointTheme {
diff --git a/src/components/Timeline/TimelineTime.tsx b/src/components/Timeline/TimelineTime.tsx
index f1c41b762..bc94b14f0 100644
--- a/src/components/Timeline/TimelineTime.tsx
+++ b/src/components/Timeline/TimelineTime.tsx
@@ -1,8 +1,8 @@
 import type { ComponentProps, FC, PropsWithChildren } from 'react';
 import { twMerge } from 'tailwind-merge';
-import { mergeDeep } from '~/src/helpers/merge-deep';
-import { getTheme } from '~/src/theme-store';
-import type { DeepPartial } from '~/src/types';
+import { mergeDeep } from '../../helpers/merge-deep';
+import { getTheme } from '../../theme-store';
+import type { DeepPartial } from '../../types';
 
 export interface FlowbiteTimelineTimeTheme {
   time: string;
diff --git a/src/components/Timeline/TimelineTitle.tsx b/src/components/Timeline/TimelineTitle.tsx
index 9f27a9b63..fb9b9e876 100644
--- a/src/components/Timeline/TimelineTitle.tsx
+++ b/src/components/Timeline/TimelineTitle.tsx
@@ -1,8 +1,8 @@
 import type { ComponentProps, FC, PropsWithChildren } from 'react';
 import { twMerge } from 'tailwind-merge';
-import { mergeDeep } from '~/src/helpers/merge-deep';
-import { getTheme } from '~/src/theme-store';
-import type { DeepPartial } from '~/src/types';
+import { mergeDeep } from '../../helpers/merge-deep';
+import { getTheme } from '../../theme-store';
+import type { DeepPartial } from '../../types';
 import type { FlowbiteHeadingLevel } from '../Flowbite';
 
 export interface FlowbiteTimelineTitleTheme {
diff --git a/src/components/Toast/Toast.tsx b/src/components/Toast/Toast.tsx
index cacb1e5d9..88a72de1c 100644
--- a/src/components/Toast/Toast.tsx
+++ b/src/components/Toast/Toast.tsx
@@ -3,9 +3,9 @@
 import type { ComponentProps, FC, PropsWithChildren } from 'react';
 import { useState } from 'react';
 import { twMerge } from 'tailwind-merge';
-import { mergeDeep } from '~/src/helpers/merge-deep';
-import { getTheme } from '~/src/theme-store';
-import type { DeepPartial } from '~/src/types';
+import { mergeDeep } from '../../helpers/merge-deep';
+import { getTheme } from '../../theme-store';
+import type { DeepPartial } from '../../types';
 import type { Duration } from './ToastContext';
 import { ToastContext } from './ToastContext';
 import { ToastToggle } from './ToastToggle';
diff --git a/src/components/Toast/ToastToggle.tsx b/src/components/Toast/ToastToggle.tsx
index 7877e6c65..73595e5f3 100644
--- a/src/components/Toast/ToastToggle.tsx
+++ b/src/components/Toast/ToastToggle.tsx
@@ -3,9 +3,9 @@
 import type { ComponentProps, FC, MouseEvent } from 'react';
 import { HiX } from 'react-icons/hi';
 import { twMerge } from 'tailwind-merge';
-import { mergeDeep } from '~/src/helpers/merge-deep';
-import { getTheme } from '~/src/theme-store';
-import type { DeepPartial } from '~/src/types';
+import { mergeDeep } from '../../helpers/merge-deep';
+import { getTheme } from '../../theme-store';
+import type { DeepPartial } from '../../types';
 import { useToastContext } from './ToastContext';
 
 export interface FlowbiteToastToggleTheme {
diff --git a/src/components/ToggleSwitch/ToggleSwitch.stories.tsx b/src/components/ToggleSwitch/ToggleSwitch.stories.tsx
index 32158f671..e0b4c6245 100644
--- a/src/components/ToggleSwitch/ToggleSwitch.stories.tsx
+++ b/src/components/ToggleSwitch/ToggleSwitch.stories.tsx
@@ -1,6 +1,6 @@
 import type { Meta, StoryFn } from '@storybook/react';
 import { useState } from 'react';
-import { theme } from '~/src/theme';
+import { theme } from '../../theme';
 import type { ToggleSwitchProps } from './ToggleSwitch';
 import { ToggleSwitch } from './ToggleSwitch';
 
diff --git a/src/components/ToggleSwitch/ToggleSwitch.tsx b/src/components/ToggleSwitch/ToggleSwitch.tsx
index ad41afed2..b86cb24d8 100644
--- a/src/components/ToggleSwitch/ToggleSwitch.tsx
+++ b/src/components/ToggleSwitch/ToggleSwitch.tsx
@@ -1,9 +1,9 @@
 import type { ComponentProps, FC, KeyboardEvent } from 'react';
 import { useId } from 'react';
 import { twMerge } from 'tailwind-merge';
-import { mergeDeep } from '~/src/helpers/merge-deep';
-import { getTheme } from '~/src/theme-store';
-import type { DeepPartial } from '~/src/types';
+import { mergeDeep } from '../../helpers/merge-deep';
+import { getTheme } from '../../theme-store';
+import type { DeepPartial } from '../../types';
 import type { FlowbiteBoolean, FlowbiteColors } from '../Flowbite';
 import type { FlowbiteTextInputSizes } from '../TextInput';
 
diff --git a/src/components/Tooltip/Tooltip.tsx b/src/components/Tooltip/Tooltip.tsx
index 9aebac510..7a215c0dc 100644
--- a/src/components/Tooltip/Tooltip.tsx
+++ b/src/components/Tooltip/Tooltip.tsx
@@ -1,8 +1,8 @@
 import type { Placement } from '@floating-ui/core';
 import type { ComponentProps, FC, PropsWithChildren, ReactNode } from 'react';
-import { mergeDeep } from '~/src/helpers/merge-deep';
-import { getTheme } from '~/src/theme-store';
-import type { DeepPartial } from '~/src/types';
+import { mergeDeep } from '../../helpers/merge-deep';
+import { getTheme } from '../../theme-store';
+import type { DeepPartial } from '../../types';
 import { Floating, type FlowbiteFloatingTheme } from '../Floating';
 
 export type FlowbiteTooltipTheme = FlowbiteFloatingTheme;
diff --git a/src/theme-store/init/client.tsx b/src/theme-store/init/client.tsx
index 3354ea090..f0ae615c3 100644
--- a/src/theme-store/init/client.tsx
+++ b/src/theme-store/init/client.tsx
@@ -1,7 +1,7 @@
 'use client';
 
-import type { CustomFlowbiteTheme } from '~/src/components/Flowbite';
 import { setTheme } from '..';
+import type { CustomFlowbiteTheme } from '../../components/Flowbite';
 
 interface Props {
   theme?: CustomFlowbiteTheme;
diff --git a/src/theme-store/init/index.tsx b/src/theme-store/init/index.tsx
index 38fba6a39..7549c4251 100644
--- a/src/theme-store/init/index.tsx
+++ b/src/theme-store/init/index.tsx
@@ -1,5 +1,5 @@
-import type { CustomFlowbiteTheme } from '~/src/components/Flowbite';
-import type { ThemeMode } from '~/src/helpers/use-theme-mode';
+import type { CustomFlowbiteTheme } from '../../components/Flowbite';
+import type { ThemeMode } from '../../helpers/use-theme-mode';
 import { ThemeClientInit } from './client';
 import { ThemeModeInit } from './mode';
 import { ThemeServerInit } from './server';
diff --git a/src/theme-store/init/mode.tsx b/src/theme-store/init/mode.tsx
index 3fb0a37c9..cde7ed7a1 100644
--- a/src/theme-store/init/mode.tsx
+++ b/src/theme-store/init/mode.tsx
@@ -1,7 +1,7 @@
 'use client';
 
-import { useThemeMode, type ThemeMode } from '~/src/helpers/use-theme-mode';
 import { setThemeMode } from '..';
+import { useThemeMode, type ThemeMode } from '../../helpers/use-theme-mode';
 
 interface Props {
   mode?: ThemeMode;
diff --git a/src/theme-store/init/server.tsx b/src/theme-store/init/server.tsx
index b9fc6ab73..15b15acfd 100644
--- a/src/theme-store/init/server.tsx
+++ b/src/theme-store/init/server.tsx
@@ -1,5 +1,5 @@
-import type { CustomFlowbiteTheme } from '~/src/components/Flowbite';
 import { setTheme } from '..';
+import type { CustomFlowbiteTheme } from '../../components/Flowbite';
 
 interface Props {
   theme?: CustomFlowbiteTheme;