@open-mercato/core 0.6.7-develop.6785.1.1dd7cfac55 → 0.6.7-develop.6795.1.8a3f27921c

package/dist/modules/design_system/gallery/entries/charts.js

@@ -0,0 +1,457 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import {
+  BarChart,
+  DeltaBadge,
+  KpiCard,
+  LineChart,
+  PieChart,
+  Sparkline,
+  TopNTable
+} from "@open-mercato/ui/backend/charts";
+const revenueByMonth = [
+  { month: "Jan", revenue: 48200 },
+  { month: "Feb", revenue: 51400 },
+  { month: "Mar", revenue: 47900 },
+  { month: "Apr", revenue: 61200 },
+  { month: "May", revenue: 58600 },
+  { month: "Jun", revenue: 67300 }
+];
+const revenueByChannel = [
+  { channel: "Online store", revenue: 182400 },
+  { channel: "Marketplace", revenue: 96800 },
+  { channel: "Retail", revenue: 64200 },
+  { channel: "Wholesale", revenue: 41500 }
+];
+const ordersByMonth = [
+  { month: "Jan", online: 320, retail: 180 },
+  { month: "Feb", online: 348, retail: 164 },
+  { month: "Mar", online: 331, retail: 196 },
+  { month: "Apr", online: 402, retail: 214 },
+  { month: "May", online: 389, retail: 205 },
+  { month: "Jun", online: 446, retail: 232 }
+];
+const ordersByStatus = [
+  { name: "Completed", value: 268 },
+  { name: "Processing", value: 84 },
+  { name: "Pending payment", value: 37 },
+  { name: "Cancelled", value: 22 }
+];
+const weeklyOrdersTrend = [12, 18, 14, 22, 19, 27, 24, 31, 28, 35, 33, 41];
+const topProducts = [
+  { product: "Aurora desk lamp", orders: 412, revenue: 28840 },
+  { product: "Birch side table", orders: 366, revenue: 47580 },
+  { product: "Linen throw pillow", orders: 341, revenue: 11935 },
+  { product: "Oak bookshelf", orders: 214, revenue: 53500 },
+  { product: "Ceramic vase set", orders: 198, revenue: 8910 }
+];
+const formatCurrency = (value) => `\u20AC${value.toLocaleString("en-US")}`;
+const topProductColumns = [
+  { key: "product", header: "Product" },
+  { key: "orders", header: "Orders", align: "right" },
+  {
+    key: "revenue",
+    header: "Revenue",
+    align: "right",
+    formatter: (value) => formatCurrency(value)
+  }
+];
+const kpiCardEntry = {
+  id: "kpi-card",
+  title: "KpiCard",
+  importPath: "@open-mercato/ui/backend/charts",
+  variants: [
+    {
+      id: "trend-directions",
+      title: "Trend directions",
+      render: () => /* @__PURE__ */ jsxs("div", { className: "grid w-full max-w-3xl grid-cols-1 gap-4 sm:grid-cols-3", children: [
+        /* @__PURE__ */ jsx(
+          KpiCard,
+          {
+            title: "Revenue",
+            value: 67300,
+            prefix: "\u20AC",
+            trend: { value: 14.8, direction: "up" },
+            comparisonLabel: "vs. previous month"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          KpiCard,
+          {
+            title: "Cancelled orders",
+            value: 22,
+            trend: { value: 6.1, direction: "down" },
+            comparisonLabel: "vs. previous month"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          KpiCard,
+          {
+            title: "Active customers",
+            value: 1284,
+            trend: { value: 0, direction: "unchanged" },
+            comparisonLabel: "vs. previous month"
+          }
+        )
+      ] }),
+      code: `import { KpiCard } from '@open-mercato/ui/backend/charts'
+
+<KpiCard
+  title="Revenue"
+  value={67300}
+  prefix="\u20AC"
+  trend={{ value: 14.8, direction: 'up' }}
+  comparisonLabel="vs. previous month"
+/>`
+    },
+    {
+      id: "suffix-and-footer",
+      title: "Suffix and footer slot",
+      render: () => /* @__PURE__ */ jsx("div", { className: "w-full max-w-xs", children: /* @__PURE__ */ jsx(
+        KpiCard,
+        {
+          title: "Average order value",
+          value: 86.4,
+          prefix: "\u20AC",
+          suffix: "net",
+          trend: { value: 3.2, direction: "up" },
+          footer: /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: /* @__PURE__ */ jsx(Sparkline, { values: weeklyOrdersTrend, ariaLabel: "Weekly orders trend" }) })
+        }
+      ) }),
+      code: `import { KpiCard, Sparkline } from '@open-mercato/ui/backend/charts'
+
+<KpiCard
+  title="Average order value"
+  value={86.4}
+  prefix="\u20AC"
+  suffix="net"
+  trend={{ value: 3.2, direction: 'up' }}
+  footer={<Sparkline values={weeklyTrend} ariaLabel="Weekly orders trend" />}
+/>`
+    },
+    {
+      id: "states",
+      title: "Loading, error and empty states",
+      render: () => /* @__PURE__ */ jsxs("div", { className: "grid w-full max-w-3xl grid-cols-1 gap-4 sm:grid-cols-3", children: [
+        /* @__PURE__ */ jsx(KpiCard, { title: "Loading", value: null, loading: true }),
+        /* @__PURE__ */ jsx(KpiCard, { title: "Error", value: null, error: "Failed to load metric" }),
+        /* @__PURE__ */ jsx(KpiCard, { title: "No data", value: null })
+      ] }),
+      code: `import { KpiCard } from '@open-mercato/ui/backend/charts'
+
+<KpiCard title="Loading" value={null} loading />
+<KpiCard title="Error" value={null} error="Failed to load metric" />
+<KpiCard title="No data" value={null} />`
+    },
+    {
+      id: "delta-badge",
+      title: "DeltaBadge (standalone)",
+      render: () => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ jsx(DeltaBadge, { direction: "up", value: 12.4 }),
+        /* @__PURE__ */ jsx(DeltaBadge, { direction: "down", value: 4.7 }),
+        /* @__PURE__ */ jsx(DeltaBadge, { direction: "unchanged", value: 0 }),
+        /* @__PURE__ */ jsx(DeltaBadge, { direction: "up", value: 38, unit: " pts" })
+      ] }),
+      code: `import { DeltaBadge } from '@open-mercato/ui/backend/charts'
+
+<DeltaBadge direction="up" value={12.4} />
+<DeltaBadge direction="down" value={4.7} />
+<DeltaBadge direction="unchanged" value={0} />
+<DeltaBadge direction="up" value={38} unit=" pts" />`
+    }
+  ]
+};
+const sparklineEntry = {
+  id: "sparkline",
+  title: "Sparkline",
+  importPath: "@open-mercato/ui/backend/charts",
+  variants: [
+    {
+      id: "default",
+      title: "default",
+      render: () => /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: /* @__PURE__ */ jsx(Sparkline, { values: weeklyOrdersTrend, ariaLabel: "Weekly orders trend" }) }),
+      code: `import { Sparkline } from '@open-mercato/ui/backend/charts'
+
+<Sparkline values={[12, 18, 14, 22, 19, 27, 24, 31]} ariaLabel="Weekly orders trend" />`
+    },
+    {
+      id: "semantic-color",
+      title: "Colored via currentColor",
+      render: () => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-6", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-primary", children: /* @__PURE__ */ jsx(Sparkline, { values: weeklyOrdersTrend, ariaLabel: "Orders trending up" }) }),
+        /* @__PURE__ */ jsx("span", { className: "text-destructive", children: /* @__PURE__ */ jsx(
+          Sparkline,
+          {
+            values: [...weeklyOrdersTrend].reverse(),
+            ariaLabel: "Returns trending down"
+          }
+        ) })
+      ] }),
+      code: `import { Sparkline } from '@open-mercato/ui/backend/charts'
+
+// Sparkline strokes with currentColor \u2014 set a semantic text token on the wrapper.
+<span className="text-primary">
+  <Sparkline values={values} ariaLabel="Orders trending up" />
+</span>`
+    },
+    {
+      id: "sizes",
+      title: "Custom width and height",
+      render: () => /* @__PURE__ */ jsxs("div", { className: "flex items-end gap-6 text-muted-foreground", children: [
+        /* @__PURE__ */ jsx(Sparkline, { values: weeklyOrdersTrend, ariaLabel: "Small trend", width: 64, height: 20 }),
+        /* @__PURE__ */ jsx(Sparkline, { values: weeklyOrdersTrend, ariaLabel: "Default trend" }),
+        /* @__PURE__ */ jsx(Sparkline, { values: weeklyOrdersTrend, ariaLabel: "Large trend", width: 160, height: 40 })
+      ] }),
+      code: `import { Sparkline } from '@open-mercato/ui/backend/charts'
+
+<Sparkline values={values} ariaLabel="Small trend" width={64} height={20} />
+<Sparkline values={values} ariaLabel="Default trend" />
+<Sparkline values={values} ariaLabel="Large trend" width={160} height={40} />`
+    }
+  ]
+};
+const barChartEntry = {
+  id: "bar-chart",
+  title: "BarChart",
+  importPath: "@open-mercato/ui/backend/charts",
+  variants: [
+    {
+      id: "basic",
+      title: "Basic (revenue by month)",
+      render: () => /* @__PURE__ */ jsx("div", { className: "w-full max-w-xl", children: /* @__PURE__ */ jsx(
+        BarChart,
+        {
+          title: "Revenue by month",
+          data: revenueByMonth,
+          index: "month",
+          categories: ["revenue"],
+          showLegend: false
+        }
+      ) }),
+      code: `import { BarChart } from '@open-mercato/ui/backend/charts'
+
+<BarChart
+  title="Revenue by month"
+  data={revenueByMonth}
+  index="month"
+  categories={['revenue']}
+  showLegend={false}
+/>`
+    },
+    {
+      id: "horizontal",
+      title: "Horizontal layout",
+      render: () => /* @__PURE__ */ jsx("div", { className: "w-full max-w-xl", children: /* @__PURE__ */ jsx(
+        BarChart,
+        {
+          title: "Revenue by channel",
+          data: revenueByChannel,
+          index: "channel",
+          categories: ["revenue"],
+          layout: "horizontal",
+          showLegend: false
+        }
+      ) }),
+      code: `import { BarChart } from '@open-mercato/ui/backend/charts'
+
+<BarChart
+  title="Revenue by channel"
+  data={revenueByChannel}
+  index="channel"
+  categories={['revenue']}
+  layout="horizontal"
+  showLegend={false}
+/>`
+    },
+    {
+      id: "multi-series",
+      title: "Multiple series with legend",
+      render: () => /* @__PURE__ */ jsx("div", { className: "w-full max-w-xl", children: /* @__PURE__ */ jsx(
+        BarChart,
+        {
+          title: "Orders by month",
+          data: ordersByMonth,
+          index: "month",
+          categories: ["online", "retail"],
+          categoryLabels: { online: "Online", retail: "Retail" }
+        }
+      ) }),
+      code: `import { BarChart } from '@open-mercato/ui/backend/charts'
+
+<BarChart
+  title="Orders by month"
+  data={ordersByMonth}
+  index="month"
+  categories={['online', 'retail']}
+  categoryLabels={{ online: 'Online', retail: 'Retail' }}
+/>`
+    }
+  ]
+};
+const lineChartEntry = {
+  id: "line-chart",
+  title: "LineChart",
+  importPath: "@open-mercato/ui/backend/charts",
+  variants: [
+    {
+      id: "basic",
+      title: "Basic (revenue by month)",
+      render: () => /* @__PURE__ */ jsx("div", { className: "w-full max-w-xl", children: /* @__PURE__ */ jsx(
+        LineChart,
+        {
+          title: "Revenue by month",
+          data: revenueByMonth,
+          index: "month",
+          categories: ["revenue"],
+          showLegend: false
+        }
+      ) }),
+      code: `import { LineChart } from '@open-mercato/ui/backend/charts'
+
+<LineChart
+  title="Revenue by month"
+  data={revenueByMonth}
+  index="month"
+  categories={['revenue']}
+  showLegend={false}
+/>`
+    },
+    {
+      id: "area",
+      title: "Area fill",
+      render: () => /* @__PURE__ */ jsx("div", { className: "w-full max-w-xl", children: /* @__PURE__ */ jsx(
+        LineChart,
+        {
+          title: "Revenue by month",
+          data: revenueByMonth,
+          index: "month",
+          categories: ["revenue"],
+          showArea: true,
+          showLegend: false
+        }
+      ) }),
+      code: `import { LineChart } from '@open-mercato/ui/backend/charts'
+
+<LineChart
+  title="Revenue by month"
+  data={revenueByMonth}
+  index="month"
+  categories={['revenue']}
+  showArea
+  showLegend={false}
+/>`
+    },
+    {
+      id: "multi-series",
+      title: "Multiple series, monotone curve",
+      render: () => /* @__PURE__ */ jsx("div", { className: "w-full max-w-xl", children: /* @__PURE__ */ jsx(
+        LineChart,
+        {
+          title: "Orders by month",
+          data: ordersByMonth,
+          index: "month",
+          categories: ["online", "retail"],
+          categoryLabels: { online: "Online", retail: "Retail" },
+          curveType: "monotone"
+        }
+      ) }),
+      code: `import { LineChart } from '@open-mercato/ui/backend/charts'
+
+<LineChart
+  title="Orders by month"
+  data={ordersByMonth}
+  index="month"
+  categories={['online', 'retail']}
+  categoryLabels={{ online: 'Online', retail: 'Retail' }}
+  curveType="monotone"
+/>`
+    }
+  ]
+};
+const pieChartEntry = {
+  id: "pie-chart",
+  title: "PieChart",
+  importPath: "@open-mercato/ui/backend/charts",
+  variants: [
+    {
+      id: "pie",
+      title: "Pie (orders by status)",
+      render: () => /* @__PURE__ */ jsx("div", { className: "w-full max-w-md", children: /* @__PURE__ */ jsx(PieChart, { title: "Orders by status", data: ordersByStatus }) }),
+      code: `import { PieChart } from '@open-mercato/ui/backend/charts'
+
+<PieChart title="Orders by status" data={ordersByStatus} />`
+    },
+    {
+      id: "donut",
+      title: "Donut",
+      render: () => /* @__PURE__ */ jsx("div", { className: "w-full max-w-md", children: /* @__PURE__ */ jsx(PieChart, { title: "Orders by status", data: ordersByStatus, variant: "donut" }) }),
+      code: `import { PieChart } from '@open-mercato/ui/backend/charts'
+
+<PieChart title="Orders by status" data={ordersByStatus} variant="donut" />`
+    }
+  ]
+};
+const topNTableEntry = {
+  id: "top-n-table",
+  title: "TopNTable",
+  importPath: "@open-mercato/ui/backend/charts",
+  variants: [
+    {
+      id: "basic",
+      title: "Top products by revenue",
+      render: () => /* @__PURE__ */ jsx("div", { className: "w-full max-w-xl", children: /* @__PURE__ */ jsx(TopNTable, { title: "Top products", data: topProducts, columns: topProductColumns }) }),
+      code: `import { TopNTable, type TopNTableColumn } from '@open-mercato/ui/backend/charts'
+
+const columns: TopNTableColumn<TopProductRow>[] = [
+  { key: 'product', header: 'Product' },
+  { key: 'orders', header: 'Orders', align: 'right' },
+  { key: 'revenue', header: 'Revenue', align: 'right', formatter: (v) => formatCurrency(v as number) },
+]
+
+<TopNTable title="Top products" data={topProducts} columns={columns} />`
+    },
+    {
+      id: "max-rows",
+      title: "Capped with maxRows",
+      render: () => /* @__PURE__ */ jsx("div", { className: "w-full max-w-xl", children: /* @__PURE__ */ jsx(
+        TopNTable,
+        {
+          title: "Top 3 products",
+          data: topProducts,
+          columns: topProductColumns,
+          maxRows: 3
+        }
+      ) }),
+      code: `import { TopNTable } from '@open-mercato/ui/backend/charts'
+
+<TopNTable title="Top 3 products" data={topProducts} columns={columns} maxRows={3} />`
+    },
+    {
+      id: "empty",
+      title: "Empty state",
+      render: () => /* @__PURE__ */ jsx("div", { className: "w-full max-w-xl", children: /* @__PURE__ */ jsx(
+        TopNTable,
+        {
+          title: "Top products",
+          data: [],
+          columns: topProductColumns,
+          emptyMessage: "No sales in this period"
+        }
+      ) }),
+      code: `import { TopNTable } from '@open-mercato/ui/backend/charts'
+
+<TopNTable title="Top products" data={[]} columns={columns} emptyMessage="No sales in this period" />`
+    }
+  ]
+};
+const entries = [
+  kpiCardEntry,
+  sparklineEntry,
+  barChartEntry,
+  lineChartEntry,
+  pieChartEntry,
+  topNTableEntry
+];
+export {
+  entries
+};
+//# sourceMappingURL=charts.js.map

package/dist/modules/design_system/gallery/entries/charts.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/design_system/gallery/entries/charts.tsx"],
+  "sourcesContent": ["import * as React from 'react'\nimport {\n  BarChart,\n  DeltaBadge,\n  KpiCard,\n  LineChart,\n  PieChart,\n  Sparkline,\n  TopNTable,\n  type TopNTableColumn,\n} from '@open-mercato/ui/backend/charts'\nimport type { GalleryEntry } from '../types'\n\n// Component titles and variant names are proper nouns from the codebase and\n// are deliberately not translated. `code` MUST contain the entry's importPath\n// (enforced by the registry-integrity test) and is always reviewed alongside\n// its sibling `render`.\n\n// ---------------------------------------------------------------------------\n// Inline mock datasets \u2014 realistic dashboard shapes, no API calls. All charts\n// pick up the DS palette (`--chart-1`\u2026`--chart-5`) natively; no color props.\n// ---------------------------------------------------------------------------\n\nconst revenueByMonth = [\n  { month: 'Jan', revenue: 48200 },\n  { month: 'Feb', revenue: 51400 },\n  { month: 'Mar', revenue: 47900 },\n  { month: 'Apr', revenue: 61200 },\n  { month: 'May', revenue: 58600 },\n  { month: 'Jun', revenue: 67300 },\n]\n\nconst revenueByChannel = [\n  { channel: 'Online store', revenue: 182400 },\n  { channel: 'Marketplace', revenue: 96800 },\n  { channel: 'Retail', revenue: 64200 },\n  { channel: 'Wholesale', revenue: 41500 },\n]\n\nconst ordersByMonth = [\n  { month: 'Jan', online: 320, retail: 180 },\n  { month: 'Feb', online: 348, retail: 164 },\n  { month: 'Mar', online: 331, retail: 196 },\n  { month: 'Apr', online: 402, retail: 214 },\n  { month: 'May', online: 389, retail: 205 },\n  { month: 'Jun', online: 446, retail: 232 },\n]\n\nconst ordersByStatus = [\n  { name: 'Completed', value: 268 },\n  { name: 'Processing', value: 84 },\n  { name: 'Pending payment', value: 37 },\n  { name: 'Cancelled', value: 22 },\n]\n\nconst weeklyOrdersTrend = [12, 18, 14, 22, 19, 27, 24, 31, 28, 35, 33, 41]\n\ntype TopProductRow = {\n  product: string\n  orders: number\n  revenue: number\n  [key: string]: unknown\n}\n\nconst topProducts: TopProductRow[] = [\n  { product: 'Aurora desk lamp', orders: 412, revenue: 28840 },\n  { product: 'Birch side table', orders: 366, revenue: 47580 },\n  { product: 'Linen throw pillow', orders: 341, revenue: 11935 },\n  { product: 'Oak bookshelf', orders: 214, revenue: 53500 },\n  { product: 'Ceramic vase set', orders: 198, revenue: 8910 },\n]\n\nconst formatCurrency = (value: number) => `\u20AC${value.toLocaleString('en-US')}`\n\nconst topProductColumns: TopNTableColumn<TopProductRow>[] = [\n  { key: 'product', header: 'Product' },\n  { key: 'orders', header: 'Orders', align: 'right' },\n  {\n    key: 'revenue',\n    header: 'Revenue',\n    align: 'right',\n    formatter: (value) => formatCurrency(value as number),\n  },\n]\n\nconst kpiCardEntry: GalleryEntry = {\n  id: 'kpi-card',\n  title: 'KpiCard',\n  importPath: '@open-mercato/ui/backend/charts',\n  variants: [\n    {\n      id: 'trend-directions',\n      title: 'Trend directions',\n      render: () => (\n        <div className=\"grid w-full max-w-3xl grid-cols-1 gap-4 sm:grid-cols-3\">\n          <KpiCard\n            title=\"Revenue\"\n            value={67300}\n            prefix=\"\u20AC\"\n            trend={{ value: 14.8, direction: 'up' }}\n            comparisonLabel=\"vs. previous month\"\n          />\n          <KpiCard\n            title=\"Cancelled orders\"\n            value={22}\n            trend={{ value: 6.1, direction: 'down' }}\n            comparisonLabel=\"vs. previous month\"\n          />\n          <KpiCard\n            title=\"Active customers\"\n            value={1284}\n            trend={{ value: 0, direction: 'unchanged' }}\n            comparisonLabel=\"vs. previous month\"\n          />\n        </div>\n      ),\n      code: `import { KpiCard } from '@open-mercato/ui/backend/charts'\n\n<KpiCard\n  title=\"Revenue\"\n  value={67300}\n  prefix=\"\u20AC\"\n  trend={{ value: 14.8, direction: 'up' }}\n  comparisonLabel=\"vs. previous month\"\n/>`,\n    },\n    {\n      id: 'suffix-and-footer',\n      title: 'Suffix and footer slot',\n      render: () => (\n        <div className=\"w-full max-w-xs\">\n          <KpiCard\n            title=\"Average order value\"\n            value={86.4}\n            prefix=\"\u20AC\"\n            suffix=\"net\"\n            trend={{ value: 3.2, direction: 'up' }}\n            footer={\n              <span className=\"text-muted-foreground\">\n                <Sparkline values={weeklyOrdersTrend} ariaLabel=\"Weekly orders trend\" />\n              </span>\n            }\n          />\n        </div>\n      ),\n      code: `import { KpiCard, Sparkline } from '@open-mercato/ui/backend/charts'\n\n<KpiCard\n  title=\"Average order value\"\n  value={86.4}\n  prefix=\"\u20AC\"\n  suffix=\"net\"\n  trend={{ value: 3.2, direction: 'up' }}\n  footer={<Sparkline values={weeklyTrend} ariaLabel=\"Weekly orders trend\" />}\n/>`,\n    },\n    {\n      id: 'states',\n      title: 'Loading, error and empty states',\n      render: () => (\n        <div className=\"grid w-full max-w-3xl grid-cols-1 gap-4 sm:grid-cols-3\">\n          <KpiCard title=\"Loading\" value={null} loading />\n          <KpiCard title=\"Error\" value={null} error=\"Failed to load metric\" />\n          <KpiCard title=\"No data\" value={null} />\n        </div>\n      ),\n      code: `import { KpiCard } from '@open-mercato/ui/backend/charts'\n\n<KpiCard title=\"Loading\" value={null} loading />\n<KpiCard title=\"Error\" value={null} error=\"Failed to load metric\" />\n<KpiCard title=\"No data\" value={null} />`,\n    },\n    {\n      id: 'delta-badge',\n      title: 'DeltaBadge (standalone)',\n      render: () => (\n        <div className=\"flex items-center gap-3\">\n          <DeltaBadge direction=\"up\" value={12.4} />\n          <DeltaBadge direction=\"down\" value={4.7} />\n          <DeltaBadge direction=\"unchanged\" value={0} />\n          <DeltaBadge direction=\"up\" value={38} unit=\" pts\" />\n        </div>\n      ),\n      code: `import { DeltaBadge } from '@open-mercato/ui/backend/charts'\n\n<DeltaBadge direction=\"up\" value={12.4} />\n<DeltaBadge direction=\"down\" value={4.7} />\n<DeltaBadge direction=\"unchanged\" value={0} />\n<DeltaBadge direction=\"up\" value={38} unit=\" pts\" />`,\n    },\n  ],\n}\n\nconst sparklineEntry: GalleryEntry = {\n  id: 'sparkline',\n  title: 'Sparkline',\n  importPath: '@open-mercato/ui/backend/charts',\n  variants: [\n    {\n      id: 'default',\n      title: 'default',\n      render: () => (\n        <span className=\"text-muted-foreground\">\n          <Sparkline values={weeklyOrdersTrend} ariaLabel=\"Weekly orders trend\" />\n        </span>\n      ),\n      code: `import { Sparkline } from '@open-mercato/ui/backend/charts'\n\n<Sparkline values={[12, 18, 14, 22, 19, 27, 24, 31]} ariaLabel=\"Weekly orders trend\" />`,\n    },\n    {\n      id: 'semantic-color',\n      title: 'Colored via currentColor',\n      render: () => (\n        <div className=\"flex items-center gap-6\">\n          <span className=\"text-primary\">\n            <Sparkline values={weeklyOrdersTrend} ariaLabel=\"Orders trending up\" />\n          </span>\n          <span className=\"text-destructive\">\n            <Sparkline\n              values={[...weeklyOrdersTrend].reverse()}\n              ariaLabel=\"Returns trending down\"\n            />\n          </span>\n        </div>\n      ),\n      code: `import { Sparkline } from '@open-mercato/ui/backend/charts'\n\n// Sparkline strokes with currentColor \u2014 set a semantic text token on the wrapper.\n<span className=\"text-primary\">\n  <Sparkline values={values} ariaLabel=\"Orders trending up\" />\n</span>`,\n    },\n    {\n      id: 'sizes',\n      title: 'Custom width and height',\n      render: () => (\n        <div className=\"flex items-end gap-6 text-muted-foreground\">\n          <Sparkline values={weeklyOrdersTrend} ariaLabel=\"Small trend\" width={64} height={20} />\n          <Sparkline values={weeklyOrdersTrend} ariaLabel=\"Default trend\" />\n          <Sparkline values={weeklyOrdersTrend} ariaLabel=\"Large trend\" width={160} height={40} />\n        </div>\n      ),\n      code: `import { Sparkline } from '@open-mercato/ui/backend/charts'\n\n<Sparkline values={values} ariaLabel=\"Small trend\" width={64} height={20} />\n<Sparkline values={values} ariaLabel=\"Default trend\" />\n<Sparkline values={values} ariaLabel=\"Large trend\" width={160} height={40} />`,\n    },\n  ],\n}\n\nconst barChartEntry: GalleryEntry = {\n  id: 'bar-chart',\n  title: 'BarChart',\n  importPath: '@open-mercato/ui/backend/charts',\n  variants: [\n    {\n      id: 'basic',\n      title: 'Basic (revenue by month)',\n      render: () => (\n        <div className=\"w-full max-w-xl\">\n          <BarChart\n            title=\"Revenue by month\"\n            data={revenueByMonth}\n            index=\"month\"\n            categories={['revenue']}\n            showLegend={false}\n          />\n        </div>\n      ),\n      code: `import { BarChart } from '@open-mercato/ui/backend/charts'\n\n<BarChart\n  title=\"Revenue by month\"\n  data={revenueByMonth}\n  index=\"month\"\n  categories={['revenue']}\n  showLegend={false}\n/>`,\n    },\n    {\n      id: 'horizontal',\n      title: 'Horizontal layout',\n      render: () => (\n        <div className=\"w-full max-w-xl\">\n          <BarChart\n            title=\"Revenue by channel\"\n            data={revenueByChannel}\n            index=\"channel\"\n            categories={['revenue']}\n            layout=\"horizontal\"\n            showLegend={false}\n          />\n        </div>\n      ),\n      code: `import { BarChart } from '@open-mercato/ui/backend/charts'\n\n<BarChart\n  title=\"Revenue by channel\"\n  data={revenueByChannel}\n  index=\"channel\"\n  categories={['revenue']}\n  layout=\"horizontal\"\n  showLegend={false}\n/>`,\n    },\n    {\n      id: 'multi-series',\n      title: 'Multiple series with legend',\n      render: () => (\n        <div className=\"w-full max-w-xl\">\n          <BarChart\n            title=\"Orders by month\"\n            data={ordersByMonth}\n            index=\"month\"\n            categories={['online', 'retail']}\n            categoryLabels={{ online: 'Online', retail: 'Retail' }}\n          />\n        </div>\n      ),\n      code: `import { BarChart } from '@open-mercato/ui/backend/charts'\n\n<BarChart\n  title=\"Orders by month\"\n  data={ordersByMonth}\n  index=\"month\"\n  categories={['online', 'retail']}\n  categoryLabels={{ online: 'Online', retail: 'Retail' }}\n/>`,\n    },\n  ],\n}\n\nconst lineChartEntry: GalleryEntry = {\n  id: 'line-chart',\n  title: 'LineChart',\n  importPath: '@open-mercato/ui/backend/charts',\n  variants: [\n    {\n      id: 'basic',\n      title: 'Basic (revenue by month)',\n      render: () => (\n        <div className=\"w-full max-w-xl\">\n          <LineChart\n            title=\"Revenue by month\"\n            data={revenueByMonth}\n            index=\"month\"\n            categories={['revenue']}\n            showLegend={false}\n          />\n        </div>\n      ),\n      code: `import { LineChart } from '@open-mercato/ui/backend/charts'\n\n<LineChart\n  title=\"Revenue by month\"\n  data={revenueByMonth}\n  index=\"month\"\n  categories={['revenue']}\n  showLegend={false}\n/>`,\n    },\n    {\n      id: 'area',\n      title: 'Area fill',\n      render: () => (\n        <div className=\"w-full max-w-xl\">\n          <LineChart\n            title=\"Revenue by month\"\n            data={revenueByMonth}\n            index=\"month\"\n            categories={['revenue']}\n            showArea\n            showLegend={false}\n          />\n        </div>\n      ),\n      code: `import { LineChart } from '@open-mercato/ui/backend/charts'\n\n<LineChart\n  title=\"Revenue by month\"\n  data={revenueByMonth}\n  index=\"month\"\n  categories={['revenue']}\n  showArea\n  showLegend={false}\n/>`,\n    },\n    {\n      id: 'multi-series',\n      title: 'Multiple series, monotone curve',\n      render: () => (\n        <div className=\"w-full max-w-xl\">\n          <LineChart\n            title=\"Orders by month\"\n            data={ordersByMonth}\n            index=\"month\"\n            categories={['online', 'retail']}\n            categoryLabels={{ online: 'Online', retail: 'Retail' }}\n            curveType=\"monotone\"\n          />\n        </div>\n      ),\n      code: `import { LineChart } from '@open-mercato/ui/backend/charts'\n\n<LineChart\n  title=\"Orders by month\"\n  data={ordersByMonth}\n  index=\"month\"\n  categories={['online', 'retail']}\n  categoryLabels={{ online: 'Online', retail: 'Retail' }}\n  curveType=\"monotone\"\n/>`,\n    },\n  ],\n}\n\nconst pieChartEntry: GalleryEntry = {\n  id: 'pie-chart',\n  title: 'PieChart',\n  importPath: '@open-mercato/ui/backend/charts',\n  variants: [\n    {\n      id: 'pie',\n      title: 'Pie (orders by status)',\n      render: () => (\n        <div className=\"w-full max-w-md\">\n          <PieChart title=\"Orders by status\" data={ordersByStatus} />\n        </div>\n      ),\n      code: `import { PieChart } from '@open-mercato/ui/backend/charts'\n\n<PieChart title=\"Orders by status\" data={ordersByStatus} />`,\n    },\n    {\n      id: 'donut',\n      title: 'Donut',\n      render: () => (\n        <div className=\"w-full max-w-md\">\n          <PieChart title=\"Orders by status\" data={ordersByStatus} variant=\"donut\" />\n        </div>\n      ),\n      code: `import { PieChart } from '@open-mercato/ui/backend/charts'\n\n<PieChart title=\"Orders by status\" data={ordersByStatus} variant=\"donut\" />`,\n    },\n  ],\n}\n\nconst topNTableEntry: GalleryEntry = {\n  id: 'top-n-table',\n  title: 'TopNTable',\n  importPath: '@open-mercato/ui/backend/charts',\n  variants: [\n    {\n      id: 'basic',\n      title: 'Top products by revenue',\n      render: () => (\n        <div className=\"w-full max-w-xl\">\n          <TopNTable title=\"Top products\" data={topProducts} columns={topProductColumns} />\n        </div>\n      ),\n      code: `import { TopNTable, type TopNTableColumn } from '@open-mercato/ui/backend/charts'\n\nconst columns: TopNTableColumn<TopProductRow>[] = [\n  { key: 'product', header: 'Product' },\n  { key: 'orders', header: 'Orders', align: 'right' },\n  { key: 'revenue', header: 'Revenue', align: 'right', formatter: (v) => formatCurrency(v as number) },\n]\n\n<TopNTable title=\"Top products\" data={topProducts} columns={columns} />`,\n    },\n    {\n      id: 'max-rows',\n      title: 'Capped with maxRows',\n      render: () => (\n        <div className=\"w-full max-w-xl\">\n          <TopNTable\n            title=\"Top 3 products\"\n            data={topProducts}\n            columns={topProductColumns}\n            maxRows={3}\n          />\n        </div>\n      ),\n      code: `import { TopNTable } from '@open-mercato/ui/backend/charts'\n\n<TopNTable title=\"Top 3 products\" data={topProducts} columns={columns} maxRows={3} />`,\n    },\n    {\n      id: 'empty',\n      title: 'Empty state',\n      render: () => (\n        <div className=\"w-full max-w-xl\">\n          <TopNTable\n            title=\"Top products\"\n            data={[]}\n            columns={topProductColumns}\n            emptyMessage=\"No sales in this period\"\n          />\n        </div>\n      ),\n      code: `import { TopNTable } from '@open-mercato/ui/backend/charts'\n\n<TopNTable title=\"Top products\" data={[]} columns={columns} emptyMessage=\"No sales in this period\" />`,\n    },\n  ],\n}\n\nexport const entries: GalleryEntry[] = [\n  kpiCardEntry,\n  sparklineEntry,\n  barChartEntry,\n  lineChartEntry,\n  pieChartEntry,\n  topNTableEntry,\n]\n"],
+  "mappings": "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",
+  "names": []
+}