@hubstr/kit 0.1.0 → 0.1.2

package/LICENSE

@@ -1,21 +1,21 @@
-MIT License
-
-Copyright (c) 2026 Hubstr
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+MIT License
+
+Copyright (c) 2026 Hubstr
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,29 +1,29 @@
-# @hubstr/kit
-
-UI, icons, editor, charts, TTS, analytics, and CLI tooling for Hubstr.
-
-Published as one npm package with subpath exports (`@hubstr/kit/ui`, `@hubstr/kit/icons`, …).
-
-## Assets
-
-Logo: `@hubstr/kit/assets-logo` (`hubstr-ai.png`). Geist CSS is exported, font `.woff2` files are not in git yet.
-
-Heavy sprite packs (`fluent-emoji-*`, `icons-static-*`, `webfont-harmony-sans-sc`) stay out of this repo. Publish them as separate `@hubstr/*` npm packages if CDN rasters are needed; React icons in `@hubstr/kit/icons` work without that.
-
-## Install
-
-```bash
-npm i @hubstr/kit
-```
-
-This package ships **source** for `ui` / `editor` / `tts` / `charts` / `analytics`. The app must transpile it (`transpilePackages: ['@hubstr/kit']` in Next.js; Vite handles TS from `node_modules` as-is).
-
-```ts
-import { Button } from '@hubstr/kit/ui';
-import { Modal } from '@hubstr/kit/ui/base-ui';
-import { OpenAI } from '@hubstr/kit/icons';
-```
-
-Peers: `react@19`, `react-dom@19`, `antd@6`, `motion@12`.
-
-Version pins: [UPSTREAM.md](./UPSTREAM.md).
+# @hubstr/kit
+
+UI, icons, editor, charts, TTS, analytics, and CLI tooling for Hubstr.
+
+Published as one npm package with subpath exports (`@hubstr/kit/ui`, `@hubstr/kit/icons`, …).
+
+## Assets
+
+Logo: `@hubstr/kit/assets-logo` (`hubstr-ai.png`). Geist CSS is exported, font `.woff2` files are not in git yet.
+
+Heavy sprite packs (`fluent-emoji-*`, `icons-static-*`, `webfont-harmony-sans-sc`) stay out of this repo. Publish them as separate `@hubstr/*` npm packages if CDN rasters are needed; React icons in `@hubstr/kit/icons` work without that.
+
+## Install
+
+```bash
+npm i @hubstr/kit
+```
+
+This package ships **source** for `ui` / `editor` / `tts` / `charts` / `analytics`. The app must transpile it (`transpilePackages: ['@hubstr/kit']` in Next.js; Vite handles TS from `node_modules` as-is).
+
+```ts
+import { Button } from '@hubstr/kit/ui';
+import { Modal } from '@hubstr/kit/ui/base-ui';
+import { OpenAI } from '@hubstr/kit/icons';
+```
+
+Peers: `react@19`, `react-dom@19`, `antd@6`, `motion@12`.
+
+Version pins: [UPSTREAM.md](./UPSTREAM.md).

package/analytics/src/providers/ga4.ts

@@ -2,8 +2,8 @@
  * Google Analytics 4 Provider
  * Uses gtag.js library for client-side tracking
  */
-import { BaseAnalytics } from '@/base';
-import type { AnalyticsEvent, GoogleAnalyticsProviderConfig } from '@/types';
+import { BaseAnalytics } from '../base';
+import type { AnalyticsEvent, GoogleAnalyticsProviderConfig } from '../types';
 
 /**
  * Google Analytics 4 Analytics Provider

package/analytics/src/providers/posthog-node.ts

@@ -1,7 +1,7 @@
 import { PostHog } from 'posthog-node';
 
-import { BaseAnalytics } from '@/base';
-import type { AnalyticsEvent, PostHogNodeProviderAnalyticsConfig } from '@/types';
+import { BaseAnalytics } from '../base';
+import type { AnalyticsEvent, PostHogNodeProviderAnalyticsConfig } from '../types';
 
 /**
  * PostHog Node.js Analytics Provider

package/analytics/src/providers/posthog.ts

@@ -1,7 +1,7 @@
 import { BeforeSendFn, CaptureResult, posthog } from 'posthog-js';
 
-import { BaseAnalytics } from '@/base';
-import type { AnalyticsEvent, PostHogProviderAnalyticsConfig } from '@/types';
+import { BaseAnalytics } from '../base';
+import type { AnalyticsEvent, PostHogProviderAnalyticsConfig } from '../types';
 
 /**
  * PostHog Analytics Provider

package/analytics/src/providers/xads.ts

@@ -1,5 +1,5 @@
-import { BaseAnalytics } from '@/base';
-import type { AnalyticsEvent, XAdsProviderAnalyticsConfig } from '@/types';
+import { BaseAnalytics } from '../base';
+import type { AnalyticsEvent, XAdsProviderAnalyticsConfig } from '../types';
 
 const X_ADS_SCRIPT_SELECTOR = 'script[src="https://static.ads-twitter.com/uwt.js"]';
 const X_ADS_SCRIPT_SRC = 'https://static.ads-twitter.com/uwt.js';

package/analytics/src/react/hooks.ts

@@ -2,7 +2,7 @@
 // Note: React is a peer dependency
 import { useCallback } from 'react';
 
-import type { AnalyticsEvent, PredefinedEvents } from '@/types';
+import type { AnalyticsEvent, PredefinedEvents } from '../types';
 
 export type AnalyticsManager = import('../manager').AnalyticsManager;
 

package/assets-logo/assets/logo-flat.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 32 32"><title>Hubstr</title><path d="M8 6h4v8h8V6h4v20h-4v-8h-8v8H8V6z"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 32 32"><title>Hubstr</title><path d="M8 6h4v8h8V6h4v20h-4v-8h-8v8H8V6z"/></svg>

package/assets-logo/assets/logo-high-contrast.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="#111" viewBox="0 0 32 32"><title>Hubstr</title><path d="M8 6h4v8h8V6h4v20h-4v-8h-8v8H8V6z"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" fill="#111" viewBox="0 0 32 32"><title>Hubstr</title><path d="M8 6h4v8h8V6h4v20h-4v-8h-8v8H8V6z"/></svg>

package/assets-logo/assets/logo-text.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 940 320"><title>Hubstr</title><text dominant-baseline="auto" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display','Segoe UI',system-ui,sans-serif" font-size="262" font-weight="700" letter-spacing="-6" text-anchor="middle" x="470" y="264">Hubstr</text></svg>
+<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 940 320"><title>Hubstr</title><text dominant-baseline="auto" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display','Segoe UI',system-ui,sans-serif" font-size="262" font-weight="700" letter-spacing="-6" text-anchor="middle" x="470" y="264">Hubstr</text></svg>

package/charts/src/AccuracyBarChart/index.tsx

@@ -18,15 +18,15 @@ import {
 } from 'recharts';
 import { AxisDomain } from 'recharts/types/util/types';
 
-import BaseChartProps from '@/common/BaseChartProps';
-import ChartLegend from '@/common/ChartLegend';
-import ChartTooltip from '@/common/ChartTooltip';
-import CustomYAxisTick from '@/common/CustomYAxisTick';
-import NoData from '@/common/NoData';
-import { constructCategoryColors, deepEqual, getYAxisDomain } from '@/common/utils';
-import { useThemeColorRange } from '@/hooks/useThemeColorRange';
-import { defaultValueFormatter } from '@/utils';
-import { getMaxLabelLength, getTextWidth } from '@/utils/getMaxLabelLength';
+import BaseChartProps from '../common/BaseChartProps';
+import ChartLegend from '../common/ChartLegend';
+import ChartTooltip from '../common/ChartTooltip';
+import CustomYAxisTick from '../common/CustomYAxisTick';
+import NoData from '../common/NoData';
+import { constructCategoryColors, deepEqual, getYAxisDomain } from '../common/utils';
+import { useThemeColorRange } from '../hooks/useThemeColorRange';
+import { defaultValueFormatter } from '../utils';
+import { getMaxLabelLength, getTextWidth } from '../utils/getMaxLabelLength';
 
 import { styles } from './styles';
 

package/charts/src/AreaChart/index.tsx

@@ -18,16 +18,16 @@ import {
 } from 'recharts';
 import { AxisDomain } from 'recharts/types/util/types';
 
-import BaseChartProps from '@/common/BaseChartProps';
-import ChartLegend from '@/common/ChartLegend';
-import ChartTooltip from '@/common/ChartTooltip';
-import CustomYAxisTick from '@/common/CustomYAxisTick';
-import NoData from '@/common/NoData';
-import { constructCategoryColors, getYAxisDomain, hasOnlyOneValueForThisKey } from '@/common/utils';
-import { useThemeColorRange } from '@/hooks/useThemeColorRange';
-import { CurveType } from '@/types/charts';
-import { defaultValueFormatter } from '@/utils';
-import { getMaxLabelLength } from '@/utils/getMaxLabelLength';
+import BaseChartProps from '../common/BaseChartProps';
+import ChartLegend from '../common/ChartLegend';
+import ChartTooltip from '../common/ChartTooltip';
+import CustomYAxisTick from '../common/CustomYAxisTick';
+import NoData from '../common/NoData';
+import { constructCategoryColors, getYAxisDomain, hasOnlyOneValueForThisKey } from '../common/utils';
+import { useThemeColorRange } from '../hooks/useThemeColorRange';
+import { CurveType } from '../types/charts';
+import { defaultValueFormatter } from '../utils';
+import { getMaxLabelLength } from '../utils/getMaxLabelLength';
 
 import { styles } from './styles';
 

package/charts/src/BarChart/demos/xAxisLabelFormatter.tsx

@@ -1,6 +1,6 @@
 import dayjs from 'dayjs';
 
-import { BarChart } from '@/index';
+import { BarChart } from '../../index';
 
 const data = [
   {

package/charts/src/BarChart/index.tsx

@@ -16,15 +16,15 @@ import {
 } from 'recharts';
 import { AxisDomain } from 'recharts/types/util/types';
 
-import BaseChartProps from '@/common/BaseChartProps';
-import ChartLegend from '@/common/ChartLegend';
-import ChartTooltip from '@/common/ChartTooltip';
-import CustomYAxisTick from '@/common/CustomYAxisTick';
-import NoData from '@/common/NoData';
-import { constructCategoryColors, deepEqual, getYAxisDomain } from '@/common/utils';
-import { useThemeColorRange } from '@/hooks/useThemeColorRange';
-import { defaultValueFormatter } from '@/utils';
-import { getMaxLabelLength } from '@/utils/getMaxLabelLength';
+import BaseChartProps from '../common/BaseChartProps';
+import ChartLegend from '../common/ChartLegend';
+import ChartTooltip from '../common/ChartTooltip';
+import CustomYAxisTick from '../common/CustomYAxisTick';
+import NoData from '../common/NoData';
+import { constructCategoryColors, deepEqual, getYAxisDomain } from '../common/utils';
+import { useThemeColorRange } from '../hooks/useThemeColorRange';
+import { defaultValueFormatter } from '../utils';
+import { getMaxLabelLength } from '../utils/getMaxLabelLength';
 
 import { styles } from './styles';
 

package/charts/src/BarChart/renderShape.tsx

@@ -1,4 +1,4 @@
-import { deepEqual } from '@/common/utils';
+import { deepEqual } from '../common/utils';
 
 export const renderShape = (
   props: any,

package/charts/src/BarList/index.tsx

@@ -4,9 +4,9 @@ import { A, Flexbox, Skeleton } from '@hubstr/kit/ui';
 import { cssVar, cx } from 'antd-style';
 import React, { HTMLAttributes, ReactNode, forwardRef, useMemo } from 'react';
 
-import NoData, { NoDataProps } from '@/common/NoData';
-import { ValueFormatter } from '@/types/charts';
-import { defaultValueFormatter } from '@/utils';
+import NoData, { NoDataProps } from '../common/NoData';
+import { ValueFormatter } from '../types/charts';
+import { defaultValueFormatter } from '../utils';
 
 import { styles } from './styles';
 

package/charts/src/ComposedChart/index.tsx

@@ -16,13 +16,13 @@ import {
   YAxis,
 } from 'recharts';
 
-import ChartLegend from '@/common/ChartLegend';
-import ChartTooltip from '@/common/ChartTooltip';
-import CustomYAxisTick from '@/common/CustomYAxisTick';
-import NoData from '@/common/NoData';
-import { useThemeColorRange } from '@/hooks/useThemeColorRange';
-import { defaultValueFormatter } from '@/utils';
-import { getMaxLabelLength } from '@/utils/getMaxLabelLength';
+import ChartLegend from '../common/ChartLegend';
+import ChartTooltip from '../common/ChartTooltip';
+import CustomYAxisTick from '../common/CustomYAxisTick';
+import NoData from '../common/NoData';
+import { useThemeColorRange } from '../hooks/useThemeColorRange';
+import { defaultValueFormatter } from '../utils';
+import { getMaxLabelLength } from '../utils/getMaxLabelLength';
 
 import { styles } from './styles';
 import type { ComposedChartProps } from './types';

package/charts/src/ComposedChart/types.ts

@@ -1,8 +1,8 @@
 import type { HTMLAttributes } from 'react';
 import type { AxisDomain } from 'recharts/types/util/types';
 
-import type { NoDataProps } from '@/common/NoData';
-import type { IntervalType, LabelFormatter, ValueFormatter } from '@/types/charts';
+import type { NoDataProps } from '../common/NoData';
+import type { IntervalType, LabelFormatter, ValueFormatter } from '../types/charts';
 
 import type BaseAnimationTimingProps from '../common/BaseAnimationTimingProps';
 

package/charts/src/DataBars/CategoryBar.tsx

@@ -4,9 +4,9 @@ import { Flexbox, FlexboxProps, Tooltip } from '@hubstr/kit/ui';
 import { cssVar, cx } from 'antd-style';
 import { forwardRef, memo, useMemo } from 'react';
 
-import { useThemeColorRange } from '@/hooks/useThemeColorRange';
-import { ValueFormatter } from '@/types/charts';
-import { defaultValueFormatter, sumNumericArray } from '@/utils';
+import { useThemeColorRange } from '../hooks/useThemeColorRange';
+import { ValueFormatter } from '../types/charts';
+import { defaultValueFormatter, sumNumericArray } from '../utils';
 
 import { styles } from './styles';
 

package/charts/src/DataBars/DeltaBar.tsx

@@ -4,8 +4,8 @@ import { Flexbox, FlexboxProps, Tooltip } from '@hubstr/kit/ui';
 import { cssVar, cx } from 'antd-style';
 import { ReactNode, forwardRef } from 'react';
 
-import { DeltaTypes } from '@/types/charts';
-import { mapInputsToDeltaType } from '@/utils';
+import { DeltaTypes } from '../types/charts';
+import { mapInputsToDeltaType } from '../utils';
 
 import { styles } from './styles';
 

package/charts/src/DonutChart/DonutChartTooltip.tsx

@@ -1,9 +1,9 @@
 import { Flexbox } from '@hubstr/kit/ui';
 import React from 'react';
 
-import ChartTooltipFrame from '@/common/ChartTooltip/ChartTooltipFrame';
-import ChartTooltipRow from '@/common/ChartTooltip/ChartTooltipRow';
-import { ValueFormatter } from '@/types/charts';
+import ChartTooltipFrame from '../common/ChartTooltip/ChartTooltipFrame';
+import ChartTooltipRow from '../common/ChartTooltip/ChartTooltipRow';
+import { ValueFormatter } from '../types/charts';
 
 export interface DonutChartTooltipProps {
   active: boolean | undefined;

package/charts/src/DonutChart/index.tsx

@@ -5,13 +5,13 @@ import { css, cssVar, cx, useThemeMode } from 'antd-style';
 import { CSSProperties, ComponentType, MouseEvent, forwardRef, useEffect, useState } from 'react';
 import { Pie, PieChart as ReChartsDonutChart, ResponsiveContainer, Tooltip } from 'recharts';
 
-import type BaseAnimationTimingProps from '@/common/BaseAnimationTimingProps';
-import { CustomTooltipProps } from '@/common/CustomTooltipProps';
-import NoData, { type NoDataProps } from '@/common/NoData';
-import { useThemeColorRange } from '@/hooks/useThemeColorRange';
-import type { EventProps } from '@/types/charts';
-import { ValueFormatter } from '@/types/charts';
-import { defaultValueFormatter, isOnSeverSide } from '@/utils';
+import type BaseAnimationTimingProps from '../common/BaseAnimationTimingProps';
+import { CustomTooltipProps } from '../common/CustomTooltipProps';
+import NoData, { type NoDataProps } from '../common/NoData';
+import { useThemeColorRange } from '../hooks/useThemeColorRange';
+import type { EventProps } from '../types/charts';
+import { ValueFormatter } from '../types/charts';
+import { defaultValueFormatter, isOnSeverSide } from '../utils';
 
 import { DonutChartTooltip } from './DonutChartTooltip';
 import { parseLabelInput } from './inputParser';

package/charts/src/DonutChart/inputParser.ts

@@ -1,5 +1,5 @@
-import { ValueFormatter } from '@/types/charts';
-import { sumNumericArray } from '@/utils';
+import { ValueFormatter } from '../types/charts';
+import { sumNumericArray } from '../utils';
 
 const calculateDefaultLabel = (data: any[], category: string) =>
   sumNumericArray(data.map((dataPoint) => dataPoint[category]));

package/charts/src/FunnelChart/index.tsx

@@ -14,13 +14,13 @@ import {
   useState,
 } from 'react';
 
-import ArrowRightIcon from '@/FunnelChart/ArrowRightIcon';
-import BaseChartProps from '@/common/BaseChartProps';
-import ChartTooltip from '@/common/ChartTooltip';
-import NoData from '@/common/NoData';
-import { useThemeColorRange } from '@/hooks/useThemeColorRange';
-import { defaultValueFormatter } from '@/utils';
-import { getMaxLabelLength } from '@/utils/getMaxLabelLength';
+import ArrowRightIcon from './ArrowRightIcon';
+import BaseChartProps from '../common/BaseChartProps';
+import ChartTooltip from '../common/ChartTooltip';
+import NoData from '../common/NoData';
+import { useThemeColorRange } from '../hooks/useThemeColorRange';
+import { defaultValueFormatter } from '../utils';
+import { getMaxLabelLength } from '../utils/getMaxLabelLength';
 
 import { styles } from './styles';
 

package/charts/src/Heatmaps/Calendar.tsx

@@ -3,7 +3,7 @@ import { keyframes } from 'antd-style';
 import isEqual from 'fast-deep-equal';
 import { CSSProperties, ReactNode, memo, useMemo } from 'react';
 
-import type { Activity, Labels, Week } from '@/types/charts';
+import type { Activity, Labels, Week } from '../types/charts';
 
 // Move keyframes outside component to avoid recreation on each render
 const loadingAnimation = keyframes`

package/charts/src/Heatmaps/ChartLabels.tsx

@@ -2,8 +2,8 @@ import { cx } from 'antd-style';
 import isEqual from 'fast-deep-equal';
 import { memo, useMemo } from 'react';
 
-import type { Labels, Week } from '@/types/charts';
-import { getMonthLabels } from '@/utils/calendar';
+import type { Labels, Week } from '../types/charts';
+import { getMonthLabels } from '../utils/calendar';
 
 interface WeekdayLabelItem {
   dayIndex: number;

package/charts/src/Heatmaps/index.tsx

@@ -6,17 +6,17 @@ import type { Day as WeekDay } from 'date-fns';
 import { getYear, parseISO } from 'date-fns';
 import { ReactNode, forwardRef, useMemo } from 'react';
 
-import NoData, { NoDataProps } from '@/common/NoData';
-import { usePrefersReducedMotion } from '@/hooks/usePrefersReducedMotion';
-import type { Activity, Labels, Week } from '@/types/charts';
-import { isOnSeverSide } from '@/utils';
+import NoData, { NoDataProps } from '../common/NoData';
+import { usePrefersReducedMotion } from '../hooks/usePrefersReducedMotion';
+import type { Activity, Labels, Week } from '../types/charts';
+import { isOnSeverSide } from '../utils';
 import {
   DEFAULT_LABELS,
   generateEmptyData,
   groupByWeeks,
   maxWeekdayLabelLength,
-} from '@/utils/calendar';
-import { createTheme } from '@/utils/theme';
+} from '../utils/calendar';
+import { createTheme } from '../utils/theme';
 
 import Calendar from './Calendar';
 import ChartLabels from './ChartLabels';

package/charts/src/Legend/index.tsx

@@ -3,7 +3,7 @@ import { createStaticStyles, cx } from 'antd-style';
 import { ChevronLeft, ChevronRight } from 'lucide-react';
 import { forwardRef, useCallback, useEffect, useRef, useState } from 'react';
 
-import { useThemeColorRange } from '@/hooks/useThemeColorRange';
+import { useThemeColorRange } from '../hooks/useThemeColorRange';
 
 import LegendItem from './LegendItem';
 import ScrollButton from './ScrollButton';

package/charts/src/LineChart/index.tsx

@@ -17,16 +17,16 @@ import {
 } from 'recharts';
 import { AxisDomain } from 'recharts/types/util/types';
 
-import BaseChartProps from '@/common/BaseChartProps';
-import ChartLegend from '@/common/ChartLegend';
-import ChartTooltip from '@/common/ChartTooltip';
-import CustomYAxisTick from '@/common/CustomYAxisTick';
-import NoData from '@/common/NoData';
-import { constructCategoryColors, getYAxisDomain, hasOnlyOneValueForThisKey } from '@/common/utils';
-import { useThemeColorRange } from '@/hooks/useThemeColorRange';
-import { CurveType } from '@/types/charts';
-import { defaultValueFormatter } from '@/utils';
-import { getMaxLabelLength } from '@/utils/getMaxLabelLength';
+import BaseChartProps from '../common/BaseChartProps';
+import ChartLegend from '../common/ChartLegend';
+import ChartTooltip from '../common/ChartTooltip';
+import CustomYAxisTick from '../common/CustomYAxisTick';
+import NoData from '../common/NoData';
+import { constructCategoryColors, getYAxisDomain, hasOnlyOneValueForThisKey } from '../common/utils';
+import { useThemeColorRange } from '../hooks/useThemeColorRange';
+import { CurveType } from '../types/charts';
+import { defaultValueFormatter } from '../utils';
+import { getMaxLabelLength } from '../utils/getMaxLabelLength';
 
 import { styles } from './styles';
 

package/charts/src/ScatterChart/ScatterChartTooltip.tsx

@@ -4,9 +4,9 @@ import { createStaticStyles, cssVar, cx } from 'antd-style';
 import { Circle } from 'lucide-react';
 import React, { memo } from 'react';
 
-import { ChartTooltipFrame } from '@/common/ChartTooltip/ChartTooltipFrame';
-import { ScatterChartValueFormatter } from '@/types/charts';
-import { defaultValueFormatter } from '@/utils';
+import { ChartTooltipFrame } from '../common/ChartTooltip/ChartTooltipFrame';
+import { ScatterChartValueFormatter } from '../types/charts';
+import { defaultValueFormatter } from '../utils';
 
 import ScatterChartTooltipRow from './ScatterChartTooltipRow';
 

package/charts/src/ScatterChart/index.tsx

@@ -17,21 +17,21 @@ import {
 } from 'recharts';
 import { AxisDomain } from 'recharts/types/util/types';
 
-import { renderShape } from '@/ScatterChart/renderShape';
-import ChartLegend from '@/common/ChartLegend';
-import { CustomTooltipProps } from '@/common/CustomTooltipProps';
-import CustomYAxisTick from '@/common/CustomYAxisTick';
+import { renderShape } from './renderShape';
+import ChartLegend from '../common/ChartLegend';
+import { CustomTooltipProps } from '../common/CustomTooltipProps';
+import CustomYAxisTick from '../common/CustomYAxisTick';
 import {
   constructCategories,
   constructCategoryColors,
   deepEqual,
   getYAxisDomain,
-} from '@/common/utils';
-import { useThemeColorRange } from '@/hooks/useThemeColorRange';
-import type { EventProps } from '@/types/charts';
-import { IntervalType, ValueFormatter } from '@/types/charts';
-import { defaultValueFormatter } from '@/utils';
-import { getMaxLabelLength } from '@/utils/getMaxLabelLength';
+} from '../common/utils';
+import { useThemeColorRange } from '../hooks/useThemeColorRange';
+import type { EventProps } from '../types/charts';
+import { IntervalType, ValueFormatter } from '../types/charts';
+import { defaultValueFormatter } from '../utils';
+import { getMaxLabelLength } from '../utils/getMaxLabelLength';
 
 import BaseAnimationTimingProps from '../common/BaseAnimationTimingProps';
 import NoData, { type NoDataProps } from '../common/NoData';

package/charts/src/ScatterChart/renderShape.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Dot } from 'recharts';
 
-import { deepEqual } from '@/common/utils';
+import { deepEqual } from '../common/utils';
 
 export const renderShape = (
   props: any,

package/charts/src/SparkChart/SparkAreaChart.tsx

@@ -6,11 +6,11 @@ import { forwardRef } from 'react';
 import { Area, AreaChart as ReChartsAreaChart, ResponsiveContainer, XAxis, YAxis } from 'recharts';
 import { AxisDomain } from 'recharts/types/util/types';
 
-import BaseSparkChartProps from '@/common/BaseSparkChartProps';
-import NoData from '@/common/NoData';
-import { constructCategoryColors, getYAxisDomain } from '@/common/utils';
-import { useThemeColorRange } from '@/hooks/useThemeColorRange';
-import { CurveType } from '@/types/charts';
+import BaseSparkChartProps from '../common/BaseSparkChartProps';
+import NoData from '../common/NoData';
+import { constructCategoryColors, getYAxisDomain } from '../common/utils';
+import { useThemeColorRange } from '../hooks/useThemeColorRange';
+import { CurveType } from '../types/charts';
 
 export interface SparkAreaChartProps extends BaseSparkChartProps {
   connectNulls?: boolean;

package/charts/src/SparkChart/SparkBarChart.tsx

@@ -6,10 +6,10 @@ import { forwardRef } from 'react';
 import { Bar, BarChart as ReChartsBarChart, ResponsiveContainer, XAxis, YAxis } from 'recharts';
 import { AxisDomain } from 'recharts/types/util/types';
 
-import BaseSparkChartProps from '@/common/BaseSparkChartProps';
-import NoData from '@/common/NoData';
-import { constructCategoryColors, getYAxisDomain } from '@/common/utils';
-import { useThemeColorRange } from '@/hooks/useThemeColorRange';
+import BaseSparkChartProps from '../common/BaseSparkChartProps';
+import NoData from '../common/NoData';
+import { constructCategoryColors, getYAxisDomain } from '../common/utils';
+import { useThemeColorRange } from '../hooks/useThemeColorRange';
 
 export interface SparkBarChartProps extends BaseSparkChartProps {
   loading?: boolean;

package/charts/src/SparkChart/SparkLineChart.tsx

@@ -6,11 +6,11 @@ import { forwardRef } from 'react';
 import { Line, LineChart as ReChartsLineChart, ResponsiveContainer, XAxis, YAxis } from 'recharts';
 import { AxisDomain } from 'recharts/types/util/types';
 
-import BaseSparkChartProps from '@/common/BaseSparkChartProps';
-import NoData from '@/common/NoData';
-import { constructCategoryColors, getYAxisDomain } from '@/common/utils';
-import { useThemeColorRange } from '@/hooks/useThemeColorRange';
-import { CurveType } from '@/types/charts';
+import BaseSparkChartProps from '../common/BaseSparkChartProps';
+import NoData from '../common/NoData';
+import { constructCategoryColors, getYAxisDomain } from '../common/utils';
+import { useThemeColorRange } from '../hooks/useThemeColorRange';
+import { CurveType } from '../types/charts';
 
 export interface SparkLineChartProps extends BaseSparkChartProps {
   connectNulls?: boolean;