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

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> = {

package/components/Menu/components/MenuItem/MenuItem.tsx

@@ -1,7 +1,11 @@
 "use client"
 
 import { FC } from "react"
-import { Flex, Pill, Icon, Text, useLayoutContext } from "../../../.."
+import { Flex } from "../../../Flex"
+import { Pill } from "../../../Pill"
+import { Icon } from "../../../Icon"
+import { Text } from "../../../Text"
+import { useLayoutContext } from "../../../../hooks/useLayoutContext"
 import { getClasses } from "@heliosgraphics/utils"
 import styles from "./MenuItem.module.css"
 import type { MenuItemProps } from "./MenuItem.types"

package/components/Menu/components/MenuItem/MenuItem.types.ts

@@ -1,4 +1,5 @@
-import type { HeliosColorType, HeliosIconType } from "../../../.."
+import type { HeliosColorType } from "../../../../types/colors"
+import type { HeliosIconType } from "../../../../types/icons"
 
 export interface MenuItemProps {
 	icon?: HeliosIconType

package/components/Overlay/Overlay.meta.ts

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

package/components/Pie/Pie.meta.ts

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

package/components/Pie/Pie.types.ts

@@ -1,4 +1,4 @@
-import type { HeliosColorType } from "../.."
+import type { HeliosColorType } from "../../types/colors"
 
 export interface PieItem {
 	name?: string

package/components/Pill/Pill.meta.ts

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

package/components/Pill/Pill.tsx

@@ -1,6 +1,8 @@
 import { getClasses } from "@heliosgraphics/utils/classnames"
 import { getColorClasses } from "../../utils/colors"
-import { Flex, Text, Icon } from "../.."
+import { Flex } from "../Flex"
+import { Text } from "../Text"
+import { Icon } from "../Icon"
 import styles from "./Pill.module.css"
 import type { FC } from "react"
 import type { PillProps } from "./Pill.types"

package/components/Pill/Pill.types.ts

@@ -1,5 +1,7 @@
 import type { MouseEventHandler } from "react"
-import type { HeliosIconType, HeliosSizeType, HeliosColorType, HeliosAppearanceType } from "../.."
+import type { HeliosIconType } from "../../types/icons"
+import type { HeliosSizeType } from "../../types/scale"
+import type { HeliosColorType, HeliosAppearanceType } from "../../types/colors"
 
 export interface PillProps {
 	appearance?: HeliosAppearanceType

package/components/Placeholder/Placeholder.meta.ts

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

package/components/Placeholder/Placeholder.tsx

@@ -1,4 +1,5 @@
-import { Flex, Text } from "../.."
+import { Flex } from "../Flex"
+import { Text } from "../Text"
 import styles from "./Placeholder.module.css"
 import type { PlaceholderProps } from "./Placeholder.types"
 import type { FC } from "react"

package/components/Progress/Progress.meta.ts

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

package/components/Progress/Progress.types.ts

@@ -1,4 +1,4 @@
-import type { HeliosColorType } from "../.."
+import type { HeliosColorType } from "../../types/colors"
 
 export interface ProgressProps {
 	isSmall?: boolean

package/components/Radio/Radio.meta.ts

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

package/components/Radio/Radio.tsx

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

package/components/Segments/Segments.meta.ts

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

package/components/Segments/Segments.tsx

@@ -11,7 +11,7 @@ import {
 	cloneElement,
 	type ReactElement,
 } from "react"
-import { Flex } from "../.."
+import { Flex } from "../Flex"
 import styles from "./Segments.module.css"
 import { getClasses } from "@heliosgraphics/utils"
 import { SegmentButton } from "./components/SegmentButton"

package/components/Segments/components/SegmentButton/SegmentButton.meta.ts

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

package/components/Segments/components/SegmentButton/SegmentButton.tsx

@@ -1,8 +1,8 @@
 import styles from "./SegmentButton.module.css"
 import { forwardRef } from "react"
 import { getClasses } from "@heliosgraphics/utils"
-import { Icon } from "../../../.."
-import type { HeliosIconType } from "../../../.."
+import { Icon } from "../../../Icon"
+import type { HeliosIconType } from "../../../../types/icons"
 import type { SegmentButtonProps } from "./SegmentButton.types"
 
 export const SegmentButton = forwardRef<HTMLButtonElement, SegmentButtonProps>(

package/components/Segments/components/SegmentButton/SegmentButton.types.ts

@@ -1,4 +1,4 @@
-import type { HeliosIconType } from "../../../.."
+import type { HeliosIconType } from "../../../../types/icons"
 
 export interface SegmentButtonProps {
 	icon?: HeliosIconType

package/components/Select/Select.meta.ts

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

package/components/Select/Select.tsx

@@ -1,6 +1,7 @@
 "use client"
 
-import { Flex, Icon } from "../.."
+import { Flex } from "../Flex"
+import { Icon } from "../Icon"
 import { getClasses } from "@heliosgraphics/utils/classnames"
 import { useId, type FC } from "react"
 import { InputLabel } from "../shared/InputLabel"

package/components/Separator/Separator.meta.ts

@@ -1,4 +1,4 @@
-import type { HeliosAttributeMeta } from "../.."
+import type { HeliosAttributeMeta } from "../../types/meta"
 import type { SeparatorProps } from "./Separator.types"
 
 export const SHARED_SEPARATOR_META: Partial<HeliosAttributeMeta<SeparatorProps>> = {

package/components/Separator/Separator.types.ts

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

package/components/Separator/components/HRMarkup/HRMarkup.meta.ts

@@ -1,4 +1,4 @@
-import type { HeliosAttributeMeta } from "../../../.."
+import type { HeliosAttributeMeta } from "../../../../types/meta"
 import type { HRMarkupProps } from "./HRMarkup.types"
 import { SHARED_SEPARATOR_META } from "../../Separator.meta"
 

package/components/Separator/components/HorizontalSeparator/HorizontalSeparator.meta.ts

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

package/components/Separator/components/VerticalSeparator/VerticalSeparator.meta.ts

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

package/components/Setup/Setup.meta.ts

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

package/components/Shimmer/Shimmer.meta.ts

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

package/components/Slider/Slider.meta.ts

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

package/components/Spacer/Spacer.meta.ts

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

package/components/Table/Table.meta.ts

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

package/components/Tabs/Tabs.meta.ts

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

package/components/Tabs/Tabs.tsx

@@ -3,7 +3,7 @@
 import { useState, type FC } from "react"
 import { TabsProps } from "./Tabs.types"
 import styles from "./Tabs.module.css"
-import { Text } from "../.."
+import { Text } from "../Text"
 
 export const Tabs: FC<TabsProps> = ({ active: activeNumber, items, sections }) => {
 	const [active, setActive] = useState(activeNumber || 0)

package/components/Text/Text.meta.ts

@@ -1,4 +1,4 @@
-import type { HeliosAttributeMeta } from "../.."
+import type { HeliosAttributeMeta } from "../../types/meta"
 import type { TextBaseProps } from "./Text.types"
 
 export const SHARED_TEXT_META: Partial<HeliosAttributeMeta<TextBaseProps>> = {

package/components/Text/Text.types.ts

@@ -1,5 +1,5 @@
 import type { HTMLAttributes } from "react"
-import type { HeliosEmphasisType } from "../.."
+import type { HeliosEmphasisType } from "../../types/intentions"
 
 export interface TextBaseProps {
 	emphasis?: HeliosEmphasisType

package/components/Text/components/Div/Div.meta.ts

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

package/components/Text/components/Micro/Micro.meta.ts

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

package/components/Text/components/P/P.meta.ts

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

package/components/Text/components/Small/Small.meta.ts

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

package/components/Text/components/Tiny/Tiny.meta.ts

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

package/components/Textarea/Textarea.meta.ts

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

package/components/Textarea/Textarea.tsx

@@ -1,7 +1,7 @@
 "use client"
 
 import { getClasses } from "@heliosgraphics/utils/classnames"
-import { Text } from "../.."
+import { Text } from "../Text"
 import { useId, useRef, useEffect } from "react"
 import { InputLabel } from "../shared/InputLabel"
 import styles from "./Textarea.module.css"

package/components/Tile/Tile.meta.ts

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

package/components/Tile/Tile.tsx

@@ -1,11 +1,13 @@
 "use client"
 import { getClasses } from "@heliosgraphics/utils/classnames"
 import { getColorClasses } from "../../utils/colors"
-import { Icon, Text, Flex } from "../.."
+import { Icon } from "../Icon"
+import { Text } from "../Text"
+import { Flex } from "../Flex"
 import styles from "./Tile.module.css"
 import { type FC } from "react"
 import type { TileProps } from "./Tile.types"
-import type { HeliosColorType } from "../.."
+import type { HeliosColorType } from "../../types/colors"
 
 export const Tile: FC<TileProps> = ({
 	size,

package/components/Tile/Tile.types.ts

@@ -1,5 +1,6 @@
 import { MouseEventHandler } from "react"
-import type { HeliosIconType, HeliosColorType, HeliosAppearanceType } from "../.."
+import type { HeliosIconType } from "../../types/icons"
+import type { HeliosColorType, HeliosAppearanceType } from "../../types/colors"
 
 export interface TileProps {
 	appearance?: HeliosAppearanceType

package/components/Timestamp/Timestamp.meta.ts

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

package/components/Toggle/Toggle.meta.ts

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

package/components/Toggle/Toggle.tsx

@@ -3,7 +3,8 @@
 import { useId } from "react"
 import { getClasses } from "@heliosgraphics/utils/classnames"
 import { getColorClasses } from "../../utils/colors"
-import { INTENTION_COLOR_MAP, Text } from "../.."
+import { INTENTION_COLOR_MAP } from "../../constants/intentions"
+import { Text } from "../Text"
 import styles from "./Toggle.module.css"
 import type { FC } from "react"
 import type { ToggleProps } from "./Toggle.types"

package/components/Toggle/Toggle.types.ts

@@ -1,4 +1,4 @@
-import type { HeliosIntentionType } from "../.."
+import type { HeliosIntentionType } from "../../types/intentions"
 import type { BaseCheckboxProps } from "../Checkbox/Checkbox.types"
 
 export interface BaseToggleProps {

package/components/Tooltip/Tooltip.meta.ts

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

package/components/Tooltip/components/TooltipContent/TooltipContent.meta.ts

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

package/components/Tooltip/components/TooltipContent/TooltipContent.tsx

@@ -1,4 +1,4 @@
-import { Text } from "../../../.."
+import { Text } from "../../../Text"
 import { useTooltipContext } from "../../Tooltip.utils"
 import type { FC } from "react"
 import type { TooltipContentProps } from "./TooltipContent.types"

package/components/Tooltip/components/TooltipTrigger/TooltipTrigger.meta.ts

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

package/components/shared/InputLabel/InputLabel.meta.ts

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

package/components/shared/ResultList/ResultList.meta.ts

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

package/components/shared/ResultList/ResultList.tsx

@@ -1,5 +1,8 @@
 import { getClasses } from "@heliosgraphics/utils/classnames"
-import { Checkbox, Flex, Icon, Text } from "../../.."
+import { Checkbox } from "../../Checkbox"
+import { Flex } from "../../Flex"
+import { Icon } from "../../Icon"
+import { Text } from "../../Text"
 import styles from "./ResultList.module.css"
 import { forwardRef } from "react"
 import type { ChangeEvent } from "react"

package/components/shared/ResultList/ResultList.types.ts

@@ -1,5 +1,5 @@
 import type { Ref, MouseEventHandler } from "react"
-import type { HeliosIconType } from "../../.."
+import type { HeliosIconType } from "../../../types/icons"
 
 export interface ResultItem {
 	description?: string

package/constants/colors.ts

@@ -1,4 +1,4 @@
-import type { HeliosColorType } from ".."
+import type { HeliosColorType } from "../types/colors"
 
 export const COLORS: Array<HeliosColorType> = [
 	"aqua",

package/constants/components.ts

@@ -1,4 +1,4 @@
-import type { HeliosAttributeMeta } from ".."
+import type { HeliosAttributeMeta } from "../types/meta"
 
 import { meta as metaAlert } from "../components/Alert/Alert.meta"
 import { meta as metaBreadcrumb } from "../components/Breadcrumb/Breadcrumb.meta"

package/constants/emphasis.ts

@@ -1,3 +1,3 @@
-import type { HeliosEmphasisType } from ".."
+import type { HeliosEmphasisType } from "../types/intentions"
 
 export const EMPHASES: Array<HeliosEmphasisType> = ["primary", "secondary", "tertiary", "inherit"]

package/constants/meta.ts

@@ -1,10 +1,7 @@
-import {
-	COMPONENTS,
-	type HeliosComponentStatusType,
-	type HeliosComponentCategoryType,
-	type HeliosColorType,
-	type HeliosIconType,
-} from ".."
+import { COMPONENTS } from "./components"
+import type { HeliosComponentStatusType, HeliosComponentCategoryType } from "../types/meta"
+import type { HeliosColorType } from "../types/colors"
+import type { HeliosIconType } from "../types/icons"
 
 export const STATUS_COLORS: Record<HeliosComponentStatusType, HeliosColorType> = {
 	experimental: "pink",

package/constants/scale.ts

@@ -1,4 +1,4 @@
-import type { HeliosScaleType } from ".."
+import type { HeliosScaleType } from "../types/scale"
 
 export const SCALE: Array<HeliosScaleType> = [
 	1, 2, 4, 6, 8, 10, 12, 14, 16, 18, 20, 22, 24, 26, 28, 30, 32, 48, 64, 80, 96,

package/constants/scope.ts

@@ -1,5 +1,8 @@
 import type { Scope } from "../types/scope"
-import type { BreadcrumbItem, SelectItem, PieItem, ResultItem } from ".."
+import type { BreadcrumbItem } from "../components/Breadcrumb/Breadcrumb.types"
+import type { SelectItem } from "../components/Select/Select.types"
+import type { PieItem } from "../components/Pie/Pie.types"
+import type { ResultItem } from "../components/shared/ResultList/ResultList.types"
 
 const BREADCRUMB_ITEMS: Array<BreadcrumbItem> = [
 	{ name: "Index", href: "/", onClick: () => null },
@@ -62,7 +65,9 @@ Integer leo est, lobortis at nulla at, tempus dignissim velit. ~~Suspendisse dig
 ---
 
 - First item
-- Second item
+- Second item<sup>1</sup>
+- Third item
+- Orci varius natoque penatibus<sub>2</sub>
 
 Orci varius natoque penatibus et <a>magnis dis parturient</a> montes, nascetur ridiculus mus. Aenean varius non magna dapibus pharetra. Pellentesque eget sapien sit amet massa dapibus lacinia. Integer auctor pulvinar erat, non pharetra felis fermentum ac.
 

package/hooks/useTheme.tsx

@@ -1,7 +1,7 @@
 "use client"
 
 import { useCallback, useEffect, useState } from "react"
-import type { HeliosThemeType } from ".."
+import type { HeliosThemeType } from "../types/themes"
 
 export const useTheme = (): { theme: HeliosThemeType; isDark: boolean; toggleTheme: () => void } => {
 	const [theme, setTheme] = useState<HeliosThemeType | null>(null)

package/package.json

@@ -1,7 +1,8 @@
 {
 	"name": "@heliosgraphics/ui",
-	"version": "2.0.0-alpha.75",
+	"version": "2.0.0-alpha.77",
 	"type": "module",
+	"sideEffects": false,
 	"author": "Chris Puska <chris@puska.org>",
 	"private": false,
 	"description": "Helios UI",

package/types/scope.ts

@@ -1,18 +1,14 @@
-import type {
-	BreadcrumbItem,
-	ButtonGroupProps,
-	DonutSizeType,
-	HeliosColorType,
-	HeliosEmphasisType,
-	HeliosIconType,
-	HeliosIntentionType,
-	HeliosPositionType,
-	HeliosScaleType,
-	HeliosSizeType,
-	PieItem,
-	ResultItem,
-	SelectItem,
-} from ".."
+import type { BreadcrumbItem } from "../components/Breadcrumb/Breadcrumb.types"
+import type { ButtonGroupProps } from "../components/ButtonGroup/ButtonGroup.types"
+import type { DonutSizeType } from "../components/Donut/Donut.types"
+import type { PieItem } from "../components/Pie/Pie.types"
+import type { ResultItem } from "../components/shared/ResultList/ResultList.types"
+import type { SelectItem } from "../components/Select/Select.types"
+import type { HeliosColorType } from "./colors"
+import type { HeliosIconType } from "./icons"
+import type { HeliosEmphasisType, HeliosIntentionType } from "./intentions"
+import type { HeliosPositionType } from "./positions"
+import type { HeliosScaleType, HeliosSizeType } from "./scale"
 
 export interface Scope {
 	APPEARANCE: "light" | "dark"

package/utils/colors.ts

@@ -1,5 +1,5 @@
-import { COLORS } from ".."
-import type { HeliosAppearanceType, HeliosColorType } from ".."
+import { COLORS } from "../constants/colors"
+import type { HeliosAppearanceType, HeliosColorType } from "../types/colors"
 
 export const getColorClasses = (
 	consideredColor: HeliosColorType,