@bpfdev/oly-ui 1.0.10 → 1.0.11

package/dist/index.d.mts

@@ -910,6 +910,113 @@ type KpiStatCardProps = KpiStatCardInlineProps | KpiStatCardDetailedProps;
 
 declare const KpiStatCard: (props: KpiStatCardProps) => react_jsx_runtime.JSX.Element;
 
+interface JourneyStatCardOuterCardConfig {
+    /** Background color of the outer card. Default: **`#ffffff`**. */
+    bg?: string;
+    /** Border of the outer card. Default: **`'1px solid #E8E8E8'`**. */
+    border?: string;
+    /** Border radius of the outer card (MUI units or CSS string). Default: **`2`**. */
+    borderRadius?: number | string;
+    /** Padding inside the outer card. Default: **`'20px'`**. */
+    padding?: number | string;
+    /** Box shadow of the outer card. Default: **`none`**. */
+    boxShadow?: string;
+    /** Extra MUI `sx` merged on the outer card `Box`. */
+    sx?: SxProps$1<Theme$1>;
+}
+interface JourneyStatCardProps {
+    /** Iconify icon id, e.g. `tabler:users`. */
+    icon: string;
+    /** Icon size in px. Default: **52**. */
+    iconSize?: number;
+    /** Icon color. Default: **`#ffffff`**. */
+    iconColor?: string;
+    /** Inline style passed to the Iconify `<Icon>`. Use e.g. `{ strokeWidth: 1 }` for thinner stroke icons. */
+    iconStyle?: CSSProperties;
+    /** Card background color. */
+    bg: string;
+    /** Stat label (shown below the icon, uppercase). */
+    label: string;
+    /** Label text color. Default: **`rgba(255,255,255,0.9)`**. */
+    labelColor?: string;
+    /** Label font size in px. Default: **13**. */
+    labelFontSize?: number;
+    /** Label font weight. Default: **400**. */
+    labelFontWeight?: number;
+    /** Numeric or string value displayed below the label. */
+    value: number | string;
+    /** Value text color. Default: **`#ffffff`**. */
+    valueColor?: string;
+    /** Value font size in px. Default: **40**. */
+    valueFontSize?: number;
+    /** Value font weight. Default: **700**. */
+    valueFontWeight?: number;
+    /**
+     * Card border radius (MUI theme units or CSS string).
+     * Default: **`0`** — designed to sit flush inside a clipped strip container.
+     * Set `2` for standalone rounded appearance.
+     */
+    borderRadius?: number | string;
+    /** Inner padding (CSS string or MUI spacing). Default: **`'28px 20px'`**. */
+    padding?: number | string | Record<string, number | string>;
+    /** Minimum card height in px. Default: **200**. */
+    minHeight?: number;
+    /** When `true`, renders a skeleton instead of content. Default: **false**. */
+    isLoading?: boolean;
+    /**
+     * When `true`, wraps the coloured card inside a white outer card container
+     * (border, border-radius, padding). Useful for standalone placement.
+     * Default: **false**.
+     */
+    showOuterCard?: boolean;
+    /** Fine-grained customization for the outer card container. Only used when `showOuterCard` is `true`. */
+    outerCard?: JourneyStatCardOuterCardConfig;
+    /** Extra MUI `sx` merged on the root `Box`. */
+    sx?: SxProps$1<Theme$1>;
+}
+
+/**
+ * Coloured stat card used in the Customer Journey funnel strip.
+ * Shows a large icon, an uppercase label, and a bold numeric value
+ * on a solid background.
+ *
+ * Designed to sit flush inside a clipped container (borderRadius: 0 by default).
+ * For standalone use, set borderRadius={2} and showOuterCard={true}.
+ */
+declare function JourneyStatCard({ icon, iconSize, iconColor, iconStyle, bg, label, labelColor, labelFontSize, labelFontWeight, value, valueColor, valueFontSize, valueFontWeight, borderRadius, padding, minHeight, isLoading, showOuterCard, outerCard, sx, }: JourneyStatCardProps): react_jsx_runtime.JSX.Element;
+
+interface JourneyMetricCardProps {
+    /** Small descriptor text, e.g. `"Walk-in → Billing Conversion"`. */
+    label: string;
+    /** Label text color. Default: **`#6B7280`**. */
+    labelColor?: string;
+    /** Label font size in px. Default: **13**. */
+    labelFontSize?: number;
+    /** Label font weight. Default: **400**. */
+    labelFontWeight?: number;
+    /** Primary metric value, e.g. `"36.9%"` or `"3.2"`. */
+    value: string;
+    /** Value text color. Default: **`#111827`**. */
+    valueColor?: string;
+    /** Value font size in px. Default: **28**. */
+    valueFontSize?: number;
+    /** Value font weight. Default: **700**. */
+    valueFontWeight?: number;
+    /** Text alignment. Default: **`center`**. */
+    textAlign?: 'left' | 'center' | 'right';
+    /** When `true`, renders a skeleton instead of content. Default: **false**. */
+    isLoading?: boolean;
+    /** Extra MUI `sx` merged on the root `Box`. */
+    sx?: SxProps$1<Theme$1>;
+}
+
+/**
+ * Minimal metric card: a small label line followed by a large bold value.
+ * Used inside `CustomerJourneyAnalysis` for the 2×2 conversion / average grid,
+ * but works as a standalone card in any layout.
+ */
+declare function JourneyMetricCard({ label, labelColor, labelFontSize, labelFontWeight, value, valueColor, valueFontSize, valueFontWeight, textAlign, isLoading, sx, }: JourneyMetricCardProps): react_jsx_runtime.JSX.Element;
+
 interface FalconButtonProps extends ButtonProps {
     loading?: boolean;
     iconPlacement?: 'start' | 'end';
@@ -1670,6 +1777,16 @@ interface FootfallByAgeGroupsProps {
      * width cap (\`minWidthPerCategory\` when positive, else **56**).
      */
     maxBarSize?: number;
+    /**
+     * Recharts `barCategoryGap`: space between each category band. Accepts a pixel number or a
+     * percent string (e.g. `"20%"`). Default: Recharts built-in (`"10%"`).
+     */
+    barCategoryGap?: number | string;
+    /**
+     * Corner radius for the **top** segment of the stacked bar. Number = uniform, or
+     * `[topLeft, topRight, bottomRight, bottomLeft]`. Default: `0`.
+     */
+    barRadius?: number | [number, number, number, number];
     cardMaxWidth?: ChartCardMaxWidth;
     /** Outer card; merged after defaults (padding, border, width, etc.). */
     cardSx?: SxProps$1<Theme$1>;
@@ -1735,7 +1852,7 @@ interface FootfallByAgeGroupsProps {
     xAxisTickStyle?: Record<string, string | number>;
 }
 
-declare function FootfallByAgeGroups({ title, data, series, isLoading, chartHeight, minWidthPerCategory, horizontalScroll: horizontalScrollProp, maxBarSize: maxBarSizeProp, cardMaxWidth, cardSx, titleRowSx, titleSx, dividerSx, legendRowSx, legendItemSx, legendSwatchSx, legendLabelSx, chartScrollAreaSx, stackSx, emptyStateSx, headerActions, tooltipCategoryLabel, tooltipOverallLabel, tooltipStyles, renderTooltip, showLegend, chartMargin: chartMarginProp, yAxisTickDx, yAxisTickStyle, chartColors: chartColorsProp, emptyStatePlaceholderProps, dimmedStackOpacity, barStackId, xAxisTickAngle, xAxisTickDx, xAxisTickStyle, }: FootfallByAgeGroupsProps): react_jsx_runtime.JSX.Element;
+declare function FootfallByAgeGroups({ title, data, series, isLoading, chartHeight, minWidthPerCategory, horizontalScroll: horizontalScrollProp, maxBarSize: maxBarSizeProp, barCategoryGap: barCategoryGapProp, barRadius, cardMaxWidth, cardSx, titleRowSx, titleSx, dividerSx, legendRowSx, legendItemSx, legendSwatchSx, legendLabelSx, chartScrollAreaSx, stackSx, emptyStateSx, headerActions, tooltipCategoryLabel, tooltipOverallLabel, tooltipStyles, renderTooltip, showLegend, chartMargin: chartMarginProp, yAxisTickDx, yAxisTickStyle, chartColors: chartColorsProp, emptyStatePlaceholderProps, dimmedStackOpacity, barStackId, xAxisTickAngle, xAxisTickDx, xAxisTickStyle, }: FootfallByAgeGroupsProps): react_jsx_runtime.JSX.Element;
 
 /** Optional inline styles merged over tooltip defaults (undefined keys keep defaults). */
 interface FootfallByGenderTooltipStyles {
@@ -1815,6 +1932,17 @@ interface FootfallByGenderProps {
     maxBarSize?: number;
     /** Gap between male/female bars in the same category. Default: **0** (flush). */
     barGap?: number;
+    /**
+     * Recharts `barCategoryGap`: space between each category band. Accepts a pixel number or a
+     * percent string (e.g. `"20%"`). When provided, overrides the auto-calculated value derived
+     * from `maxBarSize` and `barGap`. Default: auto-calculated to target `maxBarSize` bar width.
+     */
+    barCategoryGap?: number | string;
+    /**
+     * Bar corner radius. Number = uniform radius, or `[topLeft, topRight, bottomRight, bottomLeft]`
+     * for per-corner control. Default: `0` (flush rectangles).
+     */
+    barRadius?: number | [number, number, number, number];
     /** Color key legend at the **top-right of the visible chart area** (pinned; does not scroll with the plot). Default: `true`. */
     showLegend?: boolean;
     /**
@@ -1915,7 +2043,7 @@ interface FootfallByGenderProps {
 /**
  * Grouped bar chart: two series (male / female) per category, with hover dimming and a custom tooltip.
  */
-declare function FootfallByGender({ title, data, isLoading, seriesLabels: seriesLabelsProp, seriesColors: seriesColorsProp, chartHeight, minWidthPerCategory, horizontalScroll: horizontalScrollProp, maxBarSize: maxBarSizeProp, barGap, showLegend, showBarValueLabels, showGrowthBadges, dimmedBarOpacity, hoveredBarOpacity, cardMaxWidth, cardSx, titleRowSx, titleSx, dividerSx, legendOverlaySx, legendItemSx, legendSwatchSx, legendLabelSx, chartViewportSx, chartScrollAreaSx, stackSx, emptyStateSx, headerActions, tooltipCategoryLabel, tooltipOverallLabel, tooltipStyles, renderTooltip, chartMargin: chartMarginProp, yAxisTickDx, yAxisTickStyle, chartColors: chartColorsProp, emptyStatePlaceholderProps, yAxisTickFormatter, xAxisTickAngle, xAxisTickDx, xAxisTickStyle, barValueLabelAngle, growthBadgeWidth, growthBadgeHeight, growthBadgeOffsetY, }: FootfallByGenderProps): react_jsx_runtime.JSX.Element;
+declare function FootfallByGender({ title, data, isLoading, seriesLabels: seriesLabelsProp, seriesColors: seriesColorsProp, chartHeight, minWidthPerCategory, horizontalScroll: horizontalScrollProp, maxBarSize: maxBarSizeProp, barGap, barCategoryGap: barCategoryGapProp, barRadius, showLegend, showBarValueLabels, showGrowthBadges, dimmedBarOpacity, hoveredBarOpacity, cardMaxWidth, cardSx, titleRowSx, titleSx, dividerSx, legendOverlaySx, legendItemSx, legendSwatchSx, legendLabelSx, chartViewportSx, chartScrollAreaSx, stackSx, emptyStateSx, headerActions, tooltipCategoryLabel, tooltipOverallLabel, tooltipStyles, renderTooltip, chartMargin: chartMarginProp, yAxisTickDx, yAxisTickStyle, chartColors: chartColorsProp, emptyStatePlaceholderProps, yAxisTickFormatter, xAxisTickAngle, xAxisTickDx, xAxisTickStyle, barValueLabelAngle, growthBadgeWidth, growthBadgeHeight, growthBadgeOffsetY, }: FootfallByGenderProps): react_jsx_runtime.JSX.Element;
 
 interface PasserbyConversionTooltipStyles {
     container?: CSSProperties;
@@ -2001,6 +2129,17 @@ interface PasserbyConversionProps {
      * Default **0** so the bars touch. Use a number (px) or a percent string (e.g. **`"10%"`**).
      */
     barGap?: number | string;
+    /**
+     * Recharts `barCategoryGap`: space between each category band. Accepts a pixel number or a
+     * percent string (e.g. `"20%"`). When provided, overrides the auto-calculated value derived
+     * from `maxBarSize` and `barGap`. Default: auto-calculated to target `maxBarSize` bar width.
+     */
+    barCategoryGap?: number | string;
+    /**
+     * Bar corner radius applied to **both** bars (passerby & walk-ins). Number = uniform, or
+     * `[topLeft, topRight, bottomRight, bottomLeft]`. Default: `[2, 2, 0, 0]` (rounded tops).
+     */
+    barRadius?: number | [number, number, number, number];
     cardMaxWidth?: ChartCardMaxWidth;
     cardSx?: SxProps$1<Theme$1>;
     titleRowSx?: SxProps$1<Theme$1>;
@@ -2084,7 +2223,7 @@ interface PasserbyConversionProps {
     xAxisTickStyle?: Record<string, string | number>;
 }
 
-declare function PasserbyConversion({ title, data, isLoading, timeSlots, fillMissingTimeSlots, chartHeight, passerbySeriesName, walkInsSeriesName, conversionSeriesName, lineType, minWidthPerCategory, horizontalScroll: horizontalScrollProp, maxBarSize: maxBarSizeProp, barGap, cardMaxWidth, cardSx, titleRowSx, titleSx, dividerSx, legendRowSx, legendItemSx, legendSwatchSx, legendLabelSx, chartScrollAreaSx, stackSx, emptyStateSx, headerActions, tooltipTimeLabel, tooltipOverallLabel, tooltipWalkInsLabel, tooltipPasserbyLabel, tooltipConversionLabel, formatTooltipConversion, conversionAxisLabel, yAxisTickFormatter, conversionAxisTickFormatter, tooltipStyles, renderTooltip, showLegend, showConversionLine: showConversionLineProp, showBarValueLabels, chartMargin: chartMarginProp, yAxisTickDx, yAxisTickStyle, conversionAxisTickDx, conversionAxisTickStyle, rightYAxisTickDx, rightYAxisTickStyle, chartColors: chartColorsProp, emptyStatePlaceholderProps, isChartAnimationActive, chartAnimationDuration, scrollChartToEndOnDataChange, xAxisTickAngle, xAxisTickDx, xAxisTickStyle, }: PasserbyConversionProps): react_jsx_runtime.JSX.Element;
+declare function PasserbyConversion({ title, data, isLoading, timeSlots, fillMissingTimeSlots, chartHeight, passerbySeriesName, walkInsSeriesName, conversionSeriesName, lineType, minWidthPerCategory, horizontalScroll: horizontalScrollProp, maxBarSize: maxBarSizeProp, barGap, barCategoryGap: barCategoryGapProp, barRadius, cardMaxWidth, cardSx, titleRowSx, titleSx, dividerSx, legendRowSx, legendItemSx, legendSwatchSx, legendLabelSx, chartScrollAreaSx, stackSx, emptyStateSx, headerActions, tooltipTimeLabel, tooltipOverallLabel, tooltipWalkInsLabel, tooltipPasserbyLabel, tooltipConversionLabel, formatTooltipConversion, conversionAxisLabel, yAxisTickFormatter, conversionAxisTickFormatter, tooltipStyles, renderTooltip, showLegend, showConversionLine: showConversionLineProp, showBarValueLabels, chartMargin: chartMarginProp, yAxisTickDx, yAxisTickStyle, conversionAxisTickDx, conversionAxisTickStyle, rightYAxisTickDx, rightYAxisTickStyle, chartColors: chartColorsProp, emptyStatePlaceholderProps, isChartAnimationActive, chartAnimationDuration, scrollChartToEndOnDataChange, xAxisTickAngle, xAxisTickDx, xAxisTickStyle, }: PasserbyConversionProps): react_jsx_runtime.JSX.Element;
 
 /** Pie diameter: fixed px, or per-breakpoint (`xs` / `sm` / `md` match MUI breakpoints). */
 type WalkinAnalysisPieSize = number | {
@@ -2283,6 +2422,16 @@ interface WalkinTrafficProps {
     minWidthPerCategory?: number;
     horizontalScroll?: WalkinTrafficHorizontalScroll;
     maxBarSize?: number;
+    /**
+     * Recharts `barCategoryGap`: space between each category band. Accepts a pixel number or a
+     * percent string (e.g. `"20%"`). Default: Recharts built-in (`"10%"`).
+     */
+    barCategoryGap?: number | string;
+    /**
+     * Bar corner radius. Number = uniform, or `[topLeft, topRight, bottomRight, bottomLeft]`.
+     * Default: `[2, 2, 0, 0]` (rounded top corners only).
+     */
+    barRadius?: number | [number, number, number, number];
     cardMaxWidth?: ChartCardMaxWidth;
     cardSx?: SxProps$1<Theme$1>;
     titleRowSx?: SxProps$1<Theme$1>;
@@ -2359,7 +2508,7 @@ interface WalkinTrafficProps {
     xAxisTickStyle?: Record<string, string | number>;
 }
 
-declare function WalkinTraffic({ title, data, isLoading, chartHeight, barSeriesName, lineSeriesName, lineType, minWidthPerCategory, horizontalScroll: horizontalScrollProp, maxBarSize: maxBarSizeProp, cardMaxWidth, cardSx, titleRowSx, titleSx, dividerSx, legendRowSx, legendItemSx, legendSwatchSx, legendLabelSx, chartScrollAreaSx, stackSx, emptyStateSx, headerActions, tooltipTitle, tooltipTimeLabel, tooltipCurrentYearLabel, tooltipLastYearLabel, tooltipGrowthLabel, tooltipFooterNote: tooltipFooterNoteProp, tooltipHourLabel, tooltipStyles, renderTooltip, showLegend, showTrendLine: showTrendLineProp, showLineInLegend, showBarValueLabels, chartMargin: chartMarginProp, yAxisTickDx, yAxisTickStyle, chartColors: chartColorsProp, emptyStatePlaceholderProps, yAxisTickFormatter, isChartAnimationActive, chartAnimationDuration, scrollChartToEndOnDataChange, xAxisTickAngle, xAxisTickDx, xAxisTickStyle, }: WalkinTrafficProps): react_jsx_runtime.JSX.Element;
+declare function WalkinTraffic({ title, data, isLoading, chartHeight, barSeriesName, lineSeriesName, lineType, minWidthPerCategory, horizontalScroll: horizontalScrollProp, maxBarSize: maxBarSizeProp, barCategoryGap: barCategoryGapProp, barRadius, cardMaxWidth, cardSx, titleRowSx, titleSx, dividerSx, legendRowSx, legendItemSx, legendSwatchSx, legendLabelSx, chartScrollAreaSx, stackSx, emptyStateSx, headerActions, tooltipTitle, tooltipTimeLabel, tooltipCurrentYearLabel, tooltipLastYearLabel, tooltipGrowthLabel, tooltipFooterNote: tooltipFooterNoteProp, tooltipHourLabel, tooltipStyles, renderTooltip, showLegend, showTrendLine: showTrendLineProp, showLineInLegend, showBarValueLabels, chartMargin: chartMarginProp, yAxisTickDx, yAxisTickStyle, chartColors: chartColorsProp, emptyStatePlaceholderProps, yAxisTickFormatter, isChartAnimationActive, chartAnimationDuration, scrollChartToEndOnDataChange, xAxisTickAngle, xAxisTickDx, xAxisTickStyle, }: WalkinTrafficProps): react_jsx_runtime.JSX.Element;
 
 /** Primary line + tooltip fill (violet). */
 declare const BILLING_COUNTER_LINE_PRIMARY: "#7C3AED";
@@ -3017,6 +3166,239 @@ type PeakBillingHoursCustomizationProviderProps = {
 declare function PeakBillingHoursCustomizationProvider({ value, children, }: PeakBillingHoursCustomizationProviderProps): React$1.ReactElement;
 declare function usePeakBillingHoursCustomization(): PeakBillingHoursCustomization;
 
+interface JourneyStatConfig {
+    /** Iconify icon id. Defaults per-slot if omitted. */
+    icon?: string;
+    /** Icon size in px. Default: **32**. */
+    iconSize?: number;
+    /** Icon color. Default: **`#fff`**. */
+    iconColor?: string;
+    /** Inline style for the icon. Use e.g. `{ strokeWidth: 1 }` for thinner icons. */
+    iconStyle?: CSSProperties;
+    /** Solid background color of the card. */
+    bg?: string;
+    /** Label color. Default: **`rgba(255,255,255,0.85)`**. */
+    labelColor?: string;
+    /** Label font size in px. Default: **11**. */
+    labelFontSize?: number;
+    /** Label font weight. Default: **600**. */
+    labelFontWeight?: number;
+    /** Value color. Default: **`#fff`**. */
+    valueColor?: string;
+    /** Value font size in px. Default: **28**. */
+    valueFontSize?: number;
+    /** Value font weight. Default: **700**. */
+    valueFontWeight?: number;
+    /** Card border radius (MUI units). Default: **2**. */
+    borderRadius?: number | string;
+    /** Min height in px. Default: **130**. */
+    minHeight?: number;
+    /**
+     * When `true`, wraps each stat card in an outer white card container.
+     * Default: **false**.
+     */
+    showOuterCard?: boolean;
+    /** Customisation for the outer card container (only used when `showOuterCard` is `true`). */
+    outerCard?: {
+        bg?: string;
+        border?: string;
+        borderRadius?: number | string;
+        padding?: number | string;
+        boxShadow?: string;
+        sx?: SxProps$1<Theme$1>;
+    };
+    /** Extra `sx` on the card root. */
+    sx?: SxProps$1<Theme$1>;
+}
+interface JourneyMetricConfig {
+    /** Label color. Default: **`#6B7280`**. */
+    labelColor?: string;
+    /** Label font size in px. Default: **13**. */
+    labelFontSize?: number;
+    /** Label font weight. Default: **400**. */
+    labelFontWeight?: number;
+    /** Value color. Default: **`#111827`**. */
+    valueColor?: string;
+    /** Value font size in px. Default: **28**. */
+    valueFontSize?: number;
+    /** Value font weight. Default: **700**. */
+    valueFontWeight?: number;
+    /** Text alignment. Default: **`center`**. */
+    textAlign?: 'left' | 'center' | 'right';
+    /** Extra `sx` on the card root. */
+    sx?: SxProps$1<Theme$1>;
+}
+interface CustomerJourneyAnalysisProps {
+    walkIns: number;
+    trialVisits: number;
+    billingVisits: number;
+    walkInToBillingConversion: number;
+    trialToBillingConversion: number;
+    avgTrialsPerWalkIn: number;
+    avgBillingPerTrial: number;
+    /** Card heading. Default: **`"Customer Journey Analysis"`**. */
+    title?: string;
+    /** Title font size (px or CSS string). Default: **`undefined`** (MUI `h6`). */
+    titleFontSize?: number | string;
+    /** Title font weight. Default: **700**. */
+    titleFontWeight?: number;
+    /** Title text color. Default: **`#0f172a`**. */
+    titleColor?: string;
+    walkInsLabel?: string;
+    trialVisitsLabel?: string;
+    billingVisitsLabel?: string;
+    walkInToBillingLabel?: string;
+    trialToBillingLabel?: string;
+    avgTrialsPerWalkInLabel?: string;
+    avgBillingPerTrialLabel?: string;
+    /** Iconify id for Walk-ins card. Default: **`tabler:users`**. */
+    walkInsIcon?: string;
+    /** Iconify id for Trial Visits card. Default: **`tabler:door-enter`**. */
+    trialVisitsIcon?: string;
+    /** Iconify id for Billing Visits card. Default: **`mingcute:shopping-bag-3-line`**. */
+    billingVisitsIcon?: string;
+    /** Fine-grained customization for the Walk-ins stat card. */
+    walkInsCardConfig?: JourneyStatConfig;
+    /** Fine-grained customization for the Trial Visits stat card. */
+    trialVisitsCardConfig?: JourneyStatConfig;
+    /** Fine-grained customization for the Billing Visits stat card. */
+    billingVisitsCardConfig?: JourneyStatConfig;
+    /** Shared defaults applied to every stat card (individual configs override these). */
+    statCardDefaults?: JourneyStatConfig;
+    /** Fine-grained customization for the four metric cells. */
+    walkInToBillingMetricConfig?: JourneyMetricConfig;
+    trialToBillingMetricConfig?: JourneyMetricConfig;
+    avgTrialsPerWalkInMetricConfig?: JourneyMetricConfig;
+    avgBillingPerTrialMetricConfig?: JourneyMetricConfig;
+    /** Shared defaults applied to every metric card (individual configs override these). */
+    metricCardDefaults?: JourneyMetricConfig;
+    /** Walk-ins card background. Default: **`#5B8FF9`**. */
+    walkInsBg?: string;
+    /** Trial Visits card background. Default: **`#F5A048`**. */
+    trialVisitsBg?: string;
+    /** Billing Visits card background. Default: **`#52B452`**. */
+    billingVisitsBg?: string;
+    /** Icon color for all stat cards. Default: **`#fff`**. */
+    statIconColor?: string;
+    /** Inline style for all stat card icons. Use e.g. `{ strokeWidth: 1 }` for thinner icons. */
+    statIconStyle?: CSSProperties;
+    /**
+     * When `true`, wraps every stat card in an outer white card container.
+     * Can be overridden per-card via `statCardDefaults` or `walkInsCardConfig` etc.
+     * Default: **false**.
+     */
+    statShowOuterCard?: boolean;
+    /** Label color for all stat cards. Default: **`rgba(255,255,255,0.85)`**. */
+    statLabelColor?: string;
+    /** Value color for all stat cards. Default: **`#fff`**. */
+    statValueColor?: string;
+    /** Label color for all metric cards. Default: **`#6B7280`**. */
+    metricLabelColor?: string;
+    /** Value color for all metric cards. Default: **`#111827`**. */
+    metricValueColor?: string;
+    /**
+     * Background color of each individual metric card.
+     * Default: **`#F9FAFB`**.
+     */
+    metricsCardBg?: string;
+    /**
+     * Border radius of each metric card (CSS string or MUI units).
+     * Default: **`'10px'`**.
+     */
+    metricsCardBorderRadius?: number | string;
+    /**
+     * Gap between the four metric cards (CSS string or MUI spacing).
+     * Default: **`'12px'`**.
+     */
+    metricsGap?: number | string;
+    /**
+     * Padding inside the metrics section container.
+     * Default: **`0`** so the metric grid aligns with the stat strip height.
+     */
+    metricsPadding?: number | string;
+    /** Font size (px) for all stat card labels. Default: **13**. */
+    statLabelFontSize?: number;
+    /** Font weight for all stat card labels. Default: **600**. */
+    statLabelFontWeight?: number;
+    /** Font size (px) for all stat card values. Default: **40**. */
+    statValueFontSize?: number;
+    /** Font weight for all stat card values. Default: **700**. */
+    statValueFontWeight?: number;
+    /** Icon size (px) for all stat cards. Default: **52**. */
+    statIconSize?: number;
+    /** Font size (px) for all metric labels. Default: **13**. */
+    metricLabelFontSize?: number;
+    /** Font weight for all metric labels. Default: **600**. */
+    metricLabelFontWeight?: number;
+    /** Font size (px) for all metric values. Default: **28**. */
+    metricValueFontSize?: number;
+    /** Font weight for all metric values. Default: **700**. */
+    metricValueFontWeight?: number;
+    /**
+     * Gap between the three stat cards. Default: **`0`** (flush, no gap).
+     */
+    statCardGap?: number | string;
+    /**
+     * Background of the stat cards container strip.
+     * Default: **`'transparent'`** — the colored cards fill the full area.
+     */
+    statStripBg?: string;
+    /** Padding inside the stat cards strip. Default: **`0`**. */
+    statStripPadding?: number | string;
+    /** Border applied to the shared stat cards strip container. */
+    statStripBorder?: string;
+    /**
+     * Border radius of the stat cards strip (MUI theme units or CSS string).
+     * Default: **`'12px'`**. Combined with `overflow: hidden` this clips the card corners.
+     */
+    statStripBorderRadius?: number | string;
+    /**
+     * Box shadow of the stat cards strip.
+     * Default: **`'0 2px 16px rgba(0,0,0,0.10)'`**.
+     */
+    statStripBoxShadow?: string;
+    /** Border radius for the inner coloured three-card row. */
+    statStripInnerBorderRadius?: number | string;
+    /** Box shadow for the inner coloured three-card row. */
+    statStripInnerBoxShadow?: string;
+    /**
+     * Flex ratio of left (stat) section vs right (metrics) section.
+     * Default: **`1`** / **`1`** so both sections match the Figma 617px split.
+     */
+    sectionFlex?: [number | string, number | string];
+    /** Flex width for the left stat-card section. Overrides `sectionFlex[0]` when provided. */
+    statSectionFlex?: number | string;
+    /** Flex width for the right metrics section. Overrides `sectionFlex[1]` when provided. */
+    metricsSectionFlex?: number | string;
+    /** Breakpoint at which body switches from column to row. Default: **`md`**. */
+    bodyBreakpoint?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    /** Gap between the two body sections (MUI spacing). Default: **`3`**. */
+    bodyGap?: number | string;
+    /** Minimum coloured stat-card height in px. Default: **`166`** (plus default strip padding = 186px container height). */
+    statMinHeight?: number;
+    /**
+     * Flex widths for Walk-ins, Trial Visits, and Billing Visits stat cards.
+     * Default: **`[1, 1.35, 1]`** so the centre card is slightly wider.
+     */
+    statCardFlexes?: [number | string, number | string, number | string];
+    /** Renders skeletons in place of content. Default: **`false`**. */
+    isLoading?: boolean;
+    /** Format conversion % values for display. Default: rounds to 1 dp, appends `%`. */
+    formatConversion?: (value: number) => string;
+    /** Format average values for display. Default: rounds to 1 dp. */
+    formatAverage?: (value: number) => string;
+    /** Slot for the right side of the title row (e.g. gender filter + info button). */
+    headerActions?: ReactNode;
+    /** Extra `sx` on the outer card wrapper. */
+    cardSx?: SxProps$1<Theme$1>;
+    /** Extra `sx` on the stat cards strip container. */
+    statStripSx?: SxProps$1<Theme$1>;
+    /** Extra `sx` on the metrics section container. */
+    metricsSx?: SxProps$1<Theme$1>;
+}
+
+declare function CustomerJourneyAnalysis({ walkIns, trialVisits, billingVisits, walkInToBillingConversion, trialToBillingConversion, avgTrialsPerWalkIn, avgBillingPerTrial, title, titleFontSize, titleFontWeight, titleColor, walkInsLabel, trialVisitsLabel, billingVisitsLabel, walkInToBillingLabel, trialToBillingLabel, avgTrialsPerWalkInLabel, avgBillingPerTrialLabel, walkInsIcon, trialVisitsIcon, billingVisitsIcon, walkInsCardConfig, trialVisitsCardConfig, billingVisitsCardConfig, statCardDefaults, walkInToBillingMetricConfig, trialToBillingMetricConfig, avgTrialsPerWalkInMetricConfig, avgBillingPerTrialMetricConfig, metricCardDefaults, walkInsBg, trialVisitsBg, billingVisitsBg, statIconColor, statIconStyle, statShowOuterCard, statLabelColor, statValueColor, metricLabelColor, metricValueColor, metricsCardBg, metricsCardBorderRadius, metricsGap, metricsPadding, statLabelFontSize, statLabelFontWeight, statValueFontSize, statValueFontWeight, statIconSize, metricLabelFontSize, metricLabelFontWeight, metricValueFontSize, metricValueFontWeight, statCardGap, statStripBg, statStripPadding, statStripBorder, statStripBorderRadius, statStripBoxShadow, statStripInnerBorderRadius, statStripInnerBoxShadow, sectionFlex, statSectionFlex, metricsSectionFlex, bodyBreakpoint, bodyGap, statMinHeight, statCardFlexes, isLoading, formatConversion, formatAverage, headerActions, cardSx, statStripSx, metricsSx, }: CustomerJourneyAnalysisProps): react_jsx_runtime.JSX.Element;
+
 type FalconThemeMode = 'light' | 'dark';
 type FalconThemeDirection = 'ltr' | 'rtl';
 interface FalconThemeSettings {
@@ -3037,4 +3419,4 @@ interface FalconThemeProviderProps {
 
 declare const FalconThemeProvider: ({ children, mode: modeProp, settings, }: FalconThemeProviderProps) => react_jsx_runtime.JSX.Element;
 
-export { AddCommentInput, type AddCommentInputProps, AdvancedFiltersDialog, type AdvancedFiltersDialogProps, BILLING_COUNTER_LINE_PRIMARY, BILLING_COUNTER_TABS_TRACK_BG, BillingCounterAnalytics, type BillingCounterAnalyticsCustomization, BillingCounterAnalyticsCustomizationProvider, type BillingCounterAnalyticsPoint, type BillingCounterAnalyticsProps, type BillingCounterAnalyticsTooltipRenderContext, type BillingCounterAnalyticsTooltipTheme, type BillingCounterChartMargin, ButtonWithIcon, type ButtonWithIconProps, CHART_PERIOD_FILTER_INFO_POPOVER, ChartEmptyState, type ChartEmptyStateProps, ChartWidgetHeaderSeparator, ChartWidgetInfoButton, type ChartWidgetInfoButtonProps, type ChartWidgetInfoPopoverContent, RankedBarList as ChartWidgetRankedBarList, type RankedBarListItem as ChartWidgetRankedBarListItem, type RankedBarListProps as ChartWidgetRankedBarListProps, type RankedBarListSegment as ChartWidgetRankedBarSegment, type ChartWidgetSegmentedTab, type ChartWidgetSegmentedTabLayout, ChartWidgetSegmentedTabs, type ChartWidgetSegmentedTabsProps, DEFAULT_BILLING_COUNTER_ANALYTICS_INFO_POPOVER, DEFAULT_FOOTFALL_TILE_ICONS, DEFAULT_PEAK_BILLING_HOURS_INFO_POPOVER, DEFAULT_QUEUE_TIME_BREAKDOWN_INFO_POPOVER, FalconAuditTimeline, type FalconAuditTimelineProps, FalconButton, type FalconButtonProps, FalconDIstrictFilter, type FalconDIstrictFilterOption, type FalconDIstrictFilterProps, FalconExportDialog, type FalconExportDialogProps, FalconExportReportDialog, type FalconExportReportDialogProps, FalconGrayButton, type FalconGrayButtonProps, FalconMultiSelect, type FalconMultiSelectOption, type FalconMultiSelectProps, type FalconMultiSelectStyleProps, FalconPagination, type FalconPaginationProps, FalconSelect, type FalconSelectOption, type FalconSelectProps, FalconSingleSwitch, type FalconSingleSwitchProps, FalconStatBanner, FalconStatBannerGroup, type FalconStatBannerGroupProps, type FalconStatBannerProps, FalconTable, type FalconTableProps, type FalconThemeDirection, type FalconThemeMode, FalconThemeProvider, type FalconThemeProviderProps, type FalconThemeSettings, FalconTicketColumsFilter, type FalconTicketColumsFilterProps, FalconTicketFilter, type FalconTicketFilterProps, type FilterOption, type FootFallHeatMapIconColor, type FootFallHeatMapIconSize, type FootFallHeatMapIconSizeContext, type FootFallHeatMapIcons, type FootFallHeatMapKpiStripPresentation, type FootFallHeatMapKpiStripSegmentTooltipRenderContext, type FootFallHeatMapKpiSummaryCardItem, type FootFallHeatMapSummaryKpis, type FootFallHeatMapTileIconRole, type FootFallHeatMapTileMetricsCustomization, type FootFallHeatMapTreeOptions, type FootFallHeatMapTreemapColorCustomization, type FootFallHeatMapTreemapLayout, FootFallHeatMapView, type FootFallHeatMapViewProps, FootfallByAgeGroups, type ChartCardMaxWidth as FootfallByAgeGroupsCardMaxWidth, type FootfallByAgeGroupsChartColors, type FootfallByAgeGroupsChartMargin, type FootfallByAgeGroupsHorizontalScroll, type FootfallByAgeGroupsProps, type FootfallByAgeGroupsRow, type FootfallByAgeGroupsSeries, type FootfallByAgeGroupsTooltipRenderContext, type FootfallByAgeGroupsTooltipStyles, FootfallByGender, type ChartCardMaxWidth as FootfallByGenderCardMaxWidth, type FootfallByGenderChartColors, type FootfallByGenderChartMargin, type FootfallByGenderHorizontalScroll, type FootfallByGenderProps, type FootfallByGenderRow, type FootfallByGenderTooltipRenderContext, type FootfallByGenderTooltipStyles, HeatMapChartLegend, type HeatMapChartLegendProps, type HeatMapLegendItem, KpiStatCard, type KpiStatCardCustomization, type KpiStatCardDetailedProps, type KpiStatCardIconBackdropShape, type KpiStatCardInfoPlacement, type KpiStatCardInlineProps, type KpiStatCardProps, type KpiTrend, type KpiTrendLayout, type MonthData, PasserbyConversion, type ChartCardMaxWidth as PasserbyConversionCardMaxWidth, type PasserbyConversionChartColors, type PasserbyConversionChartMargin, type PasserbyConversionHorizontalScroll, type PasserbyConversionProps, type PasserbyConversionRow, type PasserbyConversionTooltipRenderContext, type PasserbyConversionTooltipStyles, PeakBillingHours, type PeakBillingHoursChartMargin, type PeakBillingHoursCustomization, PeakBillingHoursCustomizationProvider, type PeakBillingHoursPoint, type PeakBillingHoursProps, type PeakBillingHoursTooltipRenderContext, ProgressBarNumber, type ProgressBarNumberProps, QUEUE_CHART_COLORS, QUEUE_STACKED_BAR_THICKNESS_PX, QUEUE_TIME_BREAKDOWN_DEFAULT_HEADER_IMAGE_SRC, QUEUE_TIME_BREAKDOWN_INFO_POPOVER, type QueueBucketLegendItem, type QueueTimeAreaSeriesPoint, type QueueTimeAreaTooltipTheme, QueueTimeBreakdown, QueueTimeBreakdownArea, type QueueTimeBreakdownAreaProps, type QueueTimeBreakdownAreaTooltipRenderContext, type QueueTimeBreakdownBarRow, type QueueTimeBreakdownCustomization, QueueTimeBreakdownCustomizationProvider, QueueTimeBreakdownDonut, type QueueTimeBreakdownDonutProps, type QueueTimeBreakdownDonutTooltipRenderContext, type QueueTimeBreakdownProps, QueueTimeBreakdownStackedBar, type QueueTimeBreakdownStackedBarProps, type QueueTimeBreakdownStackedBarTooltipRenderContext, type QueueTimeChartFilter, TimePeriodFilter as QueueTimePeriodFilter, type QueueTimePeriodFilterInfoButtonPresentation, type TimePeriodFilterProps as QueueTimePeriodFilterProps, type QueueTimePeriodFilterTheme, type QueueTimeRechartsTooltipTheme, type QueueTimeStackedSeriesItem, RankedBarList, type RankedBarListCustomization, type RankedBarListItem, type RankedBarListProps, type RankedBarListSegment, type RankedBarListSegmentTooltipRenderContext, TIME_PERIOD_FILTER_INFO_POPOVER, TIME_PERIOD_FILTER_INFO_POPOVER_BREAKDOWN, TimePeriodFilter, type TimePeriodFilterInfoButtonPresentation, type TimePeriodFilterProps, type TimePeriodFilterTheme, type TreemapNode, WalkinAnalysis, type WalkinAnalysisCardMaxWidth, type WalkinAnalysisCustomization, type WalkinAnalysisPieSize, type WalkinAnalysisProps, type WalkinAnalysisSlice, type WalkinAnalysisTab, type WalkinAnalysisTooltipRenderContext, type WalkinAnalysisTypography, WalkinTraffic, WalkinTraffic as WalkinTrafficByHour, type ChartCardMaxWidth as WalkinTrafficByHourCardMaxWidth, type WalkinTrafficChartColors as WalkinTrafficByHourChartColors, type WalkinTrafficChartMargin as WalkinTrafficByHourChartMargin, type WalkinTrafficHorizontalScroll as WalkinTrafficByHourHorizontalScroll, type WalkinTrafficProps as WalkinTrafficByHourProps, type WalkinTrafficRow as WalkinTrafficByHourRow, type WalkinTrafficTooltipStyles as WalkinTrafficByHourTooltipStyles, type ChartCardMaxWidth as WalkinTrafficCardMaxWidth, type WalkinTrafficChartColors, type WalkinTrafficChartMargin, type WalkinTrafficHorizontalScroll, type WalkinTrafficProps, type WalkinTrafficRow, type WalkinTrafficTooltipRenderContext, type WalkinTrafficTooltipStyles, WidgetHeaderFilter, type WidgetHeaderFilterProps, type WidgetHeaderFilterStyleProps, type WidgetHeaderMultiSelectConfig, type ZoneAnalyticsFlatItem, type ZoneAnalyticsHierarchy, type ZoneAnalyticsMetrics, type ZoneKpiStripPayload, ZoneWiseKpiCards, billingCounterDefaultTabs, billingCounterMockSeriesByTabId, buildTreemapNodes, createTreemapTileColorResolver, generateMockPerformanceData, getChildContainer, getNestedList, getQueueTimeBreakdownAreaSeriesData, getQueueTimeBreakdownAreaXAxisData, hashColor, isPlainObject, mergeAreaTooltipStyles, mergeCss, mergeRechartsTooltipStyles, mergeSx, metricForNode, parseMinutes, parseZoneKpiStripFromRaw, peakBillingHoursDefaultTabs, peakBillingHoursMockSeriesByTabId, peakBillingHoursVisitsMock, preprocessData, skipSingleBranchLevels, toRechartsTreemapData, useBillingCounterAnalyticsCustomization, usePeakBillingHoursCustomization, useQueueTimeBreakdownCustomization };
+export { AddCommentInput, type AddCommentInputProps, AdvancedFiltersDialog, type AdvancedFiltersDialogProps, BILLING_COUNTER_LINE_PRIMARY, BILLING_COUNTER_TABS_TRACK_BG, BillingCounterAnalytics, type BillingCounterAnalyticsCustomization, BillingCounterAnalyticsCustomizationProvider, type BillingCounterAnalyticsPoint, type BillingCounterAnalyticsProps, type BillingCounterAnalyticsTooltipRenderContext, type BillingCounterAnalyticsTooltipTheme, type BillingCounterChartMargin, ButtonWithIcon, type ButtonWithIconProps, CHART_PERIOD_FILTER_INFO_POPOVER, ChartEmptyState, type ChartEmptyStateProps, ChartWidgetHeaderSeparator, ChartWidgetInfoButton, type ChartWidgetInfoButtonProps, type ChartWidgetInfoPopoverContent, RankedBarList as ChartWidgetRankedBarList, type RankedBarListItem as ChartWidgetRankedBarListItem, type RankedBarListProps as ChartWidgetRankedBarListProps, type RankedBarListSegment as ChartWidgetRankedBarSegment, type ChartWidgetSegmentedTab, type ChartWidgetSegmentedTabLayout, ChartWidgetSegmentedTabs, type ChartWidgetSegmentedTabsProps, CustomerJourneyAnalysis, type CustomerJourneyAnalysisProps, DEFAULT_BILLING_COUNTER_ANALYTICS_INFO_POPOVER, DEFAULT_FOOTFALL_TILE_ICONS, DEFAULT_PEAK_BILLING_HOURS_INFO_POPOVER, DEFAULT_QUEUE_TIME_BREAKDOWN_INFO_POPOVER, FalconAuditTimeline, type FalconAuditTimelineProps, FalconButton, type FalconButtonProps, FalconDIstrictFilter, type FalconDIstrictFilterOption, type FalconDIstrictFilterProps, FalconExportDialog, type FalconExportDialogProps, FalconExportReportDialog, type FalconExportReportDialogProps, FalconGrayButton, type FalconGrayButtonProps, FalconMultiSelect, type FalconMultiSelectOption, type FalconMultiSelectProps, type FalconMultiSelectStyleProps, FalconPagination, type FalconPaginationProps, FalconSelect, type FalconSelectOption, type FalconSelectProps, FalconSingleSwitch, type FalconSingleSwitchProps, FalconStatBanner, FalconStatBannerGroup, type FalconStatBannerGroupProps, type FalconStatBannerProps, FalconTable, type FalconTableProps, type FalconThemeDirection, type FalconThemeMode, FalconThemeProvider, type FalconThemeProviderProps, type FalconThemeSettings, FalconTicketColumsFilter, type FalconTicketColumsFilterProps, FalconTicketFilter, type FalconTicketFilterProps, type FilterOption, type FootFallHeatMapIconColor, type FootFallHeatMapIconSize, type FootFallHeatMapIconSizeContext, type FootFallHeatMapIcons, type FootFallHeatMapKpiStripPresentation, type FootFallHeatMapKpiStripSegmentTooltipRenderContext, type FootFallHeatMapKpiSummaryCardItem, type FootFallHeatMapSummaryKpis, type FootFallHeatMapTileIconRole, type FootFallHeatMapTileMetricsCustomization, type FootFallHeatMapTreeOptions, type FootFallHeatMapTreemapColorCustomization, type FootFallHeatMapTreemapLayout, FootFallHeatMapView, type FootFallHeatMapViewProps, FootfallByAgeGroups, type ChartCardMaxWidth as FootfallByAgeGroupsCardMaxWidth, type FootfallByAgeGroupsChartColors, type FootfallByAgeGroupsChartMargin, type FootfallByAgeGroupsHorizontalScroll, type FootfallByAgeGroupsProps, type FootfallByAgeGroupsRow, type FootfallByAgeGroupsSeries, type FootfallByAgeGroupsTooltipRenderContext, type FootfallByAgeGroupsTooltipStyles, FootfallByGender, type ChartCardMaxWidth as FootfallByGenderCardMaxWidth, type FootfallByGenderChartColors, type FootfallByGenderChartMargin, type FootfallByGenderHorizontalScroll, type FootfallByGenderProps, type FootfallByGenderRow, type FootfallByGenderTooltipRenderContext, type FootfallByGenderTooltipStyles, HeatMapChartLegend, type HeatMapChartLegendProps, type HeatMapLegendItem, JourneyMetricCard, type JourneyMetricCardProps, type JourneyMetricConfig, JourneyStatCard, type JourneyStatCardProps, type JourneyStatConfig, KpiStatCard, type KpiStatCardCustomization, type KpiStatCardDetailedProps, type KpiStatCardIconBackdropShape, type KpiStatCardInfoPlacement, type KpiStatCardInlineProps, type KpiStatCardProps, type KpiTrend, type KpiTrendLayout, type MonthData, PasserbyConversion, type ChartCardMaxWidth as PasserbyConversionCardMaxWidth, type PasserbyConversionChartColors, type PasserbyConversionChartMargin, type PasserbyConversionHorizontalScroll, type PasserbyConversionProps, type PasserbyConversionRow, type PasserbyConversionTooltipRenderContext, type PasserbyConversionTooltipStyles, PeakBillingHours, type PeakBillingHoursChartMargin, type PeakBillingHoursCustomization, PeakBillingHoursCustomizationProvider, type PeakBillingHoursPoint, type PeakBillingHoursProps, type PeakBillingHoursTooltipRenderContext, ProgressBarNumber, type ProgressBarNumberProps, QUEUE_CHART_COLORS, QUEUE_STACKED_BAR_THICKNESS_PX, QUEUE_TIME_BREAKDOWN_DEFAULT_HEADER_IMAGE_SRC, QUEUE_TIME_BREAKDOWN_INFO_POPOVER, type QueueBucketLegendItem, type QueueTimeAreaSeriesPoint, type QueueTimeAreaTooltipTheme, QueueTimeBreakdown, QueueTimeBreakdownArea, type QueueTimeBreakdownAreaProps, type QueueTimeBreakdownAreaTooltipRenderContext, type QueueTimeBreakdownBarRow, type QueueTimeBreakdownCustomization, QueueTimeBreakdownCustomizationProvider, QueueTimeBreakdownDonut, type QueueTimeBreakdownDonutProps, type QueueTimeBreakdownDonutTooltipRenderContext, type QueueTimeBreakdownProps, QueueTimeBreakdownStackedBar, type QueueTimeBreakdownStackedBarProps, type QueueTimeBreakdownStackedBarTooltipRenderContext, type QueueTimeChartFilter, TimePeriodFilter as QueueTimePeriodFilter, type QueueTimePeriodFilterInfoButtonPresentation, type TimePeriodFilterProps as QueueTimePeriodFilterProps, type QueueTimePeriodFilterTheme, type QueueTimeRechartsTooltipTheme, type QueueTimeStackedSeriesItem, RankedBarList, type RankedBarListCustomization, type RankedBarListItem, type RankedBarListProps, type RankedBarListSegment, type RankedBarListSegmentTooltipRenderContext, TIME_PERIOD_FILTER_INFO_POPOVER, TIME_PERIOD_FILTER_INFO_POPOVER_BREAKDOWN, TimePeriodFilter, type TimePeriodFilterInfoButtonPresentation, type TimePeriodFilterProps, type TimePeriodFilterTheme, type TreemapNode, WalkinAnalysis, type WalkinAnalysisCardMaxWidth, type WalkinAnalysisCustomization, type WalkinAnalysisPieSize, type WalkinAnalysisProps, type WalkinAnalysisSlice, type WalkinAnalysisTab, type WalkinAnalysisTooltipRenderContext, type WalkinAnalysisTypography, WalkinTraffic, WalkinTraffic as WalkinTrafficByHour, type ChartCardMaxWidth as WalkinTrafficByHourCardMaxWidth, type WalkinTrafficChartColors as WalkinTrafficByHourChartColors, type WalkinTrafficChartMargin as WalkinTrafficByHourChartMargin, type WalkinTrafficHorizontalScroll as WalkinTrafficByHourHorizontalScroll, type WalkinTrafficProps as WalkinTrafficByHourProps, type WalkinTrafficRow as WalkinTrafficByHourRow, type WalkinTrafficTooltipStyles as WalkinTrafficByHourTooltipStyles, type ChartCardMaxWidth as WalkinTrafficCardMaxWidth, type WalkinTrafficChartColors, type WalkinTrafficChartMargin, type WalkinTrafficHorizontalScroll, type WalkinTrafficProps, type WalkinTrafficRow, type WalkinTrafficTooltipRenderContext, type WalkinTrafficTooltipStyles, WidgetHeaderFilter, type WidgetHeaderFilterProps, type WidgetHeaderFilterStyleProps, type WidgetHeaderMultiSelectConfig, type ZoneAnalyticsFlatItem, type ZoneAnalyticsHierarchy, type ZoneAnalyticsMetrics, type ZoneKpiStripPayload, ZoneWiseKpiCards, billingCounterDefaultTabs, billingCounterMockSeriesByTabId, buildTreemapNodes, createTreemapTileColorResolver, generateMockPerformanceData, getChildContainer, getNestedList, getQueueTimeBreakdownAreaSeriesData, getQueueTimeBreakdownAreaXAxisData, hashColor, isPlainObject, mergeAreaTooltipStyles, mergeCss, mergeRechartsTooltipStyles, mergeSx, metricForNode, parseMinutes, parseZoneKpiStripFromRaw, peakBillingHoursDefaultTabs, peakBillingHoursMockSeriesByTabId, peakBillingHoursVisitsMock, preprocessData, skipSingleBranchLevels, toRechartsTreemapData, useBillingCounterAnalyticsCustomization, usePeakBillingHoursCustomization, useQueueTimeBreakdownCustomization };