@bpfdev/oly-ui 1.0.16 → 1.0.18

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 { SxProps, Theme, ButtonProps, TooltipProps, PopoverProps } 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,12 +1049,502 @@ 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';
+    /**
+     * Visual active/selected state — e.g. one pill in a filter/tab row that's currently active.
+     * Drives `selectedBg`/`selectedTextColor`/`selectedBorderColor`/`selectedHoverBg` instead of
+     * their unselected counterparts. Default: `false`.
+     */
+    selected?: boolean;
+    /** Background when not selected. Default: inherits the MUI `variant`/`color` styling. */
+    bg?: string;
+    /** Background when `selected`. Default: inherits the MUI `variant`/`color` styling. */
+    selectedBg?: string;
+    /** Text color when not selected. */
+    textColor?: string;
+    /** Text color when `selected`. Default: `'#FFFFFF'`. */
+    selectedTextColor?: string;
+    /** Border color when not selected (only visible with `variant="outlined"`). */
+    borderColor?: string;
+    /** Border color when `selected`. Defaults to `selectedBg` so the border blends into the fill. */
+    selectedBorderColor?: string;
+    /** Background on hover when not selected. */
+    hoverBg?: string;
+    /** Background on hover when `selected`. Defaults to `selectedBg`. */
+    selectedHoverBg?: string;
+    /**
+     * Corner radius. A bare number is treated as px (e.g. `20` → `'20px'`) — pass a large value
+     * (e.g. `999`) for a fully rounded pill shape.
+     */
+    borderRadius?: number | string;
+    /** Label font-family. Default: inherits the theme/MUI `Button` typography. */
+    fontFamily?: string;
+    /**
+     * Label font-size. A bare number is treated as px (e.g. `14` → `'14px'`). Default: inherits the
+     * `size` prop's MUI typography.
+     */
+    fontSize?: number | string;
+    /** Label font-weight. Default: inherits the theme/MUI `Button` typography. */
+    fontWeight?: number | string;
 }
 
-declare const FalconButton: ({ loading, disabled, children, size, variant, type, fullWidth, className, ...props }: FalconButtonProps) => react_jsx_runtime.JSX.Element;
+declare const FalconButton: ({ loading, disabled, children, size, variant, type, fullWidth, className, selected, bg, selectedBg, textColor, selectedTextColor, borderColor, selectedBorderColor, hoverBg, selectedHoverBg, borderRadius, fontFamily, fontSize, fontWeight, sx, ...props }: FalconButtonProps) => react_jsx_runtime.JSX.Element;
 
 interface MonthData$1 {
     label: string;
@@ -1270,6 +1760,13 @@ interface FalconExportReportDialogProps {
      * @default DEFAULT_FILTERS
      */
     filters?: FilterOption[];
+    /**
+     * Whether to show the "Filter" card (region/store dropdowns + selected
+     * count). Set to `false` to hide it entirely, e.g. when the host app
+     * doesn't need per-region store filtering for exports.
+     * @default true
+     */
+    showFilters?: boolean;
     /**
      * Mapping for filter labels to store lists if not provided in filters
      */
@@ -1355,6 +1852,20 @@ interface FalconExportReportDialogProps {
     exportCsvText?: string;
     /** Text for PDF export checkbox */
     exportPdfText?: string;
+    /**
+     * Custom icon shown next to the CSV checkbox label. Accepts an Iconify
+     * icon name (string) or a React node. Defaults to the built-in CSV icon.
+     */
+    csvIcon?: string | React__default.ReactNode;
+    /**
+     * Custom icon shown next to the PDF checkbox label. Accepts an Iconify
+     * icon name (string) or a React node. Defaults to the built-in PDF icon.
+     */
+    pdfIcon?: string | React__default.ReactNode;
+    /** Size (width/height) of the CSV icon. @default 20 */
+    csvIconSize?: string | number;
+    /** Size (width/height) of the PDF icon. @default 20 */
+    pdfIconSize?: string | number;
     /** Background color for the regional dropdowns */
     dropdownBackgroundColor?: string;
     /** Text color for the stores in the dropdown */
@@ -1386,7 +1897,12 @@ declare const FalconExportReportDialog: React__default.FC<FalconExportReportDial
 interface MonthData {
     label: string;
     year?: number;
-    count: number;
+    /**
+     * @deprecated No longer rendered — the month pill badge shows the number of
+     * calendar days in the month (derived from `label`/`year`) instead. Kept
+     * optional for backwards compatibility with existing consumers.
+     */
+    count?: number;
     /** Override the unselected pill background for this specific month. */
     pillBg?: string;
     /** Override the unselected pill text/icon color for this specific month. */
@@ -1452,13 +1968,40 @@ interface FalconAuditTimelineV2Props {
     exportButtonText?: string;
     upcomingButtonText?: string;
     showYearSelector?: boolean;
+    /**
+     * Whether clicking "Export Report" opens the component's own built-in
+     * `FalconExportReportDialog`. Set to `false` when the host app renders its
+     * own export dialog to avoid two dialogs stacking on screen — in that case
+     * `onExportReportClick` fires immediately on click (with no `exportSelection`)
+     * instead of waiting for the built-in dialog's Export button.
+     * @default true
+     */
+    showBuiltInExportDialog?: boolean;
+    /**
+     * Whether the built-in export dialog shows its "Filter" card (region/store
+     * dropdowns + selected count). Set to `false` to hide it when per-region
+     * store filtering isn't needed for exports. Overridable per-call via
+     * `exportDialogProps.showFilters`.
+     * @default true
+     */
+    showExportFilters?: boolean;
     onMonthChange?: (month: string, year?: number) => void;
     onPrevYearClick?: () => void;
     onNextYearClick?: () => void;
-    onExportReportClick?: (event: React__default.MouseEvent, day: number, month: string, year: number, run?: AuditRunItemV2) => void;
+    /**
+     * Fired when the user confirms an export.
+     * - When `showBuiltInExportDialog` is `true` (default): fires once, when the
+     *   user clicks Export inside the built-in dialog — `exportSelection` carries
+     *   the actual CSV/PDF checkbox state from that dialog.
+     * - When `showBuiltInExportDialog` is `false`: fires immediately when
+     *   "Export Report" is clicked on a day card — `exportSelection` is
+     *   `undefined` since no built-in selection UI was shown.
+     */
+    onExportReportClick?: (event: React__default.MouseEvent, day: number, month: string, year: number, run?: AuditRunItemV2, exportSelection?: {
+        csv: boolean;
+        pdf: boolean;
+    }) => void;
     onDayClick?: (day: number, month: string, year: number) => void;
-    /** Fired when an audit run pill (below the main card) is clicked. Receives the full `AuditRunItemV2` object. */
-    onAuditRunPillClick?: (run: AuditRunItemV2) => void;
     brandFont?: string;
     interFont?: string;
     headerFontSize?: string;
@@ -1547,32 +2090,17 @@ interface FalconAuditTimelineV2Props {
     closeButtonIconSize?: string;
     /** Border radius of the close button. @default '50%' */
     closeButtonBorderRadius?: string;
-    /** Background of an inactive (unselected) audit run pill. @default '#FFFFFF' */
-    auditRunPillInactiveBg?: string;
-    /** Border color of an inactive (unselected) audit run pill. @default '#0000001A' */
-    auditRunPillInactiveBorderColor?: string;
-    /** Text color of an audit run pill. @default '#374151' */
-    auditRunPillTextColor?: string;
-    /** Font size of audit run pill text. @default '14px' */
-    auditRunPillFontSize?: string;
-    /** Font weight of audit run pill text. @default '600' */
-    auditRunPillFontWeight?: string | number;
-    /** Height of each audit run pill. @default '32px' */
-    auditRunPillHeight?: string;
-    /** Border radius of each audit run pill. @default '100px' */
-    auditRunPillBorderRadius?: string;
-    /** Left/right padding inside each audit run pill. @default '12px' */
-    auditRunPillPaddingX?: string;
-    /** Gap between multiple audit run pills. @default '8px' */
-    auditRunPillsGap?: string;
-    /** Margin-top of the audit run pills container. @default '16px' */
-    auditRunPillsMt?: string;
-    /** Background of an active (done/selected) audit run pill. Defaults to primaryColor. */
-    auditRunPillDoneBg?: string;
     /** Max width of the modal as a viewport fraction, e.g. '95vw'. @default '95vw' */
     modalMaxVw?: string;
     /** Max height of the modal as a viewport fraction, e.g. '95vh'. @default '95vh' */
     modalMaxVh?: string;
+    /**
+     * Fixed height of the modal (capped by `modalMaxVh`). Keeps the dialog the
+     * same size across months instead of growing/shrinking with content; the
+     * day grid scrolls internally once it exceeds this height.
+     * @default '80vh'
+     */
+    modalHeight?: string;
     /** Margin around the modal dialog. @default '16px' */
     modalMargin?: string;
     /** Gap between the modal header, month selector, and day grid sections. @default '16px' */
@@ -1609,6 +2137,12 @@ interface FalconAuditTimelineV2Props {
     dayCardDateFontSize?: string;
     /** Date text font weight inside each day card. @default '700' */
     dayCardDateFontWeight?: string | number;
+    /** Ordinal label ("1st Audit", "2nd Audit"...) color inside each day card. @default '#6B7280' */
+    dayCardLabelColor?: string;
+    /** Ordinal label font size inside each day card. @default '10px' */
+    dayCardLabelFontSize?: string;
+    /** Ordinal label font weight inside each day card. @default '600' */
+    dayCardLabelFontWeight?: string | number;
     /** Size of the status dot in each day card. @default '8px' */
     dayCardDotSize?: string;
     /** Gap between the status dot and the date text. @default '6px' */
@@ -1619,6 +2153,8 @@ interface FalconAuditTimelineV2Props {
     dayCardMinHeight?: string;
     /** Minimum width of each day card. @default '0' */
     dayCardMinWidth?: string;
+    /** Gap between side-by-side cards when a day has more than one audit run. @default '6px' */
+    dayCellGap?: string;
     /** Background of the export button. @default '#FFFFFF' */
     exportButtonBg?: string;
     /** Border color of the export button. @default '#D1D5DC' */
@@ -1931,6 +2467,20 @@ interface FalconExportDialogProps {
     exportCsvText?: string;
     /** Text for PDF export checkbox */
     exportPdfText?: string;
+    /**
+     * Custom icon shown next to the CSV checkbox label. Accepts an Iconify
+     * icon name (string) or a React node. Defaults to the built-in CSV icon.
+     */
+    csvIcon?: string | React__default.ReactNode;
+    /**
+     * Custom icon shown next to the PDF checkbox label. Accepts an Iconify
+     * icon name (string) or a React node. Defaults to the built-in PDF icon.
+     */
+    pdfIcon?: string | React__default.ReactNode;
+    /** Size (width/height) of the CSV icon. @default 20 */
+    csvIconSize?: string | number;
+    /** Size (width/height) of the PDF icon. @default 20 */
+    pdfIconSize?: string | number;
     /** Primary color for calendar (selected day bg, header icons) */
     calendarPrimaryColor?: string;
     /** Text color for the selected day in calendar */
@@ -1982,6 +2532,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 +2562,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[];
@@ -2051,11 +2634,179 @@ interface FalconSingleSwitchProps {
 
 declare const FalconSingleSwitch: ({ color, setStatus, value, onChange, }: FalconSingleSwitchProps) => react_jsx_runtime.JSX.Element;
 
+interface FalconStoreCountPillProps {
+    /** Number of assigned stores. Ignored for display when `isAllStores` is set. */
+    count: number;
+    /** Store names shown in the popover when the eye icon is clicked. */
+    storeNames?: string[];
+    /** Render as "All stores" instead of the numeric count. @default false */
+    isAllStores?: boolean;
+    /** Singular unit label. @default 'store' */
+    unitLabelSingular?: string;
+    /** Plural unit label. @default 'stores' */
+    unitLabelPlural?: string;
+    /** Label used when `isAllStores` is set. @default 'All stores' */
+    allStoresLabel?: string;
+    /**
+     * Zero-pad the numeric count to this many digits (e.g. `2` -> `"01"`).
+     * Set to `0` to disable padding. Ignored when `isAllStores` is set.
+     * @default 2
+     */
+    padCountToDigits?: number;
+    /**
+     * Show the eye icon (and enable the store-list popover) when true. Defaults to showing it
+     * whenever there's more than one store to look at — i.e. hidden for a single assigned store.
+     */
+    showEyeIcon?: boolean;
+    /** Title shown at the top of the store-list popover. Empty by default (the search bar sits at the top instead). */
+    popoverTitle?: string;
+    /** Text shown in the popover when `storeNames` is empty. @default 'No stores to show.' */
+    popoverEmptyStateText?: string;
+    /** Called when the eye icon is clicked, in addition to opening the built-in popover. */
+    onEyeClick?: (event: React__default.MouseEvent<HTMLElement>) => void;
+    /** Accessible label for the eye icon control. @default 'Show assigned stores' */
+    eyeIconAriaLabel?: string;
+    /**
+     * How the popover opens. `'hover'` opens on pointer-enter of the pill (backed by a MUI
+     * `Popover`, so the pointer can move onto the popover content — including the search input —
+     * without it closing, and the content keeps correct focusable/interactive semantics) and skips
+     * the eye-icon click entirely; `'click'` uses the same `Popover` with click-to-open /
+     * click-away-to-close behavior instead of hover. @default 'hover'
+     */
+    triggerMode?: 'hover' | 'click';
+    /** Delay (ms) before a `'hover'`-triggered popover closes after the pointer leaves. @default 150 */
+    hoverCloseDelayMs?: number;
+    brandFont?: string;
+    /** @default '#FFFFFF' */
+    bg?: string;
+    /** @default '#D1D5DC' */
+    borderColor?: string;
+    /** @default '#0A0A0A' */
+    textColor?: string;
+    /** @default '8px' */
+    borderRadius?: string;
+    /** @default '10px' */
+    fontSize?: string;
+    /** @default 600 */
+    fontWeight?: string | number;
+    /** @default '8px' */
+    paddingX?: string;
+    /** @default '2px' */
+    paddingY?: string;
+    /** @default '4px' */
+    gap?: string;
+    /** Custom eye icon. Accepts an Iconify icon name (string) or a React node. @default 'tabler:eye' */
+    eyeIcon?: string | React__default.ReactNode;
+    /** @default '#6B7280' */
+    eyeIconColor?: string;
+    /** @default '13px' */
+    eyeIconSize?: string;
+    /** @default '239px' */
+    popoverMinWidth?: string;
+    /** Max height of the scrollable store-name list specifically (search bar + "Show all" row are always visible, unscrolled). @default '180px' */
+    popoverMaxHeight?: string;
+    /** Popover panel background. @default '#FFFFFF' */
+    popoverBg?: string;
+    /** Popover panel border color. @default 'rgba(0, 0, 0, 0.08)' */
+    popoverBorderColor?: string;
+    /** Popover panel border-radius. @default '8px' */
+    popoverBorderRadius?: string;
+    /** Popover panel box-shadow. @default '0px 4px 16px rgba(0, 0, 0, 0.15)' */
+    popoverBoxShadow?: string;
+    /** Popover title text color (only relevant when `popoverTitle` is set). @default '#0A0A0A' */
+    popoverTitleColor?: string;
+    /** Shows the "Search Stores" filter input at the top of the popover. @default true */
+    showSearch?: boolean;
+    /** @default 'Search Stores' */
+    searchPlaceholder?: string;
+    /** Custom search icon. Accepts an Iconify icon name (string) or a React node. @default 'tabler:search' */
+    searchIcon?: string | React__default.ReactNode;
+    /** @default '#1A1A1A' */
+    searchIconColor?: string;
+    /** @default '16px' */
+    searchIconSize?: string;
+    /** Search input text color. @default '#1A1A1A' */
+    searchTextColor?: string;
+    /** Divider color under the search row. @default '#E5E7EB' */
+    searchDividerColor?: string;
+    /**
+     * Shows the "Show All Stores" row directly under the search input (or at the top of the
+     * popover when `showSearch` is `false`) — clicking it clears any current search text.
+     * Independent of `showSearch`. @default true
+     */
+    showAllStoresOption?: boolean;
+    /** @default 'Show All Stores' */
+    showAllStoresOptionLabel?: string;
+    /** Called when "Show All Stores" is clicked, in addition to clearing the search text. */
+    onShowAllStoresClick?: () => void;
+    /** "Show All Stores" row text color. @default '#1A1A1A' */
+    showAllStoresOptionTextColor?: string;
+    /** "Show All Stores" row background on hover. @default '#F9FAFB' */
+    showAllStoresOptionHoverBg?: string;
+    /** Divider color below the "Show All Stores" row. @default 'transparent' (no divider) */
+    showAllStoresOptionBorderColor?: string;
+    /** Text shown when the search text matches no stores. @default 'No matching stores.' */
+    noSearchResultsText?: string;
+    /** Store-name row text color. @default '#374151' */
+    popoverItemTextColor?: string;
+    /** Divider color between store-name rows. @default 'transparent' (no divider) */
+    popoverItemDividerColor?: string;
+    /** Popover empty/no-results state text color. @default '#6B7280' */
+    popoverEmptyStateTextColor?: string;
+    /** Scrollbar thumb color for the store-name list. @default '#BDBDBD' */
+    scrollbarThumbColor?: string;
+    /** MUI `sx` on the root pill `Box`; merged last (can override any style prop above). */
+    sx?: SxProps<Theme>;
+    /** `className` on the root pill `Box`. */
+    className?: string;
+    /** MUI `sx` on the eye-icon click target. */
+    eyeButtonSx?: SxProps<Theme>;
+    /** MUI `sx` on the label `Typography`; merged after the flat font props above. */
+    labelSx?: SxProps<Theme>;
+    /**
+     * @deprecated No longer used. `triggerMode="hover"` is now backed by the same MUI `Popover` as
+     * `'click'` (a `Tooltip` isn't appropriate for hosting a focusable, searchable list) — pass
+     * `popoverProps` instead for `placement`/`slotProps` customization in either mode. Kept optional
+     * for backwards compatibility with existing consumers.
+     */
+    tooltipProps?: Partial<Omit<TooltipProps, 'title' | 'children' | 'open' | 'onOpen' | 'onClose'>>;
+    /**
+     * Forwarded to the underlying MUI `Popover` in both `'click'` and `'hover'` trigger modes —
+     * every prop except `open`/`anchorEl`/`onClose`, which the component owns. Use this for
+     * `anchorOrigin`, `transformOrigin`, `slotProps.paper`, etc. In `'hover'` mode, `slotProps.paper`
+     * mouse handlers are chained after the component's own (which keep the popover open while the
+     * pointer is over it).
+     */
+    popoverProps?: Partial<Omit<PopoverProps, 'open' | 'anchorEl' | 'onClose'>>;
+    /** MUI `sx` on the popover's inner content wrapper (min-width/padding). */
+    popoverContentSx?: SxProps<Theme>;
+    /** MUI `sx` on the popover title `Typography`. */
+    popoverTitleSx?: SxProps<Theme>;
+    /** MUI `sx` on the search input row. */
+    searchInputSx?: SxProps<Theme>;
+    /** MUI `sx` on the "Show All Stores" row. */
+    showAllStoresOptionSx?: SxProps<Theme>;
+    /** MUI `sx` on the scrollable store-name list container. */
+    popoverListSx?: SxProps<Theme>;
+    /** MUI `sx` on each store-name row `Typography` inside the popover. */
+    popoverItemSx?: SxProps<Theme>;
+    /** MUI `sx` on the popover empty-state `Typography`. */
+    popoverEmptyStateSx?: SxProps<Theme>;
+}
+
+declare const FalconStoreCountPill: React__default.FC<FalconStoreCountPillProps>;
+
 interface FalconTableProps<T = Record<string, unknown>> {
     rows: T[];
     getRowId: (row: T) => string | number;
     columns: GridColDef[];
     pageSizeOptions?: number[];
+    /**
+     * Seeds the initial page size only — unlike MUI `DataGrid`'s own `initialState`, this is not
+     * forwarded to the `DataGrid` and has no effect on sorting, filtering, or column state (the
+     * type intentionally only accepts `pagination.paginationModel.pageSize`). Automatically merged
+     * into `pageSizeOptions` if not already present.
+     */
     initialState?: {
         pagination?: {
             paginationModel: {
@@ -2063,9 +2814,71 @@ interface FalconTableProps<T = Record<string, unknown>> {
             };
         };
     };
+    /** Hides the pagination footer entirely (e.g. when every row already fits on screen). Default: `false`. */
+    hideFooter?: boolean;
+    /** Shows the column header's sort-menu icon button. Default: `false` (matches the clean production look). */
+    showColumnMenu?: boolean;
+    /** Shows the active-sort arrow icon in column headers. Default: `false`. */
+    showSortIcons?: boolean;
+    /** Outer card border. Default: `'1px solid #D8D8D8'`. */
+    border?: string;
+    /** Outer card border-radius. A bare number is treated as px. Default: `'8px'`. */
+    borderRadius?: number | string;
+    /** Outer card padding. A bare number is treated as px. Default: `0`. */
+    padding?: number | string;
+    /** Outer card background. Default: `'#FFFFFF'`. */
+    background?: string;
+    /** Outer card box-shadow. Default: `'0px 4px 20px rgba(0, 0, 0, 0.05)'`. */
+    boxShadow?: string;
+    /** MUI `sx` on the outer card `Box`; merged last. */
+    cardSx?: SxProps<Theme>;
+    /** Column-header row background. Default: `'#EBEBEB'`. */
+    headerBg?: string;
+    /** Column-header label text color. Default: `'#444444'`. */
+    headerTextColor?: string;
+    /** Column-header label font-family. Default: the brand font stack. */
+    headerFontFamily?: string;
+    /** Column-header label font-size. A bare number is treated as px. Default: `'15px'`. */
+    headerFontSize?: number | string;
+    /** Column-header label font-weight. Default: `600`. */
+    headerFontWeight?: number | string;
+    /** Column-header row height in px (forwarded to the `DataGrid`). Default: `56`. */
+    columnHeaderHeight?: number;
+    /** Border between the header row and the body. Default: `'#D8D8D8'`. */
+    headerBorderColor?: string;
+    /** Border width (px) between the header row and the body. Default: `1`. */
+    headerBorderWidth?: number;
+    /** Horizontal padding for header cells. A bare number is treated as px. Default: `'12px'`. */
+    headerPaddingX?: number | string;
+    /** Body row background. Default: `'#F9F9F9'`. */
+    rowBg?: string;
+    /** Body row background on hover. Default: `'#F2F2F2'`. */
+    rowHoverBg?: string;
+    /** Body cell text color. Default: `'#242424'`. */
+    cellTextColor?: string;
+    /** Body cell font-family. Default: the brand font stack. */
+    cellFontFamily?: string;
+    /** Body cell font-size. A bare number is treated as px. Default: `'14px'`. */
+    cellFontSize?: number | string;
+    /** Body cell font-weight. Default: `400`. */
+    cellFontWeight?: number | string;
+    /** Horizontal padding for body cells. A bare number is treated as px. Default: `'12px'`. */
+    cellPaddingX?: number | string;
+    /** Row height in px (forwarded to the `DataGrid`). Default: `46`. */
+    rowHeight?: number;
+    /** Vertical divider color between header columns. Default: `'#D8D8D8'`. */
+    columnDividerColor?: string;
+    /** Divider color between body rows/cells (both the horizontal row divider and the vertical column divider inside the body). Default: `'#E8E8E8'`. */
+    rowDividerColor?: string;
+    /** Shows the vertical column dividers. Default: `true`. */
+    showColumnDividers?: boolean;
+    /** Shows the DataGrid's default focus outline around a clicked cell/header. Default: `false`. */
+    showCellFocusOutline?: boolean;
+    /** MUI `sx` on the `DataGrid` itself; merged last (wins over every prop above). */
+    sx?: SxProps<Theme>;
 }
 
-declare const FalconTable: <T extends Record<string, unknown>>({ rows, getRowId, columns, pageSizeOptions, }: FalconTableProps<T>) => react_jsx_runtime.JSX.Element;
+declare const FalconTable: <T extends Record<string, unknown>>({ rows, getRowId, columns, pageSizeOptions, initialState, hideFooter, showColumnMenu, showSortIcons, border, borderRadius, padding, background, boxShadow, cardSx, headerBg, headerTextColor, headerFontFamily, headerFontSize, headerFontWeight, columnHeaderHeight, headerBorderColor, headerBorderWidth, headerPaddingX, rowBg, rowHoverBg, cellTextColor, cellFontFamily, cellFontSize, cellFontWeight, cellPaddingX, rowHeight, columnDividerColor, rowDividerColor, showColumnDividers, showCellFocusOutline, sx, }: FalconTableProps<T>) => react_jsx_runtime.JSX.Element;
 
 interface FalconTicketColumsFilterProps {
     columns?: {
@@ -2637,6 +3450,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 +3516,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 +3783,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 +3810,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 +5079,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 +5485,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, FalconStoreCountPill, type FalconStoreCountPillProps, 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, type MonthData as MonthDataV2, 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 };