@gem-sdk/analytics 1.0.0-dev.9 → 1.0.1

package/dist/esm/modules/analytics/constants/index.d.ts

@@ -0,0 +1,15 @@
+import type { IFunctionGetMetric } from '../types';
+import { IPAMetricKey } from '../types';
+interface IPageAnalyticMappingItem {
+    heading: {
+        title: string;
+    };
+    getMetricValue: IFunctionGetMetric;
+}
+export declare const PA_METRIC_TOOLTIP: Record<IPAMetricKey, unknown>;
+export declare const SHOPIFY_PAGE_TYPE_KEY = "shopify_page_type";
+export declare const METRICS_COLUMNS: Record<IPAMetricKey, {
+    label: string;
+}>;
+export declare const PAGE_ANALYTIC_MAPPING: Record<IPAMetricKey, IPageAnalyticMappingItem>;
+export {};

package/dist/esm/modules/analytics/index.d.ts

@@ -0,0 +1,3 @@
+export * from './constants';
+export * from './types';
+export * from './utils';

package/dist/esm/modules/analytics/types/index.d.ts

@@ -0,0 +1,41 @@
+import type { IBasePageAnalyticMetric } from '@/types/metric';
+export declare enum IPAMetricKey {
+    PAGE_SESSIONS = "PAGE_SESSIONS",
+    PAGE_BR = "PAGE_BOUNCE_RATE",
+    PAGE_CTR = "PAGE_CLICK_THROUGH_RATE",
+    PAGE_AVG_TIME = "PAGE_AVG_TIME",
+    PAGE_VIEWS = "PAGE_VIEWS",
+    PAGE_RPV = "PAGE_REVENUE_PER_VISITOR",
+    PAGE_REVENUE = "PAGE_REVENUE",
+    PAGE_NEW_RETURNING_CUSTOMER = "PAGE_NEW_RETURNING_CUSTOMER",
+    PAGE_SESSIONS_BY_VISITOR = "PAGE_SESSIONS_BY_VISITOR",
+    PAGE_SESSIONS_BY_DEVICE = "PAGE_SESSIONS_BY_DEVICE",
+    PAGE_SESSIONS_BY_TRAFFIC = "PAGE_SESSIONS_BY_TRAFFIC",
+    PAGE_PATH_ANALYSIS = "PAGE_PATH_ANALYSIS",
+    PAGE_CART_ADDITION = "PAGE_SESSION_WITH_CART_ADDITION",
+    PAGE_ADDED_TO_CART = "PAGE_ADDED_TO_CART",
+    PAGE_ADD_TO_CART_RATE = "ADD_TO_CART_RATE",
+    PAGE_REACHED_CHECKOUT = "PAGE_REACHED_CHECKOUT",
+    PAGE_COMPLETE_CHECKOUT = "PAGE_COMPLETE_CHECKOUT",
+    PAGE_ORDERS = "PAGE_ORDERS",
+    PAGE_CR = "PAGE_CONVERSION_RATE",
+    PAGE_AOV = "PAGE_AVERAGE_ORDER_VALUE",
+    PAGE_VISITORS = "PAGE_VISITORS"
+}
+export declare enum IMetricFormatter {
+    PERCENTAGE_STRING = "PERCENTAGE_STRING",
+    CURRENCY = "CURRENCY",
+    DURATION = "DURATION",
+    DURATION_MS = "DURATION_MS",
+    MILLISECONDS = "MILLISECONDS",
+    NORMAL = "NORMAL",
+    NUMBER_COMMAS = "NUMBER_COMMAS",
+    NUMBER_COMMAS_LEAN = "NUMBER_COMMAS_LEAN"
+}
+export interface IDetectMetricResult<K = number | undefined> {
+    formatter: IMetricFormatter;
+    value: K;
+}
+export type IFunctionGetMetric<T = IBasePageAnalyticMetric> = (props: {
+    metric?: T;
+}) => IDetectMetricResult;

package/dist/esm/modules/analytics/utils/formatMetric.d.ts

@@ -0,0 +1,8 @@
+import type { IGetTextPrice } from '@/core/gemxql';
+export type IFormatMetricParams = {
+    value: number | string | undefined;
+    formatter: string;
+    getTextPrice: IGetTextPrice;
+    compact?: boolean;
+};
+export declare const formatMetricByFormatter: ({ value, formatter, getTextPrice, compact }: IFormatMetricParams) => string;

package/dist/esm/modules/analytics/utils/getPAMetricValue.d.ts

@@ -0,0 +1,3 @@
+import type { IBasePageAnalyticMetric } from '@/types/metric';
+import type { IDetectMetricResult, IPAMetricKey } from '../types';
+export declare const getPAMetricValueV2: (metric?: IBasePageAnalyticMetric, key?: IPAMetricKey) => IDetectMetricResult;

package/dist/esm/modules/analytics/utils/index.d.ts

@@ -0,0 +1,3 @@
+export * from './formatMetric';
+export * from './getPAMetricValue';
+export * from './metric';

package/dist/esm/modules/analytics/utils/metric.d.ts

@@ -0,0 +1,26 @@
+import type { IDetectMetricResult, IFunctionGetMetric } from '../types';
+import { IMetricFormatter } from '../types';
+export declare const detectDataV2By: <T>({ data, formatter, extractValue, }: {
+    data: T | undefined;
+    formatter: IMetricFormatter;
+    extractValue: (value: T | undefined) => number | undefined;
+}) => IDetectMetricResult;
+export declare const getTotalSessionMetric: IFunctionGetMetric;
+export declare const getTotalVisitorMetric: IFunctionGetMetric;
+export declare const getTotalOrderMetric: IFunctionGetMetric;
+export declare const getTotalPageViewMetric: IFunctionGetMetric;
+export declare const getTotalRevenueMetric: IFunctionGetMetric;
+export declare const getBounceRateMetric: IFunctionGetMetric;
+export declare const getLinkCtrMetric: IFunctionGetMetric;
+export declare const getConversionRateMetric: IFunctionGetMetric;
+export declare const getAddToCartRateMetric: IFunctionGetMetric;
+export declare const getAverageTimeOnPageMetric: IFunctionGetMetric;
+export declare const getRevenuePerVisitorMetric: IFunctionGetMetric;
+export declare const getAverageOrderValueMetric: IFunctionGetMetric;
+export declare const getTotalATCMetric: IFunctionGetMetric;
+export declare const getTotalSessionWithCartAdditionMetric: IFunctionGetMetric;
+export declare const getTotalSessionReachedCheckoutMetric: IFunctionGetMetric;
+export declare const getTotalSessionCompletedCheckoutMetric: IFunctionGetMetric;
+export declare const getPathAnalysisMetric: IFunctionGetMetric;
+export declare const getTotalSessionByDeviceMetric: IFunctionGetMetric;
+export declare const getNewReturningCustomerMetric: IFunctionGetMetric;

package/dist/esm/providers/ConvertMoneyProvider.d.ts

@@ -0,0 +1,13 @@
+import type { ReactNode } from 'react';
+import type { IGetTextPrice } from '@/core/gemxql';
+interface IConvertMoneyContext {
+    getTextPrice: IGetTextPrice;
+}
+export interface IProps {
+    children: ReactNode;
+    currency?: string;
+    locale?: string;
+}
+export declare const ConvertMoneyProvider: ({ children, currency, locale }: IProps) => import("react/jsx-runtime").JSX.Element;
+export declare const useConvertMoneyContext: () => IConvertMoneyContext;
+export {};

package/dist/esm/providers/TimezoneProvider.d.ts

@@ -0,0 +1,11 @@
+import type { ReactNode } from 'react';
+interface ITimezoneContext {
+    tz: string;
+}
+export interface ITimezoneProviderProps {
+    children: ReactNode;
+    tz: string;
+}
+export declare const TimezoneProvider: ({ children, tz }: ITimezoneProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const useTimezoneContext: () => ITimezoneContext;
+export {};

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

@@ -1 +1,5 @@
+export { ConvertMoneyProvider, useConvertMoneyContext } from './ConvertMoneyProvider';
+export type { IProps as IConvertMoneyProviderProps } from './ConvertMoneyProvider';
 export { MetricChartProvider } from './MetricChartProvider';
+export { TimezoneProvider, useTimezoneContext } from './TimezoneProvider';
+export type { ITimezoneProviderProps } from './TimezoneProvider';

package/dist/esm/shared/charts/components/GFunnelChart/components/types.d.ts

@@ -10,6 +10,7 @@ export type OnChangeFunnelType = (data: IOnChangeFunnelParams) => void;
 export interface IFunnelChartAction {
     fixedLevel?: number;
     isDisabledAddICon?: boolean;
+    hideAddIcon?: boolean;
     lengthDisplayedLevels: number;
     listFunnelSelection?: IFunnelSelectionItem[];
     isFetchingNextPage?: boolean;

package/dist/esm/shared/charts/components/GPolarisViz/components/ChartErrorBoundary/ChartErrorBoundary.d.ts

@@ -20,6 +20,6 @@ export declare class ChartErrorBoundary extends Component<ErrorBoundaryProps, Er
     constructor(props: any);
     onError: (error: Error, errorInfo: ErrorInfo) => void;
     componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
-    render(): string | number | boolean | import("react/jsx-runtime").JSX.Element | Iterable<ReactNode> | null | undefined;
+    render(): string | number | boolean | Iterable<ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;
 }
 export {};

package/dist/esm/shared/charts/components/GPolarisViz/components/FunnelChartNext/components/TooltipWithPortal.d.ts

@@ -1,4 +1,4 @@
 import type { ReactNode } from 'react';
 export declare function TooltipWithPortal({ children }: {
     children: ReactNode;
-}): import("react").ReactPortal;
+}): import("react").ReactPortal | null;

package/dist/esm/shared/charts/components/GPolarisViz/components/TooltipWrapper/utilities/getDonutChartTooltipPosition.d.ts

@@ -4,5 +4,5 @@ interface Props extends Pick<TooltipPositionParams, 'event' | 'eventType' | 'ind
     containerBounds: BoundingRect;
     parentElement: SVGSVGElement | null;
 }
-export declare function getDonutChartTooltipPosition({ containerBounds, event, eventType, index, parentElement }: Props): import("../types").TooltipPosition;
+export declare function getDonutChartTooltipPosition({ containerBounds, event, eventType, index, parentElement }: Props): import("..").TooltipPosition;
 export {};

package/dist/esm/shared/charts/components/GPolarisViz/components/TooltipWrapper/utilities/getLineChartTooltipPosition.d.ts

@@ -7,5 +7,5 @@ interface Props extends Omit<TooltipPositionParams, 'xScale'> {
     scrollY: number;
     xScale: ScaleLinear<number, number>;
 }
-export declare function getLineChartTooltipPosition({ containerBounds, chartBounds, data, event, eventType, index, isTouchDevice, longestSeriesIndex, scrollY, xScale, }: Props): import("../types").TooltipPosition;
+export declare function getLineChartTooltipPosition({ containerBounds, chartBounds, data, event, eventType, index, isTouchDevice, longestSeriesIndex, scrollY, xScale, }: Props): import("..").TooltipPosition;
 export {};

package/dist/esm/shared/charts/components/GPolarisViz/hooks/useRootContainer.d.ts

@@ -1 +1 @@
-export declare const useRootContainer: (id: string) => HTMLElement;
+export declare const useRootContainer: (id: string) => HTMLElement | null;

package/dist/esm/shared/charts/contexts/GChartProvider.d.ts

@@ -6,4 +6,4 @@ export declare const GChartProvider: ({ children, minHeight, seriesColors, }: {
         single?: string;
         all?: string[];
     };
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element | null;

package/dist/esm/shared/components/GActivatorPopover/GActivatorPopover.d.ts

@@ -0,0 +1,23 @@
+import type { BoxProps, IconSource, TextProps } from '@shopify/polaris';
+interface GActivatorPopoverProps {
+    onClick: () => void;
+    active: boolean;
+    content: string;
+    /**
+     * @param tone
+     *  - @default: `base` when inactive, `subdued` when active
+     *  - Overrides both states when provided
+     * @param variant
+     *  - @default: `bodyMd`
+     */
+    textProps?: Pick<TextProps, 'tone' | 'variant' | 'truncate'>;
+    /**
+     * @param disabled
+     *  - @default: `false`
+     */
+    boxProps?: BoxProps;
+    icon?: IconSource;
+    disabled?: boolean;
+}
+export declare const GActivatorPopover: ({ onClick, active, content, textProps, boxProps: customBoxProps, disabled, icon: customIcon, }: GActivatorPopoverProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

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

package/dist/esm/shared/components/GBox/GBox.d.ts

@@ -0,0 +1,9 @@
+import type { BoxProps } from '@shopify/polaris';
+type AriaShadowType = 'shadow-outset-200' | 'shadow-drop-outset-100' | 'shadow-top-100' | 'shadow-bottom-100';
+type AriaHeightType = 'height-full';
+export interface GBoxProps extends BoxProps {
+    ariaShadow?: AriaShadowType;
+    ariaHeight?: AriaHeightType;
+}
+export declare const GBox: (props: GBoxProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

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

package/dist/esm/shared/components/GBoxCard/GBoxCard.d.ts

@@ -0,0 +1,7 @@
+import type { BoxProps } from '@shopify/polaris';
+interface GBoxCardProps extends BoxProps {
+    children: React.ReactNode;
+}
+export declare const G_BOX_CARD_DEFAULT_PROPS: Pick<BoxProps, 'padding' | 'background' | 'borderRadius' | 'shadow' | 'outlineWidth' | 'outlineColor'>;
+export declare const GBoxCard: ({ children, ...props }: GBoxCardProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

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

package/dist/esm/shared/components/GButton/GButton.d.ts

@@ -0,0 +1,19 @@
+import type { ButtonProps, LinkProps } from '@shopify/polaris';
+import type { GTooltipProps } from '../GTooltip';
+import './GButton.scss';
+export interface GButtonProps extends Omit<ButtonProps, 'variant'> {
+    linkAction?: LinkProps;
+    activatorWrapper?: 'div' | 'span';
+    iconRight?: boolean;
+    stopPropagation?: boolean;
+    tooltip?: GTooltipProps;
+    themeTone?: 'dark' | 'light';
+    /**
+     * Adds padding="100" wrapper to compensate for tertiary variant's -4px margin.
+     * Also applies display="flex" automatically.
+     * Use this when placing tertiary buttons in tight layouts.
+     */
+    inset?: boolean;
+    variant?: ButtonProps['variant'] | 'neutral';
+}
+export declare const GButton: React.FC<GButtonProps>;

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

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

package/dist/esm/shared/components/GCheckbox/GCheckbox.d.ts

@@ -0,0 +1,39 @@
+import type { CheckboxProps, RadioButtonProps } from '@shopify/polaris';
+import type { GTooltipProps } from '@/shared';
+interface GCheckboxOptionBase {
+    value: string;
+    label: string;
+    selected: boolean;
+    tooltip?: GTooltipProps;
+    description?: string;
+}
+export interface GCheckboxSingleOption extends GCheckboxOptionBase, Omit<CheckboxProps, 'value' | 'onChange' | 'label'> {
+}
+export interface GCheckboxMultipleOption extends GCheckboxOptionBase, Omit<RadioButtonProps, 'value' | 'onChange' | 'label'> {
+}
+interface GCheckboxSingleProps {
+    multiple?: false;
+    options: GCheckboxSingleOption[];
+    onChange: (value: string) => void;
+    id?: string;
+}
+interface GCheckboxMultipleProps {
+    multiple: true;
+    /**
+     * @default false
+     */
+    emptySelected?: boolean;
+    selected?: string[];
+    options: GCheckboxMultipleOption[];
+    onChange: (values: string[]) => void;
+    onChangeSingleValue?: (value: string) => void;
+    id?: string;
+    itemHovered?: string;
+    onHover?: (value?: string) => void;
+    dependentDisabledValues?: Set<string>;
+}
+type GCheckboxProps = GCheckboxSingleProps | GCheckboxMultipleProps;
+export declare const GCheckbox: ({ ...props }: GCheckboxProps) => import("react/jsx-runtime").JSX.Element;
+export declare const GCheckboxMultiple: ({ options, onChange, onChangeSingleValue, emptySelected, selected, onHover, itemHovered, dependentDisabledValues, }: GCheckboxMultipleProps) => import("react/jsx-runtime").JSX.Element;
+export declare const GCheckboxSingle: ({ options, onChange }: GCheckboxSingleProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

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

package/dist/esm/shared/components/GChoice/ChoiceHelpText.d.ts

@@ -0,0 +1,4 @@
+import type { GChoiceProps } from './GChoice';
+export declare const ChoiceHelpText: ({ item }: {
+    item: GChoiceProps["item"];
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/esm/shared/components/GChoice/GChoice.d.ts

@@ -0,0 +1,44 @@
+import type { BoxProps, TextProps } from '@shopify/polaris';
+export interface ChoiceOptionItem<T = string> {
+    label: string;
+    value: T;
+    type?: string;
+    description?: string;
+    icon?: React.ReactNode;
+    disabled?: boolean;
+    inlineAction?: {
+        content: string;
+        url?: string;
+        target?: string;
+        onAction?: () => void;
+    };
+    options?: {
+        children?: React.ReactNode;
+        position?: 'left' | 'right';
+    };
+}
+export interface StyleByState {
+    box: Pick<BoxProps, 'outlineWidth' | 'outlineColor' | 'background' | 'shadow' | 'paddingBlockStart' | 'paddingBlockEnd'>;
+    text: Pick<TextProps, 'fontWeight'>;
+}
+export type GChoiceBoxPaddingBase = Pick<BoxProps, 'padding' | 'paddingBlock' | 'paddingBlockStart' | 'paddingBlockEnd' | 'paddingInline' | 'paddingInlineStart' | 'paddingInlineEnd'>;
+export interface GChoiceProps {
+    item: ChoiceOptionItem;
+    isActive?: boolean;
+    disabled?: boolean;
+    isMultipleSelect?: boolean;
+    /**
+     * @default: { paddingBlockStart: '200', paddingBlockEnd: '200', paddingInlineStart: '400', paddingInlineEnd: '400' }
+     */
+    children?: React.ReactNode;
+    suffix?: React.ReactNode;
+    /**
+     * Position of children in GChoice
+     * @default: 'left'
+     */
+    position?: 'left' | 'right';
+    boxProps?: BoxProps;
+    activeStyle?: StyleByState;
+    onClick?: (value: string, type?: string) => void;
+}
+export declare const GChoice: ({ item, disabled, isActive, suffix, isMultipleSelect, onClick, children, position, boxProps, activeStyle, }: GChoiceProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,2 @@
+export * from './GChoice';
+export * from './ChoiceHelpText';

package/dist/esm/shared/components/GClickable/GClickable.d.ts

@@ -0,0 +1,10 @@
+interface GClickableProps {
+    children: React.ReactNode;
+    fullWidth?: boolean;
+    cursor?: 'pointer' | 'default' | 'not-allowed';
+    onClick: () => void;
+    onMouseEnter?: () => void;
+    onMouseLeave?: () => void;
+}
+export declare const GClickable: ({ children, fullWidth, cursor, onClick, onMouseEnter, onMouseLeave, }: GClickableProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

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

package/dist/esm/shared/components/GDiv/GDiv.d.ts

@@ -0,0 +1,7 @@
+import type { HTMLAttributes } from 'react';
+interface IProps extends HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+    onClick?: (e?: React.MouseEvent<HTMLDivElement>) => void;
+}
+export declare const GDiv: import("react").ForwardRefExoticComponent<IProps & import("react").RefAttributes<HTMLDivElement>>;
+export {};

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

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

package/dist/esm/shared/components/GDotInline/GDotInline.d.ts

@@ -0,0 +1,5 @@
+interface GDotInlineProps {
+    tone: 'inherit' | 'disabled';
+}
+export declare const GDotInline: ({ tone }: GDotInlineProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

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

package/dist/esm/shared/components/GFeatureLocked/GFeatureLocked.d.ts

@@ -0,0 +1,14 @@
+import type { BlockStackProps, ButtonProps } from '@shopify/polaris';
+import type { IGFeatureLocked } from './types';
+import { type GBoxProps } from '../GBox';
+interface GFeatureLockedProps {
+    title?: string;
+    description?: string;
+    type: IGFeatureLocked;
+    buttonProps?: Partial<ButtonProps>;
+    inlineAlign?: BlockStackProps['inlineAlign'];
+    boxProps?: GBoxProps;
+    boxContentProps?: GBoxProps;
+}
+export declare const GFeatureLocked: ({ title, description, type, buttonProps, boxProps, boxContentProps, inlineAlign, }: GFeatureLockedProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/shared/components/GFeatureLocked/constants.d.ts

@@ -0,0 +1,3 @@
+import type { IGFeatureLockedData } from './types';
+import { IGFeatureLocked } from './types';
+export declare const G_FEATURE_LOCKED_DATA: Record<IGFeatureLocked, IGFeatureLockedData>;

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

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

package/dist/esm/shared/components/GFeatureLocked/types.d.ts

@@ -0,0 +1,15 @@
+export declare enum IGFeatureLocked {
+    CampaignGroupTemplate = "CampaignGroupTemplate",
+    PageListing = "PageListing",
+    Analytics = "Analytics",
+    PathAnalysis = "PathAnalysis"
+}
+export interface IGFeatureLockedData {
+    background?: string;
+    backgroundColor?: string;
+    illustration?: string;
+    aspectRatio?: number;
+    backdropFilter?: number;
+    maxDescriptionWidth?: string;
+    gradientBackground?: string;
+}

package/dist/esm/shared/components/GI18NText/GI18NText.d.ts

@@ -0,0 +1,2 @@
+import type { IGI18NTextProps } from './types';
+export declare const GI18NText: (props: IGI18NTextProps) => import("react/jsx-runtime").JSX.Element;

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

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

package/dist/esm/shared/components/GI18NText/types.d.ts

@@ -0,0 +1,6 @@
+import type { TextProps } from '@shopify/polaris';
+import type { ReactNode } from 'react';
+export interface IGI18NTextProps extends TextProps {
+    transformers?: Record<string, (childrenContent: string) => ReactNode>;
+    children: ReactNode;
+}

package/dist/esm/shared/components/GInlineCenter/GInlineCenter.d.ts

@@ -0,0 +1,10 @@
+import type { SpaceScale } from '../GBlockCenter';
+import type { BoxProps } from '@shopify/polaris';
+export interface GInlineCenterProps extends BoxProps {
+    flexDirection?: 'row' | 'column';
+    align?: 'center' | 'start' | 'end';
+    inlineAlign?: 'center' | 'start' | 'end';
+    width?: string;
+    gap?: SpaceScale;
+}
+export declare const GInlineCenter: ({ align, inlineAlign, width, flexDirection, gap, ...props }: GInlineCenterProps) => import("react/jsx-runtime").JSX.Element;

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

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

package/dist/esm/shared/components/GMockDataTooltip/GMockDataTooltip.d.ts

@@ -0,0 +1,12 @@
+import type { GTooltipProps } from '../GTooltip';
+export interface GMockDataTooltipProps extends Omit<GTooltipProps, 'isEnabled' | 'content'> {
+    isMockData?: boolean;
+    content?: React.ReactNode | string;
+}
+/**
+ * Wraps its children with a demo-experiment tooltip when `isMockData` is true.
+ * When `isMockData` is false it renders the children untouched.
+ *
+ * Keeps the demo copy in a single place so it only needs to be edited here.
+ */
+export declare const GMockDataTooltip: ({ isMockData, content, children, ...props }: GMockDataTooltipProps) => import("react/jsx-runtime").JSX.Element;

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

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

package/dist/esm/shared/components/GModal/GModal.d.ts

@@ -0,0 +1,14 @@
+import type { ModalProps } from '@shopify/polaris';
+export interface GModalProps extends Omit<ModalProps, 'title'> {
+    title: string | React.ReactNode;
+    id?: string;
+    /**
+     * @default 'large'
+     */
+    size?: ModalProps['size'];
+    primaryAction?: ModalProps['primaryAction'] & {
+        variant?: 'primary' | 'breadcrumb' | null;
+    };
+    children: React.ReactNode;
+}
+export declare const GModal: ({ children, primaryAction, secondaryActions, ...props }: GModalProps) => import("react/jsx-runtime").JSX.Element;

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

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

package/dist/esm/shared/components/GOptionList/GOptionList.d.ts

@@ -0,0 +1,11 @@
+import type React from 'react';
+export interface GOptionListOption {
+    value: string;
+    label: React.ReactNode;
+}
+export interface GOptionListProps {
+    options: GOptionListOption[];
+    selected: string[];
+    onChange: (selected: string[]) => void;
+}
+export declare function GOptionList({ options, selected, onChange }: GOptionListProps): import("react/jsx-runtime").JSX.Element;

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

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

package/dist/esm/shared/components/GPagination/GPagination.d.ts

@@ -0,0 +1,13 @@
+import type { PaginationProps } from '@shopify/polaris';
+export declare const DEFAULT_ITEMS_PER_PAGE = 5;
+export declare enum GPaginationDirection {
+    NEXT = "NEXT",
+    PREVIOUS = "PREVIOUS"
+}
+export interface GPaginationProps extends Omit<PaginationProps, 'hasPrevious' | 'onPrevious' | 'hasNext' | 'onNext'> {
+    currentPage: number;
+    totalPages: number;
+    loading?: boolean;
+    handlePageChange: (direction: GPaginationDirection) => void;
+}
+export declare const GPagination: React.FC<GPaginationProps>;

package/dist/esm/shared/components/GPagination/hooks/useGPagination.d.ts

@@ -0,0 +1,14 @@
+import { GPaginationDirection } from '../GPagination';
+interface IGPaginationProps<T> {
+    data: T[];
+    itemsPerPage?: number;
+    totalCount?: number;
+}
+export declare const useGPagination: <T>(props: IGPaginationProps<T>) => {
+    currentPage: number;
+    totalPages: number;
+    paginatedData: T[];
+    handlePageChange: (direction: GPaginationDirection) => void;
+    handleResetPagination: () => void;
+};
+export {};

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

@@ -0,0 +1,2 @@
+export * from './GPagination';
+export * from './hooks/useGPagination';

package/dist/esm/shared/components/GSelector/GSelector.d.ts

@@ -0,0 +1,27 @@
+import type { ActionListItemDescriptor } from '@shopify/polaris';
+export interface GSelectorOption extends ActionListItemDescriptor {
+    id: string;
+}
+export interface GSelectorBaseProps {
+    minWidth?: string;
+    maxWidth?: string;
+    activatorText: string;
+    options: GSelectorOption[];
+    preferredAlignment?: 'left' | 'right';
+    emptyLabel?: string;
+    formatActivatorContent?: (text: string[]) => string;
+}
+export interface GSelectorChoiceProps extends GSelectorBaseProps {
+    variant: 'choice';
+    selected?: string[];
+    clearable?: boolean;
+    onSelect: (value: string[]) => void;
+}
+export interface GSelectorActionListProps extends GSelectorBaseProps {
+    variant: 'action-list';
+    helpText?: React.ReactNode;
+    selected?: string;
+    onSelect: (value: string) => void;
+}
+export type GSelectorProps = GSelectorChoiceProps | GSelectorActionListProps;
+export declare const GSelector: React.FC<GSelectorProps>;

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

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

package/dist/esm/shared/components/GSpinner/GSpinner.d.ts

@@ -0,0 +1,5 @@
+import type { SpinnerProps } from '@shopify/polaris';
+export interface GSpinnerProps extends SpinnerProps {
+    tone?: 'subdued';
+}
+export declare const GSpinner: (props: GSpinnerProps) => import("react/jsx-runtime").JSX.Element;

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

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

package/dist/esm/shared/components/GTextLink/GTextLink.d.ts

@@ -0,0 +1,9 @@
+import type { LinkProps } from '@shopify/polaris';
+import type { ReactNode } from 'react';
+export interface GTextLinkProps {
+    children: ReactNode;
+    linkAction?: LinkProps;
+    isDisabled?: boolean;
+    disabledFocus?: boolean;
+}
+export declare const GTextLink: ({ linkAction, isDisabled, disabledFocus, children }: GTextLinkProps) => import("react/jsx-runtime").JSX.Element;