@levi-gemcommerce/analytics 0.0.1-dev.7 → 1.0.0-dev.10

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

@@ -0,0 +1,17 @@
+import type { ReactNode } from 'react';
+import type { IFunnelChartColors } from '../../../GFunnelChart/types';
+interface Props {
+    ariaLabel: string;
+    barHeight: number;
+    barWidth: number;
+    children: ReactNode;
+    index: number;
+    isLast: boolean;
+    onMouseEnter?: (index: number) => void;
+    onMouseLeave?: () => void;
+    shouldApplyScaling: boolean;
+    x: number;
+    funnelColors?: IFunnelChartColors;
+}
+export declare function FunnelChartSegment({ ariaLabel, barHeight, barWidth, children, index, isLast, onMouseEnter, onMouseLeave, shouldApplyScaling, x, funnelColors, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/shared/charts/components/GPolarisViz/shared/FunnelChartSegment/components/AnimatedSegment.d.ts

@@ -0,0 +1,13 @@
+import type { IFunnelChartColors } from '../../../../GFunnelChart/types';
+import type { SpringValue } from '@react-spring/web';
+interface AnimatedSegmentProps {
+    animatedHeight: SpringValue<number>;
+    ariaLabel: string;
+    barWidth: number;
+    isFirst: boolean;
+    isLast: boolean;
+    x: number;
+    funnelColors?: IFunnelChartColors;
+}
+export declare function AnimatedSegment({ animatedHeight, ariaLabel, barWidth, isFirst, isLast, x, funnelColors, }: AnimatedSegmentProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/shared/charts/components/GPolarisViz/shared/FunnelChartSegment/components/InteractiveOverlay.d.ts

@@ -0,0 +1,11 @@
+interface InteractiveOverlayProps {
+    width: number;
+    height: number;
+    index: number;
+    onMouseEnter?: (index: number) => void;
+    onMouseLeave?: () => void;
+    x?: number;
+    y?: number;
+}
+export declare function InteractiveOverlay({ width, height, index, onMouseEnter, onMouseLeave, x, y, }: InteractiveOverlayProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/shared/charts/components/GPolarisViz/shared/FunnelChartSegment/components/ScaledSegment.d.ts

@@ -0,0 +1,17 @@
+import type { IFunnelChartColors } from '../../../../GFunnelChart/types';
+import type { ReactNode } from 'react';
+interface InteractionHandlers {
+    onMouseEnter?: (index: number) => void;
+    onMouseLeave?: () => void;
+}
+interface Props extends InteractionHandlers {
+    barHeight: number;
+    barWidth: number;
+    index: number;
+    isLast: boolean;
+    x: number;
+    children: ReactNode;
+    funnelColors?: IFunnelChartColors;
+}
+export declare function ScaledSegment({ barHeight, barWidth, index, isLast, x, onMouseEnter, onMouseLeave, children, funnelColors, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/shared/charts/components/GPolarisViz/shared/FunnelChartSegment/constants.d.ts

@@ -0,0 +1,4 @@
+export declare const FUNNEL_CHART_SEGMENT_FILL = "rgba(48, 94, 232, 1)";
+export declare const FUNNEL_CHART_SEGMENT_SCALE_LIGHT = "#597EED";
+export declare const FUNNEL_CHART_SEGMENT_SCALE_SHADOW = "#133AAF";
+export declare const BORDER_RADIUS = 6;

package/dist/esm/shared/charts/components/GPolarisViz/shared/FunnelChartSegment/index.d.ts

@@ -0,0 +1,2 @@
+export { FunnelChartSegment } from './FunnelChartSegment';
+export { FUNNEL_CHART_SEGMENT_FILL } from './constants';

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

@@ -0,0 +1,8 @@
+import type { Shape, Color, LineStyle } from '@shopify/polaris-viz-core';
+interface Props {
+    color: Color;
+    shape?: Shape;
+    lineStyle?: LineStyle;
+}
+export declare function SeriesIcon({ color, lineStyle, shape }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/shared/charts/components/GPolarisViz/shared/SeriesIcon/index.d.ts

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

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

@@ -0,0 +1,9 @@
+import type { Direction } from '@shopify/polaris-viz-core';
+export interface ZeroValueLineProps {
+    x: number;
+    y: number;
+    areAllNegative?: boolean;
+    theme?: string;
+    direction?: Direction;
+}
+export declare function ZeroValueLine({ x, y, theme, direction, areAllNegative }: ZeroValueLineProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/shared/charts/components/GPolarisViz/shared/ZeroValueLine/index.d.ts

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

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

@@ -0,0 +1,3 @@
+export { Bar } from './Bar';
+export { FunnelChartConnector } from './FunnelChartConnector';
+export { FunnelChartSegment } from './FunnelChartSegment';

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

@@ -0,0 +1,209 @@
+import type { Color, DataSeries, Shape, LabelFormatter, LineStyle, TrendIndicator } from '@shopify/polaris-viz-core';
+import type { TrendIndicatorProps } from './components/TrendIndicator';
+import type { Interpolation, InterpolatorFn } from '@react-spring/web';
+import type { Series, SeriesPoint } from 'd3-shape';
+import type { ScaleLinear } from 'd3-scale';
+import type { ReactNode } from 'react';
+export interface YAxisTick {
+    value: number;
+    formattedValue: string;
+    yOffset: number;
+}
+export interface SparkChartData {
+    value: number | null;
+}
+export type PathInterpolator = InterpolatorFn<readonly number[], string>;
+export type NumberInterpolator = InterpolatorFn<readonly number[], number>;
+export declare enum BarMargin {
+    Small = 0.05,
+    Medium = 0.1,
+    Large = 0.3,
+    None = 0
+}
+export interface Margin {
+    Top: number;
+    Left: number;
+    Right: number;
+    Bottom: number;
+}
+export type StackedSeries = Series<{
+    [key: string]: number;
+}, string>;
+export type FormattedStackedSeries = SeriesPoint<{
+    [key: string]: number;
+}>[];
+export interface SingleIndexGap {
+    index: number;
+    gap: number;
+}
+export interface StackedBarGapDirections {
+    positive: SingleIndexGap[];
+    negative: SingleIndexGap[];
+}
+export type GradientUnits = 'userSpaceOnUse' | 'objectBoundingBox';
+export type AnimatedCoordinate = Interpolation<number, DOMPoint | {
+    x: number;
+    y: number;
+}>;
+export interface RenderTooltipDataPoint {
+    color?: Color;
+    isComparison?: boolean;
+    key: number | string;
+    value: number | string | null;
+    isHidden?: boolean;
+    trend?: TrendIndicator;
+}
+export interface TooltipFormatters {
+    valueFormatter?: LabelFormatter;
+    keyFormatter?: LabelFormatter;
+    titleFormatter?: LabelFormatter;
+}
+export interface RenderTooltipContentData {
+    data: {
+        shape: Shape;
+        data: RenderTooltipDataPoint[];
+        name?: string;
+    }[];
+    activeIndex: number;
+    dataSeries: DataSeries[];
+    theme: string;
+    title?: string;
+    formatters?: TooltipFormatters;
+}
+export interface RenderAnnotationContentData {
+    annotation: Annotation;
+}
+export interface TooltipData {
+    shape: Shape;
+    data: {
+        key: string;
+        value: string;
+        color?: Color;
+        isComparison?: boolean;
+        isHidden?: boolean;
+        trend?: TrendIndicatorProps;
+    }[];
+    name?: string;
+}
+export interface TooltipOptions extends TooltipFormatters {
+    renderTooltipContent?: (data: RenderTooltipContentData) => React.ReactNode;
+}
+export interface PreparedLabels {
+    fontSize: number;
+    text: string;
+    wrappedText: React.ComponentType<{
+        children: ReactNode;
+    }> | keyof JSX.IntrinsicElements;
+    words: {
+        word: string;
+        wordWidth: number;
+    }[];
+    truncatedWords: string[];
+    truncatedName: string;
+    truncatedWidth: number;
+}
+export interface FormattedLine {
+    height: number;
+    truncatedText: string;
+    fontSize: number;
+    fullText: string;
+    wrappedText?: React.ComponentType<{
+        children: ReactNode;
+    }> | keyof JSX.IntrinsicElements;
+    textAnchor: string;
+    width: number;
+    x: number;
+    y: number;
+    dominantBaseline?: string;
+    transform?: string;
+}
+export interface LegendData {
+    name: string;
+    color: Color;
+    isComparison?: boolean;
+    isHidden?: boolean;
+    shape?: Shape;
+    value?: string;
+    trend?: MetaDataTrendIndicator;
+    lineStyle?: LineStyle;
+    metadata?: {
+        legendLabel?: string;
+        lineStyle?: LineStyle;
+    };
+    styleOverride?: {
+        tooltip?: {
+            shape?: Shape;
+        };
+    };
+}
+export interface Annotation {
+    axis: 'x' | 'y';
+    label: string;
+    startKey: string | number;
+    endKey?: string | number;
+    collapseButtonText?: string;
+    expandButtonText?: string;
+    content?: {
+        content: ReactNode;
+        linkText?: string;
+        linkUrl?: string;
+        title?: ReactNode;
+    };
+}
+export interface ComboAnnotation extends Omit<Annotation, 'axis'> {
+    axis: 'x' | 'y1' | 'y2';
+}
+export interface AnnotationLookupTable {
+    [key: number]: Annotation;
+}
+export type GetXPosition = ({ isCrosshair, index }: {
+    isCrosshair: boolean;
+    index?: number | null;
+}) => number | Interpolation<DOMPoint | {
+    x: number;
+    y: number;
+}, number>;
+export interface FormattedTicks {
+    value: number;
+    formattedValue: string;
+    yOffset: number;
+}
+export type LegendPosition = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'top' | 'right' | 'bottom' | 'left' | 'center';
+export type BottomOnlyLegendPosition = 'left' | 'right' | 'center';
+export type MetaDataTrendIndicator = Omit<TrendIndicatorProps, 'theme'>;
+export interface ColorVisionInteractionMethods {
+    getColorVisionEventAttrs: (index: number) => React.HTMLAttributes<HTMLElement>;
+    getColorVisionStyles: (index: number) => React.CSSProperties;
+}
+export type RenderLegendContent = (colorVisionInteractionMethods: ColorVisionInteractionMethods, activeIndex?: number) => ReactNode;
+export type RenderHiddenLegendLabel = (hiddenItemsCount: number) => ReactNode;
+export type SortedBarChartData = (number | null)[][];
+export interface InnerValueContents {
+    activeValue: number | null | undefined;
+    activeIndex: number;
+    animatedTotalValue: ReactNode;
+    totalValue: number;
+    dimensions: {
+        width: number;
+        height: number;
+    };
+}
+export type RenderInnerValueContent = (values: InnerValueContents) => ReactNode;
+export interface ColorVisionEventReturn extends CustomEvent {
+    detail: {
+        index: number;
+    };
+}
+export interface ExternalEventReturn extends CustomEvent {
+    detail: {
+        indexes: number[];
+    };
+}
+export interface LineChartSlotProps {
+    drawableHeight: number;
+    drawableWidth: number;
+    xScale: ScaleLinear<number, number>;
+    yScale: ScaleLinear<number, number>;
+    theme: string;
+}
+export type Size = 'small' | 'medium' | 'large';

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

@@ -0,0 +1,3 @@
+export declare function capitalize(string: string): string;
+export declare function getDataSetItem(dataset: DOMStringMap, name: string): string | undefined;
+export declare function getEventName(id: string, type: string): string;

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

@@ -0,0 +1 @@
+export declare function classNames(...classes: (string | boolean | undefined | null | 0)[]): string;

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

@@ -0,0 +1,2 @@
+import type { GradientStop } from '@shopify/polaris-viz-core';
+export declare function createCSSConicGradient(gradient: GradientStop[]): string;

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

@@ -0,0 +1,2 @@
+import type { GradientStop } from '@shopify/polaris-viz-core';
+export declare const createCSSGradient: (gradient: GradientStop[], angle: number) => string;

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

@@ -0,0 +1 @@
+export declare function estimateStringWidthWithOffset(string: string, fontSize: number, fontWeight?: number): number;

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

@@ -0,0 +1,3 @@
+import type { XAxisOptions, YAxisOptions } from '@shopify/polaris-viz-core';
+export declare function getYAxisOptionsWithDefaults(yAxisOptions?: Partial<YAxisOptions>): Required<YAxisOptions>;
+export declare function getXAxisOptionsWithDefaults(xAxisOptions?: Partial<XAxisOptions>): Required<XAxisOptions>;

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

@@ -0,0 +1,2 @@
+import type { Color } from '@shopify/polaris-viz-core';
+export declare function getCSSBackgroundFromColor(color: Color, angle?: number): string;

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

@@ -0,0 +1 @@
+export declare function getChartId(id: string | null): string;

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

@@ -0,0 +1 @@
+export declare function getFontSize(): 12 | 11;

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

@@ -0,0 +1,10 @@
+import type { DataSeries } from '@shopify/polaris-viz-core';
+import type { StackedSeries } from '../types';
+export declare function getStackedMinMax({ stackedValues, data, integersOnly, }: {
+    stackedValues: StackedSeries[] | null;
+    data: DataSeries[];
+    integersOnly: boolean;
+}): {
+    min: number;
+    max: number;
+};

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

@@ -0,0 +1,10 @@
+import type { DataSeries } from '@shopify/polaris-viz-core';
+import type { StackedSeries } from '../types';
+interface Options {
+    series: DataSeries[];
+    labels: string[];
+    order: any;
+    offset: any;
+}
+export declare function getStackedValues({ series, labels, order, offset }: Options): StackedSeries[];
+export {};

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

@@ -0,0 +1,7 @@
+import type { DataSeries } from '@shopify/polaris-viz-core';
+export declare function getStackedValuesFromDataSeries(data: DataSeries[]): {
+    stackedValues: import("../types").StackedSeries[];
+    formattedStackedValues: (import("d3-shape").SeriesPoint<{
+        [key: string]: number;
+    }> | undefined)[][];
+};

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

@@ -0,0 +1,8 @@
+import type { MetaDataTrendIndicator } from '../types';
+export declare function getTrendIndicatorData(trendMetadata: MetaDataTrendIndicator | undefined): {
+    trendIndicatorProps: MetaDataTrendIndicator;
+    trendIndicatorWidth: number;
+} | {
+    trendIndicatorProps: undefined;
+    trendIndicatorWidth: number;
+};

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

@@ -0,0 +1,9 @@
+export interface ComparisonSeriesIndex {
+    originalIndex: number;
+    comparisonIndex: number;
+}
+export declare function hasHiddenComparisonSeries({ activeColorVisionIndex, comparisonSeriesIndexes, index, }: {
+    activeColorVisionIndex: number;
+    comparisonSeriesIndexes: ComparisonSeriesIndex[];
+    index: number;
+}): boolean;

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

@@ -0,0 +1,6 @@
+export { estimateStringWidthWithOffset } from './estimateStringWidthWithOffset';
+export { getYAxisOptionsWithDefaults, getXAxisOptionsWithDefaults } from './getAxisOptions';
+export { createCSSGradient } from './createCssGradient';
+export { createCSSConicGradient } from './createCssConicGradient';
+export { classNames } from './classnames';
+export * from './base';

package/dist/esm/shared/charts/components/GSimpleBarChart.d.ts

@@ -0,0 +1,5 @@
+import type { SimpleBarChartProps } from '@shopify/polaris-viz';
+export interface GSimpleBarChartProps extends SimpleBarChartProps {
+    loading?: boolean;
+}
+export declare const GSimpleBarChart: React.FC<GSimpleBarChartProps>;

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

@@ -0,0 +1,7 @@
+export * from './ComboChart';
+export * from './GPolarisViz';
+export * from './GBarChart';
+export * from './GComboChart';
+export * from './GDonutChart';
+export * from './GSimpleBarChart';
+export * from './GFunnelChart';

package/dist/esm/shared/charts/constants/chart.d.ts

@@ -0,0 +1,2 @@
+import type { DataSeries } from '@shopify/polaris-viz';
+export declare const CHART_PRESET: Record<'ORIGIN' | 'VARIANT', Pick<DataSeries, 'name' | 'color'>>;

package/dist/esm/shared/charts/constants/index.d.ts

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

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

@@ -0,0 +1,9 @@
+export declare const GChartProvider: ({ children, minHeight, seriesColors, }: {
+    children: React.ReactNode;
+    minHeight?: number;
+    seriesColors?: {
+        comparison?: string;
+        single?: string;
+        all?: string[];
+    };
+}) => import("react/jsx-runtime").JSX.Element;

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

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

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

@@ -0,0 +1,4 @@
+export * from './types';
+export * from './components';
+export * from './contexts';
+export * from './constants';

package/dist/esm/shared/charts/types/chart.d.ts

@@ -0,0 +1,35 @@
+import type { DataPoint, DataSeries } from '@shopify/polaris-viz';
+import type { GTooltipCardData } from '@/shared/components';
+import type { IconSource } from '@shopify/polaris';
+export type MetricBarChart = {
+    isOrigin: boolean;
+    data: DataPoint;
+};
+export interface IPointSecondaryAction {
+    icon?: IconSource;
+    isDeleted?: boolean;
+    onAction?: () => void;
+    disabled?: boolean;
+    loading?: boolean;
+}
+export interface GDataPointTooltip {
+    key: string;
+    value: string;
+}
+export interface GDataPointTooltipPrimaryAction {
+    content: string;
+    onClick: (item?: GDataPoint) => void;
+}
+export interface GDataPoint extends DataPoint {
+    id?: string;
+    parentID?: string;
+    secondaryActions?: IPointSecondaryAction[];
+    chartTooltip?: GDataPointTooltip[];
+    chartTooltipPrimaryAction?: GDataPointTooltipPrimaryAction;
+    labelTooltip?: GTooltipCardData;
+    title?: string;
+}
+export interface GDataSeries extends DataSeries {
+    data: GDataPoint[];
+    isEmptyData?: boolean;
+}

package/dist/esm/shared/charts/types/index.d.ts

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

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/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';