@gem-sdk/analytics 0.1.0-staging.0

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/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/esm/shared/components/GBlockCenter/index.d.ts

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

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/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/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/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/esm/shared/components/GSkeletonDisplayText/index.d.ts

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

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;

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

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

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

@@ -0,0 +1,6 @@
+import { type TextProps } from '@shopify/polaris';
+import type { GTooltipProps } from '../GTooltip';
+export interface GTextTooltipProps extends TextProps {
+    tooltipProps?: GTooltipProps;
+}
+export declare const GTextTooltip: ({ tooltipProps, ...textProps }: GTextTooltipProps) => import("react/jsx-runtime").JSX.Element;

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

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

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

@@ -0,0 +1,9 @@
+import type { TextProps } from '@shopify/polaris';
+import type { GTooltipProps } from '../GTooltip';
+export interface GTruncatedTextProps extends Omit<TextProps, 'truncate'> {
+    children: string;
+    truncate?: boolean;
+    tooltip?: GTooltipProps;
+    useWrapper?: boolean;
+}
+export declare const GTextTruncated: React.FC<GTruncatedTextProps>;

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

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

package/dist/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/esm/shared/components/GThumbnail/index.d.ts

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

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

@@ -0,0 +1,22 @@
+import type { TooltipProps } from '@shopify/polaris';
+export interface GTooltipProps extends Omit<TooltipProps, 'content'> {
+    /**
+     * @default true
+     */
+    isEnabled?: boolean;
+    content?: React.ReactNode | string;
+    /**
+     * - large: 285px
+     * - extra-large: 340px
+     * - double-extra-large: 360px
+     * @param maxWidth 'large' | 'extra-large' | 'double-extra-large'
+     * @default undefined
+     */
+    maxWidth?: 'large' | 'extra-large' | 'double-extra-large';
+    activatorWrapper?: 'tooltip-content' | 'g-tooltip-card' | string;
+    /**
+     * @default 500ms
+     */
+    hoverDelay?: number;
+}
+export declare const GTooltip: ({ isEnabled, content, maxWidth, ...props }: GTooltipProps) => React.ReactNode;

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

@@ -0,0 +1,37 @@
+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 GTooltipCardProps {
+    children: React.ReactNode;
+    /**
+     * Delay in `ms` before the tooltip is shown
+     * @default 0 (no delay)
+     */
+    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>;
+    /** Show arrow pointing to activator. @default false */
+    showArrow?: boolean;
+}
+export declare const GTooltipCard: import("react").ForwardRefExoticComponent<GTooltipCardProps & import("react").RefAttributes<GTooltipCardPublicAPI>>;
+export {};

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

@@ -0,0 +1,3 @@
+export { GTooltip } from './GTooltip';
+export type { GTooltipProps } from './GTooltip';
+export * from './components/GTooltipCard';

package/dist/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/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/esm/shared/components/GVariantBadge/GVariant.d.ts

@@ -0,0 +1,7 @@
+interface GVariantProps {
+    variant: string;
+    size: 'xs' | 'sm' | 'md' | 'lg';
+    tone?: 'active' | 'subdued' | 'inactive';
+}
+export declare const GVariant: ({ variant, size, tone }: GVariantProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,25 @@
+import type { LinkProps, TextProps } from '@shopify/polaris';
+import type { GTooltipProps } from '../GTooltip';
+export declare const CAMPAIGN_BACKGROUND: {
+    ORIGIN: string;
+    VARIANT: string;
+    SUBDUED: string;
+};
+export interface GVariantBadgeProps {
+    variant: string;
+    label?: string;
+    tone?: 'active' | 'subdued' | 'inactive';
+    labelProps?: Partial<TextProps>;
+    /**
+     * @name: size
+     * @type: 'xs' | 'sm' | 'md' | 'lg'
+     * @default: 'md'
+     * @description: 'xs': 20px | 'sm': 24px | 'md': 28px | 'lg': 32px
+     */
+    size?: 'xs' | 'sm' | 'md' | 'lg';
+    isShowWinner?: boolean;
+    linkAction?: LinkProps;
+    tooltip?: GTooltipProps;
+    hideVariant?: boolean;
+}
+export declare const GVariantBadge: ({ label, variant, tone, isShowWinner, size, labelProps, linkAction, tooltip, hideVariant, }: GVariantBadgeProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,3 @@
+export * from './GVariantBadge';
+export * from './GVariant';
+export * from './types';

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

@@ -0,0 +1,18 @@
+export declare enum GVariantBadgeType {
+    ORIGIN = "ORIGIN",
+    VARIANT_B = "VARIANT_B",
+    VARIANT_C = "VARIANT_C",
+    VARIANT_D = "VARIANT_D",
+    VARIANT_E = "VARIANT_E"
+}
+export declare enum GVariantBadgeSize {
+    XS = "xs",
+    SM = "sm",
+    MD = "md",
+    LG = "lg"
+}
+export declare enum GVariantBadgeTone {
+    ACTIVE = "active",
+    SUBDUED = "subdued",
+    INACTIVE = "inactive"
+}