@papernote/ui 1.10.26 → 1.11.0

package/dist/components/ActionCard.d.ts

@@ -0,0 +1,48 @@
+import React from 'react';
+export interface ActionCardAction {
+    /** Button label */
+    label: string;
+    /** Button variant */
+    variant?: 'primary' | 'secondary' | 'danger' | 'ghost';
+    /** Click handler */
+    onClick: () => void;
+    /** Whether the action is disabled */
+    disabled?: boolean;
+    /** Icon to show */
+    icon?: React.ReactNode;
+}
+export interface ActionCardProps {
+    /** Card title — what needs action */
+    title: string;
+    /** Description — why the system flagged it */
+    description?: string;
+    /** Affected entity type and ID */
+    entityType?: string;
+    entityId?: string;
+    /** Entity link click handler */
+    onEntityClick?: () => void;
+    /** Reasoning text — why the system flagged this */
+    reasoning?: string;
+    /** Available actions */
+    actions: ActionCardAction[];
+    /** Priority/urgency level */
+    priority?: 'high' | 'medium' | 'low';
+    /** Icon */
+    icon?: React.ReactNode;
+    /** Confidence score (0-100) */
+    confidence?: number;
+    /** Timestamp */
+    timestamp?: string;
+    /** Whether the card is selected */
+    selected?: boolean;
+    /** Additional className */
+    className?: string;
+}
+/**
+ * ActionCard — Approval workflow card with action buttons
+ *
+ * Shows what needs action, why it was flagged, and provides quick-action buttons.
+ * Used in the Approvals & Review queue across all process domains.
+ */
+export default function ActionCard({ title, description, entityType, entityId, onEntityClick, reasoning, actions, priority, icon, confidence, timestamp, selected, className, }: ActionCardProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ActionCard.d.ts.map

package/dist/components/ActionCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionCard.d.ts","sourceRoot":"","sources":["../../src/components/ActionCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,MAAM,WAAW,gBAAgB;IAC/B,mBAAmB;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,qBAAqB;IACrB,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,OAAO,CAAC;IACvD,oBAAoB;IACpB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mBAAmB;IACnB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAED,MAAM,WAAW,eAAe;IAC9B,qCAAqC;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,8CAA8C;IAC9C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kCAAkC;IAClC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gCAAgC;IAChC,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wBAAwB;IACxB,OAAO,EAAE,gBAAgB,EAAE,CAAC;IAC5B,6BAA6B;IAC7B,QAAQ,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,KAAK,CAAC;IACrC,WAAW;IACX,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,+BAA+B;IAC/B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gBAAgB;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAuBD;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,KAAK,EACL,WAAW,EACX,UAAU,EACV,QAAQ,EACR,aAAa,EACb,SAAS,EACT,OAAO,EACP,QAAQ,EACR,IAAI,EACJ,UAAU,EACV,SAAS,EACT,QAAgB,EAChB,SAAc,GACf,EAAE,eAAe,2CAuFjB"}

package/dist/components/AnomalyBanner.d.ts

@@ -0,0 +1,27 @@
+export interface AnomalyBannerProps {
+    /** Anomaly title/summary */
+    title: string;
+    /** Detailed description */
+    description?: string;
+    /** Severity level */
+    severity?: 'info' | 'warning' | 'critical';
+    /** Affected entity count */
+    affectedCount?: number;
+    /** Action button label */
+    actionLabel?: string;
+    /** Action button handler */
+    onAction?: () => void;
+    /** Dismiss handler */
+    onDismiss?: () => void;
+    /** Additional className */
+    className?: string;
+}
+/**
+ * AnomalyBanner — Alert banner for anomaly detection
+ *
+ * Shows a prominent banner when the system detects unusual patterns.
+ * Severity levels: info (FYI), warning (review recommended), critical (immediate action).
+ * Used at the top of process views and dashboards.
+ */
+export default function AnomalyBanner({ title, description, severity, affectedCount, actionLabel, onAction, onDismiss, className, }: AnomalyBannerProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AnomalyBanner.d.ts.map

package/dist/components/AnomalyBanner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnomalyBanner.d.ts","sourceRoot":"","sources":["../../src/components/AnomalyBanner.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,kBAAkB;IACjC,4BAA4B;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,2BAA2B;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,UAAU,CAAC;IAC3C,4BAA4B;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,0BAA0B;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,sBAAsB;IACtB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAgBD;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,KAAK,EACL,WAAW,EACX,QAAoB,EACpB,aAAa,EACb,WAAW,EACX,QAAQ,EACR,SAAS,EACT,SAAc,GACf,EAAE,kBAAkB,2CAyDpB"}

package/dist/components/CaseQueueItem.d.ts

@@ -0,0 +1,35 @@
+export interface CaseQueueItemProps {
+    /** Case ID or number */
+    caseNumber: string;
+    /** Case subject/title */
+    subject: string;
+    /** Priority level */
+    priority: 'critical' | 'high' | 'medium' | 'low';
+    /** Current status */
+    status: string;
+    /** Status color variant */
+    statusColor?: 'slate' | 'blue' | 'indigo' | 'purple' | 'green' | 'red' | 'yellow' | 'orange' | 'teal';
+    /** Assignee name */
+    assignee?: string;
+    /** Account/customer name */
+    account?: string;
+    /** SLA deadline (ISO timestamp) */
+    /** Whether the SLA is breached */
+    slaBreach?: boolean;
+    /** Time remaining display string (e.g., "2h 15m") */
+    slaTimeRemaining?: string;
+    /** Click handler */
+    onClick?: () => void;
+    /** Whether the item is selected */
+    selected?: boolean;
+    /** Additional className */
+    className?: string;
+}
+/**
+ * CaseQueueItem — Priority-sorted case card for support queue views
+ *
+ * Shows case subject, priority indicator, status, assignee, and SLA countdown.
+ * Designed for use in the Support Center's case queue list.
+ */
+export default function CaseQueueItem({ caseNumber, subject, priority, status, statusColor, assignee, account, slaBreach, slaTimeRemaining, onClick, selected, className, }: CaseQueueItemProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CaseQueueItem.d.ts.map

package/dist/components/CaseQueueItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CaseQueueItem.d.ts","sourceRoot":"","sources":["../../src/components/CaseQueueItem.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,kBAAkB;IACjC,wBAAwB;IACxB,UAAU,EAAE,MAAM,CAAC;IACnB,yBAAyB;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,qBAAqB;IACrB,QAAQ,EAAE,UAAU,GAAG,MAAM,GAAG,QAAQ,GAAG,KAAK,CAAC;IACjD,qBAAqB;IACrB,MAAM,EAAE,MAAM,CAAC;IACf,2BAA2B;IAC3B,WAAW,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,GAAG,QAAQ,GAAG,MAAM,CAAC;IACtG,oBAAoB;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,4BAA4B;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,mCAAmC;IACnC,kCAAkC;IAClC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,qDAAqD;IACrD,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA6BD;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,UAAU,EACV,OAAO,EACP,QAAQ,EACR,MAAM,EACN,WAAqB,EACrB,QAAQ,EACR,OAAO,EACP,SAAiB,EACjB,gBAAgB,EAChB,OAAO,EACP,QAAgB,EAChB,SAAc,GACf,EAAE,kBAAkB,2CAgEpB"}

package/dist/components/ConfidenceBadge.d.ts

@@ -0,0 +1,19 @@
+export interface ConfidenceBadgeProps {
+    /** Confidence score (0-100) */
+    score: number;
+    /** Whether to show the score as text */
+    showScore?: boolean;
+    /** Size variant */
+    size?: 'sm' | 'md';
+    /** Additional className */
+    className?: string;
+}
+/**
+ * ConfidenceBadge — Compact inline confidence display
+ *
+ * Shows a color-coded badge with optional score text.
+ * Used in table cells, Kanban cards, and list items where
+ * the full ConfidenceIndicator gauge would be too large.
+ */
+export default function ConfidenceBadge({ score, showScore, size, className, }: ConfidenceBadgeProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ConfidenceBadge.d.ts.map

package/dist/components/ConfidenceBadge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfidenceBadge.d.ts","sourceRoot":"","sources":["../../src/components/ConfidenceBadge.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,oBAAoB;IACnC,+BAA+B;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,wCAAwC;IACxC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,mBAAmB;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAMD;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,KAAK,EACL,SAAgB,EAChB,IAAW,EACX,SAAc,GACf,EAAE,oBAAoB,2CA8BtB"}

package/dist/components/ConfidenceIndicator.d.ts

@@ -0,0 +1,25 @@
+export interface ConfidenceIndicatorProps {
+    /** Confidence score (0-100) */
+    score: number;
+    /** Label to display below the gauge */
+    label?: string;
+    /** Size in pixels */
+    size?: number;
+    /** Stroke width */
+    strokeWidth?: number;
+    /** Additional className */
+    className?: string;
+}
+/**
+ * ConfidenceIndicator — Circular gauge showing confidence percentage
+ *
+ * Renders a circular progress arc with color based on score thresholds:
+ * - >= 80: green (high confidence)
+ * - >= 50: yellow (medium confidence)
+ * - < 50: red (low confidence)
+ *
+ * Used in review workflows and process views to show system confidence
+ * in automated actions.
+ */
+export default function ConfidenceIndicator({ score, label, size, strokeWidth, className, }: ConfidenceIndicatorProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ConfidenceIndicator.d.ts.map

package/dist/components/ConfidenceIndicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfidenceIndicator.d.ts","sourceRoot":"","sources":["../../src/components/ConfidenceIndicator.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,wBAAwB;IACvC,+BAA+B;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,uCAAuC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qBAAqB;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,mBAAmB;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAMD;;;;;;;;;;GAUG;AACH,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,EAC1C,KAAK,EACL,KAAK,EACL,IAAS,EACT,WAAe,EACf,SAAc,GACf,EAAE,wBAAwB,2CAyD1B"}

package/dist/components/EntityCard.d.ts

@@ -0,0 +1,46 @@
+import React from 'react';
+export interface EntityCardProps {
+    /** Card title (e.g., deal name, case subject) */
+    title: string;
+    /** Optional subtitle (e.g., account name, contact) */
+    subtitle?: string;
+    /** Primary value display (e.g., deal amount, case priority) */
+    value?: string | React.ReactNode;
+    /** Status label */
+    status?: string;
+    /** Status color variant */
+    statusColor?: 'slate' | 'blue' | 'indigo' | 'purple' | 'green' | 'red' | 'yellow' | 'orange' | 'teal';
+    /** Assignee name (rendered as avatar initials) */
+    assignee?: string;
+    /** Progress percentage (0-100) */
+    progress?: number;
+    /** Additional metadata key-value pairs */
+    metadata?: Array<{
+        label: string;
+        value: string | React.ReactNode;
+    }>;
+    /** Icon to display */
+    icon?: React.ReactNode;
+    /** Click handler */
+    onClick?: () => void;
+    /** Context menu handler */
+    onContextMenu?: () => void;
+    /** Whether the card is selected */
+    selected?: boolean;
+    /** Whether the card is draggable (adds visual indicator) */
+    draggable?: boolean;
+    /** Size variant */
+    size?: 'sm' | 'md';
+    /** Additional className */
+    className?: string;
+    /** Confidence score (0-100), shown as a small indicator */
+    confidence?: number;
+}
+/**
+ * EntityCard — Standardized card for pipeline/board views
+ *
+ * Renders a compact card with title, value, status, assignee, and metadata.
+ * Designed for use in KanbanBoard columns and process view lists.
+ */
+export default function EntityCard({ title, subtitle, value, status, statusColor, assignee, progress, metadata, icon, onClick, onContextMenu, selected, draggable, size, className, confidence, }: EntityCardProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=EntityCard.d.ts.map

package/dist/components/EntityCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EntityCard.d.ts","sourceRoot":"","sources":["../../src/components/EntityCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,MAAM,WAAW,eAAe;IAC9B,iDAAiD;IACjD,KAAK,EAAE,MAAM,CAAC;IACd,sDAAsD;IACtD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,+DAA+D;IAC/D,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACjC,mBAAmB;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,2BAA2B;IAC3B,WAAW,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,GAAG,QAAQ,GAAG,MAAM,CAAC;IACtG,kDAAkD;IAClD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,kCAAkC;IAClC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;KAAE,CAAC,CAAC;IACrE,sBAAsB;IACtB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,2BAA2B;IAC3B,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4DAA4D;IAC5D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,mBAAmB;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2DAA2D;IAC3D,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AA4BD;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,KAAK,EACL,QAAQ,EACR,KAAK,EACL,MAAM,EACN,WAAqB,EACrB,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,OAAO,EACP,aAAa,EACb,QAAgB,EAChB,SAAiB,EACjB,IAAW,EACX,SAAc,EACd,UAAU,GACX,EAAE,eAAe,2CA4HjB"}

package/dist/components/FunnelChart.d.ts

@@ -0,0 +1,31 @@
+export interface FunnelStage {
+    /** Stage name */
+    name: string;
+    /** Stage count */
+    count: number;
+    /** Display value (e.g., formatted currency) */
+    value?: string;
+    /** Color for this stage */
+    color?: string;
+}
+export interface FunnelChartProps {
+    /** Funnel stages in order (widest to narrowest) */
+    stages: FunnelStage[];
+    /** Chart height in pixels */
+    height?: number;
+    /** Whether to show conversion rates between stages */
+    showConversion?: boolean;
+    /** Click handler for a stage */
+    onStageClick?: (stageName: string) => void;
+    /** Additional className */
+    className?: string;
+}
+/**
+ * FunnelChart — SVG funnel visualization for pipeline stages
+ *
+ * Renders a vertical funnel where each stage's width is proportional
+ * to its count relative to the first (widest) stage.
+ * Shows stage names, counts, values, and optional conversion rates.
+ */
+export default function FunnelChart({ stages, height, showConversion, onStageClick, className, }: FunnelChartProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=FunnelChart.d.ts.map

package/dist/components/FunnelChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FunnelChart.d.ts","sourceRoot":"","sources":["../../src/components/FunnelChart.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,WAAW;IAC1B,iBAAiB;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,kBAAkB;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,+CAA+C;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2BAA2B;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,gBAAgB;IAC/B,mDAAmD;IACnD,MAAM,EAAE,WAAW,EAAE,CAAC;IACtB,6BAA6B;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,sDAAsD;IACtD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,gCAAgC;IAChC,YAAY,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAoBD;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,MAAM,EACN,MAAY,EACZ,cAAqB,EACrB,YAAY,EACZ,SAAc,GACf,EAAE,gBAAgB,kDAoGlB"}

package/dist/components/MatchIndicator.d.ts

@@ -0,0 +1,20 @@
+export interface MatchIndicatorProps {
+    /** Match quality level */
+    quality: 'exact' | 'close' | 'possible' | 'unmatched';
+    /** Optional match confidence score (0-100) */
+    confidence?: number;
+    /** Show label text alongside indicator */
+    showLabel?: boolean;
+    /** Size variant */
+    size?: 'sm' | 'md' | 'lg';
+    /** Additional className */
+    className?: string;
+}
+/**
+ * MatchIndicator — Match quality visualization for reconciliation
+ *
+ * Shows a color-coded dot/icon indicating match quality between
+ * statement lines and invoices. Used in the Reconciliation Hub.
+ */
+export default function MatchIndicator({ quality, confidence, showLabel, size, className, }: MatchIndicatorProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MatchIndicator.d.ts.map

package/dist/components/MatchIndicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MatchIndicator.d.ts","sourceRoot":"","sources":["../../src/components/MatchIndicator.tsx"],"names":[],"mappings":"AAOA,MAAM,WAAW,mBAAmB;IAClC,0BAA0B;IAC1B,OAAO,EAAE,OAAO,GAAG,OAAO,GAAG,UAAU,GAAG,WAAW,CAAC;IACtD,8CAA8C;IAC9C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,0CAA0C;IAC1C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,mBAAmB;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAiBD;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,OAAO,EACP,UAAU,EACV,SAAiB,EACjB,IAAW,EACX,SAAc,GACf,EAAE,mBAAmB,2CAyBrB"}

package/dist/components/PersonaDashboard.d.ts

@@ -0,0 +1,39 @@
+import React from 'react';
+export interface DashboardWidget {
+    /** Widget unique ID */
+    id: string;
+    /** Widget display name */
+    name: string;
+    /** Widget size */
+    size: 'sm' | 'md' | 'lg' | 'full';
+    /** Render function for widget content */
+    render: () => React.ReactNode;
+}
+export interface PersonaDashboardProps {
+    /** Persona display name */
+    personaName: string;
+    /** System action summary component (hero position) */
+    systemSummary?: React.ReactNode;
+    /** Pending attention component */
+    pendingAttention?: React.ReactNode;
+    /** Process health indicators */
+    processHealth?: React.ReactNode;
+    /** Persona-specific widgets */
+    widgets: DashboardWidget[];
+    /** Additional className */
+    className?: string;
+}
+/**
+ * PersonaDashboard — Adaptive dashboard shell for persona-specific widgets
+ *
+ * Provides the common dashboard structure:
+ * 1. System action summary (hero, persona-filtered)
+ * 2. Pending attention items
+ * 3. Process health indicators
+ * 4. Persona-specific widgets in a responsive grid
+ *
+ * Used as the layout container on the Home page, populated with
+ * role-specific widgets based on the resolved persona.
+ */
+export default function PersonaDashboard({ personaName, systemSummary, pendingAttention, processHealth, widgets, className, }: PersonaDashboardProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PersonaDashboard.d.ts.map

package/dist/components/PersonaDashboard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PersonaDashboard.d.ts","sourceRoot":"","sources":["../../src/components/PersonaDashboard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,MAAM,WAAW,eAAe;IAC9B,uBAAuB;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,0BAA0B;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,kBAAkB;IAClB,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;IAClC,yCAAyC;IACzC,MAAM,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;CAC/B;AAED,MAAM,WAAW,qBAAqB;IACpC,2BAA2B;IAC3B,WAAW,EAAE,MAAM,CAAC;IACpB,sDAAsD;IACtD,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,kCAAkC;IAClC,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACnC,gCAAgC;IAChC,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,+BAA+B;IAC/B,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAiBD;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,WAAW,EACX,aAAa,EACb,gBAAgB,EAChB,aAAa,EACb,OAAO,EACP,SAAc,GACf,EAAE,qBAAqB,2CAsCvB"}

package/dist/components/ProcessHealthBar.d.ts

@@ -0,0 +1,28 @@
+export interface ProcessHealthMetric {
+    /** Metric name */
+    name: string;
+    /** Health status */
+    status: 'good' | 'warning' | 'critical';
+    /** Display value */
+    value: string;
+    /** Optional trend indicator */
+    trend?: 'up' | 'down' | 'stable';
+}
+export interface ProcessHealthBarProps {
+    /** Process area name */
+    processName: string;
+    /** Health metrics for this process */
+    metrics: ProcessHealthMetric[];
+    /** Click handler for the process area */
+    onClick?: () => void;
+    /** Additional className */
+    className?: string;
+}
+/**
+ * ProcessHealthBar — Compact horizontal process health overview
+ *
+ * Shows traffic-light indicators for a process area's KPIs.
+ * Used in the persona-adaptive dashboard to show overall process health.
+ */
+export default function ProcessHealthBar({ processName, metrics, onClick, className, }: ProcessHealthBarProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ProcessHealthBar.d.ts.map

package/dist/components/ProcessHealthBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProcessHealthBar.d.ts","sourceRoot":"","sources":["../../src/components/ProcessHealthBar.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,mBAAmB;IAClC,kBAAkB;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,oBAAoB;IACpB,MAAM,EAAE,MAAM,GAAG,SAAS,GAAG,UAAU,CAAC;IACxC,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,+BAA+B;IAC/B,KAAK,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,QAAQ,CAAC;CAClC;AAED,MAAM,WAAW,qBAAqB;IACpC,wBAAwB;IACxB,WAAW,EAAE,MAAM,CAAC;IACpB,sCAAsC;IACtC,OAAO,EAAE,mBAAmB,EAAE,CAAC;IAC/B,yCAAyC;IACzC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA4BD;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,WAAW,EACX,OAAO,EACP,OAAO,EACP,SAAc,GACf,EAAE,qBAAqB,2CA2CvB"}

package/dist/components/ProcessIndicator.d.ts

@@ -0,0 +1,38 @@
+import React from 'react';
+export interface ProcessStage {
+    /** Unique stage identifier */
+    id: string;
+    /** Display name */
+    name: string;
+    /** Number of items at this stage */
+    count: number;
+    /** Color variant for the stage */
+    color?: 'slate' | 'blue' | 'indigo' | 'purple' | 'green' | 'red' | 'yellow' | 'orange' | 'teal' | 'primary';
+    /** Health status derived from thresholds */
+    health?: 'good' | 'warning' | 'critical';
+    /** Optional icon */
+    icon?: React.ReactNode;
+}
+export interface ProcessIndicatorProps {
+    /** Stages to display in order */
+    stages: ProcessStage[];
+    /** Currently selected/filtered stage ID */
+    activeStageId?: string;
+    /** Callback when a stage is clicked */
+    onStageClick?: (stageId: string) => void;
+    /** Show conversion rate between stages */
+    showConversion?: boolean;
+    /** Size variant */
+    size?: 'sm' | 'md' | 'lg';
+    /** Additional className */
+    className?: string;
+}
+/**
+ * ProcessIndicator — Horizontal process flow visualization
+ *
+ * Shows stages as connected blocks with names, item counts, and health coloring.
+ * Stages are clickable for filtering. Used at the top of process views
+ * (Sales Pipeline, Support Center, Commission Lifecycle).
+ */
+export default function ProcessIndicator({ stages, activeStageId, onStageClick, showConversion, size, className, }: ProcessIndicatorProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ProcessIndicator.d.ts.map

package/dist/components/ProcessIndicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProcessIndicator.d.ts","sourceRoot":"","sources":["../../src/components/ProcessIndicator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,MAAM,WAAW,YAAY;IAC3B,8BAA8B;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,mBAAmB;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,oCAAoC;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,kCAAkC;IAClC,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,CAAC;IAC5G,4CAA4C;IAC5C,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,UAAU,CAAC;IACzC,oBAAoB;IACpB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAED,MAAM,WAAW,qBAAqB;IACpC,iCAAiC;IACjC,MAAM,EAAE,YAAY,EAAE,CAAC;IACvB,2CAA2C;IAC3C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,uCAAuC;IACvC,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,0CAA0C;IAC1C,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,mBAAmB;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAmCD;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,MAAM,EACN,aAAa,EACb,YAAY,EACZ,cAAsB,EACtB,IAAW,EACX,SAAc,GACf,EAAE,qBAAqB,2CAkFvB"}

package/dist/components/ReviewDecisionCard.d.ts

@@ -0,0 +1,53 @@
+import React from 'react';
+export interface ConfidenceBreakdown {
+    /** Factor name */
+    factor: string;
+    /** Factor score (0-100) */
+    score: number;
+    /** Factor description */
+    description?: string;
+}
+export interface ReviewAction {
+    /** Button label */
+    label: string;
+    /** Button variant */
+    variant?: 'primary' | 'secondary' | 'danger' | 'ghost';
+    /** Click handler */
+    onClick: () => void;
+    /** Icon */
+    icon?: React.ReactNode;
+}
+export interface ReviewDecisionCardProps {
+    /** Card title — what needs review */
+    title: string;
+    /** Description */
+    description?: string;
+    /** Overall confidence score (0-100) */
+    confidence: number;
+    /** Confidence breakdown by factor */
+    breakdown?: ConfidenceBreakdown[];
+    /** System recommendation */
+    recommendation?: string;
+    /** Available actions (approve, reject, etc.) */
+    actions: ReviewAction[];
+    /** Entity type and identifier */
+    entityType?: string;
+    entityLabel?: string;
+    /** Click handler for entity link */
+    onEntityClick?: () => void;
+    /** Additional notes/context */
+    notes?: string;
+    /** Timestamp */
+    timestamp?: string;
+    /** Additional className */
+    className?: string;
+}
+/**
+ * ReviewDecisionCard — Action card with confidence breakdown
+ *
+ * Extended ActionCard pattern that includes a confidence gauge and
+ * per-factor confidence breakdown. Used in the Approvals & Review queue
+ * for items requiring human judgment.
+ */
+export default function ReviewDecisionCard({ title, description, confidence, breakdown, recommendation, actions, entityType, entityLabel, onEntityClick, notes, timestamp, className, }: ReviewDecisionCardProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ReviewDecisionCard.d.ts.map

package/dist/components/ReviewDecisionCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReviewDecisionCard.d.ts","sourceRoot":"","sources":["../../src/components/ReviewDecisionCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,MAAM,WAAW,mBAAmB;IAClC,kBAAkB;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,2BAA2B;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,yBAAyB;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,YAAY;IAC3B,mBAAmB;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,qBAAqB;IACrB,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,OAAO,CAAC;IACvD,oBAAoB;IACpB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,WAAW;IACX,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAED,MAAM,WAAW,uBAAuB;IACtC,qCAAqC;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,kBAAkB;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uCAAuC;IACvC,UAAU,EAAE,MAAM,CAAC;IACnB,qCAAqC;IACrC,SAAS,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAClC,4BAA4B;IAC5B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gDAAgD;IAChD,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,iCAAiC;IACjC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,oCAAoC;IACpC,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,+BAA+B;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gBAAgB;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAiBD;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,EACzC,KAAK,EACL,WAAW,EACX,UAAU,EACV,SAAS,EACT,cAAc,EACd,OAAO,EACP,UAAU,EACV,WAAW,EACX,aAAa,EACb,KAAK,EACL,SAAS,EACT,SAAc,GACf,EAAE,uBAAuB,2CAiGzB"}

package/dist/components/SLAIndicator.d.ts

@@ -0,0 +1,24 @@
+export interface SLAIndicatorProps {
+    /** Time remaining display string (e.g., "2h 15m", "45m") */
+    timeRemaining?: string;
+    /** Total SLA duration in minutes (for progress calculation) */
+    totalMinutes?: number;
+    /** Elapsed minutes (for progress calculation) */
+    elapsedMinutes?: number;
+    /** Current SLA status */
+    status: 'on-track' | 'at-risk' | 'breached' | 'met';
+    /** Size variant */
+    size?: 'sm' | 'md' | 'lg';
+    /** Show as compact inline badge */
+    compact?: boolean;
+    /** Additional className */
+    className?: string;
+}
+/**
+ * SLAIndicator — Visual SLA countdown with urgency coloring
+ *
+ * Shows time remaining, progress bar, and status icon.
+ * Used in Support Center case queue items and case detail views.
+ */
+export default function SLAIndicator({ timeRemaining, totalMinutes, elapsedMinutes, status, size, compact, className, }: SLAIndicatorProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SLAIndicator.d.ts.map

package/dist/components/SLAIndicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SLAIndicator.d.ts","sourceRoot":"","sources":["../../src/components/SLAIndicator.tsx"],"names":[],"mappings":"AAOA,MAAM,WAAW,iBAAiB;IAChC,4DAA4D;IAC5D,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,+DAA+D;IAC/D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iDAAiD;IACjD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,yBAAyB;IACzB,MAAM,EAAE,UAAU,GAAG,SAAS,GAAG,UAAU,GAAG,KAAK,CAAC;IACpD,mBAAmB;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,mCAAmC;IACnC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAwBD;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,aAAa,EACb,YAAY,EACZ,cAAc,EACd,MAAM,EACN,IAAW,EACX,OAAe,EACf,SAAc,GACf,EAAE,iBAAiB,2CA+CnB"}

package/dist/components/SplitPane.d.ts

@@ -0,0 +1,33 @@
+import React from 'react';
+export interface SplitPaneProps {
+    /** Content for the left/primary panel */
+    left: React.ReactNode;
+    /** Content for the right/secondary panel */
+    right: React.ReactNode;
+    /** Default width of the left panel as a fraction (0.0 - 1.0) */
+    defaultSplit?: number;
+    /** Minimum left panel width in pixels */
+    minLeftWidth?: number;
+    /** Minimum right panel width in pixels */
+    minRightWidth?: number;
+    /** Whether the divider is draggable */
+    resizable?: boolean;
+    /** Whether to show the right panel */
+    showRight?: boolean;
+    /** Orientation */
+    orientation?: 'horizontal' | 'vertical';
+    /** Callback when split ratio changes */
+    onSplitChange?: (ratio: number) => void;
+    /** Additional className */
+    className?: string;
+}
+/**
+ * SplitPane — Resizable two-panel layout
+ *
+ * Renders a left/primary panel and right/secondary panel with a draggable divider.
+ * Used for list+detail patterns (case queue + case detail, statements + line items).
+ *
+ * The right panel can be toggled on/off via `showRight` prop.
+ */
+export default function SplitPane({ left, right, defaultSplit, minLeftWidth, minRightWidth, resizable, showRight, orientation, onSplitChange, className, }: SplitPaneProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SplitPane.d.ts.map

package/dist/components/SplitPane.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SplitPane.d.ts","sourceRoot":"","sources":["../../src/components/SplitPane.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAMxE,MAAM,WAAW,cAAc;IAC7B,yCAAyC;IACzC,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,4CAA4C;IAC5C,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,gEAAgE;IAChE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,yCAAyC;IACzC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,0CAA0C;IAC1C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,uCAAuC;IACvC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sCAAsC;IACtC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,kBAAkB;IAClB,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,wCAAwC;IACxC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAMD;;;;;;;GAOG;AACH,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,IAAI,EACJ,KAAK,EACL,YAAkB,EAClB,YAAkB,EAClB,aAAmB,EACnB,SAAgB,EAChB,SAAgB,EAChB,WAA0B,EAC1B,aAAa,EACb,SAAc,GACf,EAAE,cAAc,2CAiGhB"}

package/dist/components/SystemActionEntry.d.ts

@@ -0,0 +1,42 @@
+import React from 'react';
+export interface SystemActionEntryProps {
+    /** What the system did */
+    actionDescription: string;
+    /** Why it did it */
+    reasoning: string;
+    /** Affected entity type */
+    entityType: string;
+    /** Affected entity display label */
+    entityLabel: string;
+    /** Click handler for entity link */
+    onEntityClick?: () => void;
+    /** Whether this action can be reverted */
+    isRevertible?: boolean;
+    /** Click handler for revert */
+    onRevert?: () => void;
+    /** Confidence score (0-100) */
+    confidence?: number;
+    /** Actor (system or user name) */
+    actor?: string;
+    /** Timestamp display string */
+    timestamp: string;
+    /** Action type category */
+    actionType?: string;
+    /** Process domain */
+    domain?: 'sales' | 'support' | 'commission' | 'reconciliation';
+    /** Icon */
+    icon?: React.ReactNode;
+    /** Whether the action has been reverted */
+    reverted?: boolean;
+    /** Additional className */
+    className?: string;
+}
+/**
+ * SystemActionEntry — Activity feed entry showing what the system did
+ *
+ * Each entry shows: action description, reasoning, affected entity (clickable),
+ * revert button (if applicable), confidence indicator, and timestamp.
+ * Used in the Activity Center system action log.
+ */
+export default function SystemActionEntry({ actionDescription, reasoning, entityType, entityLabel, onEntityClick, isRevertible, onRevert, confidence, actor, timestamp, actionType, domain, icon, reverted, className, }: SystemActionEntryProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SystemActionEntry.d.ts.map

package/dist/components/SystemActionEntry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SystemActionEntry.d.ts","sourceRoot":"","sources":["../../src/components/SystemActionEntry.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,MAAM,WAAW,sBAAsB;IACrC,0BAA0B;IAC1B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,oBAAoB;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,2BAA2B;IAC3B,UAAU,EAAE,MAAM,CAAC;IACnB,oCAAoC;IACpC,WAAW,EAAE,MAAM,CAAC;IACpB,oCAAoC;IACpC,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,0CAA0C;IAC1C,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,+BAA+B;IAC/B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,kCAAkC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+BAA+B;IAC/B,SAAS,EAAE,MAAM,CAAC;IAClB,2BAA2B;IAC3B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,qBAAqB;IACrB,MAAM,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,YAAY,GAAG,gBAAgB,CAAC;IAC/D,WAAW;IACX,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAiBD;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EACxC,iBAAiB,EACjB,SAAS,EACT,UAAU,EACV,WAAW,EACX,aAAa,EACb,YAAoB,EACpB,QAAQ,EACR,UAAU,EACV,KAAgB,EAChB,SAAS,EACT,UAAU,EACV,MAAM,EACN,IAAI,EACJ,QAAgB,EAChB,SAAc,GACf,EAAE,sBAAsB,2CAgGxB"}

package/dist/components/VarianceDisplay.d.ts

@@ -0,0 +1,26 @@
+export interface VarianceDisplayProps {
+    /** Expected value */
+    expected: number;
+    /** Actual value */
+    actual: number;
+    /** Display format */
+    format?: 'currency' | 'number' | 'percentage';
+    /** Currency code for currency format */
+    currency?: string;
+    /** Tolerance percentage — within tolerance shows as neutral */
+    tolerancePercent?: number;
+    /** Whether to show the expected and actual values */
+    showValues?: boolean;
+    /** Size variant */
+    size?: 'sm' | 'md' | 'lg';
+    /** Additional className */
+    className?: string;
+}
+/**
+ * VarianceDisplay — Expected vs actual comparison with tolerance coloring
+ *
+ * Shows the difference between expected and actual values, color-coded
+ * by tolerance thresholds. Used in the Reconciliation Hub for variance analysis.
+ */
+export default function VarianceDisplay({ expected, actual, format, currency, tolerancePercent, showValues, size, className, }: VarianceDisplayProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=VarianceDisplay.d.ts.map

package/dist/components/VarianceDisplay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VarianceDisplay.d.ts","sourceRoot":"","sources":["../../src/components/VarianceDisplay.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,oBAAoB;IACnC,qBAAqB;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,mBAAmB;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,qBAAqB;IACrB,MAAM,CAAC,EAAE,UAAU,GAAG,QAAQ,GAAG,YAAY,CAAC;IAC9C,wCAAwC;IACxC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,+DAA+D;IAC/D,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,qDAAqD;IACrD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,mBAAmB;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAqBD;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,QAAQ,EACR,MAAM,EACN,MAAmB,EACnB,QAAgB,EAChB,gBAAoB,EACpB,UAAiB,EACjB,IAAW,EACX,SAAc,GACf,EAAE,oBAAoB,2CAwDtB"}