@helpwave/hightide-native 0.0.5 → 0.0.6

package/package.json

@@ -10,7 +10,7 @@
     "access": "public"
   },
   "license": "AGPL-3.0-only",
-  "version": "0.0.5",
+  "version": "0.0.6",
   "type": "module",
   "files": [
     "src"
@@ -43,8 +43,8 @@
   },
   "dependencies": {
     "lucide-react-native": "0.561.0",
-    "@helpwave/hightide-design": "0.0.3",
-    "@helpwave/hightide-utils": "0.0.3"
+    "@helpwave/hightide-design": "0.0.4",
+    "@helpwave/hightide-utils": "0.0.4"
   },
   "peerDependencies": {
     "@react-native-async-storage/async-storage": ">=2.0.0",
@@ -61,6 +61,7 @@
     "@types/react": "19.2.3",
     "@types/react-dom": "19.2.3",
     "eslint": "9.31.0",
+    "eslint-plugin-import": "2.32.0",
     "eslint-plugin-storybook": "10.4.5",
     "react": "19.2.3",
     "react-dom": "19.2.3",

package/src/components/chat/ChatAttachmentCard.tsx

@@ -14,16 +14,16 @@ import {
   FileText
 } from 'lucide-react-native'
 
-import { IconButton } from '@/src/components/user-interaction/IconButton'
-import { useTheme } from '@/src/global-contexts/theme/ThemeContext'
+import { IconButton } from '../user-interaction/IconButton'
+import { useTheme } from '../../global-contexts/theme/ThemeContext'
 import type {
   ChatAttachmentCardMetadataStyle,
   ChatAttachmentCardNameStyle,
   ChatAttachmentCardState,
   ChatAttachmentCardStyle,
   ChatMessageDirection
-} from '@/src/theme/types/components/chat'
-import type { StyleOverwrite } from '@/src/theme/types/resolver'
+} from '../../theme/types/components/chat'
+import type { StyleOverwrite } from '../../theme/types/resolver'
 
 export type ChatAttachmentCardProps = Omit<ViewProps, 'style'> & {
   name: ReactNode,

package/src/components/chat/ChatConversationList.tsx

@@ -10,13 +10,13 @@ import {
   type ViewStyle
 } from 'react-native'
 
-import { useTheme } from '@/src/global-contexts/theme/ThemeContext'
+import { useTheme } from '../../global-contexts/theme/ThemeContext'
 import type {
   ChatConversationListFooterStyle,
   ChatConversationListHeaderStyle,
   ChatConversationListStyle
-} from '@/src/theme/types/components/chat'
-import type { StyleOverwrite } from '@/src/theme/types/resolver'
+} from '../../theme/types/components/chat'
+import type { StyleOverwrite } from '../../theme/types/resolver'
 
 export type ChatConversationListProps = Omit<ViewProps, 'children' | 'style'> & {
   header?: ReactNode,

package/src/components/chat/ChatConversationRow.tsx

@@ -16,15 +16,15 @@ import {
   CheckCheck
 } from 'lucide-react-native'
 
-import { useTheme } from '@/src/global-contexts/theme/ThemeContext'
+import { useTheme } from '../../global-contexts/theme/ThemeContext'
 import type {
   ChatConversationRowPreviewStyle,
   ChatConversationRowState,
   ChatConversationRowStyle,
   ChatConversationRowTimestampStyle,
   ChatConversationRowTitleStyle
-} from '@/src/theme/types/components/chat'
-import type { StyleOverwrite } from '@/src/theme/types/resolver'
+} from '../../theme/types/components/chat'
+import type { StyleOverwrite } from '../../theme/types/resolver'
 
 export type ChatConversationSentIndicator = 'sent' | 'sentAndReceived'
 

package/src/components/chat/ChatDateDivider.tsx

@@ -10,12 +10,12 @@ import {
   type ViewStyle
 } from 'react-native'
 
-import { useTheme } from '@/src/global-contexts/theme/ThemeContext'
+import { useTheme } from '../../global-contexts/theme/ThemeContext'
 import type {
   ChatDateDividerStyle,
   ChatDateDividerTextStyle
-} from '@/src/theme/types/components/chat'
-import type { StyleOverwrite } from '@/src/theme/types/resolver'
+} from '../../theme/types/components/chat'
+import type { StyleOverwrite } from '../../theme/types/resolver'
 
 export type ChatDateDividerProps = Omit<ViewProps, 'children' | 'style'> & {
   children?: ReactNode,

package/src/components/chat/ChatMessageBubble.tsx

@@ -11,7 +11,7 @@ import {
 } from 'react-native'
 import { CheckCheck } from 'lucide-react-native'
 
-import { useTheme } from '@/src/global-contexts/theme/ThemeContext'
+import { useTheme } from '../../global-contexts/theme/ThemeContext'
 import type {
   ChatMessageBubbleContainerStyle,
   ChatMessageBubbleContentStyle,
@@ -19,8 +19,8 @@ import type {
   ChatMessageBubbleStyle,
   ChatMessageBubbleTimestampStyle,
   ChatMessageDirection
-} from '@/src/theme/types/components/chat'
-import type { StyleOverwrite } from '@/src/theme/types/resolver'
+} from '../../theme/types/components/chat'
+import type { StyleOverwrite } from '../../theme/types/resolver'
 
 export type { ChatMessageDirection }
 

package/src/components/chat/ChatMessageCard.tsx

@@ -12,15 +12,15 @@ import {
 
 import type { ColoringType } from '@helpwave/hightide-design/helpers'
 
-import { useTheme } from '@/src/global-contexts/theme/ThemeContext'
+import { useTheme } from '../../global-contexts/theme/ThemeContext'
 import type {
   ChatMessageCardState,
   ChatMessageCardStyle,
   ChatMessageCardSubtitleStyle,
   ChatMessageCardTitleStyle,
   ChatMessageDirection
-} from '@/src/theme/types/components/chat'
-import type { StyleOverwrite } from '@/src/theme/types/resolver'
+} from '../../theme/types/components/chat'
+import type { StyleOverwrite } from '../../theme/types/resolver'
 
 export type ChatMessageCardProps = Omit<ViewProps, 'children' | 'style'> & {
   icon?: ReactNode,

package/src/components/chat/ChatMessageComposer.tsx

@@ -13,13 +13,13 @@ import { SendHorizontal } from 'lucide-react-native'
 
 import { useControlledState } from '@helpwave/hightide-utils/hooks'
 
-import { IconButton } from '@/src/components/user-interaction/IconButton'
-import { useTheme } from '@/src/global-contexts/theme/ThemeContext'
+import { IconButton } from '../user-interaction/IconButton'
+import { useTheme } from '../../global-contexts/theme/ThemeContext'
 import type {
   ChatMessageComposerInputStyle,
   ChatMessageComposerStyle
-} from '@/src/theme/types/components/chat'
-import type { StyleOverwrite } from '@/src/theme/types/resolver'
+} from '../../theme/types/components/chat'
+import type { StyleOverwrite } from '../../theme/types/resolver'
 
 export type ChatMessageComposerProps = Omit<ViewProps, 'style'> & {
   value?: string,

package/src/components/chat/ChatMessageList.tsx

@@ -12,9 +12,9 @@ import {
   type ViewStyle
 } from 'react-native'
 
-import { useTheme } from '@/src/global-contexts/theme/ThemeContext'
-import type { ChatMessageListStyle } from '@/src/theme/types/components/chat'
-import type { StyleOverwrite } from '@/src/theme/types/resolver'
+import { useTheme } from '../../global-contexts/theme/ThemeContext'
+import type { ChatMessageListStyle } from '../../theme/types/components/chat'
+import type { StyleOverwrite } from '../../theme/types/resolver'
 
 export type ChatMessageListProps = {
   autoScroll?: boolean,

package/src/components/chat/ChatQuickReplyChip.tsx

@@ -7,13 +7,13 @@ import {
   type ViewStyle
 } from 'react-native'
 
-import { useTheme } from '@/src/global-contexts/theme/ThemeContext'
+import { useTheme } from '../../global-contexts/theme/ThemeContext'
 import type {
   ChatQuickReplyChipState,
   ChatQuickReplyChipStyle,
   ChatQuickReplyChipTextStyle
-} from '@/src/theme/types/components/chat'
-import type { StyleOverwrite } from '@/src/theme/types/resolver'
+} from '../../theme/types/components/chat'
+import type { StyleOverwrite } from '../../theme/types/resolver'
 
 export type ChatQuickReplyChipProps = Omit<PressableProps, 'children' | 'style'> & {
   isActive?: boolean,

package/src/components/chat/ChatSystemLine.tsx

@@ -13,13 +13,13 @@ import { CheckCheck } from 'lucide-react-native'
 
 import type { ColoringType } from '@helpwave/hightide-design/helpers'
 
-import { useTheme } from '@/src/global-contexts/theme/ThemeContext'
+import { useTheme } from '../../global-contexts/theme/ThemeContext'
 import type {
   ChatSystemLineState,
   ChatSystemLineStyle,
   ChatSystemLineTextStyle
-} from '@/src/theme/types/components/chat'
-import type { StyleOverwrite } from '@/src/theme/types/resolver'
+} from '../../theme/types/components/chat'
+import type { StyleOverwrite } from '../../theme/types/resolver'
 
 export type ChatSystemLineProps = Omit<ViewProps, 'children' | 'style'> & {
   icon?: ReactNode,

package/src/components/chat/ChatThreadHeader.tsx

@@ -10,13 +10,13 @@ import {
   type ViewStyle
 } from 'react-native'
 
-import { useTheme } from '@/src/global-contexts/theme/ThemeContext'
+import { useTheme } from '../../global-contexts/theme/ThemeContext'
 import type {
   ChatThreadHeaderStyle,
   ChatThreadHeaderSubtitleStyle,
   ChatThreadHeaderTitleStyle
-} from '@/src/theme/types/components/chat'
-import type { StyleOverwrite } from '@/src/theme/types/resolver'
+} from '../../theme/types/components/chat'
+import type { StyleOverwrite } from '../../theme/types/resolver'
 
 export type ChatThreadHeaderProps = Omit<ViewProps, 'style'> & {
   avatar?: ReactNode,

package/src/components/menu/Menu.tsx

@@ -10,13 +10,13 @@ import {
   type ViewStyle
 } from 'react-native'
 
-import { useTheme } from '@/src/global-contexts/theme/ThemeContext'
+import { useTheme } from '../../global-contexts/theme/ThemeContext'
 import type {
   MenuCardStyle,
   MenuSectionStyle,
   MenuSectionTitleStyle
-} from '@/src/theme/types/components/menu'
-import type { StyleOverwrite } from '@/src/theme/types/resolver'
+} from '../../theme/types/components/menu'
+import type { StyleOverwrite } from '../../theme/types/resolver'
 
 export type MenuProps = Omit<ViewProps, 'children' | 'style'> & {
   title: string,

package/src/components/menu/MenuActionItem.tsx

@@ -12,13 +12,13 @@ import {
   type ViewStyle
 } from 'react-native'
 
-import { useTheme } from '@/src/global-contexts/theme/ThemeContext'
+import { useTheme } from '../../global-contexts/theme/ThemeContext'
 import type {
   MenuActionItemLabelStyle,
   MenuActionItemState,
   MenuActionItemStyle
-} from '@/src/theme/types/components/menu'
-import type { StyleOverwrite } from '@/src/theme/types/resolver'
+} from '../../theme/types/components/menu'
+import type { StyleOverwrite } from '../../theme/types/resolver'
 
 export type MenuActionItemProps = Omit<PressableProps, 'children' | 'style'> & {
   label: string,

package/src/components/menu/MenuItem.tsx

@@ -10,13 +10,13 @@ import {
   type ViewStyle
 } from 'react-native'
 
-import { useTheme } from '@/src/global-contexts/theme/ThemeContext'
+import { useTheme } from '../../global-contexts/theme/ThemeContext'
 import type {
   MenuItemLabelStyle,
   MenuItemStyle,
   MenuItemValueStyle
-} from '@/src/theme/types/components/menu'
-import type { StyleOverwrite } from '@/src/theme/types/resolver'
+} from '../../theme/types/components/menu'
+import type { StyleOverwrite } from '../../theme/types/resolver'
 
 export type MenuItemProps = Omit<ViewProps, 'style'> & {
   label: string,

package/src/components/menu/MenuNavigationItem.tsx

@@ -13,13 +13,13 @@ import {
 } from 'react-native'
 import { ChevronRight } from 'lucide-react-native'
 
-import { useTheme } from '@/src/global-contexts/theme/ThemeContext'
+import { useTheme } from '../../global-contexts/theme/ThemeContext'
 import type {
   MenuActionItemLabelStyle,
   MenuActionItemState,
   MenuActionItemStyle
-} from '@/src/theme/types/components/menu'
-import type { StyleOverwrite } from '@/src/theme/types/resolver'
+} from '../../theme/types/components/menu'
+import type { StyleOverwrite } from '../../theme/types/resolver'
 
 export type MenuNavigationItemProps = Omit<PressableProps, 'children' | 'style'> & {
   label: string,

package/src/components/user-interaction/Button.tsx

@@ -19,13 +19,13 @@ import type {
   ElementSize
 } from '@helpwave/hightide-design/types'
 
-import { useTheme } from '@/src/global-contexts/theme/ThemeContext'
+import { useTheme } from '../../global-contexts/theme/ThemeContext'
 import type {
   ButtonState,
   ButtonStyle,
   ButtonTextStyle
-} from '@/src/theme/types/components/button'
-import type { StyleOverwrite } from '@/src/theme/types/resolver'
+} from '../../theme/types/components/button'
+import type { StyleOverwrite } from '../../theme/types/resolver'
 
 export type ButtonSize = ElementSize
 

package/src/components/user-interaction/Checkbox.tsx

@@ -18,18 +18,18 @@ import {
   useEventCallbackStabilizer
 } from '@helpwave/hightide-utils/hooks'
 
-import { Icon } from '@/src/components/visualization-and-display/Icon'
-import { useTheme } from '@/src/global-contexts/theme/ThemeContext'
+import { Icon } from '../visualization-and-display/Icon'
+import { useTheme } from '../../global-contexts/theme/ThemeContext'
 import type {
   CheckboxSize,
   CheckboxState,
   CheckboxStyle
-} from '@/src/theme/types/components/checkbox'
-import type { StyleOverwrite } from '@/src/theme/types/resolver'
+} from '../../theme/types/components/checkbox'
+import type { StyleOverwrite } from '../../theme/types/resolver'
 import type {
   FormFieldDataHandling,
   FormFieldInteractionStates
-} from '@/src/types/formField'
+} from '../../types/formField'
 
 export type { CheckboxSize }
 

package/src/components/user-interaction/IconButton.tsx

@@ -16,13 +16,13 @@ import type {
   ElementSize
 } from '@helpwave/hightide-design/types'
 
-import { Icon } from '@/src/components/visualization-and-display/Icon'
-import { useTheme } from '@/src/global-contexts/theme/ThemeContext'
+import { Icon } from '../visualization-and-display/Icon'
+import { useTheme } from '../../global-contexts/theme/ThemeContext'
 import type {
   IconButtonState,
   IconButtonStyle
-} from '@/src/theme/types/components/iconButton'
-import type { StyleOverwrite } from '@/src/theme/types/resolver'
+} from '../../theme/types/components/iconButton'
+import type { StyleOverwrite } from '../../theme/types/resolver'
 
 export type IconButtonSize = ElementSize
 

package/src/components/user-interaction/Input.tsx

@@ -15,16 +15,16 @@ import {
   type UseDelayOptionsResolved
 } from '@helpwave/hightide-utils/hooks'
 
-import { useTheme } from '@/src/global-contexts/theme/ThemeContext'
+import { useTheme } from '../../global-contexts/theme/ThemeContext'
 import type {
   InputState,
   InputStyle
-} from '@/src/theme/types/components/input'
-import type { StyleOverwrite } from '@/src/theme/types/resolver'
+} from '../../theme/types/components/input'
+import type { StyleOverwrite } from '../../theme/types/resolver'
 import type {
   FormFieldDataHandling,
   FormFieldInteractionStates
-} from '@/src/types/formField'
+} from '../../types/formField'
 
 export type EditCompleteOptionsResolved = {
   onBlur: boolean,

package/src/components/user-interaction/MultiSelect.tsx

@@ -11,18 +11,18 @@ import {
 } from 'react-native'
 import { Check } from 'lucide-react-native'
 
-import { Chip } from '@/src/components/visualization-and-display/Chip'
-import { Icon } from '@/src/components/visualization-and-display/Icon'
-import { useTheme } from '@/src/global-contexts/theme/ThemeContext'
+import { Chip } from '../visualization-and-display/Chip'
+import { Icon } from '../visualization-and-display/Icon'
+import { useTheme } from '../../global-contexts/theme/ThemeContext'
 import {
   useMultiSelect,
   type UseMultiSelectOption
-} from '@/src/hooks/useMultiSelect'
-import type { MultiSelectState } from '@/src/theme/types/components/multiSelect'
+} from '../../hooks/useMultiSelect'
+import type { MultiSelectState } from '../../theme/types/components/multiSelect'
 import type {
   FormFieldDataHandling,
   FormFieldInteractionStates
-} from '@/src/types/formField'
+} from '../../types/formField'
 
 export type MultiSelectOption = UseMultiSelectOption
 

package/src/components/user-interaction/Select.tsx

@@ -10,16 +10,16 @@ import {
   type ViewStyle
 } from 'react-native'
 
-import { useTheme } from '@/src/global-contexts/theme/ThemeContext'
+import { useTheme } from '../../global-contexts/theme/ThemeContext'
 import {
   useSelect,
   type UseSelectOption
-} from '@/src/hooks/useSelect'
-import type { SelectState } from '@/src/theme/types/components/select'
+} from '../../hooks/useSelect'
+import type { SelectState } from '../../theme/types/components/select'
 import type {
   FormFieldDataHandling,
   FormFieldInteractionStates
-} from '@/src/types/formField'
+} from '../../types/formField'
 
 export type SelectOption<T extends string = string> = UseSelectOption & {
   value?: T,

package/src/components/visualization-and-display/Chip.tsx

@@ -19,13 +19,13 @@ import type {
   ElementSize
 } from '@helpwave/hightide-design/types'
 
-import { useTheme } from '@/src/global-contexts/theme/ThemeContext'
+import { useTheme } from '../../global-contexts/theme/ThemeContext'
 import type {
   ChipState,
   ChipStyle,
   ChipTextStyle
-} from '@/src/theme/types/components/chip'
-import type { StyleOverwrite } from '@/src/theme/types/resolver'
+} from '../../theme/types/components/chip'
+import type { StyleOverwrite } from '../../theme/types/resolver'
 
 export type ChipSize = ElementSize
 

package/src/components/visualization-and-display/Icon.tsx

@@ -2,7 +2,7 @@ import type { LucideIcon } from 'lucide-react-native'
 
 import type { ElementSize } from '@helpwave/hightide-design/types'
 
-import { useTheme } from '@/src/global-contexts/theme/ThemeContext'
+import { useTheme } from '../../global-contexts/theme/ThemeContext'
 
 export type IconProps = {
   icon: LucideIcon,

package/src/global-contexts/HightideProvider.tsx

@@ -7,20 +7,20 @@ import { useLocalization } from '@helpwave/hightide-utils/context/localization'
 import { hightideTranslation } from '@helpwave/hightide-utils/i18n'
 import { ArrayUtil } from '@helpwave/hightide-utils/utils'
 
-import { HightideContext } from '@/src/global-contexts/HightideContext'
+import { HightideContext } from './HightideContext'
 import {
   LocalizationProvider,
   type LocalizationProviderProps
-} from '@/src/global-contexts/localization/LocalizationProvider'
-import { useTheme } from '@/src/global-contexts/theme/ThemeContext'
+} from './localization/LocalizationProvider'
+import { useTheme } from './theme/ThemeContext'
 import {
   ThemeProvider,
   type ThemeProviderProps
-} from '@/src/global-contexts/theme/ThemeProvider'
+} from './theme/ThemeProvider'
 import {
   TranslationProvider,
   type TranslationProviderProps
-} from '@/src/global-contexts/translation/forward-exports'
+} from './translation/forward-exports'
 
 export type HightideProviderProps = PropsWithChildren & {
   theme?: Omit<ThemeProviderProps, 'children'>,

package/src/global-contexts/hightide-config/HightideConfigUtils.ts

@@ -1,8 +1,8 @@
 import type { SupportedThemesConfig } from '@helpwave/hightide-utils/context'
 
-import type { SupportedLocalesConfig } from '@/src/global-contexts/localization/forward-exports'
-import { themes } from '@/src/theme/themes/nativeThemes'
-import type { Theme } from '@/src/theme/types/theme'
+import type { SupportedLocalesConfig } from '../localization/forward-exports'
+import { themes } from '../../theme/themes/nativeThemes'
+import type { Theme } from '../../theme/types/theme'
 
 export const HightideConfigUtils = {
   defaultSupportedLocales: {

package/src/global-contexts/localization/LocalizationProvider.tsx

@@ -5,8 +5,8 @@ import {
   type LocalizationProviderProps as LocalizationProviderPropsBase
 } from '@helpwave/hightide-utils/context/localization'
 
-import { HightideConfigUtils } from '@/src/global-contexts/hightide-config/HightideConfigUtils'
-import { useNativeKeyValueStore } from '@/src/hooks/useNativeKeyValueStore'
+import { HightideConfigUtils } from '../hightide-config/HightideConfigUtils'
+import { useNativeKeyValueStore } from '../../hooks/useNativeKeyValueStore'
 
 export type LocalizationProviderProps = PropsWithChildren
   & Omit<LocalizationProviderPropsBase, 'store' | 'fallbackLocale' | 'supportedLocales'>

package/src/global-contexts/theme/ThemeContext.ts

@@ -6,8 +6,8 @@ import {
 import type {
   ThemeConfigValue,
   ThemeInformation
-} from '@/src/global-contexts/theme/forward-exports'
-import type { Theme } from '@/src/theme/types/theme'
+} from './forward-exports'
+import type { Theme } from '../../theme/types/theme'
 
 export type { ThemeInformation }
 

package/src/global-contexts/theme/ThemeProvider.tsx

@@ -8,19 +8,19 @@ import { Appearance } from 'react-native'
 
 import type { SupportedThemesConfig } from '@helpwave/hightide-utils/context'
 
-import { HightideConfigUtils } from '@/src/global-contexts/hightide-config/HightideConfigUtils'
+import { HightideConfigUtils } from '../hightide-config/HightideConfigUtils'
 import {
   ThemeContext,
   useTheme,
   type ThemeContextValue
-} from '@/src/global-contexts/theme/ThemeContext'
+} from './ThemeContext'
 import {
   useCreateThemeConfig,
   type SystemTheme
-} from '@/src/global-contexts/theme/forward-exports'
-import { useNativeKeyValueStore } from '@/src/hooks/useNativeKeyValueStore'
-import type { ThemeMode } from '@/src/theme/themes/nativeThemes'
-import type { Theme } from '@/src/theme/types/theme'
+} from './forward-exports'
+import { useNativeKeyValueStore } from '../../hooks/useNativeKeyValueStore'
+import type { ThemeMode } from '../../theme/themes/nativeThemes'
+import type { Theme } from '../../theme/types/theme'
 
 export type ThemeProviderProps<T> = PropsWithChildren & {
   theme?: ThemeMode | null,

package/src/theme/resolvers/button.ts

@@ -15,14 +15,14 @@ import type {
 import {
   isOutlineColoringStyle,
   resolveColoringStyles
-} from '@/src/theme/resolvers/coloring'
-import type { HightideSemanticColors } from '@/src/theme/types/color'
+} from './coloring'
+import type { HightideSemanticColors } from '../types/color'
 import type {
   ButtonState,
   ButtonTheme
-} from '@/src/theme/types/components/button'
-import type { HightideComponentThemes } from '@/src/theme/types/components/hightide'
-import { createStyleResolver } from '@/src/theme/types/resolver'
+} from '../types/components/button'
+import type { HightideComponentThemes } from '../types/components/hightide'
+import { createStyleResolver } from '../types/resolver'
 
 const buttonFontSizes: Record<ElementSize, number> = {
   xs: 12,

package/src/theme/resolvers/chat.ts

@@ -14,7 +14,7 @@ import type {
 import type {
   Color,
   HightideSemanticColors
-} from '@/src/theme/types/color'
+} from '../types/color'
 import type {
   ChatAttachmentCardState,
   ChatConversationRowState,
@@ -23,12 +23,12 @@ import type {
   ChatQuickReplyChipState,
   ChatSystemLineState,
   ChatTheme
-} from '@/src/theme/types/components/chat'
-import type { HightideComponentThemes } from '@/src/theme/types/components/hightide'
+} from '../types/components/chat'
+import type { HightideComponentThemes } from '../types/components/hightide'
 import {
   createStyleResolver,
   createValueResolver
-} from '@/src/theme/types/resolver'
+} from '../types/resolver'
 
 export type CreateChatThemeOptions = {
   semantic: HightideSemanticColors,

package/src/theme/resolvers/checkbox.ts

@@ -7,16 +7,16 @@ import type {
   ElementSize
 } from '@helpwave/hightide-design/types'
 
-import type { HightideSemanticColors } from '@/src/theme/types/color'
+import type { HightideSemanticColors } from '../types/color'
 import type {
   CheckboxSize,
   CheckboxState,
   CheckboxTheme
-} from '@/src/theme/types/components/checkbox'
+} from '../types/components/checkbox'
 import {
   createStyleResolver,
   createValueResolver
-} from '@/src/theme/types/resolver'
+} from '../types/resolver'
 
 const checkboxSizes: Record<CheckboxSize, number> = {
   sm: 20,

package/src/theme/resolvers/chip.ts

@@ -9,14 +9,14 @@ import {
 } from '@helpwave/hightide-design/tokens'
 import type { HightideDesignTokens as DesignTokensTheme } from '@helpwave/hightide-design/types'
 
-import { resolveColoringStyles } from '@/src/theme/resolvers/coloring'
-import type { HightideSemanticColors } from '@/src/theme/types/color'
+import { resolveColoringStyles } from './coloring'
+import type { HightideSemanticColors } from '../types/color'
 import type {
   ChipState,
   ChipTheme
-} from '@/src/theme/types/components/chip'
-import type { HightideComponentThemes } from '@/src/theme/types/components/hightide'
-import { createStyleResolver } from '@/src/theme/types/resolver'
+} from '../types/components/chip'
+import type { HightideComponentThemes } from '../types/components/hightide'
+import { createStyleResolver } from '../types/resolver'
 
 export type CreateChipThemeOptions = {
   semantic: HightideSemanticColors,

package/src/theme/resolvers/coloring.ts

@@ -11,9 +11,9 @@ import type {
 import type {
   Color,
   HightideSemanticColors
-} from '@/src/theme/types/color'
-import type { ColoringDefinition } from '@/src/theme/types/components/hightide'
-import type { InteractionState } from '@/src/theme/types/resolver'
+} from '../types/color'
+import type { ColoringDefinition } from '../types/components/hightide'
+import type { InteractionState } from '../types/resolver'
 
 export type ResolvedColoringStyles = {
   backgroundColor: Color | 'transparent',

package/src/theme/resolvers/iconButton.ts

@@ -6,17 +6,17 @@ import type { HightideDesignTokens as DesignTokensTheme } from '@helpwave/highti
 import {
   isOutlineColoringStyle,
   resolveColoringStyles
-} from '@/src/theme/resolvers/coloring'
-import type { HightideSemanticColors } from '@/src/theme/types/color'
-import type { HightideComponentThemes } from '@/src/theme/types/components/hightide'
+} from './coloring'
+import type { HightideSemanticColors } from '../types/color'
+import type { HightideComponentThemes } from '../types/components/hightide'
 import type {
   IconButtonState,
   IconButtonTheme
-} from '@/src/theme/types/components/iconButton'
+} from '../types/components/iconButton'
 import {
   createStyleResolver,
   createValueResolver
-} from '@/src/theme/types/resolver'
+} from '../types/resolver'
 
 export type CreateIconButtonThemeOptions = {
   semantic: HightideSemanticColors,

package/src/theme/resolvers/input.ts

@@ -6,15 +6,15 @@ import type {
   HightideDesignTokens as DesignTokensTheme
 } from '@helpwave/hightide-design/types'
 
-import type { HightideSemanticColors } from '@/src/theme/types/color'
+import type { HightideSemanticColors } from '../types/color'
 import type {
   InputState,
   InputTheme
-} from '@/src/theme/types/components/input'
+} from '../types/components/input'
 import {
   createStyleResolver,
   createValueResolver
-} from '@/src/theme/types/resolver'
+} from '../types/resolver'
 
 export type CreateInputThemeOptions = {
   semantic: HightideSemanticColors,

package/src/theme/resolvers/menu.ts

@@ -6,15 +6,15 @@ import type {
   HightideDesignTokens as DesignTokensTheme
 } from '@helpwave/hightide-design/types'
 
-import type { HightideSemanticColors } from '@/src/theme/types/color'
+import type { HightideSemanticColors } from '../types/color'
 import type {
   MenuActionItemState,
   MenuTheme
-} from '@/src/theme/types/components/menu'
+} from '../types/components/menu'
 import {
   createStyleResolver,
   createValueResolver
-} from '@/src/theme/types/resolver'
+} from '../types/resolver'
 
 export type CreateMenuThemeOptions = {
   semantic: HightideSemanticColors,

package/src/theme/resolvers/multiSelect.ts

@@ -4,16 +4,16 @@ import type {
   HightideDesignTokens as DesignTokensTheme
 } from '@helpwave/hightide-design/types'
 
-import type { HightideSemanticColors } from '@/src/theme/types/color'
+import type { HightideSemanticColors } from '../types/color'
 import type {
   MultiSelectOptionState,
   MultiSelectState,
   MultiSelectTheme
-} from '@/src/theme/types/components/multiSelect'
+} from '../types/components/multiSelect'
 import {
   createStyleResolver,
   createValueResolver
-} from '@/src/theme/types/resolver'
+} from '../types/resolver'
 
 export type CreateMultiSelectThemeOptions = {
   semantic: HightideSemanticColors,

package/src/theme/resolvers/select.ts

@@ -4,16 +4,16 @@ import type {
   HightideDesignTokens as DesignTokensTheme
 } from '@helpwave/hightide-design/types'
 
-import type { HightideSemanticColors } from '@/src/theme/types/color'
+import type { HightideSemanticColors } from '../types/color'
 import type {
   SelectOptionState,
   SelectState,
   SelectTheme
-} from '@/src/theme/types/components/select'
+} from '../types/components/select'
 import {
   createStyleResolver,
   createValueResolver
-} from '@/src/theme/types/resolver'
+} from '../types/resolver'
 
 export type CreateSelectThemeOptions = {
   semantic: HightideSemanticColors,

package/src/theme/themes/createTheme.ts

@@ -3,21 +3,21 @@ import type {
   HightideDesignTokens
 } from '@helpwave/hightide-design/types'
 
-import { createButtonThemeFromDesign } from '@/src/theme/resolvers/button'
-import { createChatThemeFromDesign } from '@/src/theme/resolvers/chat'
-import { createCheckboxThemeFromDesign } from '@/src/theme/resolvers/checkbox'
-import { createChipThemeFromDesign } from '@/src/theme/resolvers/chip'
-import { createIconButtonThemeFromDesign } from '@/src/theme/resolvers/iconButton'
-import { createInputThemeFromDesign } from '@/src/theme/resolvers/input'
-import { createMenuThemeFromDesign } from '@/src/theme/resolvers/menu'
-import { createMultiSelectThemeFromDesign } from '@/src/theme/resolvers/multiSelect'
-import { createSelectThemeFromDesign } from '@/src/theme/resolvers/select'
+import { createButtonThemeFromDesign } from '../resolvers/button'
+import { createChatThemeFromDesign } from '../resolvers/chat'
+import { createCheckboxThemeFromDesign } from '../resolvers/checkbox'
+import { createChipThemeFromDesign } from '../resolvers/chip'
+import { createIconButtonThemeFromDesign } from '../resolvers/iconButton'
+import { createInputThemeFromDesign } from '../resolvers/input'
+import { createMenuThemeFromDesign } from '../resolvers/menu'
+import { createMultiSelectThemeFromDesign } from '../resolvers/multiSelect'
+import { createSelectThemeFromDesign } from '../resolvers/select'
 import type {
   Color,
   ColorPalette,
   HightideColors
-} from '@/src/theme/types/color'
-import type { Theme } from '@/src/theme/types/theme'
+} from '../types/color'
+import type { Theme } from '../types/theme'
 
 const unwrapColorPaletteToken = (token: ColorPaletteToken): Color | ColorPalette => {
   if (token.type === 'singleValue') {

package/src/theme/themes/nativeThemes.ts

@@ -1,6 +1,6 @@
 import { Themes as designThemes } from '@helpwave/hightide-design/tokens'
 
-import { createTheme } from '@/src/theme/themes/createTheme'
+import { createTheme } from './createTheme'
 
 export const lightTheme = createTheme(designThemes.light)
 

package/src/theme/types/components/button.ts

@@ -12,7 +12,7 @@ import type {
 import type {
   InteractionState,
   StyleResolverFunction
-} from '@/src/theme/types/resolver'
+} from '../resolver'
 
 export type ButtonState = InteractionState & {
   size?: ElementSize,

package/src/theme/types/components/chat.ts

@@ -5,11 +5,11 @@ import type {
 
 import type { ColoringType } from '@helpwave/hightide-design/helpers'
 
-import type { Color } from '@/src/theme/types/color'
+import type { Color } from '../color'
 import type {
   InteractionState,
   StyleResolverFunction
-} from '@/src/theme/types/resolver'
+} from '../resolver'
 
 export type ChatMessageDirection = 'incoming' | 'outgoing'
 

package/src/theme/types/components/checkbox.ts

@@ -2,11 +2,11 @@ import type { ViewStyle } from 'react-native'
 
 import type { ElementSize } from '@helpwave/hightide-design/types'
 
-import type { Color } from '@/src/theme/types/color'
+import type { Color } from '../color'
 import type {
   InteractionState,
   StyleResolverFunction
-} from '@/src/theme/types/resolver'
+} from '../resolver'
 
 export type CheckboxSize = 'sm' | 'md' | 'lg'
 

package/src/theme/types/components/chip.ts

@@ -12,7 +12,7 @@ import type {
 import type {
   InteractionState,
   StyleResolverFunction
-} from '@/src/theme/types/resolver'
+} from '../resolver'
 
 export type ChipState = InteractionState & {
   size?: ElementSize,

package/src/theme/types/components/hightide.ts

@@ -1,13 +1,13 @@
-import type { Color } from '@/src/theme/types/color'
-import type { ButtonTheme } from '@/src/theme/types/components/button'
-import type { ChatTheme } from '@/src/theme/types/components/chat'
-import type { CheckboxTheme } from '@/src/theme/types/components/checkbox'
-import type { ChipTheme } from '@/src/theme/types/components/chip'
-import type { IconButtonTheme } from '@/src/theme/types/components/iconButton'
-import type { InputTheme } from '@/src/theme/types/components/input'
-import type { MenuTheme } from '@/src/theme/types/components/menu'
-import type { MultiSelectTheme } from '@/src/theme/types/components/multiSelect'
-import type { SelectTheme } from '@/src/theme/types/components/select'
+import type { Color } from '../color'
+import type { ButtonTheme } from './button'
+import type { ChatTheme } from './chat'
+import type { CheckboxTheme } from './checkbox'
+import type { ChipTheme } from './chip'
+import type { IconButtonTheme } from './iconButton'
+import type { InputTheme } from './input'
+import type { MenuTheme } from './menu'
+import type { MultiSelectTheme } from './multiSelect'
+import type { SelectTheme } from './select'
 
 export type ColoringDefinition = {
   color: Color,

package/src/theme/types/components/iconButton.ts

@@ -6,11 +6,11 @@ import type {
   ElementSize
 } from '@helpwave/hightide-design/types'
 
-import type { Color } from '@/src/theme/types/color'
+import type { Color } from '../color'
 import type {
   InteractionState,
   StyleResolverFunction
-} from '@/src/theme/types/resolver'
+} from '../resolver'
 
 export type IconButtonState = InteractionState & {
   size?: ElementSize,

package/src/theme/types/components/input.ts

@@ -1,10 +1,10 @@
 import type { TextStyle } from 'react-native'
 
-import type { Color } from '@/src/theme/types/color'
+import type { Color } from '../color'
 import type {
   InteractionState,
   StyleResolverFunction
-} from '@/src/theme/types/resolver'
+} from '../resolver'
 
 export type InputState = InteractionState & {
   isInvalid?: boolean,

package/src/theme/types/components/menu.ts

@@ -3,11 +3,11 @@ import type {
   ViewStyle
 } from 'react-native'
 
-import type { Color } from '@/src/theme/types/color'
+import type { Color } from '../color'
 import type {
   InteractionState,
   StyleResolverFunction
-} from '@/src/theme/types/resolver'
+} from '../resolver'
 
 export type MenuSectionStyle = ViewStyle
 

package/src/theme/types/components/multiSelect.ts

@@ -3,7 +3,7 @@ import type {
   ViewStyle
 } from 'react-native'
 
-import type { Color } from '@/src/theme/types/color'
+import type { Color } from '../color'
 import type {
   SelectMenuStyle,
   SelectOptionState,
@@ -11,8 +11,8 @@ import type {
   SelectSearchStyle,
   SelectState,
   SelectTriggerTextStyle
-} from '@/src/theme/types/components/select'
-import type { StyleResolverFunction } from '@/src/theme/types/resolver'
+} from './select'
+import type { StyleResolverFunction } from '../resolver'
 
 export type MultiSelectState = SelectState & {
   hasSelections?: boolean,

package/src/theme/types/components/select.ts

@@ -3,11 +3,11 @@ import type {
   ViewStyle
 } from 'react-native'
 
-import type { Color } from '@/src/theme/types/color'
+import type { Color } from '../color'
 import type {
   InteractionState,
   StyleResolverFunction
-} from '@/src/theme/types/resolver'
+} from '../resolver'
 
 export type SelectState = InteractionState & {
   isInvalid?: boolean,

package/src/theme/types/theme.ts

@@ -1,11 +1,11 @@
 import type {
   HightideColors,
   HightideSemanticColors
-} from '@/src/theme/types/color'
-import type { HightideComponentThemes } from '@/src/theme/types/components/hightide'
-import type { HightideDecoration } from '@/src/theme/types/decoration'
-import type { HightideLayout } from '@/src/theme/types/layout'
-import type { HightideTypography } from '@/src/theme/types/typography'
+} from './color'
+import type { HightideComponentThemes } from './components/hightide'
+import type { HightideDecoration } from './decoration'
+import type { HightideLayout } from './layout'
+import type { HightideTypography } from './typography'
 
 export type Theme = {
   colors: Record<string, unknown> & HightideColors,