@heliosgraphics/ui 2.0.0-alpha.76 → 2.0.0-alpha.77

package/components/Alert/Alert.meta.ts

@@ -1,4 +1,4 @@
-import type { HeliosAttributeMeta } from "../.."
+import type { HeliosAttributeMeta } from "../../types/meta"
 import type { AlertBaseProps } from "./Alert.types"
 
 export const meta: HeliosAttributeMeta<AlertBaseProps> = {

package/components/Alert/Alert.tsx

@@ -1,11 +1,15 @@
-import { Button, ButtonGroup, Flex, Text, Icon } from "../.."
+import { Button } from "../Button"
+import { ButtonGroup } from "../ButtonGroup"
+import { Flex } from "../Flex"
+import { Text } from "../Text"
+import { Icon } from "../Icon"
 import { getClasses } from "@heliosgraphics/utils/classnames"
 import { getColorClasses } from "../../utils/colors"
 import { INTENTION_COLOR_MAP } from "../../constants/intentions"
 import styles from "./Alert.module.css"
 import type { AlertProps } from "./Alert.types"
 import type { FC } from "react"
-import type { HeliosColorType } from "../.."
+import type { HeliosColorType } from "../../types/colors"
 
 export const Alert: FC<AlertProps> = ({ children, onClose, title, icon, color, appearance = "light", intent }) => {
 	const resolvedColor: HeliosColorType = color || (intent ? INTENTION_COLOR_MAP[intent] : "gray")

package/components/Alert/Alert.types.ts

@@ -1,5 +1,7 @@
 import type { PropsWithChildren } from "react"
-import type { HeliosIconType, HeliosColorType, HeliosAppearanceType, HeliosIntentionType } from "../.."
+import type { HeliosIconType } from "../../types/icons"
+import type { HeliosColorType, HeliosAppearanceType } from "../../types/colors"
+import type { HeliosIntentionType } from "../../types/intentions"
 
 export interface AlertBaseProps {
 	appearance?: HeliosAppearanceType

package/components/Breadcrumb/Breadcrumb.meta.ts

@@ -1,4 +1,4 @@
-import type { HeliosAttributeMeta } from "../.."
+import type { HeliosAttributeMeta } from "../../types/meta"
 import type { BreadcrumbProps } from "./Breadcrumb.types"
 
 export const meta: HeliosAttributeMeta<BreadcrumbProps> = {

package/components/Breadcrumb/Breadcrumb.tsx

@@ -1,5 +1,7 @@
 import { Fragment, type FC, type ElementType } from "react"
-import { Text, Flex, Icon } from "../.."
+import { Text } from "../Text"
+import { Flex } from "../Flex"
+import { Icon } from "../Icon"
 import type { BreadcrumbProps } from "./Breadcrumb.types"
 
 export const Breadcrumb: FC<BreadcrumbProps> = ({ items }) => {

package/components/Browser/Browser.meta.ts

@@ -1,4 +1,4 @@
-import type { HeliosAttributeMeta } from "../.."
+import type { HeliosAttributeMeta } from "../../types/meta"
 import type { BrowserBaseProps } from "./Browser.types"
 
 export const meta: HeliosAttributeMeta<BrowserBaseProps> = {

package/components/Button/Button.meta.ts

@@ -1,4 +1,4 @@
-import type { HeliosAttributeMeta } from "../.."
+import type { HeliosAttributeMeta } from "../../types/meta"
 import type { ButtonProps } from "./Button.types"
 
 export const meta: HeliosAttributeMeta<ButtonProps> = {

package/components/Button/Button.types.ts

@@ -1,5 +1,8 @@
 import type { AriaRole, MouseEvent, MouseEventHandler, SyntheticEvent } from "react"
-import type { HeliosIntentionType, HeliosAppearanceType, HeliosIconType, HeliosSizeType, HeliosColorType } from "../.."
+import type { HeliosIntentionType } from "../../types/intentions"
+import type { HeliosAppearanceType, HeliosColorType } from "../../types/colors"
+import type { HeliosIconType } from "../../types/icons"
+import type { HeliosSizeType } from "../../types/scale"
 
 export interface ButtonProps {
 	accept?: string

package/components/ButtonGroup/ButtonGroup.meta.ts

@@ -1,4 +1,4 @@
-import type { HeliosAttributeMeta } from "../.."
+import type { HeliosAttributeMeta } from "../../types/meta"
 import type { ButtonGroupBaseProps } from "./ButtonGroup.types"
 
 export const meta: HeliosAttributeMeta<ButtonGroupBaseProps> = {

package/components/Checkbox/Checkbox.meta.ts

@@ -1,4 +1,4 @@
-import type { HeliosAttributeMeta } from "../.."
+import type { HeliosAttributeMeta } from "../../types/meta"
 import type { CheckboxProps } from "./Checkbox.types"
 
 export const meta: HeliosAttributeMeta<CheckboxProps> = {

package/components/Checkbox/Checkbox.tsx

@@ -3,7 +3,9 @@
 import { useId } from "react"
 import { getClasses } from "@heliosgraphics/utils/classnames"
 import { getColorClasses } from "../../utils/colors"
-import { Flex, Icon, Text } from "../.."
+import { Flex } from "../Flex"
+import { Icon } from "../Icon"
+import { Text } from "../Text"
 import styles from "./Checkbox.module.css"
 import type { FC } from "react"
 import type { CheckboxProps } from "./Checkbox.types"

package/components/Checkbox/Checkbox.types.ts

@@ -1,5 +1,5 @@
 import type { ChangeEventHandler } from "react"
-import type { HeliosColorType } from "../.."
+import type { HeliosColorType } from "../../types/colors"
 
 export interface BaseCheckboxProps {
 	color?: HeliosColorType

package/components/Clock/Clock.meta.ts

@@ -1,4 +1,4 @@
-import type { HeliosAttributeMeta } from "../.."
+import type { HeliosAttributeMeta } from "../../types/meta"
 import type { ClockProps } from "./Clock.types"
 
 export const meta: HeliosAttributeMeta<ClockProps> = {

package/components/Column/Column.meta.ts

@@ -1,4 +1,4 @@
-import type { HeliosAttributeMeta } from "../.."
+import type { HeliosAttributeMeta } from "../../types/meta"
 import type { ColumnBaseProps } from "./Column.types"
 
 export const meta: HeliosAttributeMeta<ColumnBaseProps> = {

package/components/Column/Column.types.ts

@@ -1,4 +1,4 @@
-import type { FlexProps } from "../.."
+import type { FlexProps } from "../Flex/Flex.types"
 
 export interface ColumnBaseProps {
 	isColumnCentered?: boolean

package/components/Confirm/Confirm.meta.ts

@@ -1,4 +1,4 @@
-import type { HeliosAttributeMeta } from "../.."
+import type { HeliosAttributeMeta } from "../../types/meta"
 import type { ConfirmProps } from "./Confirm.types"
 
 export const meta: HeliosAttributeMeta<ConfirmProps> = {

package/components/Confirm/Confirm.tsx

@@ -1,4 +1,8 @@
-import { Button, ButtonGroup, Dialog, Flex, Text } from "../.."
+import { Button } from "../Button"
+import { ButtonGroup } from "../ButtonGroup"
+import { Dialog } from "../Dialog"
+import { Flex } from "../Flex"
+import { Text } from "../Text"
 import type { ConfirmProps } from "./Confirm.types"
 import type { FC, ReactNode } from "react"
 

package/components/Confirm/Confirm.types.ts

@@ -1,4 +1,6 @@
-import type { ButtonGroupProps, HeliosIconType, HeliosIntentionType } from "../.."
+import type { ButtonGroupProps } from "../ButtonGroup/ButtonGroup.types"
+import type { HeliosIconType } from "../../types/icons"
+import type { HeliosIntentionType } from "../../types/intentions"
 
 export interface ConfirmProps {
 	cancelText: string

package/components/DatePicker/DatePicker.meta.ts

@@ -1,4 +1,4 @@
-import type { HeliosAttributeMeta } from "../.."
+import type { HeliosAttributeMeta } from "../../types/meta"
 import type { DatePickerProps } from "./DatePicker.types"
 
 export const meta: HeliosAttributeMeta<DatePickerProps> = {

package/components/Debug/Debug.meta.ts

@@ -1,4 +1,4 @@
-import type { HeliosAttributeMeta } from "../.."
+import type { HeliosAttributeMeta } from "../../types/meta"
 import type { DebugProps } from "./Debug.types"
 
 export const meta: HeliosAttributeMeta<DebugProps> = {

package/components/Debug/Debug.tsx

@@ -1,6 +1,10 @@
 "use client"
 
-import { Button, ButtonGroup, Text, Flex, Separator } from "../.."
+import { Button } from "../Button"
+import { ButtonGroup } from "../ButtonGroup"
+import { Text } from "../Text"
+import { Flex } from "../Flex"
+import { Separator } from "../Separator"
 import { DebugProps } from "./Debug.types"
 import styles from "./Debug.module.css"
 import { useState } from "react"

package/components/Debug/Debug.types.ts

@@ -1,4 +1,4 @@
-import type { HeliosAppearanceType, HeliosColorType } from "../.."
+import type { HeliosAppearanceType, HeliosColorType } from "../../types/colors"
 
 export interface DebugProps {
 	appearance?: HeliosAppearanceType

package/components/Details/Details.meta.ts

@@ -1,4 +1,4 @@
-import type { HeliosAttributeMeta } from "../.."
+import type { HeliosAttributeMeta } from "../../types/meta"
 import type { DetailsBaseProps } from "./Details.types"
 
 export const meta: HeliosAttributeMeta<DetailsBaseProps> = {

package/components/Details/Details.tsx

@@ -1,5 +1,6 @@
 import styles from "./Details.module.css"
-import { Icon, Text } from "../.."
+import { Icon } from "../Icon"
+import { Text } from "../Text"
 import type { DetailsProps } from "./Details.types"
 import type { FC } from "react"
 

package/components/Dialog/Dialog.meta.ts

@@ -1,4 +1,4 @@
-import type { HeliosAttributeMeta } from "../.."
+import type { HeliosAttributeMeta } from "../../types/meta"
 import type { DialogBaseProps } from "./Dialog.types"
 
 export const meta: HeliosAttributeMeta<DialogBaseProps> = {

package/components/Dialog/Dialog.tsx

@@ -2,7 +2,10 @@
 
 import { useEffect, useRef, type FC, MouseEvent } from "react"
 import styles from "./Dialog.module.css"
-import { Button, ButtonGroup, Heading, Flex } from "../.."
+import { Button } from "../Button"
+import { ButtonGroup } from "../ButtonGroup"
+import { Heading } from "../Heading"
+import { Flex } from "../Flex"
 import { getClasses } from "@heliosgraphics/utils/classnames"
 import type { DialogProps } from "./Dialog.types"
 

package/components/Donut/Donut.meta.ts

@@ -1,4 +1,4 @@
-import type { HeliosAttributeMeta } from "../.."
+import type { HeliosAttributeMeta } from "../../types/meta"
 import type { DonutBaseProps } from "./Donut.types"
 
 export const meta: HeliosAttributeMeta<DonutBaseProps> = {

package/components/Donut/Donut.tsx

@@ -1,5 +1,5 @@
 import { getDonutBorderSize } from "./Donut.utils"
-import { Flex } from "../.."
+import { Flex } from "../Flex"
 import styles from "./Donut.module.css"
 import type { DonutProps } from "./Donut.types"
 import type { FC } from "react"

package/components/Donut/Donut.types.ts

@@ -1,5 +1,5 @@
 import type { PropsWithChildren } from "react"
-import type { HeliosColorType } from "../.."
+import type { HeliosColorType } from "../../types/colors"
 
 export type DonutSizeType = 32 | 48 | 64 | 96 | 128
 

package/components/Dot/Dot.meta.ts

@@ -1,4 +1,4 @@
-import type { HeliosAttributeMeta } from "../.."
+import type { HeliosAttributeMeta } from "../../types/meta"
 import type { DotProps } from "./Dot.types"
 
 export const meta: HeliosAttributeMeta<DotProps> = {

package/components/Dot/Dot.types.ts

@@ -1,4 +1,5 @@
-import type { HeliosColorType, HeliosScaleType } from "../.."
+import type { HeliosColorType } from "../../types/colors"
+import type { HeliosScaleType } from "../../types/scale"
 
 export interface DotProps {
 	color: HeliosColorType

package/components/Dropdown/Dropdown.meta.ts

@@ -1,4 +1,4 @@
-import type { HeliosAttributeMeta } from "../.."
+import type { HeliosAttributeMeta } from "../../types/meta"
 import type { DropdownProps } from "./Dropdown.types"
 
 export const meta: HeliosAttributeMeta<DropdownProps> = {

package/components/Dropdown/Dropdown.types.ts

@@ -1,4 +1,5 @@
-import type { ResultItem, HeliosPositionType } from "../.."
+import type { ResultItem } from "../shared/ResultList/ResultList.types"
+import type { HeliosPositionType } from "../../types/positions"
 import type { ReactElement } from "react"
 
 export interface DropdownProps {

package/components/Fieldset/Fieldset.meta.ts

@@ -1,4 +1,4 @@
-import type { HeliosAttributeMeta } from "../.."
+import type { HeliosAttributeMeta } from "../../types/meta"
 import type { FieldsetBaseProps } from "./Fieldset.types"
 
 export const meta: HeliosAttributeMeta<FieldsetBaseProps> = {

package/components/Flex/Flex.meta.ts

@@ -1,4 +1,4 @@
-import type { HeliosAttributeMeta } from "../.."
+import type { HeliosAttributeMeta } from "../../types/meta"
 import type { FlexBaseProps } from "./Flex.types"
 
 export const meta: HeliosAttributeMeta<FlexBaseProps> = {

package/components/Flex/Flex.types.ts

@@ -1,5 +1,6 @@
 import type { HTMLAttributes, MouseEventHandler, PropsWithChildren, ForwardedRef } from "react"
-import type { HeliosScaleType, HeliosRadiusType, HeliosEmphasisType } from "../.."
+import type { HeliosScaleType, HeliosRadiusType } from "../../types/scale"
+import type { HeliosEmphasisType } from "../../types/intentions"
 
 export type ResponsiveScaleType = HeliosScaleType | [HeliosScaleType, HeliosScaleType, HeliosScaleType]
 export type ResponsiveRadiusType = HeliosRadiusType | [HeliosRadiusType, HeliosRadiusType, HeliosRadiusType]

package/components/Flex/Flex.utils.ts

@@ -1,4 +1,4 @@
-import type { HeliosScaleType, HeliosRadiusType } from "../.."
+import type { HeliosScaleType, HeliosRadiusType } from "../../types/scale"
 import type { FlexProps } from "./Flex.types"
 import type { ResponsiveScaleType, ResponsiveRadiusType } from "./Flex.types"
 

package/components/Grid/Grid.meta.ts

@@ -1,4 +1,4 @@
-import type { HeliosAttributeMeta } from "../.."
+import type { HeliosAttributeMeta } from "../../types/meta"
 import type { GridBaseProps } from "./Grid.types"
 
 export const meta: HeliosAttributeMeta<GridBaseProps> = {

package/components/Heading/Heading.meta.ts

@@ -1,4 +1,4 @@
-import type { HeliosAttributeMeta } from "../.."
+import type { HeliosAttributeMeta } from "../../types/meta"
 import type { HeadingBaseProps } from "./Heading.types"
 
 export const meta: HeliosAttributeMeta<HeadingBaseProps> = {

package/components/Heading/Heading.types.ts

@@ -1,5 +1,5 @@
 import type { HTMLAttributes } from "react"
-import type { TextBaseProps } from "../.."
+import type { TextBaseProps } from "../Text/Text.types"
 
 export interface HeadingBaseProps {
 	level: 0 | 1 | 2 | 3 | 4 | 5 | 6

package/components/Heading/components/H0/H0.meta.ts

@@ -1,4 +1,4 @@
-import type { HeliosAttributeMeta } from "../../../.."
+import type { HeliosAttributeMeta } from "../../../../types/meta"
 import type { H0Props } from "./H0.types"
 import { SHARED_TEXT_META } from "../../../Text/Text.meta"
 

package/components/Heading/components/H1/H1.meta.ts

@@ -1,4 +1,4 @@
-import type { HeliosAttributeMeta } from "../../../.."
+import type { HeliosAttributeMeta } from "../../../../types/meta"
 import type { H1Props } from "./H1.types"
 import { SHARED_TEXT_META } from "../../../Text/Text.meta"
 

package/components/Heading/components/H2/H2.meta.ts

@@ -1,4 +1,4 @@
-import type { HeliosAttributeMeta } from "../../../.."
+import type { HeliosAttributeMeta } from "../../../../types/meta"
 import type { H2Props } from "./H2.types"
 import { SHARED_TEXT_META } from "../../../Text/Text.meta"
 

package/components/Heading/components/H3/H3.meta.ts

@@ -1,4 +1,4 @@
-import type { HeliosAttributeMeta } from "../../../.."
+import type { HeliosAttributeMeta } from "../../../../types/meta"
 import type { H3Props } from "./H3.types"
 import { SHARED_TEXT_META } from "../../../Text/Text.meta"
 

package/components/Heading/components/H4/H4.meta.ts

@@ -1,4 +1,4 @@
-import type { HeliosAttributeMeta } from "../../../.."
+import type { HeliosAttributeMeta } from "../../../../types/meta"
 import type { H4Props } from "./H4.types"
 import { SHARED_TEXT_META } from "../../../Text/Text.meta"
 

package/components/Heading/components/H5/H5.meta.ts

@@ -1,4 +1,4 @@
-import type { HeliosAttributeMeta } from "../../../.."
+import type { HeliosAttributeMeta } from "../../../../types/meta"
 import type { H5Props } from "./H5.types"
 import { SHARED_TEXT_META } from "../../../Text/Text.meta"
 

package/components/Heading/components/H6/H6.meta.ts

@@ -1,4 +1,4 @@
-import type { HeliosAttributeMeta } from "../../../.."
+import type { HeliosAttributeMeta } from "../../../../types/meta"
 import type { H6Props } from "./H6.types"
 import { SHARED_TEXT_META } from "../../../Text/Text.meta"
 

package/components/Icon/Icon.meta.ts

@@ -1,4 +1,4 @@
-import type { HeliosAttributeMeta } from "../.."
+import type { HeliosAttributeMeta } from "../../types/meta"
 import type { IconProps } from "./Icon.types"
 
 export const meta: HeliosAttributeMeta<IconProps> = {

package/components/Icon/Icon.types.ts

@@ -1,4 +1,5 @@
-import type { HeliosIconType, HeliosEmphasisType } from "../.."
+import type { HeliosIconType } from "../../types/icons"
+import type { HeliosEmphasisType } from "../../types/intentions"
 
 export interface IconProps {
 	className?: string

package/components/Input/Input.meta.ts

@@ -1,4 +1,4 @@
-import type { HeliosAttributeMeta } from "../.."
+import type { HeliosAttributeMeta } from "../../types/meta"
 import type { InputProps } from "./Input.types"
 
 export const meta: HeliosAttributeMeta<InputProps> = {

package/components/Input/Input.tsx

@@ -2,12 +2,16 @@
 
 import { useId, type FC } from "react"
 import { getClasses } from "@heliosgraphics/utils/classnames"
-import { Button, ButtonGroup, Loading, Text, Flex } from "../.."
+import { Button } from "../Button"
+import { ButtonGroup } from "../ButtonGroup"
+import { Loading } from "../Loading"
+import { Text } from "../Text"
+import { Flex } from "../Flex"
 import { InputLabel } from "../shared/InputLabel"
 import { ResultList } from "../shared/ResultList"
 import styles from "./Input.module.css"
 import type { InputProps } from "./Input.types"
-import type { ResultItem } from "../.."
+import type { ResultItem } from "../shared/ResultList"
 
 export const Input: FC<InputProps> = ({
 	helperText,

package/components/Input/Input.types.ts

@@ -1,4 +1,4 @@
-import type { ResultItem } from "../.."
+import type { ResultItem } from "../shared/ResultList/ResultList.types"
 import type { KeyboardEventHandler, MouseEventHandler, FocusEventHandler, ChangeEventHandler } from "react"
 
 export interface InputProps {

package/components/Layout/Layout.meta.ts

@@ -1,4 +1,4 @@
-import type { HeliosAttributeMeta } from "../.."
+import type { HeliosAttributeMeta } from "../../types/meta"
 import type { LayoutBaseProps } from "./Layout.types"
 
 export const meta: HeliosAttributeMeta<LayoutBaseProps> = {

package/components/Layout/components/LayoutAside/LayoutAside.meta.ts

@@ -1,4 +1,4 @@
-import type { HeliosAttributeMeta } from "../../../.."
+import type { HeliosAttributeMeta } from "../../../../types/meta"
 import type { LayoutAsideBaseProps } from "./LayoutAside.types"
 
 export const meta: HeliosAttributeMeta<LayoutAsideBaseProps> = {

package/components/Layout/components/LayoutAside/components/LayoutAsideContent/LayoutAsideContent.meta.ts

@@ -1,4 +1,4 @@
-import type { HeliosAttributeMeta } from "../../../../../.."
+import type { HeliosAttributeMeta } from "../../../../../../types/meta"
 import type { LayoutAsideContentBaseProps } from "./LayoutAsideContent.types"
 
 export const meta: HeliosAttributeMeta<LayoutAsideContentBaseProps> = {

package/components/Layout/components/LayoutAside/components/LayoutAsideToggle/LayoutAsideToggle.meta.ts

@@ -1,4 +1,4 @@
-import type { HeliosAttributeMeta } from "../../../../../.."
+import type { HeliosAttributeMeta } from "../../../../../../types/meta"
 import type { LayoutAsideToggleProps } from "./LayoutAsideToggle.types"
 
 export const meta: HeliosAttributeMeta<LayoutAsideToggleProps> = {

package/components/Layout/components/LayoutMain/LayoutMain.meta.ts

@@ -1,4 +1,4 @@
-import type { HeliosAttributeMeta } from "../../../.."
+import type { HeliosAttributeMeta } from "../../../../types/meta"
 import type { LayoutMainBaseProps } from "./LayoutMain.types"
 
 export const meta: HeliosAttributeMeta<LayoutMainBaseProps> = {

package/components/Layout/components/LayoutMain/components/LayoutMainContent/LayoutMainContent.meta.ts

@@ -1,4 +1,4 @@
-import type { HeliosAttributeMeta } from "../../../../../.."
+import type { HeliosAttributeMeta } from "../../../../../../types/meta"
 import type { LayoutMainContentBaseProps } from "./LayoutMainContent.types"
 
 export const meta: HeliosAttributeMeta<LayoutMainContentBaseProps> = {

package/components/Layout/components/LayoutNavigation/LayoutNavigation.meta.ts

@@ -1,4 +1,4 @@
-import type { HeliosAttributeMeta } from "../../../.."
+import type { HeliosAttributeMeta } from "../../../../types/meta"
 import type { LayoutNavigationBaseProps } from "./LayoutNavigation.types"
 
 export const meta: HeliosAttributeMeta<LayoutNavigationBaseProps> = {

package/components/Layout/components/LayoutNavigation/LayoutNavigation.types.ts

@@ -1,4 +1,4 @@
-import type { FlexProps } from "../../../.."
+import type { FlexProps } from "../../../Flex/Flex.types"
 
 export interface LayoutNavigationBaseProps {}
 

package/components/Layout/components/LayoutSubNavigation/LayoutSubNavigation.meta.ts

@@ -1,4 +1,4 @@
-import type { HeliosAttributeMeta } from "../../../.."
+import type { HeliosAttributeMeta } from "../../../../types/meta"
 import type { LayoutSubNavigationBaseProps } from "./LayoutSubNavigation.types"
 
 export const meta: HeliosAttributeMeta<LayoutSubNavigationBaseProps> = {

package/components/Layout/components/LayoutSubNavigation/LayoutSubNavigation.types.ts

@@ -1,4 +1,4 @@
-import type { FlexProps } from "../../../.."
+import type { FlexProps } from "../../../Flex/Flex.types"
 
 export interface LayoutSubNavigationBaseProps {}
 

package/components/Loading/Loading.meta.ts

@@ -1,4 +1,4 @@
-import type { HeliosAttributeMeta } from "../.."
+import type { HeliosAttributeMeta } from "../../types/meta"
 import type { LoadingProps } from "./Loading.types"
 
 export const meta: HeliosAttributeMeta<LoadingProps> = {

package/components/Loading/Loading.types.ts

@@ -1,4 +1,4 @@
-import type { HeliosEmphasisType } from "../.."
+import type { HeliosEmphasisType } from "../../types/intentions"
 
 export interface LoadingProps {
 	className?: string

package/components/Markdown/Markdown.meta.ts

@@ -1,4 +1,4 @@
-import type { HeliosAttributeMeta } from "../.."
+import type { HeliosAttributeMeta } from "../../types/meta"
 import type { MarkdownProps } from "./Markdown.types"
 
 export const meta: HeliosAttributeMeta<MarkdownProps> = {

package/components/Masonry/Masonry.meta.ts

@@ -1,4 +1,4 @@
-import type { HeliosAttributeMeta } from "../.."
+import type { HeliosAttributeMeta } from "../../types/meta"
 import type { MasonryBaseProps } from "./Masonry.types"
 
 export const meta: HeliosAttributeMeta<MasonryBaseProps> = {

package/components/Menu/Menu.meta.ts

@@ -1,4 +1,4 @@
-import type { HeliosAttributeMeta } from "../.."
+import type { HeliosAttributeMeta } from "../../types/meta"
 import type { MenuBaseProps } from "./Menu.types"
 
 export const meta: HeliosAttributeMeta<MenuBaseProps> = {

package/components/Menu/components/MenuCategory/MenuCategory.meta.ts

@@ -1,4 +1,4 @@
-import type { HeliosAttributeMeta } from "../../../.."
+import type { HeliosAttributeMeta } from "../../../../types/meta"
 import type { MenuCategoryBaseProps } from "./MenuCategory.types"
 
 export const meta: HeliosAttributeMeta<MenuCategoryBaseProps> = {

package/components/Menu/components/MenuCategory/MenuCategory.tsx

@@ -1,7 +1,9 @@
 "use client"
 
 import { useEffect, useState, type FC } from "react"
-import { Flex, Icon, Text } from "../../../.."
+import { Flex } from "../../../Flex"
+import { Icon } from "../../../Icon"
+import { Text } from "../../../Text"
 import { getClasses } from "@heliosgraphics/utils"
 import styles from "./MenuCategory.module.css"
 import type { MenuCategoryProps } from "./MenuCategory.types"

package/components/Menu/components/MenuFilter/MenuFilter.meta.ts

@@ -1,4 +1,4 @@
-import type { HeliosAttributeMeta } from "../../../.."
+import type { HeliosAttributeMeta } from "../../../../types/meta"
 import type { MenuFilterProps } from "./MenuFilter.types"
 
 export const meta: HeliosAttributeMeta<MenuFilterProps> = {

package/components/Menu/components/MenuFilter/MenuFilter.tsx

@@ -1,7 +1,7 @@
 "use client"
 
 import { FC } from "react"
-import { Input } from "../../../.."
+import { Input } from "../../../Input"
 import { getClasses } from "@heliosgraphics/utils"
 import styles from "./MenuFilter.module.css"
 import type { MenuFilterProps } from "./MenuFilter.types"

package/components/Menu/components/MenuItem/MenuItem.meta.ts

@@ -1,4 +1,4 @@
-import type { HeliosAttributeMeta } from "../../../.."
+import type { HeliosAttributeMeta } from "../../../../types/meta"
 import type { MenuItemProps } from "./MenuItem.types"
 
 export const meta: HeliosAttributeMeta<MenuItemProps> = {