@lindaui/blocks 0.4.1 → 0.5.0

package/README.md

@@ -12,6 +12,9 @@ pnpm add @lindaui/blocks @lindaui/ui @lindaui/tokens
 
 Peer dependencies: `react >=19`, `react-dom >=19`, `react-hook-form >=7`,
 `lucide-react` (icons), and `recharts` (chart blocks).
+Blocks **0.5.0** additionally requires `@lindaui/ui >=0.5.0` and
+`@lindaui/tokens >=0.4.0`. Those are the first versions containing the migration
+compound/compat APIs and required styles; older published peers are incompatible.
 
 ## Usage
 
@@ -36,6 +39,59 @@ data-fetching / backend in the library — you wire that up.
 `pie-chart`, `radar-chart`, `radial-chart`, `stat-card`, `chart-card`,
 `stats-grid`.
 
+**Application chrome:** `app-shell` (also exports `AppShellFooter`),
+`entity-switcher`, `command-palette`. Router links, images, entities, translated
+labels and business actions are injected by the consumer.
+
+**Connections and configuration:** `connection-panel` (also exports
+`ConnectedPanel`), `channel-settings`, `settings-layout`, `save-bar`, `stepper`.
+`Stepper` presents the supplied percentage with `steps` or `compact` anatomy;
+it does not calculate steps or own completion policy. Settings panels remain
+mounted while selection changes; save buttons submit the supplied form id.
+
+**Entity workflows:** `filter-bar`, `source-selector`, `kanban-board`,
+`kanban-column`, `entity-card`. Data filtering, IDs, grouping, persistence,
+activation handlers and domain-to-presentation mappings remain in the app.
+
+## Explicit compatibility namespaces
+
+These opt-in namespaces preserve former UI-kit presentation without changing
+the existing flat Lindaui chat/chart APIs:
+
+- `@lindaui/blocks/compat` — UI compatibility controls and utilities, `KPICard`,
+  `StatusFilters`, `DateDivider`. `KPICard` takes `title`, `value`, `icon`, `color`,
+  `trend` and `isLoading`; it is distinct from the existing `/stat-card`.
+- `@lindaui/blocks/chat` — chat shell/list/thread/composer/avatar/header/empty
+  state and generic types. Messages use `side: "left" | "right" | "center"`,
+  `timestamp`, `text`, optional `authorTag` and `media`. The existing
+  `/chat-types` uses a different contract and must not be mixed with these types.
+- `@lindaui/blocks/analytics` — analytics cards, status chart, entity table,
+  health presentation, loading indicators and the controlled date-range picker.
+  Its `TimeRangePicker` uses `preset` (`24h|7d|30d|custom`),
+  `customRange: RangeValue<DateValue> | null` and callbacks, unlike the existing
+  flat `/time-range-picker` with ISO date strings.
+
+The package declares Dayjs, `@internationalized/date`, `@react-types/shared`,
+Framer Motion and drag/drop primitives as runtime dependencies. Public date
+declarations remain usable outside this monorepo; no consumer needs repo links.
+
+For LeadConverter's existing appearance, import the independent
+`@lindaui/tokens/lead-converter.css` Tailwind source entry instead of the teal
+bundle. Do not import both. See the token package README for source scanning.
+
+Interactive compatibility stories live in `src/compat-chat/chat.stories.tsx`
+and `src/analytics/analytics.stories.tsx`, discovered by the repository's
+Storybook. Stories and tests are excluded from public exports and build output.
+
+## Published types
+
+The package is ESM-only. All public and internal declarations, including the
+`/chat`, `/analytics` and `/compat` namespaces, resolve with Node16/NodeNext
+and bundler resolution. Declaration normalization resolves real files and
+directory indexes without changing runtime JS or component client boundaries.
+Exports put `types` first; `import` and `default` share the same ESM target.
+This also supports `next/dynamic`'s weak-module lookup without a CommonJS build.
+
 ## License
 
 MIT

package/dist/ai-cost-card-f403ypsg.js

@@ -0,0 +1,99 @@
+'use client';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Zap, DollarSign, TrendingUp, AlertCircle } from 'lucide-react';
+import { memo } from 'react';
+import { A as AnalyticsCard } from './analytics-card-bcmijpt6.js';
+
+function formatUsd(value) {
+    return value.toLocaleString("en-US", {
+        currency: "USD",
+        maximumFractionDigits: 2,
+        minimumFractionDigits: 2,
+        style: "currency"
+    });
+}
+function StatBlock({ icon: Icon, label, value, accent = false }) {
+    return /*#__PURE__*/ jsxs("div", {
+        className: `rounded-xl px-4 py-3 ${accent ? "bg-accent/5" : "bg-surface-secondary"}`,
+        children: [
+            /*#__PURE__*/ jsxs("div", {
+                className: "mb-1.5 flex items-center gap-1.5",
+                children: [
+                    /*#__PURE__*/ jsx(Icon, {
+                        className: `h-3.5 w-3.5 ${accent ? "text-accent" : "text-muted"}`
+                    }),
+                    /*#__PURE__*/ jsx("p", {
+                        className: "text-muted text-xs",
+                        children: label
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsx("p", {
+                className: "font-bold text-foreground text-xl tabular-nums",
+                children: value
+            })
+        ]
+    });
+}
+function NotConfigured({ t }) {
+    return /*#__PURE__*/ jsxs("div", {
+        className: "flex flex-col items-center justify-center gap-2 py-8 text-center",
+        children: [
+            /*#__PURE__*/ jsx("div", {
+                className: "flex h-9 w-9 items-center justify-center rounded-xl bg-surface-secondary",
+                children: /*#__PURE__*/ jsx(AlertCircle, {
+                    className: "h-5 w-5 text-muted"
+                })
+            }),
+            /*#__PURE__*/ jsx("p", {
+                className: "font-medium text-muted text-sm",
+                children: t("analytics.aiCost.notConfigured")
+            }),
+            /*#__PURE__*/ jsx("p", {
+                className: "max-w-[220px] text-muted text-xs",
+                children: t("analytics.aiCost.notConfiguredHint")
+            })
+        ]
+    });
+}
+function LoadingState() {
+    return /*#__PURE__*/ jsx("div", {
+        className: "grid grid-cols-3 gap-3",
+        children: [
+            "a",
+            "b",
+            "c"
+        ].map((k)=>/*#__PURE__*/ jsx("div", {
+                className: "h-[72px] animate-pulse rounded-xl bg-surface-secondary"
+            }, k))
+    });
+}
+const AiCostCard = /*#__PURE__*/ memo(({ aiCost, isLoading, t })=>/*#__PURE__*/ jsx(AnalyticsCard, {
+        icon: Zap,
+        title: t("analytics.aiCost.title"),
+        children: isLoading ? /*#__PURE__*/ jsx(LoadingState, {}) : aiCost?.available === true ? /*#__PURE__*/ jsxs("div", {
+            className: "grid grid-cols-3 gap-3",
+            children: [
+                /*#__PURE__*/ jsx(StatBlock, {
+                    accent: true,
+                    icon: DollarSign,
+                    label: t("analytics.aiCost.totalCost"),
+                    value: formatUsd(aiCost.totalCostUsd)
+                }),
+                /*#__PURE__*/ jsx(StatBlock, {
+                    icon: TrendingUp,
+                    label: t("analytics.aiCost.costPerConversion"),
+                    value: aiCost.conversionsCount > 0 ? formatUsd(aiCost.costPerConversion) : "—"
+                }),
+                /*#__PURE__*/ jsx(StatBlock, {
+                    icon: Zap,
+                    label: t("analytics.aiCost.conversions"),
+                    value: aiCost.conversionsCount.toLocaleString()
+                })
+            ]
+        }) : /*#__PURE__*/ jsx(NotConfigured, {
+            t: t
+        })
+    }));
+
+export { AiCostCard as A };

package/dist/ai-performance-card-cggm09nc.js

@@ -0,0 +1,191 @@
+'use client';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Bot, Shield, Clock, User } from 'lucide-react';
+import { memo } from 'react';
+import { Divider } from '@lindaui/ui/compat';
+import { A as AnalyticsCard } from './analytics-card-bcmijpt6.js';
+
+const DEFAULT_AI_VS_HUMAN = {
+    aiConverted: 0,
+    aiLeads: 0,
+    aiRate: 0,
+    humanConverted: 0,
+    humanLeads: 0,
+    humanRate: 0
+};
+function rateColorClass(rate) {
+    return rate >= 10 ? "text-success" : rate >= 5 ? "text-warning" : "text-muted";
+}
+function StatRow({ label, value, valueClass = "text-foreground" }) {
+    return /*#__PURE__*/ jsxs("div", {
+        className: "flex items-center justify-between",
+        children: [
+            /*#__PURE__*/ jsx("span", {
+                className: "text-muted text-xs",
+                children: label
+            }),
+            /*#__PURE__*/ jsx("span", {
+                className: `font-semibold text-xs tabular-nums ${valueClass}`,
+                children: value
+            })
+        ]
+    });
+}
+const AiPerformanceCard = /*#__PURE__*/ memo(({ containmentRate = 0, aiVsHuman: aiVsHumanProp, avgResponseTimeMinutes = 0, t })=>{
+    const aiVsHuman = aiVsHumanProp ?? DEFAULT_AI_VS_HUMAN;
+    return /*#__PURE__*/ jsxs(AnalyticsCard, {
+        icon: Bot,
+        title: t("analytics.aiPerformance.title"),
+        children: [
+            /*#__PURE__*/ jsxs("div", {
+                className: "grid grid-cols-2 gap-3",
+                children: [
+                    /*#__PURE__*/ jsxs("div", {
+                        className: "rounded-xl bg-accent/5 px-4 py-3",
+                        children: [
+                            /*#__PURE__*/ jsxs("div", {
+                                className: "mb-1.5 flex items-center gap-1.5",
+                                children: [
+                                    /*#__PURE__*/ jsx(Shield, {
+                                        className: "h-3.5 w-3.5 text-accent"
+                                    }),
+                                    /*#__PURE__*/ jsx("p", {
+                                        className: "text-muted text-xs",
+                                        children: t("analytics.aiPerformance.containment")
+                                    })
+                                ]
+                            }),
+                            /*#__PURE__*/ jsxs("p", {
+                                className: "font-bold text-3xl text-foreground tabular-nums",
+                                children: [
+                                    containmentRate,
+                                    /*#__PURE__*/ jsx("span", {
+                                        className: "ml-0.5 font-medium text-lg text-muted",
+                                        children: "%"
+                                    })
+                                ]
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ jsxs("div", {
+                        className: "rounded-xl bg-surface-secondary px-4 py-3",
+                        children: [
+                            /*#__PURE__*/ jsxs("div", {
+                                className: "mb-1.5 flex items-center gap-1.5",
+                                children: [
+                                    /*#__PURE__*/ jsx(Clock, {
+                                        className: "h-3.5 w-3.5 text-muted"
+                                    }),
+                                    /*#__PURE__*/ jsx("p", {
+                                        className: "text-muted text-xs",
+                                        children: t("analytics.aiPerformance.responseTime")
+                                    })
+                                ]
+                            }),
+                            /*#__PURE__*/ jsxs("p", {
+                                className: "font-bold text-3xl text-foreground tabular-nums",
+                                children: [
+                                    avgResponseTimeMinutes,
+                                    /*#__PURE__*/ jsx("span", {
+                                        className: "ml-1 font-normal text-muted text-sm",
+                                        children: t("analytics.aiPerformance.minutes")
+                                    })
+                                ]
+                            })
+                        ]
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsx(Divider, {
+                className: "my-4"
+            }),
+            /*#__PURE__*/ jsx("p", {
+                className: "mb-3 font-medium text-muted text-xs uppercase tracking-wider",
+                children: t("analytics.aiPerformance.comparison")
+            }),
+            /*#__PURE__*/ jsxs("div", {
+                className: "grid grid-cols-2 gap-4",
+                children: [
+                    /*#__PURE__*/ jsxs("div", {
+                        className: "space-y-3",
+                        children: [
+                            /*#__PURE__*/ jsxs("div", {
+                                className: "flex items-center gap-1.5",
+                                children: [
+                                    /*#__PURE__*/ jsx("div", {
+                                        className: "flex h-5 w-5 items-center justify-center rounded-md bg-accent/10",
+                                        children: /*#__PURE__*/ jsx(Bot, {
+                                            className: "h-3 w-3 text-accent"
+                                        })
+                                    }),
+                                    /*#__PURE__*/ jsx("p", {
+                                        className: "font-semibold text-foreground text-xs",
+                                        children: t("analytics.aiPerformance.ai")
+                                    })
+                                ]
+                            }),
+                            /*#__PURE__*/ jsxs("div", {
+                                className: "space-y-2",
+                                children: [
+                                    /*#__PURE__*/ jsx(StatRow, {
+                                        label: t("analytics.aiPerformance.leads"),
+                                        value: aiVsHuman.aiLeads.toLocaleString()
+                                    }),
+                                    /*#__PURE__*/ jsx(StatRow, {
+                                        label: t("analytics.aiPerformance.converted"),
+                                        value: aiVsHuman.aiConverted.toLocaleString()
+                                    }),
+                                    /*#__PURE__*/ jsx(StatRow, {
+                                        label: t("analytics.aiPerformance.rate"),
+                                        value: `${aiVsHuman.aiRate}%`,
+                                        valueClass: rateColorClass(aiVsHuman.aiRate)
+                                    })
+                                ]
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ jsxs("div", {
+                        className: "space-y-3 border-border border-l pl-4",
+                        children: [
+                            /*#__PURE__*/ jsxs("div", {
+                                className: "flex items-center gap-1.5",
+                                children: [
+                                    /*#__PURE__*/ jsx("div", {
+                                        className: "flex h-5 w-5 items-center justify-center rounded-md bg-surface-secondary",
+                                        children: /*#__PURE__*/ jsx(User, {
+                                            className: "h-3 w-3 text-muted"
+                                        })
+                                    }),
+                                    /*#__PURE__*/ jsx("p", {
+                                        className: "font-semibold text-foreground text-xs",
+                                        children: t("analytics.aiPerformance.human")
+                                    })
+                                ]
+                            }),
+                            /*#__PURE__*/ jsxs("div", {
+                                className: "space-y-2",
+                                children: [
+                                    /*#__PURE__*/ jsx(StatRow, {
+                                        label: t("analytics.aiPerformance.leads"),
+                                        value: aiVsHuman.humanLeads.toLocaleString()
+                                    }),
+                                    /*#__PURE__*/ jsx(StatRow, {
+                                        label: t("analytics.aiPerformance.converted"),
+                                        value: aiVsHuman.humanConverted.toLocaleString()
+                                    }),
+                                    /*#__PURE__*/ jsx(StatRow, {
+                                        label: t("analytics.aiPerformance.rate"),
+                                        value: `${aiVsHuman.humanRate}%`,
+                                        valueClass: rateColorClass(aiVsHuman.humanRate)
+                                    })
+                                ]
+                            })
+                        ]
+                    })
+                ]
+            })
+        ]
+    });
+});
+
+export { AiPerformanceCard as A };

package/dist/analytics/ai-cost-card.d.ts

@@ -0,0 +1,3 @@
+import type { AiCostCardProps } from "./types.js";
+export declare const AiCostCard: import("react").MemoExoticComponent<({ aiCost, isLoading, t }: AiCostCardProps) => import("react").JSX.Element>;
+//# sourceMappingURL=ai-cost-card.d.ts.map

package/dist/analytics/ai-cost-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ai-cost-card.d.ts","sourceRoot":"","sources":["../../src/analytics/ai-cost-card.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,YAAS,CAAC;AAiB/C,eAAO,MAAM,UAAU,iEAAmC,eAAe,iCAQvE,CAAC"}

package/dist/analytics/ai-performance-card.d.ts

@@ -0,0 +1,3 @@
+import type { AiPerformanceCardProps } from "./types.js";
+export declare const AiPerformanceCard: import("react").MemoExoticComponent<({ containmentRate, aiVsHuman: aiVsHumanProp, avgResponseTimeMinutes, t }: AiPerformanceCardProps) => import("react").JSX.Element>;
+//# sourceMappingURL=ai-performance-card.d.ts.map

package/dist/analytics/ai-performance-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ai-performance-card.d.ts","sourceRoot":"","sources":["../../src/analytics/ai-performance-card.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,sBAAsB,EAAiB,MAAM,YAAS,CAAC;AAOrE,eAAO,MAAM,iBAAiB,iHAA2F,sBAAsB,iCAkC7I,CAAC"}

package/dist/analytics/analytics-card.d.ts

@@ -0,0 +1,3 @@
+import type { AnalyticsCardProps } from "./types.js";
+export declare function AnalyticsCard({ icon: Icon, title, action, children }: AnalyticsCardProps): import("react").JSX.Element;
+//# sourceMappingURL=analytics-card.d.ts.map

package/dist/analytics/analytics-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"analytics-card.d.ts","sourceRoot":"","sources":["../../src/analytics/analytics-card.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,YAAS,CAAC;AAElD,wBAAgB,aAAa,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,kBAAkB,+BAQxF"}

package/dist/analytics/analytics-skeleton.d.ts

@@ -0,0 +1,5 @@
+export declare function AnalyticsSkeleton(): import("react").JSX.Element;
+export declare function FetchingIndicator({ label }: {
+    label: string;
+}): import("react").JSX.Element;
+//# sourceMappingURL=analytics-skeleton.d.ts.map

package/dist/analytics/analytics-skeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"analytics-skeleton.d.ts","sourceRoot":"","sources":["../../src/analytics/analytics-skeleton.tsx"],"names":[],"mappings":"AAMA,wBAAgB,iBAAiB,gCAOhC;AACD,wBAAgB,iBAAiB,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,+BAAkJ"}

package/dist/analytics/entity-health-card.d.ts

@@ -0,0 +1,3 @@
+import type { EntityHealthCardProps } from "./types.js";
+export declare const EntityHealthCard: import("react").MemoExoticComponent<({ entities, labels, renderEntityLink }: EntityHealthCardProps) => import("react").JSX.Element>;
+//# sourceMappingURL=entity-health-card.d.ts.map

package/dist/analytics/entity-health-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"entity-health-card.d.ts","sourceRoot":"","sources":["../../src/analytics/entity-health-card.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,qBAAqB,EAA8B,MAAM,YAAS,CAAC;AAWjF,eAAO,MAAM,gBAAgB,+EAAiD,qBAAqB,iCAgCjG,CAAC"}

package/dist/analytics/status-distribution-chart.d.ts

@@ -0,0 +1,3 @@
+import type { StatusDistributionChartProps } from "./types.js";
+export declare function StatusDistributionChart({ data, emptyLabel, valueLabel, height }: StatusDistributionChartProps): import("react").JSX.Element;
+//# sourceMappingURL=status-distribution-chart.d.ts.map

package/dist/analytics/status-distribution-chart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"status-distribution-chart.d.ts","sourceRoot":"","sources":["../../src/analytics/status-distribution-chart.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,YAAS,CAAC;AAE5D,wBAAgB,uBAAuB,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,MAAY,EAAE,EAAE,4BAA4B,+BAanH"}

package/dist/analytics/time-range-picker.d.ts

@@ -0,0 +1,3 @@
+import type { TimeRangePickerProps } from "./types.js";
+export declare const TimeRangePicker: import("react").MemoExoticComponent<({ preset, customRange, onPresetChange, onCustomRangeChange, t }: TimeRangePickerProps) => import("react").JSX.Element>;
+//# sourceMappingURL=time-range-picker.d.ts.map

package/dist/analytics/time-range-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"time-range-picker.d.ts","sourceRoot":"","sources":["../../src/analytics/time-range-picker.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAU,oBAAoB,EAAE,MAAM,YAAS,CAAC;AAK5D,eAAO,MAAM,eAAe,wGAA0E,oBAAoB,iCAgCxH,CAAC"}

package/dist/analytics/top-entities-table.d.ts

@@ -0,0 +1,3 @@
+import type { TopEntitiesTableProps } from "./types.js";
+export declare function TopEntitiesTable({ columns, rows, emptyLabel, showRank }: TopEntitiesTableProps): import("react").JSX.Element;
+//# sourceMappingURL=top-entities-table.d.ts.map

package/dist/analytics/top-entities-table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"top-entities-table.d.ts","sourceRoot":"","sources":["../../src/analytics/top-entities-table.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAc,qBAAqB,EAAE,MAAM,YAAS,CAAC;AAEjE,wBAAgB,gBAAgB,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,QAAe,EAAE,EAAE,qBAAqB,+BAYrG"}

package/dist/analytics/types.d.ts

@@ -0,0 +1,104 @@
+import type { DateValue } from "@internationalized/date";
+import type { RangeValue } from "@react-types/shared";
+import type { LucideIcon } from "lucide-react";
+import type { ReactNode } from "react";
+/** Presentation-only analytics types. Domain mapping stays in the consumer. */
+export interface StatusDatum {
+    color: string;
+    count: number;
+    key: string;
+    label: string;
+}
+export interface StatusDistributionChartProps {
+    data: StatusDatum[];
+    emptyLabel: string;
+    height?: number;
+    valueLabel: string;
+}
+export interface EntityCell {
+    align?: "left" | "right";
+    badge?: {
+        color: "default" | "primary" | "secondary" | "success" | "warning" | "danger";
+        label: string;
+    };
+    value: string;
+}
+export interface TopEntityRow {
+    cells: EntityCell[];
+    id: string;
+    name: string;
+}
+export interface TopEntitiesColumn {
+    align?: "left" | "right";
+    key: string;
+    label: string;
+}
+export interface TopEntitiesTableProps {
+    columns: TopEntitiesColumn[];
+    emptyLabel: string;
+    rows: TopEntityRow[];
+    showRank?: boolean;
+}
+export type HealthStatus = "at_risk" | "critical" | "healthy";
+export interface HealthEntity {
+    id: string;
+    name: string;
+    score: number;
+    status: HealthStatus;
+}
+export interface HealthCardLabels {
+    allHealthy: string;
+    atRisk: string;
+    critical: string;
+    criticalBadge: (count: number) => string;
+    healthy: string;
+    idleNote: string;
+    scoreLabel: (score: number) => string;
+    statusLabel: (status: HealthStatus) => string;
+    title: string;
+}
+export interface EntityHealthCardProps {
+    entities: HealthEntity[];
+    labels: HealthCardLabels;
+    renderEntityLink?: (entity: HealthEntity, children: ReactNode) => ReactNode;
+}
+export interface AiVsHumanData {
+    aiConverted: number;
+    aiLeads: number;
+    aiRate: number;
+    humanConverted: number;
+    humanLeads: number;
+    humanRate: number;
+}
+export interface AiPerformanceCardProps {
+    aiVsHuman: AiVsHumanData;
+    avgResponseTimeMinutes: number;
+    containmentRate: number;
+    t: (key: string, opts?: Record<string, unknown>) => string;
+}
+export interface AiCostData {
+    available: boolean;
+    conversionsCount: number;
+    costPerConversion: number;
+    totalCostUsd: number;
+}
+export interface AiCostCardProps {
+    aiCost: AiCostData | undefined;
+    isLoading: boolean;
+    t: (key: string, opts?: Record<string, unknown>) => string;
+}
+export type Preset = "24h" | "7d" | "30d" | "custom";
+export interface TimeRangePickerProps {
+    customRange: RangeValue<DateValue> | null;
+    onCustomRangeChange: (v: RangeValue<DateValue> | null) => void;
+    onPresetChange: (p: Preset) => void;
+    preset: Preset;
+    t: (key: string) => string;
+}
+export interface AnalyticsCardProps {
+    action?: ReactNode;
+    children: ReactNode;
+    icon: LucideIcon;
+    title: string;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/analytics/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/analytics/types.ts"],"names":[],"mappings":"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"}

package/dist/analytics-card-bcmijpt6.js

@@ -0,0 +1,38 @@
+'use client';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Card } from '@lindaui/ui/compound';
+
+function AnalyticsCard({ icon: Icon, title, action, children }) {
+    return /*#__PURE__*/ jsxs(Card, {
+        className: "border border-border bg-surface shadow-none",
+        children: [
+            /*#__PURE__*/ jsxs(Card.Header, {
+                className: "flex items-center justify-between px-5 pt-5 pb-0",
+                children: [
+                    /*#__PURE__*/ jsxs("div", {
+                        className: "flex items-center gap-2",
+                        children: [
+                            /*#__PURE__*/ jsx("div", {
+                                className: "flex h-7 w-7 items-center justify-center rounded-lg bg-accent/8",
+                                children: /*#__PURE__*/ jsx(Icon, {
+                                    className: "h-4 w-4 text-accent"
+                                })
+                            }),
+                            /*#__PURE__*/ jsx("h2", {
+                                className: "font-semibold text-foreground text-sm",
+                                children: title
+                            })
+                        ]
+                    }),
+                    action
+                ]
+            }),
+            /*#__PURE__*/ jsx(Card.Content, {
+                className: "px-5 pt-4 pb-5",
+                children: children
+            })
+        ]
+    });
+}
+
+export { AnalyticsCard as A };