@genispace/geniapp 0.1.0

package/dist/cookieSettings-D_v3KS02.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cookieSettings-D_v3KS02.js","sources":["../src/utils/cookieSettings.ts"],"sourcesContent":["const COOKIE_PREFIX = 'gs_';\nconst COOKIE_MAX_AGE = 31536000; \n\nfunction getParentDomain(): string | null {\n  if (typeof window === 'undefined') return null;\n\n  const hostname = window.location.hostname;\n\n  if (hostname === 'localhost' || hostname === '127.0.0.1') {\n    return null;\n  }\n\n  const parts = hostname.split('.');\n  if (parts.length >= 2) {\n    return `.${parts.slice(-2).join('.')}`;\n  }\n\n  return null;\n}\n\nexport function setCookie(key: string, value: string): void {\n  if (typeof document === 'undefined') return;\n\n  const parentDomain = getParentDomain();\n\n  const domain = parentDomain ? `; domain=${parentDomain}` : '';\n  const cookie = `${COOKIE_PREFIX}${key}=${encodeURIComponent(value)}; path=/; max-age=${COOKIE_MAX_AGE}; SameSite=Lax${domain}`;\n  document.cookie = cookie;\n}\n\nexport function getCookie(key: string): string | null {\n  if (typeof document === 'undefined') return null;\n\n  const name = `${COOKIE_PREFIX}${key}=`;\n  const cookies = document.cookie.split(';');\n\n  for (let cookie of cookies) {\n    cookie = cookie.trim();\n    if (cookie.indexOf(name) === 0) {\n      try {\n        const value = decodeURIComponent(cookie.substring(name.length));\n\n        if (typeof value === 'string' && value.length > 0) {\n          return value;\n        }\n      } catch (e) {\n\n        console.warn(`Failed to decode cookie value for key \"${key}\":`, e);\n        return null;\n      }\n    }\n  }\n\n  return null;\n}\n\nexport function removeCookie(key: string): void {\n  if (typeof document === 'undefined') return;\n\n  const parentDomain = getParentDomain();\n  const domain = parentDomain ? `; domain=${parentDomain}` : '';\n  document.cookie = `${COOKIE_PREFIX}${key}=; path=/; max-age=0${domain}`;\n}\n\nexport function setTheme(theme: string): void {\n\n  if (typeof theme !== 'string' || (theme !== 'light' && theme !== 'dark')) {\n    console.warn('Invalid theme value:', theme, 'falling back to light');\n    theme = 'light';\n  }\n\n  setCookie('theme', theme);\n\n  if (typeof document !== 'undefined') {\n    document.documentElement.classList.remove('light', 'dark');\n    document.documentElement.classList.add(theme);\n  }\n}\n\nexport function getTheme(): string {\n  const cookieTheme = getCookie('theme');\n\n  if (cookieTheme && (cookieTheme === 'light' || cookieTheme === 'dark')) {\n    return cookieTheme;\n  }\n\n  if (typeof document !== 'undefined') {\n    if (document.documentElement.classList.contains('dark')) return 'dark';\n    if (document.documentElement.classList.contains('light')) return 'light';\n  }\n\n  if (typeof window !== 'undefined' && window.matchMedia) {\n    if (window.matchMedia('(prefers-color-scheme: dark)').matches) return 'dark';\n  }\n\n  return 'light';\n}\n\nexport function setLanguage(language: string): void {\n  setCookie('lang', language);\n}\n\nexport function getLanguage(): string {\n\n  const cookieLang = getCookie('lang');\n  if (cookieLang && (cookieLang === 'zh' || cookieLang === 'en')) {\n    return cookieLang;\n  }\n\n  return 'zh';\n}\n\nexport function setTimeZone(timeZone: string): void {\n  setCookie('tz', timeZone);\n}\n\nexport function getTimeZone(): string {\n  const cookieTz = getCookie('tz');\n  if (cookieTz) return cookieTz;\n\n  try {\n    if (typeof Intl !== 'undefined' && Intl.DateTimeFormat) {\n      const systemTz = Intl.DateTimeFormat().resolvedOptions().timeZone;\n      return systemTz || 'Asia/Shanghai';\n    }\n  } catch {\n\n  }\n\n  return 'Asia/Shanghai';\n}\n\nexport function setSpaceId(spaceId: string | null): void {\n  if (spaceId) {\n    setCookie('space', spaceId);\n  } else {\n    removeCookie('space');\n    removeCookie('team');\n  }\n}\n\nexport function getSpaceId(): string | null {\n  return getCookie('space');\n}\n\nexport function initializeSettings(\n  onThemeChange?: (theme: string) => void,\n  onLanguageChange?: (language: string) => void,\n  onTimeZoneChange?: (timeZone: string) => void,\n  onSpaceIdChange?: (spaceId: string | null) => void\n): void {\n  const theme = getTheme();\n  const language = getLanguage();\n  const timeZone = getTimeZone();\n  const spaceId = getSpaceId();\n\n  if (theme && (theme === 'light' || theme === 'dark')) {\n    if (onThemeChange) {\n      onThemeChange(theme);\n    } else if (typeof document !== 'undefined') {\n\n      document.documentElement.classList.remove('light', 'dark');\n      document.documentElement.classList.add(theme);\n    }\n  } else {\n\n    const defaultTheme = 'light';\n    if (onThemeChange) {\n      onThemeChange(defaultTheme);\n    } else if (typeof document !== 'undefined') {\n      document.documentElement.classList.remove('light', 'dark');\n      document.documentElement.classList.add(defaultTheme);\n    }\n  }\n\n  if (language && onLanguageChange) {\n    onLanguageChange(language);\n  }\n\n  if (timeZone && onTimeZoneChange) {\n    onTimeZoneChange(timeZone);\n  }\n\n  if (onSpaceIdChange) {\n    onSpaceIdChange(spaceId);\n  }\n}\n"],"names":["COOKIE_PREFIX","getParentDomain","hostname","parts","setCookie","key","value","parentDomain","domain","cookie","getCookie","name","cookies","e","removeCookie","setTheme","theme","getTheme","cookieTheme","setLanguage","language","getLanguage","cookieLang","setTimeZone","timeZone","getTimeZone","cookieTz","setSpaceId","spaceId","getSpaceId","initializeSettings","onThemeChange","onLanguageChange","onTimeZoneChange","onSpaceIdChange","defaultTheme"],"mappings":"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"}

package/dist/dashboard/index.d.ts

@@ -0,0 +1,16 @@
+/**
+ * @genispace/app-dashboard — shared "mature dashboard" kit:
+ * time-range selection with 环比/同比 (period & year-over-year) comparison,
+ * KPI stat cards, dimension filters, chart frames and link-to-data helpers.
+ * Import only from this barrel in application code.
+ */
+export { useDashboardRange, resolvePreset, previousRange, yearOverYearRange, RANGE_PRESETS, type RangePreset, type DateRange, type UseDashboardRangeResult, } from './src/useDashboardRange';
+export { finiteNum, fmtCount, fmtMoney, fmtPct, computeDelta, type Delta, type DeltaDirection, } from './src/format';
+export { CHART_COLORS, CHART_GRID_STROKE, CHART_AXIS_TICK, chartColorAt } from './src/chart';
+export { ChartTooltip, type ChartTooltipProps, ChartGradients, chartGradientRef, } from './src/ChartTooltip';
+export { buildDataLink } from './src/links';
+export { KpiStatCard, type KpiStatCardProps, type KpiComparison } from './src/KpiStatCard';
+export { StatGrid, type StatGridProps, type StatGridColumns } from './src/StatGrid';
+export { TimeRangePicker, type TimeRangePickerProps } from './src/TimeRangePicker';
+export { FilterBar, DimensionSelect, type DimensionSelectProps, type DimensionOption, } from './src/FilterBar';
+export { ChartFrame, type ChartFrameProps } from './src/ChartFrame';

package/dist/dashboard/src/ChartFrame.d.ts

@@ -0,0 +1,18 @@
+import { ReactNode } from 'react';
+
+export interface ChartFrameProps {
+    title: ReactNode;
+    /** Right-aligned header slot (e.g. a legend, a small select, a "view all" link). */
+    actions?: ReactNode;
+    /** Hint under the title. */
+    subtitle?: ReactNode;
+    /** Fixed chart body height in px (defaults to 280). */
+    height?: number;
+    children: ReactNode;
+    className?: string;
+}
+/**
+ * Consistent Card frame for a dashboard chart. Wrap a recharts
+ * `<ResponsiveContainer width="100%" height="100%">` as the child.
+ */
+export declare function ChartFrame({ title, actions, subtitle, height, children, className }: ChartFrameProps): import("react").JSX.Element;

package/dist/dashboard/src/ChartTooltip.d.ts

@@ -0,0 +1,38 @@
+import { ReactNode } from 'react';
+
+interface TooltipEntry {
+    name?: ReactNode;
+    value?: number | string;
+    color?: string;
+    dataKey?: string | number;
+}
+export interface ChartTooltipProps {
+    /** Injected by recharts when used as `<Tooltip content={<ChartTooltip … />} />`. */
+    active?: boolean;
+    payload?: TooltipEntry[];
+    label?: ReactNode;
+    /** Format the header label (e.g. a date bucket). */
+    labelFormatter?: (label: unknown) => ReactNode;
+    /** Format each series value; receives the raw value and series name. */
+    formatter?: (value: number | string, name: string) => ReactNode;
+}
+/**
+ * Themed recharts tooltip — replaces recharts' default bare white box with a
+ * rounded, elevated popover that follows the design tokens (bg-popover, border,
+ * shadow, muted labels, per-series color dots). Pass as
+ * `<Tooltip content={<ChartTooltip formatter={…} />} cursor={{ fill: 'hsl(var(--muted))', fillOpacity: 0.25 }} />`.
+ */
+export declare function ChartTooltip({ active, payload, label, labelFormatter, formatter }: ChartTooltipProps): import("react").JSX.Element | null;
+/**
+ * Vertical fade `<defs>` for area/bar fills — one linear gradient per palette
+ * color (top → bottom, opacity 0.35 → 0.02). Drop `<ChartGradients />` as the
+ * first child of a recharts chart, then fill a series with
+ * `fill={chartGradientRef(seriesIndex)}` for a modern soft-fill look instead of
+ * a flat block of color.
+ */
+export declare function ChartGradients({ colors }: {
+    colors?: readonly string[];
+}): import("react").JSX.Element;
+/** `url(#…)` reference to the gradient for palette color `i` (see {@link ChartGradients}). */
+export declare function chartGradientRef(i: number): string;
+export {};

package/dist/dashboard/src/FilterBar.d.ts

@@ -0,0 +1,23 @@
+import { ReactNode } from 'react';
+
+export interface DimensionOption {
+    value: string;
+    label: string;
+}
+export interface DimensionSelectProps {
+    /** Small caption shown above/inline. */
+    label?: string;
+    value: string;
+    options: DimensionOption[];
+    onChange: (value: string) => void;
+    /** Sentinel value for "all" (no filter). Defaults to "__all__". */
+    allValue?: string;
+    allLabel?: string;
+    className?: string;
+}
+/** A single dimension filter (channel / category / tier / store ...). */
+export declare function DimensionSelect({ label, value, options, onChange, allValue, allLabel, className, }: DimensionSelectProps): import("react").JSX.Element;
+/** Horizontal toolbar that lays out time-range + dimension filters. */
+export declare function FilterBar({ children }: {
+    children: ReactNode;
+}): import("react").JSX.Element;

package/dist/dashboard/src/KpiStatCard.d.ts

@@ -0,0 +1,29 @@
+import { ComponentType, ReactNode } from 'react';
+import { Delta } from './format';
+
+export interface KpiComparison {
+    /** Short label, e.g. "环比" / "MoM" / "同比" / "YoY". */
+    label: string;
+    delta: Delta;
+    /**
+     * Hover tooltip spelling out what the delta compares against — the exact
+     * base period and its value (e.g. "vs 2026-05-13 – 2026-06-11: ¥182K").
+     */
+    title?: string;
+}
+export interface KpiStatCardProps {
+    label: string;
+    value: ReactNode;
+    icon?: ComponentType<{
+        className?: string;
+    }>;
+    /** Comparison chips (e.g. 环比 + 同比). */
+    comparisons?: KpiComparison[];
+    /** When false, a DOWN movement is colored good (e.g. churn, dormant). Default true. */
+    higherIsBetter?: boolean;
+    /** Secondary line under the value. */
+    hint?: string;
+    /** Drill / link-to-data. Renders the card as an interactive button. */
+    onClick?: () => void;
+}
+export declare function KpiStatCard({ label, value, icon: Icon, comparisons, higherIsBetter, hint, onClick, }: KpiStatCardProps): import("react").JSX.Element;

package/dist/dashboard/src/StatGrid.d.ts

@@ -0,0 +1,15 @@
+import { ReactNode } from 'react';
+
+/** Desktop (lg+) column target. Mobile is always 2, tablet (sm) is `md ?? 3`. */
+export type StatGridColumns = 2 | 3 | 4 | 5;
+export interface StatGridProps {
+    children: ReactNode;
+    /**
+     * Column count at the widest (`lg`) breakpoint. The grid is mobile-first:
+     * 2 columns on phones (never 1 — see H5 design plan D1), an intermediate step
+     * at `sm`, then `columns` at `lg`. Defaults to 4.
+     */
+    columns?: StatGridColumns;
+    className?: string;
+}
+export declare function StatGrid({ children, columns, className }: StatGridProps): import("react").JSX.Element;

package/dist/dashboard/src/TimeRangePicker.d.ts

@@ -0,0 +1,14 @@
+import { RangePreset, DateRange } from './useDashboardRange';
+
+export interface TimeRangePickerProps {
+    range: DateRange;
+    setPreset: (p: RangePreset) => void;
+    setCustom: (from: string, to: string) => void;
+    /** Optional i18n label overrides (per preset, plus `apply`). */
+    labels?: Partial<Record<RangePreset, string>> & {
+        apply?: string;
+    };
+    /** Visible presets (defaults to all). */
+    presets?: RangePreset[];
+}
+export declare function TimeRangePicker({ range, setPreset, setCustom, labels, presets }: TimeRangePickerProps): import("react").JSX.Element;

package/dist/dashboard/src/chart.d.ts

@@ -0,0 +1,10 @@
+/** Shared recharts styling tokens (semantic HSL; consistent across all GeniApp dashboards).
+ *  The first series follows the app's theme color (--primary) so each app's dashboard
+ *  leads with its own brand accent; the rest are a fixed categorical palette. */
+export declare const CHART_COLORS: readonly ["hsl(var(--primary))", "hsl(280 65% 55%)", "hsl(160 55% 42%)", "hsl(32 95% 55%)", "hsl(340 72% 52%)", "hsl(199 89% 48%)", "hsl(142 71% 45%)", "hsl(48 96% 53%)"];
+export declare const CHART_GRID_STROKE = "hsl(var(--border))";
+export declare const CHART_AXIS_TICK: {
+    readonly fontSize: 11;
+    readonly fill: "hsl(var(--muted-foreground))";
+};
+export declare function chartColorAt(i: number): string;

package/dist/dashboard/src/format.d.ts

@@ -0,0 +1,16 @@
+/** Numeric/format helpers shared by dashboard widgets. */
+export declare function finiteNum(v: unknown): number | null;
+/** Compact count: 31,204 → "31.2K", 980 → "980". */
+export declare function fmtCount(v: unknown): string;
+/** Compact money: 2_400_000 → "¥2.4M", 186_000 → "¥186K". */
+export declare function fmtMoney(v: unknown, currency?: string): string;
+/** Signed percent for a fraction (0.123 → "+12.3%"). null → em dash. */
+export declare function fmtPct(v: number | null | undefined, digits?: number): string;
+export type DeltaDirection = 'up' | 'down' | 'flat';
+export interface Delta {
+    /** Fractional change vs base (0.12 = +12%); null when base is 0 and not computable. */
+    pct: number | null;
+    direction: DeltaDirection;
+}
+/** Period-over-period delta. base=0 with positive current → direction up, pct null (n/a). */
+export declare function computeDelta(current: unknown, base: unknown): Delta;

package/dist/dashboard/src/links.d.ts

@@ -0,0 +1,2 @@
+/** Build a `path?key=value` link-to-data URL, skipping null/empty params. */
+export declare function buildDataLink(path: string, params: Record<string, string | number | null | undefined>): string;

package/dist/dashboard/src/useDashboardRange.d.ts

@@ -0,0 +1,27 @@
+/** Preset windows for the dashboard time-range selector. */
+export type RangePreset = 'today' | '7d' | '30d' | 'mtd' | 'qtd' | 'ytd' | '12m' | 'custom';
+export declare const RANGE_PRESETS: RangePreset[];
+/** Inclusive `from`, EXCLUSIVE `to` (YYYY-MM-DD). Query with `>= from AND < to`. */
+export interface DateRange {
+    from: string;
+    to: string;
+    preset: RangePreset;
+}
+/** Resolve a preset into a concrete [from, to) window (to = exclusive, day after today). */
+export declare function resolvePreset(preset: RangePreset): DateRange;
+/** Immediately-preceding window of equal length (环比 / period-over-period). */
+export declare function previousRange(r: DateRange): DateRange;
+/** Same window shifted back one year (同比 / year-over-year). */
+export declare function yearOverYearRange(r: DateRange): DateRange;
+export interface UseDashboardRangeResult {
+    range: DateRange;
+    prevRange: DateRange;
+    yoyRange: DateRange;
+    setPreset: (p: RangePreset) => void;
+    setCustom: (from: string, to: string) => void;
+}
+/**
+ * Dashboard time-range state with derived 环比 (previous) and 同比 (year-over-year)
+ * comparison windows. `to` is exclusive; pass `from`/`to` to date-range datasources.
+ */
+export declare function useDashboardRange(initial?: RangePreset): UseDashboardRangeResult;

package/dist/dashboard.d.ts

@@ -0,0 +1 @@
+export * from './dashboard/index';

package/dist/dashboard.js

@@ -0,0 +1,361 @@
+import { jsx as s, jsxs as i } from "react/jsx-runtime";
+import { Card as M, CardContent as F, ToggleGroup as R, ToggleGroupItem as k, Popover as A, PopoverTrigger as Y, Button as v, PopoverContent as _, Input as b, Select as G, SelectTrigger as O, SelectValue as P, SelectContent as I, SelectItem as w, CardHeader as j, CardTitle as E } from "@genispace/geniapp/kit";
+import { ArrowUpRight as K, ArrowDownRight as L, Minus as q, CalendarRange as B } from "lucide-react";
+import { formatBusinessNumber as H } from "@genispace/geniapp/hooks";
+import { useState as x, useCallback as y, useMemo as D } from "react";
+const z = ["today", "7d", "30d", "mtd", "qtd", "ytd", "12m"];
+function h(e) {
+  return `${e.getUTCFullYear()}-${String(e.getUTCMonth() + 1).padStart(2, "0")}-${String(e.getUTCDate()).padStart(2, "0")}`;
+}
+function g(e) {
+  const [t, n, r] = e.split("-").map((a) => parseInt(a, 10));
+  return new Date(Date.UTC(t, (n || 1) - 1, r || 1));
+}
+function p(e, t) {
+  const n = new Date(e.getTime());
+  return n.setUTCDate(n.getUTCDate() + t), n;
+}
+function V(e, t) {
+  const n = new Date(e.getTime());
+  return n.setUTCMonth(n.getUTCMonth() + t), n;
+}
+function U(e, t) {
+  const n = new Date(e.getTime());
+  return n.setUTCFullYear(n.getUTCFullYear() + t), n;
+}
+function Q() {
+  const e = /* @__PURE__ */ new Date();
+  return new Date(Date.UTC(e.getUTCFullYear(), e.getUTCMonth(), e.getUTCDate()));
+}
+function $(e) {
+  const t = Q(), n = h(p(t, 1));
+  let r;
+  switch (e) {
+    case "today":
+      r = t;
+      break;
+    case "7d":
+      r = p(t, -6);
+      break;
+    case "30d":
+      r = p(t, -29);
+      break;
+    case "mtd":
+      r = new Date(Date.UTC(t.getUTCFullYear(), t.getUTCMonth(), 1));
+      break;
+    case "qtd": {
+      const a = Math.floor(t.getUTCMonth() / 3) * 3;
+      r = new Date(Date.UTC(t.getUTCFullYear(), a, 1));
+      break;
+    }
+    case "ytd":
+      r = new Date(Date.UTC(t.getUTCFullYear(), 0, 1));
+      break;
+    case "12m":
+      r = V(new Date(Date.UTC(t.getUTCFullYear(), t.getUTCMonth(), 1)), -11);
+      break;
+    default:
+      r = p(t, -29);
+  }
+  return { from: h(r), to: n, preset: e };
+}
+function X(e) {
+  const t = g(e.from), n = g(e.to), r = Math.round((n.getTime() - t.getTime()) / 864e5);
+  return { from: h(p(t, -r)), to: e.from, preset: e.preset };
+}
+function J(e) {
+  return { from: h(U(g(e.from), -1)), to: h(U(g(e.to), -1)), preset: e.preset };
+}
+function oe(e = "30d") {
+  const [t, n] = x(() => $(e)), r = y((l) => n($(l)), []), a = y((l, c) => {
+    n({ from: l, to: h(p(g(c), 1)), preset: "custom" });
+  }, []), o = D(() => X(t), [t]), d = D(() => J(t), [t]);
+  return { range: t, prevRange: o, yoyRange: d, setPreset: r, setCustom: a };
+}
+function C(e) {
+  if (e == null || e === "") return null;
+  const t = typeof e == "number" ? e : parseFloat(String(e));
+  return Number.isFinite(t) ? t : null;
+}
+function le(e) {
+  const t = C(e) ?? 0, n = Math.abs(t);
+  return n >= 1e6 ? `${(t / 1e6).toFixed(1)}M` : n >= 1e4 ? `${(t / 1e3).toFixed(t % 1e3 === 0 ? 0 : 1)}K` : H(Math.round(t));
+}
+function ie(e, t = "¥") {
+  const n = C(e) ?? 0, r = n < 0 ? "-" : "", a = Math.abs(n);
+  return a >= 1e6 ? `${r}${t}${(a / 1e6).toFixed(1)}M` : a >= 1e3 ? `${r}${t}${(a / 1e3).toFixed(0)}K` : `${r}${t}${a.toFixed(0)}`;
+}
+function W(e, t = 1) {
+  return e == null || !Number.isFinite(e) ? "—" : `${e > 0 ? "+" : ""}${(e * 100).toFixed(t)}%`;
+}
+function ce(e, t) {
+  const n = C(e) ?? 0, r = C(t) ?? 0;
+  if (r === 0)
+    return { pct: n === 0 ? 0 : null, direction: n > 0 ? "up" : n < 0 ? "down" : "flat" };
+  const a = (n - r) / Math.abs(r);
+  return { pct: a, direction: a > 1e-4 ? "up" : a < -1e-4 ? "down" : "flat" };
+}
+const m = [
+  "hsl(var(--primary))",
+  // app theme accent
+  "hsl(280 65% 55%)",
+  // purple
+  "hsl(160 55% 42%)",
+  // teal
+  "hsl(32 95% 55%)",
+  // orange
+  "hsl(340 72% 52%)",
+  // pink
+  "hsl(199 89% 48%)",
+  // cyan
+  "hsl(142 71% 45%)",
+  // green
+  "hsl(48 96% 53%)"
+  // amber
+], de = "hsl(var(--border))", ue = { fontSize: 11, fill: "hsl(var(--muted-foreground))" };
+function me(e) {
+  return m[e % m.length];
+}
+function fe({ active: e, payload: t, label: n, labelFormatter: r, formatter: a }) {
+  return !e || !t || t.length === 0 ? null : /* @__PURE__ */ i("div", { className: "min-w-[8rem] rounded-lg border border-border bg-popover/95 px-3 py-2 text-xs shadow-lg backdrop-blur-sm", children: [
+    n != null && n !== "" ? /* @__PURE__ */ s("div", { className: "mb-1.5 font-medium text-foreground", children: r ? r(n) : n }) : null,
+    /* @__PURE__ */ s("div", { className: "space-y-1", children: t.map((o, d) => /* @__PURE__ */ i("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ s(
+        "span",
+        {
+          "aria-hidden": !0,
+          className: "h-2 w-2 shrink-0 rounded-full",
+          style: { backgroundColor: o.color ?? m[d % m.length] }
+        }
+      ),
+      /* @__PURE__ */ s("span", { className: "text-muted-foreground", children: o.name }),
+      /* @__PURE__ */ s("span", { className: "ml-auto pl-3 font-medium tabular-nums text-foreground", children: a && o.value != null ? a(o.value, String(o.name ?? "")) : o.value })
+    ] }, `${String(o.dataKey ?? d)}`)) })
+  ] });
+}
+function pe({ colors: e = m }) {
+  return /* @__PURE__ */ s("defs", { children: e.map((t, n) => /* @__PURE__ */ i("linearGradient", { id: `chartGrad${n}`, x1: "0", y1: "0", x2: "0", y2: "1", children: [
+    /* @__PURE__ */ s("stop", { offset: "0%", stopColor: t, stopOpacity: 0.35 }),
+    /* @__PURE__ */ s("stop", { offset: "100%", stopColor: t, stopOpacity: 0.02 })
+  ] }, n)) });
+}
+function he(e) {
+  return `url(#chartGrad${(e % m.length + m.length) % m.length})`;
+}
+function ge(e, t) {
+  const n = new URLSearchParams();
+  for (const [a, o] of Object.entries(t)) {
+    if (o == null) continue;
+    const d = String(o).trim();
+    d !== "" && n.set(a, d);
+  }
+  const r = n.toString();
+  return r ? `${e}?${r}` : e;
+}
+function Z(e, t) {
+  return e.direction === "flat" || e.pct == null ? "text-muted-foreground" : (t ? e.direction === "up" : e.direction === "down") ? "text-emerald-600" : "text-rose-600";
+}
+function xe({
+  label: e,
+  value: t,
+  icon: n,
+  comparisons: r,
+  higherIsBetter: a = !0,
+  hint: o,
+  onClick: d
+}) {
+  const l = typeof d == "function";
+  return /* @__PURE__ */ s(
+    M,
+    {
+      className: l ? "cursor-pointer transition-colors hover:border-primary/50 hover:bg-accent/40" : void 0,
+      onClick: d,
+      role: l ? "button" : void 0,
+      tabIndex: l ? 0 : void 0,
+      onKeyDown: l ? (c) => {
+        (c.key === "Enter" || c.key === " ") && (c.preventDefault(), d?.());
+      } : void 0,
+      children: /* @__PURE__ */ i(F, { className: "py-4 sm:py-5", children: [
+        /* @__PURE__ */ i("div", { className: "flex items-start justify-between gap-2", children: [
+          /* @__PURE__ */ s("p", { className: "text-xs font-medium text-muted-foreground sm:text-sm", children: e }),
+          n ? /* @__PURE__ */ s(n, { className: "h-4 w-4 shrink-0 text-muted-foreground/60" }) : null
+        ] }),
+        /* @__PURE__ */ s("p", { className: "mt-1.5 text-xl font-semibold tracking-tight text-foreground sm:mt-2 sm:text-2xl", children: t }),
+        o ? /* @__PURE__ */ s("p", { className: "mt-1 text-xs text-muted-foreground", children: o }) : null,
+        r && r.length > 0 ? /* @__PURE__ */ s("div", { className: "mt-3 flex flex-wrap items-center gap-x-4 gap-y-1", children: r.map((c) => {
+          const f = Z(c.delta, a), T = c.delta.direction === "up" ? K : c.delta.direction === "down" ? L : q;
+          return /* @__PURE__ */ i(
+            "span",
+            {
+              className: `inline-flex items-center gap-1 text-xs ${c.title ? "cursor-help" : ""}`,
+              title: c.title,
+              children: [
+                /* @__PURE__ */ s(
+                  "span",
+                  {
+                    className: `text-muted-foreground ${c.title ? "border-b border-dotted border-muted-foreground/40" : ""}`,
+                    children: c.label
+                  }
+                ),
+                /* @__PURE__ */ i("span", { className: `inline-flex items-center gap-0.5 font-medium ${f}`, children: [
+                  /* @__PURE__ */ s(T, { className: "h-3 w-3" }),
+                  W(c.delta.pct)
+                ] })
+              ]
+            },
+            c.label
+          );
+        }) }) : null
+      ] })
+    }
+  );
+}
+const ee = {
+  2: "grid-cols-2",
+  3: "grid-cols-2 sm:grid-cols-3",
+  4: "grid-cols-2 sm:grid-cols-3 lg:grid-cols-4",
+  5: "grid-cols-2 sm:grid-cols-3 lg:grid-cols-5"
+};
+function Ce({ children: e, columns: t = 4, className: n }) {
+  return /* @__PURE__ */ s("div", { className: `grid gap-3 sm:gap-4 ${ee[t]}${n ? ` ${n}` : ""}`, children: e });
+}
+const S = {
+  today: "Today",
+  "7d": "7D",
+  "30d": "30D",
+  mtd: "MTD",
+  qtd: "QTD",
+  ytd: "YTD",
+  "12m": "12M",
+  custom: "Custom"
+};
+function Te({ range: e, setPreset: t, setCustom: n, labels: r, presets: a = z }) {
+  const [o, d] = x(!1), [l, c] = x(e.from), [f, T] = x(e.to), N = (u) => r?.[u] ?? S[u];
+  return /* @__PURE__ */ i("div", { className: "flex flex-wrap items-center gap-2", children: [
+    /* @__PURE__ */ s(
+      R,
+      {
+        type: "single",
+        value: e.preset === "custom" ? "" : e.preset,
+        onValueChange: (u) => {
+          u && t(u);
+        },
+        className: "flex-wrap justify-start",
+        children: a.map((u) => /* @__PURE__ */ s(k, { value: u, "aria-label": N(u), className: "h-8 px-3 text-xs", children: N(u) }, u))
+      }
+    ),
+    /* @__PURE__ */ i(A, { open: o, onOpenChange: d, children: [
+      /* @__PURE__ */ s(Y, { asChild: !0, children: /* @__PURE__ */ i(
+        v,
+        {
+          variant: e.preset === "custom" ? "default" : "outline",
+          size: "sm",
+          className: "h-8 gap-1.5 text-xs",
+          children: [
+            /* @__PURE__ */ s(B, { className: "h-3.5 w-3.5" }),
+            e.preset === "custom" ? `${e.from} → ${e.to}` : r?.custom ?? S.custom
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ i(_, { align: "end", className: "w-auto space-y-3 p-3", children: [
+        /* @__PURE__ */ i("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ s(
+            b,
+            {
+              type: "date",
+              value: l,
+              max: f,
+              onChange: (u) => c(u.target.value),
+              className: "h-8 w-[150px] text-xs"
+            }
+          ),
+          /* @__PURE__ */ s("span", { className: "text-muted-foreground", children: "→" }),
+          /* @__PURE__ */ s(
+            b,
+            {
+              type: "date",
+              value: f,
+              min: l,
+              onChange: (u) => T(u.target.value),
+              className: "h-8 w-[150px] text-xs"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ s("div", { className: "flex justify-end", children: /* @__PURE__ */ s(
+          v,
+          {
+            size: "sm",
+            className: "h-8 text-xs",
+            disabled: !l || !f || l > f,
+            onClick: () => {
+              n(l, f), d(!1);
+            },
+            children: r?.apply ?? "Apply"
+          }
+        ) })
+      ] })
+    ] })
+  ] });
+}
+function Ne({
+  label: e,
+  value: t,
+  options: n,
+  onChange: r,
+  allValue: a = "__all__",
+  allLabel: o = "All",
+  className: d
+}) {
+  return /* @__PURE__ */ i("div", { className: `flex items-center gap-1.5 ${d ?? ""}`, children: [
+    e ? /* @__PURE__ */ s("span", { className: "text-xs text-muted-foreground", children: e }) : null,
+    /* @__PURE__ */ i(G, { value: t || a, onValueChange: r, children: [
+      /* @__PURE__ */ s(O, { className: "h-8 w-[150px] text-xs", children: /* @__PURE__ */ s(P, { placeholder: o }) }),
+      /* @__PURE__ */ i(I, { children: [
+        /* @__PURE__ */ s(w, { value: a, children: o }),
+        n.map((l) => /* @__PURE__ */ s(w, { value: l.value, children: l.label }, l.value))
+      ] })
+    ] })
+  ] });
+}
+function ve({ children: e }) {
+  return /* @__PURE__ */ s("div", { className: "flex flex-wrap items-center gap-2", children: e });
+}
+function be({ title: e, actions: t, subtitle: n, height: r = 280, children: a, className: o }) {
+  return /* @__PURE__ */ i(M, { className: o, children: [
+    /* @__PURE__ */ i(j, { className: "flex flex-row items-start justify-between space-y-0 pb-2", children: [
+      /* @__PURE__ */ i("div", { children: [
+        /* @__PURE__ */ s(E, { className: "text-base", children: e }),
+        n ? /* @__PURE__ */ s("p", { className: "mt-1 text-xs text-muted-foreground", children: n }) : null
+      ] }),
+      t ? /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: t }) : null
+    ] }),
+    /* @__PURE__ */ s(F, { children: /* @__PURE__ */ s("div", { style: { height: r }, children: a }) })
+  ] });
+}
+export {
+  ue as CHART_AXIS_TICK,
+  m as CHART_COLORS,
+  de as CHART_GRID_STROKE,
+  be as ChartFrame,
+  pe as ChartGradients,
+  fe as ChartTooltip,
+  Ne as DimensionSelect,
+  ve as FilterBar,
+  xe as KpiStatCard,
+  z as RANGE_PRESETS,
+  Ce as StatGrid,
+  Te as TimeRangePicker,
+  ge as buildDataLink,
+  me as chartColorAt,
+  he as chartGradientRef,
+  ce as computeDelta,
+  C as finiteNum,
+  le as fmtCount,
+  ie as fmtMoney,
+  W as fmtPct,
+  X as previousRange,
+  $ as resolvePreset,
+  oe as useDashboardRange,
+  J as yearOverYearRange
+};
+//# sourceMappingURL=dashboard.js.map