@helpwave/hightide-native 0.0.5 → 0.0.7

package/package.json

@@ -10,7 +10,7 @@
     "access": "public"
   },
   "license": "AGPL-3.0-only",
-  "version": "0.0.5",
+  "version": "0.0.7",
   "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.5",
+    "@helpwave/hightide-utils": "0.0.5"
   },
   "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

@@ -10,17 +10,17 @@ import {
   type ViewStyle
 } from 'react-native'
 
-import type { ColoringType } from '@helpwave/hightide-design/helpers'
+import type { ColoringType } from '@helpwave/hightide-design/utils'
 
-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

@@ -11,15 +11,15 @@ import {
 } from 'react-native'
 import { CheckCheck } from 'lucide-react-native'
 
-import type { ColoringType } from '@helpwave/hightide-design/helpers'
+import type { ColoringType } from '@helpwave/hightide-design/utils'
 
-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

@@ -13,19 +13,19 @@ import {
 import {
   coloringTypes,
   type ColoringType
-} from '@helpwave/hightide-design/helpers'
+} from '@helpwave/hightide-design/utils'
 import type {
   ButtonColoringStyle,
   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

@@ -10,19 +10,19 @@ import {
 } from 'react-native'
 import type { LucideIcon } from 'lucide-react-native'
 
-import type { ColoringType } from '@helpwave/hightide-design/helpers'
+import type { ColoringType } from '@helpwave/hightide-design/utils'
 import type {
   ButtonColoringStyle,
   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,