@levi-gemcommerce/analytics 0.0.1-dev.0

package/dist/umd/esm/components/GMultipleMetricChartCard/GMultipleMetricChartCard.d.ts

@@ -0,0 +1,14 @@
+import type { ReactElement } from 'react';
+import type { AllChartsDataMap, IMetricCardItem } from '../../types';
+export interface IProps {
+    data: IMetricCardItem[];
+    dataChart: AllChartsDataMap;
+    defaultActiveTab?: string;
+    isLoading?: boolean;
+    isEmptyMetricData?: boolean;
+    hideComparison?: boolean;
+    currentPeriodLabel?: string;
+    previousPeriodLabel?: string;
+    onclickMetric?: (key: string) => void;
+}
+export declare const GMultipleMetricChartCard: ({ data, dataChart, defaultActiveTab, isLoading, isEmptyMetricData, hideComparison, currentPeriodLabel, previousPeriodLabel, }: IProps) => ReactElement;

package/dist/umd/esm/components/GMultipleMetricChartCard/MetricCard.d.ts

@@ -0,0 +1,10 @@
+import type { IMetricCardItem } from '../../types';
+import type { ReactElement } from 'react';
+export interface IProps {
+    item: IMetricCardItem;
+    isActive: boolean;
+    isLoading?: boolean;
+    hideComparison?: boolean;
+    onSelect: (key: string) => void;
+}
+export declare const MetricCard: ({ item, isActive, isLoading, hideComparison, onSelect }: IProps) => ReactElement;

package/dist/umd/esm/components/GMultipleMetricChartCard/MetricChart.d.ts

@@ -0,0 +1,12 @@
+import type { ReactElement } from 'react';
+import type { AllChartsDataMap } from '../../types';
+export interface IProps {
+    activeTab?: string;
+    dataChart: AllChartsDataMap;
+    isLoading?: boolean;
+    isEmptyMetricData?: boolean;
+    hideComparison?: boolean;
+    currentPeriodLabel: string;
+    previousPeriodLabel: string;
+}
+export declare const MetricChart: ({ activeTab, dataChart, isLoading, isEmptyMetricData, hideComparison, currentPeriodLabel, previousPeriodLabel, }: IProps) => ReactElement;

package/dist/umd/esm/components/GMultipleMetricChartCard/index.d.ts

@@ -0,0 +1,2 @@
+export { GMultipleMetricChartCard } from './GMultipleMetricChartCard';
+export type { IProps as IGMultipleMetricChartCardProps } from './GMultipleMetricChartCard';

package/dist/umd/esm/components/GSelectableMetricChartCard/GSelectableMetricChartCard.d.ts

@@ -0,0 +1,14 @@
+import type { AllChartsDataMap, IMetricCardItem } from '../../types';
+import type { ReactElement } from 'react';
+export interface IProps {
+    metricInfo: IMetricCardItem[];
+    dataChart: AllChartsDataMap;
+    defaultActiveTab?: string;
+    isLoading?: boolean;
+    isEmptyMetricData?: boolean;
+    hideComparison?: boolean;
+    currentPeriodLabel?: string;
+    previousPeriodLabel?: string;
+    onclickMetric?: (key: string) => void;
+}
+export declare const GSelectableMetricChartCard: ({ metricInfo, dataChart, defaultActiveTab, isLoading, isEmptyMetricData, hideComparison, currentPeriodLabel, previousPeriodLabel, }: IProps) => ReactElement;

package/dist/umd/esm/components/GSelectableMetricChartCard/MetricCard.d.ts

@@ -0,0 +1,10 @@
+import type { IMetricCardItem } from '../../types';
+import type { ReactElement } from 'react';
+export interface IProps {
+    item: IMetricCardItem;
+    isActive: boolean;
+    isLoading?: boolean;
+    hideComparison?: boolean;
+    onSelect: (key: string) => void;
+}
+export declare const MetricCard: ({ item, isActive, isLoading, hideComparison, onSelect }: IProps) => ReactElement;

package/dist/umd/esm/components/GSelectableMetricChartCard/MetricChart.d.ts

@@ -0,0 +1,12 @@
+import type { ReactElement } from 'react';
+import type { AllChartsDataMap } from '../../types';
+export interface IProps {
+    activeTab?: string;
+    dataChart: AllChartsDataMap;
+    isLoading?: boolean;
+    isEmptyMetricData?: boolean;
+    hideComparison?: boolean;
+    currentPeriodLabel: string;
+    previousPeriodLabel: string;
+}
+export declare const MetricChart: ({ activeTab, dataChart, isLoading, isEmptyMetricData, hideComparison, currentPeriodLabel, previousPeriodLabel, }: IProps) => ReactElement;

package/dist/umd/esm/components/GSelectableMetricChartCard/MetricChartTab.d.ts

@@ -0,0 +1,11 @@
+import type { ReactElement } from 'react';
+import type { IMetricCardItem } from '../../types';
+export interface IProps {
+    item: IMetricCardItem;
+    isActive: boolean;
+    isLoading?: boolean;
+    hideComparison?: boolean;
+    onSelect: (key: string) => void;
+    onClickTitle?: (key: string) => void;
+}
+export declare const MetricChartTab: ({ item, isActive, isLoading, hideComparison, onSelect, onClickTitle, }: IProps) => ReactElement;

package/dist/umd/esm/components/GSelectableMetricChartCard/index.d.ts

@@ -0,0 +1,2 @@
+export { GSelectableMetricChartCard } from './GSelectableMetricChartCard';
+export type { IProps as IGSelectableMetricChartCardProps } from './GSelectableMetricChartCard';

package/dist/umd/esm/components/GTooltipCard/GTooltipCard.d.ts

@@ -0,0 +1,32 @@
+import type { BoxProps } from '@shopify/polaris';
+type CloseTarget = 'activator' | 'next-node';
+export interface PopoverPublicAPI {
+    forceUpdatePosition(): void;
+    close(target?: CloseTarget): void;
+}
+export interface GTooltipCardPublicAPI {
+    onClose(): void;
+}
+type Width = 'default' | 'wide' | 'large';
+export interface GTooltipCardData {
+    title: string;
+    content: string | TrustedHTML;
+    formula?: React.ReactNode;
+    contentList?: string[];
+    width?: Width;
+}
+export interface IProps {
+    children: React.ReactNode;
+    delay?: number;
+    tooltip?: GTooltipCardData;
+    activatorProps?: BoxProps;
+    wrapper?: 'span' | 'div';
+    isHideBorder?: boolean;
+    alignment?: 'start' | 'center' | 'end';
+    textDecoration?: 'underline' | 'none';
+    preferredAlignment?: 'left' | 'center' | 'right';
+    popoverRef?: React.RefObject<PopoverPublicAPI>;
+    showArrow?: boolean;
+}
+export declare const GTooltipCard: import("react").ForwardRefExoticComponent<IProps & import("react").RefAttributes<GTooltipCardPublicAPI>>;
+export {};

package/dist/umd/esm/components/GTooltipCard/index.d.ts

@@ -0,0 +1,2 @@
+export { GTooltipCard } from './GTooltipCard';
+export type { GTooltipCardData, GTooltipCardPublicAPI, IProps as IGTooltipCardProps, PopoverPublicAPI, } from './GTooltipCard';

package/dist/umd/esm/components/PATrendBadge/PATrendBadge.d.ts

@@ -0,0 +1,7 @@
+import { type ReactElement } from 'react';
+export interface IProps {
+    label: string;
+    value: string;
+    changePercent?: number;
+}
+export declare const PATrendBadge: ({ label, value, changePercent }: IProps) => ReactElement;

package/dist/umd/esm/components/PATrendBadge/index.d.ts

@@ -0,0 +1 @@
+export * from './PATrendBadge';

package/dist/umd/esm/components/SingleMetricChartCard/SingleMetricChartCard.d.ts

@@ -0,0 +1,12 @@
+import type { DataSeries } from '@shopify/polaris-viz-core';
+import type { ReactElement } from 'react';
+import type { IMetricCardItem } from '../../types';
+export interface IProps {
+    metricInfo: IMetricCardItem;
+    isLoading?: boolean;
+    hideComparison?: boolean;
+    isEmptyMetricData?: boolean;
+    lineChartData: DataSeries[];
+    onClickTitle?: (key: string) => void;
+}
+export declare const SingleMetricChartCard: ({ metricInfo, lineChartData, isLoading, hideComparison, isEmptyMetricData, onClickTitle, }: IProps) => ReactElement;

package/dist/umd/esm/components/SingleMetricChartCard/index.d.ts

@@ -0,0 +1,2 @@
+export { SingleMetricChartCard } from './SingleMetricChartCard';
+export type { IProps as ISingleMetricChartCardProps } from './SingleMetricChartCard';

package/dist/umd/esm/components/common/chart/GChartSkeleton.d.ts

@@ -0,0 +1 @@
+export declare const GChartSkeleton: () => import("react/jsx-runtime").JSX.Element;

package/dist/umd/esm/components/common/chart/MetricChart.d.ts

@@ -0,0 +1,8 @@
+import type { DataSeries } from '@shopify/polaris-viz';
+import type { ReactElement } from 'react';
+export interface IProps {
+    lineChartData: DataSeries[];
+    isLoading?: boolean;
+    isEmptyMetricData?: boolean;
+}
+export declare const MetricChart: ({ lineChartData, isLoading, isEmptyMetricData }: IProps) => ReactElement;

package/dist/umd/esm/components/common/chart/MetricChartEmpty.d.ts

@@ -0,0 +1,8 @@
+import type { BoxProps } from '@shopify/polaris';
+export interface MetricChartEmptyProps {
+    boxProps?: BoxProps;
+    minHeight?: string;
+    description?: string;
+    title: string;
+}
+export declare const MetricChartEmpty: React.FC<MetricChartEmptyProps>;

package/dist/umd/esm/components/common/chart/MetricChartProvider.d.ts

@@ -0,0 +1,6 @@
+import type { ReactElement, ReactNode } from 'react';
+export interface IProps {
+    children: ReactNode;
+    minHeight?: number;
+}
+export declare const MetricChartProvider: ({ children, minHeight }: IProps) => ReactElement;

package/dist/umd/esm/components/common/chart/MetricChartTooltip.d.ts

@@ -0,0 +1,6 @@
+import type { RenderTooltipContentData } from '@shopify/polaris-viz';
+export interface MetricChartTooltipProps {
+    data: RenderTooltipContentData;
+    formatValue: (value: number) => string;
+}
+export declare const MetricChartTooltip: React.FC<MetricChartTooltipProps>;

package/dist/umd/esm/components/common/chart/MetricInfoBlock.d.ts

@@ -0,0 +1,13 @@
+import type { TextProps } from '@shopify/polaris';
+import type { ReactElement } from 'react';
+import type { IMetricCardItem } from '../../../types';
+export interface IProps {
+    item: IMetricCardItem;
+    isHovered: boolean;
+    isLoading?: boolean;
+    hideComparison?: boolean;
+    titleVariant?: TextProps['variant'];
+    titleFontWeight?: TextProps['fontWeight'];
+    onClickTitle?: (key: string) => void;
+}
+export declare const MetricInfoBlock: ({ item, isHovered, isLoading, hideComparison, titleVariant, titleFontWeight, onClickTitle, }: IProps) => ReactElement;

package/dist/umd/esm/components/common/chart/MetricInfoSkeleton.d.ts

@@ -0,0 +1,4 @@
+export interface MetricInfoSkeletonProps {
+    isShowOneLine?: boolean;
+}
+export declare const MetricInfoSkeleton: React.FC<MetricInfoSkeletonProps>;

package/dist/umd/esm/components/common/chart/MetricTrend.d.ts

@@ -0,0 +1,5 @@
+import type { ReactElement } from 'react';
+export interface IProps {
+    change: number | string;
+}
+export declare const MetricTrend: ({ change }: IProps) => ReactElement;

package/dist/umd/esm/components/common/chart/MetricValueSummary.d.ts

@@ -0,0 +1,8 @@
+import type { ReactElement } from 'react';
+import type { IMetricControl } from '../../../types';
+interface IProps {
+    totalValue: IMetricControl;
+    hideComparison?: boolean;
+}
+export declare const MetricValueSummary: ({ totalValue, hideComparison }: IProps) => ReactElement;
+export {};

package/dist/umd/esm/components/common/chart/PAMetricInfoSkeleton.d.ts

@@ -0,0 +1,4 @@
+export interface PAMetricInfoSkeletonProps {
+    isShowOneLine?: boolean;
+}
+export declare const PAMetricInfoSkeleton: React.FC<PAMetricInfoSkeletonProps>;

package/dist/umd/esm/components/common/chart/index.d.ts

@@ -0,0 +1,7 @@
+export { GChartSkeleton } from './GChartSkeleton';
+export { MetricChart } from './MetricChart';
+export { MetricChartEmpty } from './MetricChartEmpty';
+export { MetricChartTooltip } from './MetricChartTooltip';
+export { MetricInfoBlock } from './MetricInfoBlock';
+export { MetricInfoSkeleton } from './MetricInfoSkeleton';
+export { MetricValueSummary } from './MetricValueSummary';

package/dist/umd/esm/components/common/icons/DownIcon8px.d.ts

@@ -0,0 +1 @@
+export declare const DownIcon8px: () => import("react/jsx-runtime").JSX.Element;

package/dist/umd/esm/components/common/icons/UpIcon8px.d.ts

@@ -0,0 +1 @@
+export declare const UpIcon8px: () => import("react/jsx-runtime").JSX.Element;

package/dist/umd/esm/components/common/icons/index.d.ts

@@ -0,0 +1,2 @@
+export { DownIcon8px } from './DownIcon8px';
+export { UpIcon8px } from './UpIcon8px';

package/dist/umd/esm/components/common/percent/MetricPercentage.d.ts

@@ -0,0 +1,4 @@
+export interface MetricPercentageProps {
+    change: number | string;
+}
+export declare const MetricPercentage: React.FC<MetricPercentageProps>;

package/dist/umd/esm/components/common/percent/index.d.ts

@@ -0,0 +1 @@
+export { MetricPercentage } from './MetricPercentage';

package/dist/umd/esm/components/index.d.ts

@@ -0,0 +1,2 @@
+export * from './GSelectableMetricChartCard';
+export * from './SingleMetricChartCard';

package/dist/umd/esm/constants/analytic-metric-tooltip.d.ts

@@ -0,0 +1,5 @@
+import type { GTooltipCardData } from '../shared';
+import { EMetricKey } from '../types/metric';
+type IMetricKeyValue = Record<EMetricKey, GTooltipCardData>;
+export declare const ANALYTICS_METRIC_TOOLTIP: IMetricKeyValue;
+export {};

package/dist/umd/esm/constants/chart.d.ts

@@ -0,0 +1,13 @@
+export declare const DEFAULT_CURRENT_PERIOD_LABEL = "Current";
+export declare const DEFAULT_PREVIOUS_PERIOD_LABEL = "Previous";
+export declare const CHART_MIN_HEIGHT = 228;
+export declare const SERIES_COLORS: {
+    readonly current: "rgba(64, 176, 230, 1)";
+    readonly comparison: "rgba(161, 202, 231, 1)";
+    readonly all: readonly ["#2C7DFF", "#F34A70"];
+};
+export declare const TREND_TONE: {
+    readonly POSITIVE: "#007F5F";
+    readonly NEUTRAL: "#4A4A4A";
+};
+export declare const PLACEHOLDER_VALUE = "-";

package/dist/umd/esm/constants/g-multiple-metric-chart-card.d.ts

@@ -0,0 +1,13 @@
+export declare const DEFAULT_CURRENT_PERIOD_LABEL = "Current";
+export declare const DEFAULT_PREVIOUS_PERIOD_LABEL = "Previous";
+export declare const CHART_MIN_HEIGHT = 228;
+export declare const SERIES_COLORS: {
+    readonly current: "rgba(64, 176, 230, 1)";
+    readonly comparison: "rgba(161, 202, 231, 1)";
+    readonly all: readonly ["#2C7DFF", "#F34A70"];
+};
+export declare const TREND_TONE: {
+    readonly POSITIVE: "#007F5F";
+    readonly NEUTRAL: "#4A4A4A";
+};
+export declare const GRID_GAP = "16px";

package/dist/umd/esm/constants/g-selectable-metric-chart-card.d.ts

@@ -0,0 +1,12 @@
+export declare const DEFAULT_CURRENT_PERIOD_LABEL = "Current";
+export declare const DEFAULT_PREVIOUS_PERIOD_LABEL = "Previous";
+export declare const CHART_MIN_HEIGHT = 228;
+export declare const SERIES_COLORS: {
+    readonly current: "rgba(64, 176, 230, 1)";
+    readonly comparison: "rgba(161, 202, 231, 1)";
+    readonly all: readonly ["#2C7DFF", "#F34A70"];
+};
+export declare const TREND_TONE: {
+    readonly POSITIVE: "#007F5F";
+    readonly NEUTRAL: "#4A4A4A";
+};

package/dist/umd/esm/constants/index.d.ts

@@ -0,0 +1,3 @@
+export * from './analytic-metric-tooltip';
+export * from './chart';
+export * from './thumbnail';

package/dist/umd/esm/constants/pa-trend-badge.d.ts

@@ -0,0 +1,9 @@
+export declare const TREND_DIRECTION: {
+    readonly UP: "up";
+    readonly DOWN: "down";
+    readonly NEUTRAL: "neutral";
+};
+export type ITrendDirection = (typeof TREND_DIRECTION)[keyof typeof TREND_DIRECTION];
+export declare const TREND_COLOR: Record<ITrendDirection, string>;
+export declare const TREND_SYMBOL: Record<ITrendDirection, string>;
+export declare const PERCENT_DECIMALS = 2;

package/dist/umd/esm/constants/thumbnail.d.ts

@@ -0,0 +1,2 @@
+import THUMB_PRODUCT_DEFAULT from '../assets/svg/product.svg';
+export { THUMB_PRODUCT_DEFAULT };

package/dist/umd/esm/index.d.ts

@@ -0,0 +1,2 @@
+export * from './components';
+export * from './types';

package/dist/umd/esm/providers/MetricChartProvider.d.ts

@@ -0,0 +1,6 @@
+import type { ReactElement, ReactNode } from 'react';
+export interface IProps {
+    children: ReactNode;
+    minHeight?: number;
+}
+export declare const MetricChartProvider: ({ children, minHeight }: IProps) => ReactElement;

package/dist/umd/esm/providers/index.d.ts

@@ -0,0 +1 @@
+export { MetricChartProvider } from './MetricChartProvider';

package/dist/umd/esm/shared/components/GBlockCenter/GBlockCenter.d.ts

@@ -0,0 +1,15 @@
+import { type CSSProperties } from 'react';
+import type { BoxProps } from '@shopify/polaris';
+import './GBlockCenter.scss';
+export type SpaceScale = '0' | '025' | '050' | '100' | '150' | '200' | '300' | '400' | '500' | '600' | '800' | '1000' | '1200' | '1600' | '2000' | '2400' | '2800' | '3200';
+export interface GBlockCenterProps extends Omit<BoxProps, 'insetInlineStart' | 'insetInlineEnd' | 'insetBlockStart' | 'insetBlockEnd'> {
+    height?: string;
+    align?: 'center' | 'start' | 'end';
+    inlineAlign?: 'center' | 'start' | 'end';
+    display?: CSSProperties['display'];
+    insetInlineStart?: SpaceScale;
+    insetInlineEnd?: SpaceScale;
+    insetBlockStart?: SpaceScale;
+    insetBlockEnd?: SpaceScale;
+}
+export declare const GBlockCenter: ({ height, align, inlineAlign, display, ...props }: GBlockCenterProps) => import("react/jsx-runtime").JSX.Element;

package/dist/umd/esm/shared/components/GBlockCenter/index.d.ts

@@ -0,0 +1 @@
+export * from './GBlockCenter';

package/dist/umd/esm/shared/components/GSkeletonDisplayText/GSkeletonDisplayText.d.ts

@@ -0,0 +1,4 @@
+export interface GSkeletonDisplayTextProps {
+    height?: `${number}ch` | `${number}%` | `${number}px`;
+}
+export declare const GSkeletonDisplayText: React.FC<GSkeletonDisplayTextProps>;

package/dist/umd/esm/shared/components/GSkeletonDisplayText/index.d.ts

@@ -0,0 +1 @@
+export * from './GSkeletonDisplayText';

package/dist/umd/esm/shared/components/GThumbnail/GThumbnail.d.ts

@@ -0,0 +1,20 @@
+import type { ThumbnailProps } from '@shopify/polaris';
+export interface GThumbnailProps extends ThumbnailProps {
+    defaultSource?: string;
+    width?: string;
+    height?: string;
+    classRemoved?: boolean;
+    isInactive?: boolean;
+    /**
+     * @description Filter to apply grayscale to the image
+     */
+    grayscale?: `${number}%`;
+}
+/**
+ * Helper function to generate a variation class name.
+ * @param name - Base name of the class.
+ * @param value - Variation value to append.
+ * @returns Combined class name.
+ */
+export declare function variationName(name: string, value: string): string;
+export declare const GThumbnail: ({ source, alt, size, grayscale, defaultSource, width, height, classRemoved, }: GThumbnailProps) => import("react/jsx-runtime").JSX.Element;

package/dist/umd/esm/shared/components/GThumbnail/index.d.ts

@@ -0,0 +1 @@
+export * from './GThumbnail';

package/dist/umd/esm/shared/components/GTooltipCard/GTooltipCard.d.ts

@@ -0,0 +1,32 @@
+import type { BoxProps } from '@shopify/polaris';
+type CloseTarget = 'activator' | 'next-node';
+export interface PopoverPublicAPI {
+    forceUpdatePosition(): void;
+    close(target?: CloseTarget): void;
+}
+export interface GTooltipCardPublicAPI {
+    onClose(): void;
+}
+type Width = 'default' | 'wide' | 'large';
+export interface GTooltipCardData {
+    title: string;
+    content: string | TrustedHTML;
+    formula?: React.ReactNode;
+    contentList?: string[];
+    width?: Width;
+}
+export interface IProps {
+    children: React.ReactNode;
+    delay?: number;
+    tooltip?: GTooltipCardData;
+    activatorProps?: BoxProps;
+    wrapper?: 'span' | 'div';
+    isHideBorder?: boolean;
+    alignment?: 'start' | 'center' | 'end';
+    textDecoration?: 'underline' | 'none';
+    preferredAlignment?: 'left' | 'center' | 'right';
+    popoverRef?: React.RefObject<PopoverPublicAPI>;
+    showArrow?: boolean;
+}
+export declare const GTooltipCard: import("react").ForwardRefExoticComponent<IProps & import("react").RefAttributes<GTooltipCardPublicAPI>>;
+export {};

package/dist/umd/esm/shared/components/GTooltipCard/index.d.ts

@@ -0,0 +1,2 @@
+export { GTooltipCard } from './GTooltipCard';
+export type { GTooltipCardData, GTooltipCardPublicAPI, IProps as IGTooltipCardProps, PopoverPublicAPI, } from './GTooltipCard';

package/dist/umd/esm/shared/components/index.d.ts

@@ -0,0 +1,4 @@
+export * from './GSkeletonDisplayText';
+export * from './GBlockCenter';
+export * from './GThumbnail';
+export * from './GTooltipCard';

package/dist/umd/esm/shared/index.d.ts

@@ -0,0 +1 @@
+export * from './components';

package/dist/umd/esm/types/chart.d.ts

@@ -0,0 +1,19 @@
+import type { Trend } from '@shopify/polaris-viz-core';
+export interface IPAChartLabel {
+    value: string;
+    tooltipValue: string;
+}
+export type IPAChartLabels = IPAChartLabel[];
+export interface IPAChartDataPoint {
+    key: string;
+    tooltipKey: string;
+    value: number;
+    trend?: {
+        value: string | undefined;
+        trend: Trend;
+    };
+}
+export type AllChartsDataMap = Record<string, {
+    current: IPAChartDataPoint[];
+    previous: IPAChartDataPoint[];
+}>;

package/dist/umd/esm/types/index.d.ts

@@ -0,0 +1,2 @@
+export * from './chart';
+export * from './metric';

package/dist/umd/esm/types/metric.d.ts

@@ -0,0 +1,27 @@
+export declare enum EMetricKey {
+    SESSION = "sessions",
+    ORDERS = "orders",
+    PAGE_VIEWS = "pageviews",
+    VISITORS = "visitors",
+    BOUNCE_RATE = "bounce_rate",
+    CTR = "ctr",
+    CONVERSION_RATE = "conversion_rate",
+    AVG_TIME_ON_PAGE = "average_time_on_page",
+    ADDED_TO_CART = "added_to_cart",
+    ADD_TO_CART_RATE = "added_to_cart_rate",
+    REACHED_CHECKOUT = "sessions_that_reached_checkout",
+    COMPLETE_CHECKOUT = "sessions_that_completed_checkout",
+    CART_ADDITION = "sessions_with_cart_additions",
+    AOV = "aov",
+    REVENUE = "revenue",
+    RPV = "revenue_per_visitor"
+}
+export interface IMetricControl {
+    value: string | number | null;
+    change: string | number;
+}
+export interface IMetricCardItem {
+    key: EMetricKey;
+    title: string;
+    totalValue: IMetricControl;
+}

package/dist/umd/esm/utils/cls.d.ts

@@ -0,0 +1,4 @@
+type ClassDictionary = Record<string, boolean | undefined | null>;
+type ClassValue = ClassDictionary | string | null | undefined;
+export declare function cls(...classes: ClassValue[]): string;
+export {};

package/dist/umd/esm/utils/index.d.ts

@@ -0,0 +1,3 @@
+export * from './number';
+export * from './percentage';
+export * from './cls';

package/dist/umd/esm/utils/number.d.ts

@@ -0,0 +1,5 @@
+export declare const TRIM_DECIMAL_ZEROS_REGEX: RegExp;
+export declare const DEFAULT_DECIMALS = 2;
+export declare const trimDecimalZeros: (number?: string) => string;
+export declare const cleanDecimal: (number: number, decimals?: number) => string;
+export declare const semverToNum: (v: string) => number;

package/dist/umd/esm/utils/percentage.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Utility function to calculate percentage and format it.
+ * @param part - The part value.
+ * @param total - The total value.
+ * @param decimals - The number of decimal places to format the percentage to.
+ * @returns The formatted percentage as a string.
+ */
+export declare const calcPercentage: (part?: number, total?: number, decimals?: number) => number | undefined;
+export declare const calcPercentageString: (part: number | undefined, total: number, decimals?: number) => string | undefined;
+export declare const formatPercentage: (percentage: number, decimals?: number) => string;