@bpfdev/oly-ui 1.0.16 → 1.0.17

package/dist/index.d.mts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { SxProps, Theme, ButtonProps } from '@mui/material';
 import * as React$1 from 'react';
-import React__default, { ReactNode, ReactElement, CSSProperties } from 'react';
+import React__default, { ReactNode, ReactElement, CSSProperties, ElementType } from 'react';
 import { SxProps as SxProps$1, Theme as Theme$1 } from '@mui/material/styles';
 import { TooltipContentProps } from 'recharts';
 import { GridColDef } from '@mui/x-data-grid';
@@ -1049,6 +1049,460 @@ interface JourneyMetricCardProps {
  */
 declare function JourneyMetricCard({ label, labelColor, labelFontSize, labelFontWeight, value, valueColor, valueFontSize, valueFontWeight, textAlign, isLoading, sx, }: JourneyMetricCardProps): react_jsx_runtime.JSX.Element;
 
+/**
+ * `danger` — red shell + red status badge (e.g. "Over Crowding"). `normal` — green shell + green
+ * status badge. `inactive` — gray shell (top border only) + gray status badge (e.g. "Inactive").
+ * `custom` — a neutral gray palette with no built-in meaning, for callers who want to drive every
+ * color entirely from `customization` instead of picking one of the three named variants.
+ */
+type CounterStatusOverviewCardsVariant = 'normal' | 'danger' | 'inactive' | 'custom';
+interface CounterStatusOverviewCardsStat {
+    key: string;
+    /** e.g. "Served Today", "Avg. Queue Time". */
+    label: string;
+    value: string | number;
+    /** Shows a warning icon next to the value (e.g. an over-threshold queue). Default: **false**. */
+    showWarningIcon?: boolean;
+    /** Replaces the default warning triangle when `showWarningIcon` is true. */
+    warningIcon?: ReactNode;
+}
+/** Per-area style overrides — every field falls back to the `variant`'s default color/size. */
+interface CounterStatusOverviewCardsCustomization {
+    /** Outer card shell. */
+    card?: {
+        background?: string;
+        /** Border color. Applied per `borderSide`. */
+        borderColor?: string;
+        /** Which side(s) the card border is drawn on. Default: **'all'** (`'top'` for the `inactive` variant). */
+        borderSide?: 'all' | 'top';
+        /** Default: **2** (px). */
+        borderWidth?: number | string;
+        /** Default: **14** (px). */
+        borderRadius?: number | string;
+        /** Default: **16** (px). */
+        padding?: number | string;
+        /** Default: **420** (px). */
+        width?: number | string;
+        /** Default: **124** (px). */
+        height?: number | string;
+        /** Default: **`'"Neue Haas Grotesk Display Pro", "Noto Sans", "Roboto", "Public Sans", sans-serif'`** — applied to every text element in the card. */
+        fontFamily?: string;
+        /** CSS `box-shadow`. Unset by default. */
+        boxShadow?: string;
+        /** Background while hovered — only takes effect when `onClick` is set. */
+        hoverBackground?: string;
+        /** Border color while hovered — only takes effect when `onClick` is set. */
+        hoverBorderColor?: string;
+        sx?: SxProps$1<Theme$1>;
+    };
+    /** The status pill (top-right), e.g. "Over Crowding" / "Normal". */
+    badge?: {
+        background?: string;
+        textColor?: string;
+        borderTopColor?: string;
+        borderTopWidth?: number | string;
+        /** Default: **12** (px). */
+        fontSize?: number | string;
+        /** Default: **600**. */
+        fontWeight?: number | string;
+        /** Default: **8** (px). */
+        borderRadius?: number | string;
+        /**
+         * Caps how wide the badge can grow before its text is truncated with an ellipsis — keeps a
+         * long `statusLabel` from pushing past the card's right edge. Default: **'55%'** (of the
+         * card's content width). Set to `'none'` to disable truncation entirely.
+         */
+        maxWidth?: number | string;
+        sx?: SxProps$1<Theme$1>;
+    };
+    /** The rounded square showing `counterNumber` (top-left). */
+    counterNumberBox?: {
+        background?: string;
+        textColor?: string;
+        /** Default: **36** (px) — a floor, not a fixed size: the box grows wider (never shorter) to fit multi-digit `counterNumber` values without clipping. */
+        size?: number;
+        /** Default: **10** (px). */
+        borderRadius?: number | string;
+        /** Default: **20** (px). */
+        fontSize?: number | string;
+        /** Default: **600**. */
+        fontWeight?: number | string;
+        /** Horizontal padding applied once the number is wide enough to grow the box past `size`. Default: **4** (px). */
+        paddingX?: number | string;
+        sx?: SxProps$1<Theme$1>;
+    };
+    /** `title` text (e.g. "Counter 3"). */
+    title?: {
+        /** Default: **#101828**. */
+        color?: string;
+        /** Default: **14** (px). */
+        fontSize?: number | string;
+        /** Default: **600**. */
+        fontWeight?: number | string;
+        sx?: SxProps$1<Theme$1>;
+    };
+    /** `cameraId` text (e.g. "CAM-061"). */
+    cameraId?: {
+        /** Default: **#6A7282**. */
+        color?: string;
+        /** Default: **12** (px). */
+        fontSize?: number | string;
+        /** Default: **500**. */
+        fontWeight?: number | string;
+        sx?: SxProps$1<Theme$1>;
+    };
+    /** The 4-column stat row + vertical dividers. */
+    stats?: {
+        /** Default: **#6A7282**. */
+        labelColor?: string;
+        /** Default: **12** (px). */
+        labelFontSize?: number | string;
+        /** Default: **#101828**. */
+        valueColor?: string;
+        /** Default: **14** (px). */
+        valueFontSize?: number | string;
+        /** Default: **#0000001A**. */
+        dividerColor?: string;
+        /** Divider thickness. Default: **1** (px). */
+        dividerWidth?: number | string;
+        /** Divider height. Default: **36** (px). */
+        dividerHeight?: number | string;
+        /** Color of the default warning triangle icon (ignored when a stat sets its own `warningIcon`). Default: **#ED1C24**. */
+        warningIconColor?: string;
+        /** Size of the default warning triangle icon. Default: **16** (px). */
+        warningIconSize?: number;
+        sx?: SxProps$1<Theme$1>;
+    };
+    /** Spacing between the card's internal areas — everything not already covered by a named area's own padding/gap. */
+    layout?: {
+        /** Gap between the header row (number/title/badge) and the stats row. Default: **16** (px). */
+        contentGap?: number | string;
+        /** Gap between the counter-number box and the title/cameraId column. Default: **12** (px). */
+        headerGap?: number | string;
+        /** Gap between the title and cameraId lines. Default: **2** (px). */
+        titleGap?: number | string;
+        /** Gap between adjacent stat columns (and their divider). Default: **12** (px). */
+        statsGap?: number | string;
+    };
+}
+interface CounterStatusOverviewCardsProps {
+    /** Selects the red/"danger", green/"normal", or gray/"inactive" default palette for the card, badge, and number box. */
+    variant: CounterStatusOverviewCardsVariant;
+    /** Number shown inside the rounded square (top-left), e.g. `3`. */
+    counterNumber: number | string;
+    /** e.g. "Counter 3". */
+    title: string;
+    /** e.g. "CAM-061". */
+    cameraId: string;
+    /** Status pill text, e.g. "Over Crowding" or "Normal". */
+    statusLabel: string;
+    /** Exactly the 4 stat columns shown under the header (e.g. Served Today / Avg. Queue Time / Current Queue / Alerts Generated). */
+    stats: CounterStatusOverviewCardsStat[];
+    /** Makes the whole card clickable — adds `cursor: pointer` and enables `customization.card.hoverBackground`/`hoverBorderColor`. */
+    onClick?: () => void;
+    /** Extra root styles — merges last. */
+    sx?: SxProps$1<Theme$1>;
+    /** Per-area style overrides — see `CounterStatusOverviewCardsCustomization`. */
+    customization?: CounterStatusOverviewCardsCustomization;
+}
+
+/**
+ * **CounterStatusOverviewCards** — a single status card for a billing/service counter: a numbered
+ * badge, counter name + camera id, a status pill (`Normal` / `Over Crowding` / any custom text),
+ * and a 4-column stat row (e.g. Served Today, Avg. Queue Time, Current Queue, Alerts Generated)
+ * separated by vertical dividers. `variant` selects the red ("danger"), green ("normal"), or
+ * gray ("inactive") default palette for the card shell, badge, and counter-number box — every
+ * color is still overridable per-area via `customization`.
+ */
+declare function CounterStatusOverviewCards({ variant, counterNumber, title, cameraId, statusLabel, stats, onClick, sx, customization, }: CounterStatusOverviewCardsProps): React$1.ReactElement;
+
+/** `danger` tints the whole row red (matches `CounterStatusOverviewCards`'s danger card); `normal` is the default white row. */
+type CounterStatusOverviewTableRowVariant = 'normal' | 'danger';
+/** `danger` = red pill; `normal` = green pill. */
+type CounterStatusOverviewTableQueuePillVariant = 'normal' | 'danger';
+interface CounterStatusOverviewTableQueuePill {
+    count: number | string;
+    /** Appended after `count`, e.g. `"people"`. Default: **'people'**. */
+    unitLabel?: string;
+    variant: CounterStatusOverviewTableQueuePillVariant;
+}
+/** `danger` = red status pill (default); `normal` = green status pill. */
+type CounterStatusOverviewTableDetailStatusVariant = 'normal' | 'danger';
+/** Data shown in the counter-details modal opened by a row's eye icon. */
+interface CounterStatusOverviewTableRowDetails {
+    /** Modal heading. Defaults to `"Counter {n}"`, derived from the row's `counterNumber`. */
+    title?: string;
+    /** Camera snapshot rendered at the top of the modal. Omit to render the modal without an image. */
+    imageUrl?: string;
+    imageAlt?: string;
+    /** Status pill text, e.g. `"Over Crowding"`. */
+    status: string;
+    /** Default: **'danger'**. */
+    statusVariant?: CounterStatusOverviewTableDetailStatusVariant;
+    servedToday: string | number;
+    /** e.g. `"8 mins"`. */
+    avgWaitTime: string | number;
+    queueLength: string | number;
+    /** Tints `queueLength` red with a warning icon. Default: **false**. */
+    queueLengthWarning?: boolean;
+}
+/** One extra action icon rendered alongside the default eye/view icon in the Action column. */
+interface CounterStatusOverviewTableRowAction {
+    key: string;
+    icon: ReactNode;
+    onClick: () => void;
+    ariaLabel: string;
+}
+interface CounterStatusOverviewTableRow {
+    key: string;
+    /** e.g. `"#3"`. */
+    counterNumber: string | number;
+    /** e.g. `"CAM-010"`. */
+    cameraId: string;
+    totalServed: string | number;
+    /** e.g. `"6 min"`. */
+    avgQueueTime: string;
+    alertsGenerated: string | number;
+    currentQueue: CounterStatusOverviewTableQueuePill;
+    /** e.g. `"Active"`. */
+    status: string;
+    /** Row-level highlight. Default: **'normal'**. */
+    variant?: CounterStatusOverviewTableRowVariant;
+    /** Called when the row's action icon is clicked. Omit to render the icon without a click handler. */
+    onActionClick?: () => void;
+    /** When present, clicking the row's eye icon opens the counter-details modal populated with this data. */
+    details?: CounterStatusOverviewTableRowDetails;
+    /** Additional action icons rendered after the default eye/view icon, in order. */
+    extraActions?: CounterStatusOverviewTableRowAction[];
+    /**
+     * Per-column custom cell renderer for this row — takes over that column's cell content
+     * entirely (the default `Typography`/pill/icon for that column is skipped). Keyed the same as
+     * `CounterStatusOverviewTableColumnWidths`.
+     */
+    renderCell?: Partial<Record<CounterStatusOverviewTableColumnKey, () => ReactNode>>;
+}
+/** The eight column keys, in their default left-to-right order. */
+type CounterStatusOverviewTableColumnKey = 'counter' | 'camera' | 'totalServed' | 'avgQueueTime' | 'alertsGenerated' | 'currentQueue' | 'status' | 'action';
+/** Per-column width (px). Every column defaults to the Figma spec's exact value; the eight together sum to 1288 — `customization.root.width`'s default. */
+interface CounterStatusOverviewTableColumnWidths {
+    /** Default: **86**. */
+    counter?: number;
+    /** Default: **192.8**. */
+    camera?: number;
+    /** Default: **192.8**. */
+    totalServed?: number;
+    /** Default: **192.8**. */
+    avgQueueTime?: number;
+    /** Default: **192.8**. */
+    alertsGenerated?: number;
+    /** Default: **192.8**. */
+    currentQueue?: number;
+    /** Default: **142**. */
+    status?: number;
+    /** Default: **96**. */
+    action?: number;
+}
+/** `'asc'` / `'desc'` sort direction for the currently sorted column. */
+type CounterStatusOverviewTableSortDirection = 'asc' | 'desc';
+interface CounterStatusOverviewTableCustomization {
+    /**
+     * The single grid-line color shared by every divider in the table — header/body boundary,
+     * every column divider, and every row-to-row divider, including the Status column. The whole
+     * table renders as one CSS Grid sharing one set of column/row tracks (not a separate grid per
+     * row), and each boundary is drawn by exactly one cell (the left cell's `borderRight`, the
+     * upper cell's `borderBottom`), so every line renders at the same 1px thickness everywhere.
+     * Default: **#D8D8D8**.
+     */
+    gridLineColor?: string;
+    /** Outer table shell. */
+    root?: {
+        /** Default: **1288** (px) — the sum of the column widths. */
+        width?: number | string;
+        /** Default: **186** (px) — header height + (row height × row count) at the default 3 rows. */
+        height?: number | string;
+        /** Default: **8** (px). */
+        borderRadius?: number | string;
+        /** Default: **#E9E9F0**. */
+        borderColor?: string;
+        /** Default: **`'"Neue Haas Grotesk Display Pro", "Noto Sans", "Roboto", "Public Sans", sans-serif'`** — applied to every piece of text in the table (header, cells, detail modal). */
+        fontFamily?: string;
+        sx?: SxProps$1<Theme$1>;
+    };
+    /** Header row (column titles). */
+    header?: {
+        /** Default: **48** (px). */
+        height?: number | string;
+        /** Default: **#F1F1F5**. */
+        background?: string;
+        /** Default: **#444444**. */
+        textColor?: string;
+        /** Default: **13** (px). */
+        fontSize?: number | string;
+        /** Default: **600**. */
+        fontWeight?: number | string;
+        /**
+         * Columns whose header is clickable to sort the rows (ascending, then descending). Unset by
+         * default — no column is sortable unless listed here.
+         */
+        sortableColumns?: CounterStatusOverviewTableColumnKey[];
+        /** Color of the sort direction arrow shown on the active sorted column. Defaults to `textColor`. */
+        sortIconColor?: string;
+        /** Extra styles merged onto every header cell. */
+        sx?: SxProps$1<Theme$1>;
+    };
+    /** Body rows. */
+    row?: {
+        /** Default: **46** (px). */
+        height?: number | string;
+        /** `variant: 'danger'` row background. Default: **#FEF2F2**. */
+        dangerBackground?: string;
+        /** Default (non-`danger`) row background. Default: **#FFFFFF**. */
+        normalBackground?: string;
+        /** Row background while hovered. Unset by default (no hover effect). */
+        hoverBackground?: string;
+        /** Counter number cell (e.g. "#3"). Default: **#242424**. */
+        counterTextColor?: string;
+        /** Default: **13** (px). */
+        counterFontSize?: number | string;
+        /** Default: **600**. */
+        counterFontWeight?: number | string;
+        /** Camera / Total Served / Avg. Queue Time / Alerts Generated cells. Default: **#444444**. */
+        cellTextColor?: string;
+        /** Default: **13** (px). */
+        cellFontSize?: number | string;
+        /** Default: **600**. */
+        cellFontWeight?: number | string;
+        /** Status column cell background. Default: **#F0FDF4**. */
+        statusBackground?: string;
+        /** Default: **#008236**. */
+        statusTextColor?: string;
+        /** Default: **13** (px). */
+        statusFontSize?: number | string;
+        /** Default: **600**. */
+        statusFontWeight?: number | string;
+        /** Extra styles merged onto every cell in every body row. */
+        sx?: SxProps$1<Theme$1>;
+    };
+    /** The rounded "N people" pill in the Current Queue column. */
+    queuePill?: {
+        /** `variant: 'danger'`. Default: **#ED1C24**. */
+        dangerBackground?: string;
+        /** `variant: 'normal'`. Default: **#4EAF51**. */
+        normalBackground?: string;
+        /** Default: **#FFFFFF**. */
+        textColor?: string;
+        /** Default: **11** (px). */
+        fontSize?: number | string;
+        /** Default: **600**. */
+        fontWeight?: number | string;
+        /** Default: **100** (px) — fully rounded. */
+        borderRadius?: number | string;
+        sx?: SxProps$1<Theme$1>;
+    };
+    /** The Action column's eye icon button. */
+    actionIcon?: {
+        /** Default: **24** (px). */
+        size?: number;
+        /** Default: **#0A0A0A**. */
+        color?: string;
+    };
+    /** Per-column widths — see `CounterStatusOverviewTableColumnWidths`. */
+    columns?: CounterStatusOverviewTableColumnWidths;
+    /**
+     * Left-to-right column order. Default: `['counter', 'camera', 'totalServed', 'avgQueueTime',
+     * 'alertsGenerated', 'currentQueue', 'status', 'action']`. Any key omitted from this array is
+     * still subject to `columnVisibility` but renders in its default relative position.
+     */
+    columnOrder?: CounterStatusOverviewTableColumnKey[];
+    /** Per-column visibility. Every column defaults to **visible**; set a key to `false` to hide it. */
+    columnVisibility?: Partial<Record<CounterStatusOverviewTableColumnKey, boolean>>;
+    /** Per-column text alignment (header + body cells). Default: **'center'** for every column. */
+    columnAlign?: Partial<Record<CounterStatusOverviewTableColumnKey, 'left' | 'center' | 'right'>>;
+    /** Shown instead of the grid body when `rows` is empty. */
+    emptyState?: {
+        /** Default: **'No data found'**. */
+        label?: string;
+        /** Rendered above the label. */
+        icon?: ReactNode;
+        sx?: SxProps$1<Theme$1>;
+    };
+    /** The counter-details modal opened by a row's eye icon (only when that row has `details`). */
+    detailModal?: {
+        /** Default: **518** (px). */
+        width?: number | string;
+        /** Default: **20** (px). */
+        borderRadius?: number | string;
+        /** Default: **rgba(0, 0, 0, 0.1)**. */
+        borderColor?: string;
+        /** "Counter Details" section label. Default: **'Counter Details'**. */
+        sectionTitle?: string;
+        /** Per-field label override. Defaults: Status / Served Today / Avg. Wait Time / Queue Length. */
+        labels?: {
+            status?: string;
+            servedToday?: string;
+            avgWaitTime?: string;
+            queueLength?: string;
+        };
+        /** Status pill — `statusVariant: 'danger'`. Default: **#D4183D**. */
+        dangerStatusBackground?: string;
+        /** Status pill — `statusVariant: 'normal'`. Default: **#00A63E**. */
+        normalStatusBackground?: string;
+        /** `queueLengthWarning` text/icon color. Default: **#ED1C24**. */
+        warningColor?: string;
+        /** Camera-snapshot placeholder height. Default: **300** (px). */
+        imageHeight?: number | string;
+        /** Gap between the Status / Served Today / Avg. Wait Time / Queue Length fields. Default: **20** (px). */
+        fieldsGap?: number | string;
+        /** Field label font size. Default: **14** (px). */
+        labelFontSize?: number | string;
+        /** Field value font size. Default: **16** (px). */
+        valueFontSize?: number | string;
+        /** Extra `sx` merged onto the modal's backdrop. */
+        backdropSx?: SxProps$1<Theme$1>;
+        sx?: SxProps$1<Theme$1>;
+    };
+}
+interface CounterStatusOverviewTableProps {
+    /** Header labels, in column order. Defaults match the Figma spec. */
+    headerLabels?: {
+        counter?: string;
+        camera?: string;
+        totalServed?: string;
+        avgQueueTime?: string;
+        alertsGenerated?: string;
+        currentQueue?: string;
+        status?: string;
+        action?: string;
+    };
+    rows: CounterStatusOverviewTableRow[];
+    /**
+     * Controlled sorted column. Pass `null` for unsorted. Omit to let the component manage its own
+     * (see `defaultSortBy`) — sorting only activates for columns listed in
+     * `customization.header.sortableColumns`.
+     */
+    sortBy?: CounterStatusOverviewTableColumnKey | null;
+    /** Initial sorted column in uncontrolled mode. Default: **null** (unsorted). */
+    defaultSortBy?: CounterStatusOverviewTableColumnKey | null;
+    /** Controlled sort direction. Omit to let the component manage its own (see `defaultSortDirection`). */
+    sortDirection?: CounterStatusOverviewTableSortDirection;
+    /** Initial sort direction in uncontrolled mode. Default: **'asc'**. */
+    defaultSortDirection?: CounterStatusOverviewTableSortDirection;
+    /** Fired whenever the sorted column/direction changes (clicking a sortable header). */
+    onSortChange?: (sortBy: CounterStatusOverviewTableColumnKey | null, direction: CounterStatusOverviewTableSortDirection) => void;
+    /**
+     * Overrides the comparator used to sort two rows by `sortBy`. Defaults to a numeric-aware
+     * comparison (parses a leading number out of the column's display value where relevant, e.g.
+     * `"6 min"` → `6`, `"#3"` → `3`) falling back to a case-insensitive string compare.
+     */
+    sortComparator?: (a: CounterStatusOverviewTableRow, b: CounterStatusOverviewTableRow, sortBy: CounterStatusOverviewTableColumnKey) => number;
+    /** Extra root styles — merges last. */
+    sx?: SxProps$1<Theme$1>;
+    /** Deep per-area style override — see `CounterStatusOverviewTableCustomization`. */
+    customization?: CounterStatusOverviewTableCustomization;
+}
+
+declare function CounterStatusOverviewTable({ headerLabels, rows, sortBy, defaultSortBy, sortDirection, defaultSortDirection, onSortChange, sortComparator, sx, customization, }: CounterStatusOverviewTableProps): React$1.ReactElement;
+
 interface FalconButtonProps extends ButtonProps {
     loading?: boolean;
     iconPlacement?: 'start' | 'end';
@@ -1982,6 +2436,28 @@ interface FalconStatBannerTrend {
     badgeColor?: string;
     badgeIconBg?: string;
     badgeIconColor?: string;
+    /** Default: `'50px'`. */
+    badgeBorderRadius?: number | string;
+    /** Default: `'6px 16px'` (matches the default `py: 0.75, px: 2`). */
+    badgePadding?: string;
+    /** Gap between the label text and the icon (or icon circle). Default: `1` (theme spacing, 8px). */
+    badgeGap?: number | string;
+    /** Default: `'0.8rem'`. */
+    badgeFontSize?: number | string;
+    /** Default: `600`. */
+    badgeFontWeight?: number | string;
+    /**
+     * When `true`, renders `iconName` (or the built-in up/down arrow) directly with no circular
+     * background behind it — for icon sets whose glyph is already self-contained (e.g.
+     * `material-symbols:arrow-circle-up-rounded`, which already draws its own circle outline).
+     * `badgeIconColor` colors the icon itself instead of a circle background. Default: `false`
+     * (wraps the icon in a solid colored circle, e.g. `mdi:arrow-up` on `badgeIconBg`).
+     */
+    iconOnly?: boolean;
+    /** Overrides the built-in `mdi:arrow-up` / `mdi:arrow-down` icon name. */
+    iconName?: string;
+    /** Icon width/height in px. Default: `11` (wrapped) — pass a larger value (e.g. `14`) for `iconOnly` icons, which have no circle padding around them. */
+    iconSize?: number;
 }
 interface FalconStatBannerProps {
     label: string;
@@ -1990,15 +2466,26 @@ interface FalconStatBannerProps {
     textColor?: string;
     width?: number | string;
     height?: number | string;
+    /** Font-family for the whole banner text. Default: inherits the theme. */
+    fontFamily?: string;
+    /** Applies to both the label and value text unless `valueFontSize` overrides the value. Default: `1rem`. */
     fontSize?: number | string;
+    /** Weight of the **value** text specifically. Default: `600`. */
     fontWeight?: number | string;
+    /** Weight of the **label** text specifically. Default: inherits (browser/theme normal weight). */
+    labelFontWeight?: number | string;
+    /** Overrides `fontSize` for just the value text. Default: same as `fontSize`. */
+    valueFontSize?: number | string;
+    /** Default: `1.4`. */
+    lineHeight?: number | string;
+    letterSpacing?: number | string;
     trend?: FalconStatBannerTrend;
     trendPlacement?: 'inline' | 'end';
     sx?: SxProps<Theme>;
     className?: string;
 }
 
-declare const FalconStatBanner: ({ label, value, color, textColor, width, height, fontSize, fontWeight, trend, trendPlacement, sx, className, }: FalconStatBannerProps) => react_jsx_runtime.JSX.Element;
+declare const FalconStatBanner: ({ label, value, color, textColor, width, height, fontFamily, fontSize, fontWeight, labelFontWeight, valueFontSize, lineHeight, letterSpacing, trend, trendPlacement, sx, className, }: FalconStatBannerProps) => react_jsx_runtime.JSX.Element;
 
 interface FalconStatBannerGroupProps {
     banners: FalconStatBannerProps[];
@@ -2637,6 +3124,14 @@ interface PasserbyConversionProps {
     conversionAxisLabel?: string;
     /** Tick formatter for the left (count) Y-axis. */
     yAxisTickFormatter?: (value: number) => string;
+    /** Override the left (count) y-axis `[min, max]` domain. Default: auto. */
+    yAxisDomain?: [number | string, number | string];
+    /** Override the explicit left (count) y-axis tick values (pairs with `yAxisDomain` to force a specific top tick). Default: auto. */
+    yAxisTicks?: number[];
+    /** Override the right (conversion) y-axis `[min, max]` domain. Default: auto. */
+    conversionAxisDomain?: [number | string, number | string];
+    /** Override the explicit right (conversion) y-axis tick values (pairs with `conversionAxisDomain`). Default: auto. */
+    conversionAxisTicks?: number[];
     /** Tick formatter for the right (conversion) Y-axis. */
     conversionAxisTickFormatter?: (value: number) => string;
     tooltipStyles?: PasserbyConversionTooltipStyles;
@@ -2695,7 +3190,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, 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, barValueLabelAngle, 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, yAxisDomain, yAxisTicks, conversionAxisTickFormatter, conversionAxisDomain, conversionAxisTicks, tooltipStyles, renderTooltip, showLegend, showConversionLine: showConversionLineProp, showBarValueLabels, barValueLabelAngle, 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 | {
@@ -2962,6 +3457,10 @@ interface WalkinTrafficProps {
     chartColors?: WalkinTrafficChartColors;
     emptyStatePlaceholderProps?: ChartEmptyStateProps;
     yAxisTickFormatter?: (value: number) => string;
+    /** Override the y-axis `[min, max]` domain (Recharts accepts numbers or `'auto'`/`'dataMin'`/`'dataMax'`). Default: auto. */
+    yAxisDomain?: [number | string, number | string];
+    /** Override the explicit y-axis tick values (pairs with `yAxisDomain` to force a specific top tick). Default: auto. */
+    yAxisTicks?: number[];
     emptyStateText?: string;
     /**
      * Recharts animation for bars and trend line. Defaults **true** / **400** ms.
@@ -2985,7 +3484,7 @@ interface WalkinTrafficProps {
     xAxisTickStyle?: Record<string, string | number>;
 }
 
-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, barValueLabelAngle, 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, barValueLabelAngle, chartMargin: chartMarginProp, yAxisTickDx, yAxisTickStyle, chartColors: chartColorsProp, emptyStatePlaceholderProps, yAxisTickFormatter, yAxisDomain, yAxisTicks, isChartAnimationActive, chartAnimationDuration, scrollChartToEndOnDataChange, xAxisTickAngle, xAxisTickDx, xAxisTickStyle, }: WalkinTrafficProps): react_jsx_runtime.JSX.Element;
 
 /** Primary line + tooltip fill (violet). */
 declare const BILLING_COUNTER_LINE_PRIMARY: "#7C3AED";
@@ -4254,6 +4753,392 @@ interface CustomerJourneyAnalysisProps {
 
 declare function CustomerJourneyAnalysis({ walkIns, trialVisits, billingVisits, walkInToBillingConversion, trialToBillingConversion, avgTrialsPerWalkIn, avgBillingPerTrial, title, hideTitle, 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;
 
+/** One stat pill above the two charts; `width` comes from the widget's `FalconStatBannerGroup`, everything else is yours. */
+type OverallFootfallPasserbyTrendsBanner = Omit<FalconStatBannerProps, 'width'>;
+interface OverallFootfallPasserbyTrendsBottomLegendItem {
+    key: string;
+    label: string;
+    color: string;
+    /** Renders a thin line swatch instead of a square (for the conversion series). */
+    isLine?: boolean;
+    /** Per-item `sx` override, merged after `customization.bottomLegend.itemSx`. */
+    sx?: SxProps$1<Theme$1>;
+}
+/**
+ * Per-breakpoint width for one of the two chart panels — same shape as MUI Grid v2's `size` prop
+ * (a bare column count, or an object keyed by breakpoint).
+ * Defaults to `{ xs: 12, md: 6 }` (stacked on mobile, 50/50 from `md` up) for both panels.
+ */
+type OverallFootfallPasserbyTrendsGridSize = number | 'auto' | Partial<Record<'xs' | 'sm' | 'md' | 'lg' | 'xl', number | 'auto'>>;
+/**
+ * Deep customization surface. Outer widget chrome (card, header, banners, charts row, bottom
+ * legend) is layered separately from the two inner charts, which accept their **full** own prop
+ * set (minus the data/title/timeSlots the widget already owns) so nothing in either chart is
+ * off-limits.
+ */
+interface OverallFootfallPasserbyTrendsCustomization {
+    /** Outer card (the widget shell wrapping everything). */
+    rootCard?: {
+        sx?: SxProps$1<Theme$1>;
+        /** Default: **12** (px). */
+        borderRadius?: number | string;
+        /** Border color. Default: **#E5E5E5**. */
+        borderColor?: string;
+        /** Background color. Default: **#FFFFFF**. */
+        background?: string;
+        /** Card padding. Default: **24** (px). */
+        padding?: number | string;
+        /** Vertical gap between the title row, banners, charts, and bottom legend. Default: **10** (px). */
+        gap?: number | string;
+        /** Explicit width (in addition to the `cardMaxWidth` prop's max-width). Default: **100%**. */
+        width?: number | string;
+        /** CSS `box-shadow`. Unset by default. */
+        boxShadow?: string;
+        /** Root element/component rendered for the card shell. Default: MUI `Box`'s own default (`'div'`). */
+        component?: ElementType;
+    };
+    /** Title row (title + info button + `headerActions`). */
+    header?: {
+        titleSx?: SxProps$1<Theme$1>;
+        rowSx?: SxProps$1<Theme$1>;
+        /** Default: **`"Noto Sans", sans-serif`**. */
+        titleFontFamily?: string;
+        /** Default: **700**. */
+        titleFontWeight?: number | string;
+        /** Default: **22** (px). */
+        titleFontSize?: number | string;
+        /** Default: **#000000**. */
+        titleColor?: string;
+        /** Root element/component rendered for the title. Default: **`'h2'`**. */
+        titleComponent?: ElementType;
+        /** Gap between the title and the info-button/`headerActions` group. Default: **2** (theme spacing, 16px). */
+        gap?: number | string;
+        /** Gap between the separator, info button, and `headerActions` within their group. Default: **1.5** (theme spacing, 12px). */
+        actionsGap?: number | string;
+        /** Hides the whole title row (title, separator, info button, `headerActions`). Default: **false**. */
+        hidden?: boolean;
+        /** `aria-label` on the info button. Default: **`'Chart information'`**. */
+        infoButtonAriaLabel?: string;
+        /** Forwarded to `ChartWidgetInfoButton` — every prop except `popover`/`ariaLabel`, which are already covered by `infoPopover`/`infoButtonAriaLabel`. */
+        infoButtonProps?: Partial<Omit<ChartWidgetInfoButtonProps, 'popover' | 'ariaLabel'>>;
+    };
+    /** The `FalconStatBannerGroup` row above the charts. */
+    banners?: {
+        sx?: SxProps$1<Theme$1>;
+        /** Gap between the two pills. Forwarded to `FalconStatBannerGroup`'s `spacing`. */
+        spacing?: number;
+        /** Hides the whole stat-pill row. Default: **false**. */
+        hidden?: boolean;
+        /**
+         * When `false`, skip layering the Go Colors day-over-day badge defaults (radius, padding,
+         * font, self-contained arrow icon) under `walkinsBanner.trend` / `passerbyBanner.trend` —
+         * your `trend` object is used exactly as given, falling back to `FalconStatBanner`'s own
+         * built-in defaults for anything you don't set. Default: **true**.
+         */
+        applyTrendDefaults?: boolean;
+    };
+    /** The two-column Grid row containing the charts. */
+    chartsRow?: {
+        sx?: SxProps$1<Theme$1>;
+        /** Hides the whole charts row (both panels). Default: **false**. */
+        hidden?: boolean;
+        /** Gap between the two chart panels. Forwarded to the Grid `spacing`. Default: `3`. */
+        spacing?: number;
+        /** Left (Walk-in Traffic) panel width. Default: `{ xs: 12, md: 6 }`. */
+        walkinTrafficGridSize?: OverallFootfallPasserbyTrendsGridSize;
+        /** Right (Passerby Conversion) panel width. Default: `{ xs: 12, md: 6 }`. */
+        passerbyConversionGridSize?: OverallFootfallPasserbyTrendsGridSize;
+        /** CSS `order` for the Walk-in Traffic panel — pair with a matching `passerbyConversionOrder` to swap which side each chart renders on. */
+        walkinTrafficOrder?: number;
+        /** CSS `order` for the Passerby Conversion panel. */
+        passerbyConversionOrder?: number;
+    };
+    /** Bottom legend strip beneath the charts. */
+    bottomLegend?: {
+        sx?: SxProps$1<Theme$1>;
+        /** Hides the whole bottom legend strip, regardless of `bottomLegendItems`. Default: **false**. */
+        hidden?: boolean;
+        itemSx?: SxProps$1<Theme$1>;
+        labelSx?: SxProps$1<Theme$1>;
+        /** Square swatch size (non-line items). Default: **16**. */
+        swatchSizePx?: number;
+        /** Line swatch width (line items, e.g. Conversion). Default: **16**. */
+        lineSwatchWidthPx?: number;
+        /** Line swatch thickness (line items). Default: **3**. */
+        lineSwatchHeightPx?: number;
+        /** Square swatch border-radius (non-line items). Default: **'2px'**. */
+        swatchBorderRadius?: number | string;
+        /** Line swatch border-radius (line items). Default: **0.5** (theme spacing, 4px). */
+        lineSwatchBorderRadius?: number | string;
+        /** Default: **`"Noto Sans", sans-serif`** (matches the title font). */
+        labelFontFamily?: string;
+        /** Default: **400**. */
+        labelFontWeight?: number | string;
+        /** Default: **14** (px). */
+        labelFontSize?: number | string;
+        /** Default: **#000000**. */
+        labelColor?: string;
+    };
+    /** The two inner charts' own panel titles (`walkinTrafficTitle` / `passerbyConversionTitle`). */
+    chartTitles?: {
+        walkinTraffic?: {
+            sx?: SxProps$1<Theme$1>;
+            /** Default: falcon-web-ui's brand font stack (see component description). */
+            fontFamily?: string;
+            /** Default: **600**. */
+            fontWeight?: number | string;
+            /** Default: **12** (px). */
+            fontSize?: number | string;
+            /** Default: **#1a1a1a**. */
+            color?: string;
+            /** Default: **1.4**. */
+            lineHeight?: number | string;
+            /** Default: **'center'**. */
+            textAlign?: 'left' | 'center' | 'right';
+        };
+        passerbyConversion?: {
+            sx?: SxProps$1<Theme$1>;
+            /** Default: falcon-web-ui's brand font stack (see component description). */
+            fontFamily?: string;
+            /** Default: **600**. */
+            fontWeight?: number | string;
+            /** Default: **12** (px). */
+            fontSize?: number | string;
+            /** Default: **#1a1a1a**. */
+            color?: string;
+            /** Default: **1.4**. */
+            lineHeight?: number | string;
+            /** Default: **'center'**. */
+            textAlign?: 'left' | 'center' | 'right';
+        };
+    };
+    /**
+     * Forwarded to the inner **WalkinTraffic** chart — every prop except `data`/`title`, which the
+     * widget owns via `walkinTrafficData`/`walkinTrafficTitle`.
+     */
+    walkinTraffic?: Partial<Omit<WalkinTrafficProps, 'data' | 'title'>>;
+    /**
+     * Forwarded to the inner **PasserbyConversion** chart — every prop except
+     * `data`/`title`/`timeSlots`, which the widget owns via `passerbyConversionData`/
+     * `passerbyConversionTitle`/`passerbyConversionTimeSlots`.
+     */
+    passerbyConversion?: Partial<Omit<PasserbyConversionProps, 'data' | 'title' | 'timeSlots'>>;
+}
+interface OverallFootfallPasserbyTrendsProps {
+    /** Outer widget title. Default: **Overall Footfall & Passerby Trends**. */
+    title?: string;
+    /** Left stat pill (default color **#0086A9**, matches the Walk-in Traffic chart bar). */
+    walkinsBanner: OverallFootfallPasserbyTrendsBanner;
+    /** Right stat pill (default color **#FFC647**, matches the Passerby Conversion chart bar). */
+    passerbyBanner: OverallFootfallPasserbyTrendsBanner;
+    /** Rows for the left **WalkinTraffic** chart. */
+    walkinTrafficData: WalkinTrafficProps['data'];
+    /** Left chart panel title. Default: **Walk-in Traffic**. */
+    walkinTrafficTitle?: string;
+    /** Rows for the right **PasserbyConversion** chart. */
+    passerbyConversionData: PasserbyConversionProps['data'];
+    /** Right chart panel title. Default: **Passerby Conversion**. */
+    passerbyConversionTitle?: string;
+    /** Stable X-axis slots forwarded to **PasserbyConversion** (see its `timeSlots` prop). */
+    passerbyConversionTimeSlots?: PasserbyConversionProps['timeSlots'];
+    /** Shared plot height (px) applied to both charts, unless overridden per-chart via `customization`. Default: **400**. */
+    chartHeight?: number;
+    /**
+     * Bottom legend items shown under both charts. Default: **Walk-ins** (**#0086A9**),
+     * **Passerby** (**#FFC647**), **Conversion** (**#754C7F**) — all square swatches, matching the
+     * Figma spec.
+     */
+    bottomLegendItems?: OverallFootfallPasserbyTrendsBottomLegendItem[];
+    /** Header info button content. Omit for no info button. */
+    infoPopover?: ChartWidgetInfoPopoverContent;
+    /** Right side of the title row, rendered after the info button (e.g. a date filter). */
+    headerActions?: ReactNode;
+    /** Outer card max-width. Default: **1320** (px, matches the Figma frame) — `width: 100%` keeps it responsive below that. */
+    cardMaxWidth?: ChartCardMaxWidth;
+    /** Deep theme override — see `OverallFootfallPasserbyTrendsCustomization`. */
+    customization?: OverallFootfallPasserbyTrendsCustomization;
+}
+
+/**
+ * **OverallFootfallPasserbyTrends** widget: outer card with a title row (+ optional info button),
+ * two **FalconStatBanner** pills, the existing **WalkinTraffic** and **PasserbyConversion** charts
+ * side by side (own legends hidden), and a single shared bottom legend.
+ *
+ * The two inner charts accept their **full** own prop set via `customization.walkinTraffic` /
+ * `customization.passerbyConversion` (colors, tooltips, animation, bar styling, etc.) — nothing in
+ * either chart is off-limits from this widget. Outer chrome (card, title, banners, bottom legend)
+ * has its own named customization fields matching the Figma spec defaults, plus an `sx` escape
+ * hatch on every area.
+ */
+declare function OverallFootfallPasserbyTrends({ title, walkinsBanner, passerbyBanner, walkinTrafficData, walkinTrafficTitle, passerbyConversionData, passerbyConversionTitle, passerbyConversionTimeSlots, chartHeight, bottomLegendItems, infoPopover, headerActions, cardMaxWidth, customization, }: OverallFootfallPasserbyTrendsProps): React$1.ReactElement;
+
+/** `'card'` renders `CounterStatusOverviewCards` (one per entry in `cards`); `'list'` renders `CounterStatusOverviewTable`. */
+type CounterStatusOverviewViewMode = 'card' | 'list';
+/** Per-area style overrides — every field falls back to the Figma-spec default. */
+interface CounterStatusOverviewCustomization {
+    /** Outer card shell. */
+    root?: {
+        /** Default: **1320** (px). */
+        width?: number | string;
+        /** Unset by default — the card sizes to its content (header + cards/table) instead of a fixed height, so there's no dead space below a short card/list. Set explicitly to force a fixed height. */
+        height?: number | string;
+        /** Default: **12** (px). */
+        borderRadius?: number | string;
+        /** Gap between the header row and the card/list content. Default: **16** (px). */
+        gap?: number | string;
+        /** Default: **16** (px). */
+        padding?: number | string;
+        /** Default: **#FFFFFF**. */
+        background?: string;
+        /** Default: **`'"Neue Haas Grotesk Display Pro", "Noto Sans", "Roboto", "Public Sans", sans-serif'`** — applied to every piece of text in the widget (title, search, view toggle, empty state) unless a more specific `fontFamily` is set elsewhere. */
+        fontFamily?: string;
+        sx?: SxProps$1<Theme$1>;
+    };
+    /** The "Counter Status Overview" title + search bar + view toggle row. */
+    header?: {
+        /** Default: **#000000**. */
+        titleColor?: string;
+        /** Default: **20** (px). */
+        titleFontSize?: number | string;
+        /** Default: **700**. */
+        titleFontWeight?: number | string;
+        /** Root element/component rendered for the title. Default: MUI `Typography`'s own default (`'p'`, via the `body1` variant). */
+        titleComponent?: ElementType;
+        /** Gap between the search bar and the view-toggle group. Default: **16** (px). */
+        actionsGap?: number | string;
+        sx?: SxProps$1<Theme$1>;
+    };
+    /** The search input. */
+    search?: {
+        /** Hides the search bar entirely. Default: **false**. */
+        hidden?: boolean;
+        /** Default: **521** (px). */
+        width?: number | string;
+        /** Default: **40** (px). */
+        height?: number | string;
+        /** Default: **8** (px). */
+        borderRadius?: number | string;
+        /** Default: **#F3F3F5**. */
+        background?: string;
+        /** Default: **#E0E0E0**. */
+        borderColor?: string;
+        /** Default: **#757575**. */
+        placeholderColor?: string;
+        /** Input text color. Default: **#000000**. */
+        textColor?: string;
+        /** Input text weight. Default: **600**. */
+        textFontWeight?: number | string;
+        /** Input text size. Default: **14** (px). */
+        textFontSize?: number | string;
+        /** Input text letter-spacing. Default: **-0.05px**. */
+        letterSpacing?: number | string;
+        /** Default: **#000000**. */
+        iconColor?: string;
+        /** Replaces the default magnifying-glass icon entirely (ignores `iconColor`). */
+        icon?: ReactNode;
+        sx?: SxProps$1<Theme$1>;
+    };
+    /** The card-view / list-view toggle button group. */
+    viewToggle?: {
+        /** Hides the card/list toggle entirely. Default: **false**. */
+        hidden?: boolean;
+        /** Default: **88** (px). */
+        width?: number | string;
+        /** Default: **42** (px). */
+        height?: number | string;
+        /** Default: **8** (px). */
+        borderRadius?: number | string;
+        /** Default: **#0000001F** (the design's `--divider` token). */
+        borderColor?: string;
+        /** Selected button's background. Default: **#F3F3F5**. */
+        activeBackground?: string;
+        /** Unselected button's background. Default: **'transparent'**. */
+        inactiveBackground?: string;
+        /** Unselected button's hover background. Default: **rgba(0, 0, 0, 0.04)**. */
+        inactiveHoverBackground?: string;
+        /** Divider between the card/list buttons. Unset by default (no divider rendered). */
+        dividerColor?: string;
+        /** Replaces the default grid icon for the card-view button. */
+        cardIcon?: ReactNode;
+        /** Replaces the default list icon for the list-view button. */
+        listIcon?: ReactNode;
+        sx?: SxProps$1<Theme$1>;
+    };
+    /**
+     * The row of `CounterStatusOverviewCards` shown in `'card'` view. Cards render as CSS Grid
+     * columns (each card's own width is overridden to `100%` of its column) that grow to fill the
+     * row but never shrink below `minCardWidth`, wrapping onto a new row instead. The gap between
+     * cards defaults to the same value as the whitespace on either edge (`root.padding`).
+     */
+    cardsRow?: {
+        /** Default: **16** (px) — matches `root.padding` so edge and inter-card spacing are equal. */
+        gap?: number | string;
+        /** Minimum width a card can shrink to before wrapping to a new row. Default: **400** (px) — deliberately a bit under `CounterStatusOverviewCards`'s own 420px default width so 3 cards still fit one row (stretching each to ~419px) at the default `root.width`/`root.padding`/`gap` instead of dropping to 2 stretched-out columns. */
+        minCardWidth?: number | string;
+        sx?: SxProps$1<Theme$1>;
+    };
+    /** Shown instead of the cards/table when the search query matches nothing. */
+    emptyState?: {
+        label?: string;
+        /** Rendered above the label. */
+        icon?: ReactNode;
+        sx?: SxProps$1<Theme$1>;
+    };
+}
+interface CounterStatusOverviewProps {
+    /** Default: **'Counter Status Overview'**. */
+    title?: string;
+    /** Default: **'Search'**. */
+    searchPlaceholder?: string;
+    /** Controlled search text. Omit to let the component manage its own (see `defaultSearchValue`). */
+    searchValue?: string;
+    /** Initial search text in uncontrolled mode. Default: **''**. */
+    defaultSearchValue?: string;
+    /** Fired on every keystroke, in both controlled and uncontrolled mode. */
+    onSearchChange?: (value: string) => void;
+    /** Controlled view mode. Omit to let the component manage its own (see `defaultView`). */
+    view?: CounterStatusOverviewViewMode;
+    /** Initial view mode in uncontrolled mode. Default: **'card'**. */
+    defaultView?: CounterStatusOverviewViewMode;
+    onViewChange?: (view: CounterStatusOverviewViewMode) => void;
+    /**
+     * One `CounterStatusOverviewCards` per entry, rendered side by side when `view === 'card'`.
+     * Filtered by the search query against `title` / `cameraId` / `counterNumber`.
+     */
+    cards: CounterStatusOverviewCardsProps[];
+    /**
+     * Forwarded to `CounterStatusOverviewTable` when `view === 'list'` — `rows` is filtered by the
+     * search query against `counterNumber` / `cameraId` before being passed down.
+     */
+    table: CounterStatusOverviewTableProps;
+    /**
+     * Overrides which fields a search query matches against for `'card'` view. Defaults to matching
+     * `title` / `cameraId` / `counterNumber` (case-insensitive, whitespace-trimmed).
+     */
+    filterCard?: (card: CounterStatusOverviewCardsProps, normalizedQuery: string) => boolean;
+    /**
+     * Overrides which fields a search query matches against for `'list'` view. Defaults to matching
+     * `counterNumber` / `cameraId` (case-insensitive, whitespace-trimmed).
+     */
+    filterRow?: (row: CounterStatusOverviewTableRow, normalizedQuery: string) => boolean;
+    /** Extra root styles — merges last. */
+    sx?: SxProps$1<Theme$1>;
+    /** Per-area style overrides — see `CounterStatusOverviewCustomization`. */
+    customization?: CounterStatusOverviewCustomization;
+}
+
+/**
+ * **CounterStatusOverview** — the combined "Counter Status Overview" widget: a title row with a
+ * search bar and a card-view/list-view toggle, showing either **CounterStatusOverviewCards** (side
+ * by side) or **CounterStatusOverviewTable** underneath depending on the selected view. The search
+ * query filters whichever view is active (against title/camera id/counter number).
+ *
+ * `view`/`onViewChange` and `searchValue`/`onSearchChange` each follow the standard
+ * controlled/uncontrolled pair — omit the controlled prop to let the component manage its own
+ * state (seeded from `defaultView`/`defaultSearchValue`).
+ */
+declare function CounterStatusOverview({ title, searchPlaceholder, searchValue, defaultSearchValue, onSearchChange, view, defaultView, onViewChange, cards, table, filterCard, filterRow, sx, customization, }: CounterStatusOverviewProps): React$1.ReactElement;
+
 type FalconThemeMode = 'light' | 'dark';
 type FalconThemeDirection = 'ltr' | 'rtl';
 interface FalconThemeSettings {
@@ -4274,4 +5159,4 @@ interface FalconThemeProviderProps {
 
 declare const FalconThemeProvider: ({ children, mode: modeProp, settings, }: FalconThemeProviderProps) => react_jsx_runtime.JSX.Element;
 
-export { AddCommentInput, type AddCommentInputProps, AdvancedFiltersDialog, type AdvancedFiltersDialogProps, type AuditRunItemV2, 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, DEFAULT_STORE_PERFORMANCE_BY_ASSIST_INFO_POPOVER, FalconAuditTimeline, type FalconAuditTimelineProps, FalconAuditTimelineV2, type FalconAuditTimelineV2Props, 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, FalconSelectReportDate, type FalconSelectReportDateProps, 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 FootFallHeatMapBarRowContext, type FootFallHeatMapBuildBarRow, 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$1 as 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, STACKED_COMPARISON_DEFAULT_COMPARISON_COLOR, STACKED_COMPARISON_DEFAULT_FRAME_BORDER, STACKED_COMPARISON_DEFAULT_LEGEND_COMPARISON_COLOR, STACKED_COMPARISON_DEFAULT_LEGEND_STACK_COLOR, STACKED_COMPARISON_DEFAULT_STACK_COLORS, STORE_PERFORMANCE_DEFAULT_BUCKETS, STORE_PERFORMANCE_DEFAULT_DATA, StackedComparisonBarChart, type StackedComparisonBarChartCustomization, StackedComparisonBarChartCustomizationProvider, type StackedComparisonBarChartProps, type StackedComparisonBarChartRow, StackedComparisonBarChartTooltip, type StackedComparisonBarChartTooltipProps, type StackedComparisonBarChartTooltipRenderContext, type StackedComparisonBarChartTooltipTheme, type StackedComparisonBucket, type StackedComparisonChartMargin, StorePerformanceByAssist, type StorePerformanceByAssistBucket, type StorePerformanceByAssistCustomization, type StorePerformanceByAssistProps, type StorePerformanceByAssistRow, 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$1 as mergeCss, mergeRechartsTooltipStyles, mergeSx$1 as mergeSx, metricForNode, parseMinutes, parseZoneKpiStripFromRaw, peakBillingHoursDefaultTabs, peakBillingHoursMockSeriesByTabId, peakBillingHoursVisitsMock, preprocessData, skipSingleBranchLevels, mergeCss as stackedComparisonMergeCss, mergeSx as stackedComparisonMergeSx, toRechartsTreemapData, useBillingCounterAnalyticsCustomization, usePeakBillingHoursCustomization, useQueueTimeBreakdownCustomization, useStackedComparisonBarChartCustomization };
+export { AddCommentInput, type AddCommentInputProps, AdvancedFiltersDialog, type AdvancedFiltersDialogProps, type AuditRunItemV2, 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, CounterStatusOverview, CounterStatusOverviewCards, type CounterStatusOverviewCardsCustomization, type CounterStatusOverviewCardsProps, type CounterStatusOverviewCardsStat, type CounterStatusOverviewCardsVariant, type CounterStatusOverviewCustomization, type CounterStatusOverviewProps, CounterStatusOverviewTable, type CounterStatusOverviewTableColumnWidths, type CounterStatusOverviewTableCustomization, type CounterStatusOverviewTableDetailStatusVariant, type CounterStatusOverviewTableProps, type CounterStatusOverviewTableQueuePill, type CounterStatusOverviewTableQueuePillVariant, type CounterStatusOverviewTableRow, type CounterStatusOverviewTableRowDetails, type CounterStatusOverviewTableRowVariant, type CounterStatusOverviewViewMode, 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, DEFAULT_STORE_PERFORMANCE_BY_ASSIST_INFO_POPOVER, FalconAuditTimeline, type FalconAuditTimelineProps, FalconAuditTimelineV2, type FalconAuditTimelineV2Props, 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, FalconSelectReportDate, type FalconSelectReportDateProps, FalconSingleSwitch, type FalconSingleSwitchProps, FalconStatBanner, FalconStatBannerGroup, type FalconStatBannerGroupProps, type FalconStatBannerProps, type FalconStatBannerTrend, FalconTable, type FalconTableProps, type FalconThemeDirection, type FalconThemeMode, FalconThemeProvider, type FalconThemeProviderProps, type FalconThemeSettings, FalconTicketColumsFilter, type FalconTicketColumsFilterProps, FalconTicketFilter, type FalconTicketFilterProps, type FilterOption, type FootFallHeatMapBarRowContext, type FootFallHeatMapBuildBarRow, 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$1 as MonthData, OverallFootfallPasserbyTrends, type OverallFootfallPasserbyTrendsBanner, type OverallFootfallPasserbyTrendsBottomLegendItem, type ChartCardMaxWidth as OverallFootfallPasserbyTrendsCardMaxWidth, type OverallFootfallPasserbyTrendsCustomization, type OverallFootfallPasserbyTrendsGridSize, type OverallFootfallPasserbyTrendsProps, 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, STACKED_COMPARISON_DEFAULT_COMPARISON_COLOR, STACKED_COMPARISON_DEFAULT_FRAME_BORDER, STACKED_COMPARISON_DEFAULT_LEGEND_COMPARISON_COLOR, STACKED_COMPARISON_DEFAULT_LEGEND_STACK_COLOR, STACKED_COMPARISON_DEFAULT_STACK_COLORS, STORE_PERFORMANCE_DEFAULT_BUCKETS, STORE_PERFORMANCE_DEFAULT_DATA, StackedComparisonBarChart, type StackedComparisonBarChartCustomization, StackedComparisonBarChartCustomizationProvider, type StackedComparisonBarChartProps, type StackedComparisonBarChartRow, StackedComparisonBarChartTooltip, type StackedComparisonBarChartTooltipProps, type StackedComparisonBarChartTooltipRenderContext, type StackedComparisonBarChartTooltipTheme, type StackedComparisonBucket, type StackedComparisonChartMargin, StorePerformanceByAssist, type StorePerformanceByAssistBucket, type StorePerformanceByAssistCustomization, type StorePerformanceByAssistProps, type StorePerformanceByAssistRow, 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$1 as mergeCss, mergeRechartsTooltipStyles, mergeSx$1 as mergeSx, metricForNode, parseMinutes, parseZoneKpiStripFromRaw, peakBillingHoursDefaultTabs, peakBillingHoursMockSeriesByTabId, peakBillingHoursVisitsMock, preprocessData, skipSingleBranchLevels, mergeCss as stackedComparisonMergeCss, mergeSx as stackedComparisonMergeSx, toRechartsTreemapData, useBillingCounterAnalyticsCustomization, usePeakBillingHoursCustomization, useQueueTimeBreakdownCustomization, useStackedComparisonBarChartCustomization };