@medialane/ui 0.104.0 → 0.106.0

package/dist/components/nav-theme-toggle.js

@@ -0,0 +1,42 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { useTheme } from "next-themes";
+import { Sun, Moon } from "lucide-react";
+import { cn } from "../utils/cn.js";
+function NavThemeToggle() {
+  const { resolvedTheme, setTheme } = useTheme();
+  const [mounted, setMounted] = useState(false);
+  useEffect(() => setMounted(true), []);
+  const isDark = mounted ? resolvedTheme === "dark" : true;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      role: "group",
+      "aria-label": "Theme",
+      className: "flex items-center gap-0.5 rounded-lg bg-muted/40 p-0.5",
+      children: [
+        { key: "light", label: "Light theme", Icon: Sun, active: !isDark },
+        { key: "dark", label: "Dark theme", Icon: Moon, active: isDark }
+      ].map(({ key, label, Icon, active }) => /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          "aria-label": label,
+          "aria-pressed": active,
+          onClick: () => setTheme(key),
+          className: cn(
+            "flex h-7 w-7 items-center justify-center rounded-md transition-colors",
+            active ? "bg-background text-foreground shadow-sm" : "text-muted-foreground/60 hover:text-foreground"
+          ),
+          children: /* @__PURE__ */ jsx(Icon, { className: "h-3.5 w-3.5" })
+        },
+        key
+      ))
+    }
+  );
+}
+export {
+  NavThemeToggle
+};
+//# sourceMappingURL=nav-theme-toggle.js.map

package/dist/components/nav-theme-toggle.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/nav-theme-toggle.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useState } from \"react\";\nimport { useTheme } from \"next-themes\";\nimport { Sun, Moon } from \"lucide-react\";\nimport { cn } from \"../utils/cn.js\";\n\n/**\n * Compact Light/Dark segmented toggle for the nav menu footer.\n * Passed to NavCommandMenu via its `footerSlot` prop.\n */\nexport function NavThemeToggle() {\n  const { resolvedTheme, setTheme } = useTheme();\n  const [mounted, setMounted] = useState(false);\n\n  // next-themes can't know the theme until mounted — avoid hydration mismatch.\n  useEffect(() => setMounted(true), []);\n\n  const isDark = mounted ? resolvedTheme === \"dark\" : true;\n\n  return (\n    <div\n      role=\"group\"\n      aria-label=\"Theme\"\n      className=\"flex items-center gap-0.5 rounded-lg bg-muted/40 p-0.5\"\n    >\n      {[\n        { key: \"light\", label: \"Light theme\", Icon: Sun, active: !isDark },\n        { key: \"dark\", label: \"Dark theme\", Icon: Moon, active: isDark },\n      ].map(({ key, label, Icon, active }) => (\n        <button\n          key={key}\n          type=\"button\"\n          aria-label={label}\n          aria-pressed={active}\n          onClick={() => setTheme(key)}\n          className={cn(\n            \"flex h-7 w-7 items-center justify-center rounded-md transition-colors\",\n            active\n              ? \"bg-background text-foreground shadow-sm\"\n              : \"text-muted-foreground/60 hover:text-foreground\"\n          )}\n        >\n          <Icon className=\"h-3.5 w-3.5\" />\n        </button>\n      ))}\n    </div>\n  );\n}\n"],"mappings":";AA2CU;AAzCV,SAAS,WAAW,gBAAgB;AACpC,SAAS,gBAAgB;AACzB,SAAS,KAAK,YAAY;AAC1B,SAAS,UAAU;AAMZ,SAAS,iBAAiB;AAC/B,QAAM,EAAE,eAAe,SAAS,IAAI,SAAS;AAC7C,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAG5C,YAAU,MAAM,WAAW,IAAI,GAAG,CAAC,CAAC;AAEpC,QAAM,SAAS,UAAU,kBAAkB,SAAS;AAEpD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAW;AAAA,MACX,WAAU;AAAA,MAET;AAAA,QACC,EAAE,KAAK,SAAS,OAAO,eAAe,MAAM,KAAK,QAAQ,CAAC,OAAO;AAAA,QACjE,EAAE,KAAK,QAAQ,OAAO,cAAc,MAAM,MAAM,QAAQ,OAAO;AAAA,MACjE,EAAE,IAAI,CAAC,EAAE,KAAK,OAAO,MAAM,OAAO,MAChC;AAAA,QAAC;AAAA;AAAA,UAEC,MAAK;AAAA,UACL,cAAY;AAAA,UACZ,gBAAc;AAAA,UACd,SAAS,MAAM,SAAS,GAAG;AAAA,UAC3B,WAAW;AAAA,YACT;AAAA,YACA,SACI,4CACA;AAAA,UACN;AAAA,UAEA,8BAAC,QAAK,WAAU,eAAc;AAAA;AAAA,QAZzB;AAAA,MAaP,CACD;AAAA;AAAA,EACH;AAEJ;","names":[]}

package/dist/components/order-sort-control.cjs

@@ -0,0 +1,58 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var order_sort_control_exports = {};
+__export(order_sort_control_exports, {
+  OrderSortControl: () => OrderSortControl,
+  sortOrders: () => sortOrders
+});
+module.exports = __toCommonJS(order_sort_control_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_lucide_react = require("lucide-react");
+var import_select = require("./select.js");
+const LABELS = {
+  recent: "Recently listed",
+  price_asc: "Price: low to high",
+  price_desc: "Price: high to low"
+};
+function sortOrders(orders, sort) {
+  if (sort === "recent") return orders;
+  const withPrice = orders.filter((o) => o.price.raw != null);
+  const withoutPrice = orders.filter((o) => o.price.raw == null);
+  const sorted = [...withPrice].sort((a, b) => {
+    const diff = BigInt(a.price.raw) - BigInt(b.price.raw);
+    return sort === "price_asc" ? diff < 0n ? -1 : diff > 0n ? 1 : 0 : diff > 0n ? -1 : diff < 0n ? 1 : 0;
+  });
+  return [...sorted, ...withoutPrice];
+}
+function OrderSortControl({ value, onChange }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_select.Select, { value, onValueChange: (v) => onChange(v), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_select.SelectTrigger, { className: "w-[180px] h-9 text-xs gap-1.5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ArrowDownUp, { className: "h-3.5 w-3.5 text-muted-foreground" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_select.SelectValue, {})
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_select.SelectContent, { children: Object.keys(LABELS).map((k) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_select.SelectItem, { value: k, className: "text-xs", children: LABELS[k] }, k)) })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  OrderSortControl,
+  sortOrders
+});
+//# sourceMappingURL=order-sort-control.cjs.map

package/dist/components/order-sort-control.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/order-sort-control.tsx"],"sourcesContent":["\"use client\";\n\nimport { ArrowDownUp } from \"lucide-react\";\nimport type { ApiOrder } from \"@medialane/sdk\";\nimport {\n  Select, SelectContent, SelectItem, SelectTrigger, SelectValue,\n} from \"./select.js\";\n\nexport type OrderSort = \"recent\" | \"price_asc\" | \"price_desc\";\n\nconst LABELS: Record<OrderSort, string> = {\n  recent: \"Recently listed\",\n  price_asc: \"Price: low to high\",\n  price_desc: \"Price: high to low\",\n};\n\n/** Pure — orders already come from the API sorted \"recent\"; this only\n *  re-sorts the in-memory page by price.raw (BigInt-safe wei comparison). */\nexport function sortOrders(orders: ApiOrder[], sort: OrderSort): ApiOrder[] {\n  if (sort === \"recent\") return orders;\n  const withPrice = orders.filter((o) => o.price.raw != null);\n  const withoutPrice = orders.filter((o) => o.price.raw == null);\n  const sorted = [...withPrice].sort((a, b) => {\n    const diff = BigInt(a.price.raw!) - BigInt(b.price.raw!);\n    return sort === \"price_asc\" ? (diff < 0n ? -1 : diff > 0n ? 1 : 0) : (diff > 0n ? -1 : diff < 0n ? 1 : 0);\n  });\n  return [...sorted, ...withoutPrice];\n}\n\nexport function OrderSortControl({ value, onChange }: { value: OrderSort; onChange: (v: OrderSort) => void }) {\n  return (\n    <Select value={value} onValueChange={(v) => onChange(v as OrderSort)}>\n      <SelectTrigger className=\"w-[180px] h-9 text-xs gap-1.5\">\n        <ArrowDownUp className=\"h-3.5 w-3.5 text-muted-foreground\" />\n        <SelectValue />\n      </SelectTrigger>\n      <SelectContent>\n        {(Object.keys(LABELS) as OrderSort[]).map((k) => (\n          <SelectItem key={k} value={k} className=\"text-xs\">{LABELS[k]}</SelectItem>\n        ))}\n      </SelectContent>\n    </Select>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAgCM;AA9BN,0BAA4B;AAE5B,oBAEO;AAIP,MAAM,SAAoC;AAAA,EACxC,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,YAAY;AACd;AAIO,SAAS,WAAW,QAAoB,MAA6B;AAC1E,MAAI,SAAS,SAAU,QAAO;AAC9B,QAAM,YAAY,OAAO,OAAO,CAAC,MAAM,EAAE,MAAM,OAAO,IAAI;AAC1D,QAAM,eAAe,OAAO,OAAO,CAAC,MAAM,EAAE,MAAM,OAAO,IAAI;AAC7D,QAAM,SAAS,CAAC,GAAG,SAAS,EAAE,KAAK,CAAC,GAAG,MAAM;AAC3C,UAAM,OAAO,OAAO,EAAE,MAAM,GAAI,IAAI,OAAO,EAAE,MAAM,GAAI;AACvD,WAAO,SAAS,cAAe,OAAO,KAAK,KAAK,OAAO,KAAK,IAAI,IAAM,OAAO,KAAK,KAAK,OAAO,KAAK,IAAI;AAAA,EACzG,CAAC;AACD,SAAO,CAAC,GAAG,QAAQ,GAAG,YAAY;AACpC;AAEO,SAAS,iBAAiB,EAAE,OAAO,SAAS,GAA2D;AAC5G,SACE,6CAAC,wBAAO,OAAc,eAAe,CAAC,MAAM,SAAS,CAAc,GACjE;AAAA,iDAAC,+BAAc,WAAU,iCACvB;AAAA,kDAAC,mCAAY,WAAU,qCAAoC;AAAA,MAC3D,4CAAC,6BAAY;AAAA,OACf;AAAA,IACA,4CAAC,+BACG,iBAAO,KAAK,MAAM,EAAkB,IAAI,CAAC,MACzC,4CAAC,4BAAmB,OAAO,GAAG,WAAU,WAAW,iBAAO,CAAC,KAA1C,CAA4C,CAC9D,GACH;AAAA,KACF;AAEJ;","names":[]}

package/dist/components/order-sort-control.d.cts

@@ -0,0 +1,13 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ApiOrder } from '@medialane/sdk';
+
+type OrderSort = "recent" | "price_asc" | "price_desc";
+/** Pure — orders already come from the API sorted "recent"; this only
+ *  re-sorts the in-memory page by price.raw (BigInt-safe wei comparison). */
+declare function sortOrders(orders: ApiOrder[], sort: OrderSort): ApiOrder[];
+declare function OrderSortControl({ value, onChange }: {
+    value: OrderSort;
+    onChange: (v: OrderSort) => void;
+}): react_jsx_runtime.JSX.Element;
+
+export { type OrderSort, OrderSortControl, sortOrders };

package/dist/components/order-sort-control.d.ts

@@ -0,0 +1,13 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ApiOrder } from '@medialane/sdk';
+
+type OrderSort = "recent" | "price_asc" | "price_desc";
+/** Pure — orders already come from the API sorted "recent"; this only
+ *  re-sorts the in-memory page by price.raw (BigInt-safe wei comparison). */
+declare function sortOrders(orders: ApiOrder[], sort: OrderSort): ApiOrder[];
+declare function OrderSortControl({ value, onChange }: {
+    value: OrderSort;
+    onChange: (v: OrderSort) => void;
+}): react_jsx_runtime.JSX.Element;
+
+export { type OrderSort, OrderSortControl, sortOrders };

package/dist/components/order-sort-control.js

@@ -0,0 +1,39 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ArrowDownUp } from "lucide-react";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue
+} from "./select.js";
+const LABELS = {
+  recent: "Recently listed",
+  price_asc: "Price: low to high",
+  price_desc: "Price: high to low"
+};
+function sortOrders(orders, sort) {
+  if (sort === "recent") return orders;
+  const withPrice = orders.filter((o) => o.price.raw != null);
+  const withoutPrice = orders.filter((o) => o.price.raw == null);
+  const sorted = [...withPrice].sort((a, b) => {
+    const diff = BigInt(a.price.raw) - BigInt(b.price.raw);
+    return sort === "price_asc" ? diff < 0n ? -1 : diff > 0n ? 1 : 0 : diff > 0n ? -1 : diff < 0n ? 1 : 0;
+  });
+  return [...sorted, ...withoutPrice];
+}
+function OrderSortControl({ value, onChange }) {
+  return /* @__PURE__ */ jsxs(Select, { value, onValueChange: (v) => onChange(v), children: [
+    /* @__PURE__ */ jsxs(SelectTrigger, { className: "w-[180px] h-9 text-xs gap-1.5", children: [
+      /* @__PURE__ */ jsx(ArrowDownUp, { className: "h-3.5 w-3.5 text-muted-foreground" }),
+      /* @__PURE__ */ jsx(SelectValue, {})
+    ] }),
+    /* @__PURE__ */ jsx(SelectContent, { children: Object.keys(LABELS).map((k) => /* @__PURE__ */ jsx(SelectItem, { value: k, className: "text-xs", children: LABELS[k] }, k)) })
+  ] });
+}
+export {
+  OrderSortControl,
+  sortOrders
+};
+//# sourceMappingURL=order-sort-control.js.map

package/dist/components/order-sort-control.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/order-sort-control.tsx"],"sourcesContent":["\"use client\";\n\nimport { ArrowDownUp } from \"lucide-react\";\nimport type { ApiOrder } from \"@medialane/sdk\";\nimport {\n  Select, SelectContent, SelectItem, SelectTrigger, SelectValue,\n} from \"./select.js\";\n\nexport type OrderSort = \"recent\" | \"price_asc\" | \"price_desc\";\n\nconst LABELS: Record<OrderSort, string> = {\n  recent: \"Recently listed\",\n  price_asc: \"Price: low to high\",\n  price_desc: \"Price: high to low\",\n};\n\n/** Pure — orders already come from the API sorted \"recent\"; this only\n *  re-sorts the in-memory page by price.raw (BigInt-safe wei comparison). */\nexport function sortOrders(orders: ApiOrder[], sort: OrderSort): ApiOrder[] {\n  if (sort === \"recent\") return orders;\n  const withPrice = orders.filter((o) => o.price.raw != null);\n  const withoutPrice = orders.filter((o) => o.price.raw == null);\n  const sorted = [...withPrice].sort((a, b) => {\n    const diff = BigInt(a.price.raw!) - BigInt(b.price.raw!);\n    return sort === \"price_asc\" ? (diff < 0n ? -1 : diff > 0n ? 1 : 0) : (diff > 0n ? -1 : diff < 0n ? 1 : 0);\n  });\n  return [...sorted, ...withoutPrice];\n}\n\nexport function OrderSortControl({ value, onChange }: { value: OrderSort; onChange: (v: OrderSort) => void }) {\n  return (\n    <Select value={value} onValueChange={(v) => onChange(v as OrderSort)}>\n      <SelectTrigger className=\"w-[180px] h-9 text-xs gap-1.5\">\n        <ArrowDownUp className=\"h-3.5 w-3.5 text-muted-foreground\" />\n        <SelectValue />\n      </SelectTrigger>\n      <SelectContent>\n        {(Object.keys(LABELS) as OrderSort[]).map((k) => (\n          <SelectItem key={k} value={k} className=\"text-xs\">{LABELS[k]}</SelectItem>\n        ))}\n      </SelectContent>\n    </Select>\n  );\n}\n"],"mappings":";AAgCM,SACE,KADF;AA9BN,SAAS,mBAAmB;AAE5B;AAAA,EACE;AAAA,EAAQ;AAAA,EAAe;AAAA,EAAY;AAAA,EAAe;AAAA,OAC7C;AAIP,MAAM,SAAoC;AAAA,EACxC,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,YAAY;AACd;AAIO,SAAS,WAAW,QAAoB,MAA6B;AAC1E,MAAI,SAAS,SAAU,QAAO;AAC9B,QAAM,YAAY,OAAO,OAAO,CAAC,MAAM,EAAE,MAAM,OAAO,IAAI;AAC1D,QAAM,eAAe,OAAO,OAAO,CAAC,MAAM,EAAE,MAAM,OAAO,IAAI;AAC7D,QAAM,SAAS,CAAC,GAAG,SAAS,EAAE,KAAK,CAAC,GAAG,MAAM;AAC3C,UAAM,OAAO,OAAO,EAAE,MAAM,GAAI,IAAI,OAAO,EAAE,MAAM,GAAI;AACvD,WAAO,SAAS,cAAe,OAAO,KAAK,KAAK,OAAO,KAAK,IAAI,IAAM,OAAO,KAAK,KAAK,OAAO,KAAK,IAAI;AAAA,EACzG,CAAC;AACD,SAAO,CAAC,GAAG,QAAQ,GAAG,YAAY;AACpC;AAEO,SAAS,iBAAiB,EAAE,OAAO,SAAS,GAA2D;AAC5G,SACE,qBAAC,UAAO,OAAc,eAAe,CAAC,MAAM,SAAS,CAAc,GACjE;AAAA,yBAAC,iBAAc,WAAU,iCACvB;AAAA,0BAAC,eAAY,WAAU,qCAAoC;AAAA,MAC3D,oBAAC,eAAY;AAAA,OACf;AAAA,IACA,oBAAC,iBACG,iBAAO,KAAK,MAAM,EAAkB,IAAI,CAAC,MACzC,oBAAC,cAAmB,OAAO,GAAG,WAAU,WAAW,iBAAO,CAAC,KAA1C,CAA4C,CAC9D,GACH;AAAA,KACF;AAEJ;","names":[]}

package/dist/components/price-history-chart.cjs

@@ -0,0 +1,130 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var price_history_chart_exports = {};
+__export(price_history_chart_exports, {
+  PriceHistoryChart: () => PriceHistoryChart
+});
+module.exports = __toCommonJS(price_history_chart_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_recharts = require("recharts");
+function parsePrice(formatted) {
+  return parseFloat(formatted.replace(/[^0-9.]/g, "")) || 0;
+}
+function PriceHistoryChart({ history }) {
+  const chartData = (0, import_react.useMemo)(() => {
+    const sales = history.filter(
+      (e) => e.type === "sale" && e.price?.formatted != null
+    );
+    if (sales.length < 2) return null;
+    const currencyCounts = /* @__PURE__ */ new Map();
+    for (const s of sales) {
+      const c = s.price.currency ?? "STRK";
+      currencyCounts.set(c, (currencyCounts.get(c) ?? 0) + 1);
+    }
+    const topCurrency = [...currencyCounts.entries()].sort(
+      (a, b) => b[1] - a[1]
+    )[0][0];
+    const points = sales.filter((s) => (s.price.currency ?? "STRK") === topCurrency).map((s) => ({
+      date: new Date(
+        typeof s.timestamp === "number" ? s.timestamp * 1e3 : s.timestamp
+      ).toLocaleDateString("en-US", { month: "short", day: "numeric" }),
+      price: parsePrice(s.price.formatted ?? "")
+    })).reverse();
+    if (points.length < 2) return null;
+    return { currency: topCurrency, points };
+  }, [history]);
+  if (!chartData) {
+    return null;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rounded-xl bg-card/50 p-4 space-y-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { className: "text-xs font-medium text-muted-foreground uppercase tracking-wide", children: [
+      "Price history \xB7 ",
+      chartData.currency
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.ResponsiveContainer, { width: "100%", height: 160, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      import_recharts.LineChart,
+      {
+        data: chartData.points,
+        margin: { top: 4, right: 8, bottom: 0, left: 0 },
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_recharts.CartesianGrid,
+            {
+              strokeDasharray: "3 3",
+              stroke: "hsl(var(--border))",
+              opacity: 0.5
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_recharts.XAxis,
+            {
+              dataKey: "date",
+              tick: { fontSize: 11, fill: "hsl(var(--muted-foreground))" },
+              axisLine: false,
+              tickLine: false
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_recharts.YAxis,
+            {
+              tick: { fontSize: 11, fill: "hsl(var(--muted-foreground))" },
+              axisLine: false,
+              tickLine: false,
+              width: 48
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_recharts.Tooltip,
+            {
+              contentStyle: {
+                background: "hsl(var(--background))",
+                border: "1px solid hsl(var(--border))",
+                borderRadius: "8px",
+                fontSize: "12px",
+                color: "hsl(var(--foreground))"
+              },
+              formatter: (value) => [
+                `${value} ${chartData.currency}`,
+                "Sale price"
+              ]
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_recharts.Line,
+            {
+              type: "monotone",
+              dataKey: "price",
+              stroke: "hsl(var(--primary))",
+              strokeWidth: 2,
+              dot: { fill: "hsl(var(--primary))", r: 3, strokeWidth: 0 },
+              activeDot: { r: 5, fill: "hsl(var(--primary))" }
+            }
+          )
+        ]
+      }
+    ) })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  PriceHistoryChart
+});
+//# sourceMappingURL=price-history-chart.cjs.map

package/dist/components/price-history-chart.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/price-history-chart.tsx"],"sourcesContent":["\"use client\";\n\nimport { useMemo } from \"react\";\nimport {\n  LineChart,\n  Line,\n  XAxis,\n  YAxis,\n  Tooltip,\n  ResponsiveContainer,\n  CartesianGrid,\n} from \"recharts\";\nimport type { ApiActivity } from \"@medialane/sdk\";\n\nexport interface PriceHistoryChartProps {\n  history: ApiActivity[];\n}\n\nfunction parsePrice(formatted: string): number {\n  return parseFloat(formatted.replace(/[^0-9.]/g, \"\")) || 0;\n}\n\nexport function PriceHistoryChart({ history }: PriceHistoryChartProps) {\n  const chartData = useMemo(() => {\n    const sales = history.filter(\n      (e) => e.type === \"sale\" && e.price?.formatted != null\n    );\n    if (sales.length < 2) return null;\n\n    // Pick most common currency to keep Y-axis consistent\n    const currencyCounts = new Map<string, number>();\n    for (const s of sales) {\n      const c = s.price!.currency ?? \"STRK\";\n      currencyCounts.set(c, (currencyCounts.get(c) ?? 0) + 1);\n    }\n    const topCurrency = [...currencyCounts.entries()].sort(\n      (a, b) => b[1] - a[1]\n    )[0][0];\n\n    const points = sales\n      .filter((s) => (s.price!.currency ?? \"STRK\") === topCurrency)\n      .map((s) => ({\n        date: new Date(\n          typeof s.timestamp === \"number\" ? s.timestamp * 1000 : s.timestamp\n        ).toLocaleDateString(\"en-US\", { month: \"short\", day: \"numeric\" }),\n        price: parsePrice(s.price!.formatted ?? \"\"),\n      }))\n      .reverse(); // oldest → newest left to right\n\n    if (points.length < 2) return null;\n    return { currency: topCurrency, points };\n  }, [history]);\n\n  if (!chartData) {\n    return null;\n  }\n\n  return (\n    <div className=\"rounded-xl bg-card/50 p-4 space-y-2\">\n      <p className=\"text-xs font-medium text-muted-foreground uppercase tracking-wide\">\n        Price history · {chartData.currency}\n      </p>\n      <ResponsiveContainer width=\"100%\" height={160}>\n        <LineChart\n          data={chartData.points}\n          margin={{ top: 4, right: 8, bottom: 0, left: 0 }}\n        >\n          <CartesianGrid\n            strokeDasharray=\"3 3\"\n            stroke=\"hsl(var(--border))\"\n            opacity={0.5}\n          />\n          <XAxis\n            dataKey=\"date\"\n            tick={{ fontSize: 11, fill: \"hsl(var(--muted-foreground))\" }}\n            axisLine={false}\n            tickLine={false}\n          />\n          <YAxis\n            tick={{ fontSize: 11, fill: \"hsl(var(--muted-foreground))\" }}\n            axisLine={false}\n            tickLine={false}\n            width={48}\n          />\n          <Tooltip\n            contentStyle={{\n              background: \"hsl(var(--background))\",\n              border: \"1px solid hsl(var(--border))\",\n              borderRadius: \"8px\",\n              fontSize: \"12px\",\n              color: \"hsl(var(--foreground))\",\n            }}\n            formatter={(value) => [\n              `${value} ${chartData.currency}`,\n              \"Sale price\",\n            ]}\n          />\n          <Line\n            type=\"monotone\"\n            dataKey=\"price\"\n            stroke=\"hsl(var(--primary))\"\n            strokeWidth={2}\n            dot={{ fill: \"hsl(var(--primary))\", r: 3, strokeWidth: 0 }}\n            activeDot={{ r: 5, fill: \"hsl(var(--primary))\" }}\n          />\n        </LineChart>\n      </ResponsiveContainer>\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/components/price-history-chart.d.cts

@@ -0,0 +1,9 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ApiActivity } from '@medialane/sdk';
+
+interface PriceHistoryChartProps {
+    history: ApiActivity[];
+}
+declare function PriceHistoryChart({ history }: PriceHistoryChartProps): react_jsx_runtime.JSX.Element | null;
+
+export { PriceHistoryChart, type PriceHistoryChartProps };

package/dist/components/price-history-chart.d.ts

@@ -0,0 +1,9 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ApiActivity } from '@medialane/sdk';
+
+interface PriceHistoryChartProps {
+    history: ApiActivity[];
+}
+declare function PriceHistoryChart({ history }: PriceHistoryChartProps): react_jsx_runtime.JSX.Element | null;
+
+export { PriceHistoryChart, type PriceHistoryChartProps };

package/dist/components/price-history-chart.js

@@ -0,0 +1,114 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+import {
+  LineChart,
+  Line,
+  XAxis,
+  YAxis,
+  Tooltip,
+  ResponsiveContainer,
+  CartesianGrid
+} from "recharts";
+function parsePrice(formatted) {
+  return parseFloat(formatted.replace(/[^0-9.]/g, "")) || 0;
+}
+function PriceHistoryChart({ history }) {
+  const chartData = useMemo(() => {
+    const sales = history.filter(
+      (e) => e.type === "sale" && e.price?.formatted != null
+    );
+    if (sales.length < 2) return null;
+    const currencyCounts = /* @__PURE__ */ new Map();
+    for (const s of sales) {
+      const c = s.price.currency ?? "STRK";
+      currencyCounts.set(c, (currencyCounts.get(c) ?? 0) + 1);
+    }
+    const topCurrency = [...currencyCounts.entries()].sort(
+      (a, b) => b[1] - a[1]
+    )[0][0];
+    const points = sales.filter((s) => (s.price.currency ?? "STRK") === topCurrency).map((s) => ({
+      date: new Date(
+        typeof s.timestamp === "number" ? s.timestamp * 1e3 : s.timestamp
+      ).toLocaleDateString("en-US", { month: "short", day: "numeric" }),
+      price: parsePrice(s.price.formatted ?? "")
+    })).reverse();
+    if (points.length < 2) return null;
+    return { currency: topCurrency, points };
+  }, [history]);
+  if (!chartData) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "rounded-xl bg-card/50 p-4 space-y-2", children: [
+    /* @__PURE__ */ jsxs("p", { className: "text-xs font-medium text-muted-foreground uppercase tracking-wide", children: [
+      "Price history \xB7 ",
+      chartData.currency
+    ] }),
+    /* @__PURE__ */ jsx(ResponsiveContainer, { width: "100%", height: 160, children: /* @__PURE__ */ jsxs(
+      LineChart,
+      {
+        data: chartData.points,
+        margin: { top: 4, right: 8, bottom: 0, left: 0 },
+        children: [
+          /* @__PURE__ */ jsx(
+            CartesianGrid,
+            {
+              strokeDasharray: "3 3",
+              stroke: "hsl(var(--border))",
+              opacity: 0.5
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            XAxis,
+            {
+              dataKey: "date",
+              tick: { fontSize: 11, fill: "hsl(var(--muted-foreground))" },
+              axisLine: false,
+              tickLine: false
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            YAxis,
+            {
+              tick: { fontSize: 11, fill: "hsl(var(--muted-foreground))" },
+              axisLine: false,
+              tickLine: false,
+              width: 48
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Tooltip,
+            {
+              contentStyle: {
+                background: "hsl(var(--background))",
+                border: "1px solid hsl(var(--border))",
+                borderRadius: "8px",
+                fontSize: "12px",
+                color: "hsl(var(--foreground))"
+              },
+              formatter: (value) => [
+                `${value} ${chartData.currency}`,
+                "Sale price"
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Line,
+            {
+              type: "monotone",
+              dataKey: "price",
+              stroke: "hsl(var(--primary))",
+              strokeWidth: 2,
+              dot: { fill: "hsl(var(--primary))", r: 3, strokeWidth: 0 },
+              activeDot: { r: 5, fill: "hsl(var(--primary))" }
+            }
+          )
+        ]
+      }
+    ) })
+  ] });
+}
+export {
+  PriceHistoryChart
+};
+//# sourceMappingURL=price-history-chart.js.map

package/dist/components/price-history-chart.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/price-history-chart.tsx"],"sourcesContent":["\"use client\";\n\nimport { useMemo } from \"react\";\nimport {\n  LineChart,\n  Line,\n  XAxis,\n  YAxis,\n  Tooltip,\n  ResponsiveContainer,\n  CartesianGrid,\n} from \"recharts\";\nimport type { ApiActivity } from \"@medialane/sdk\";\n\nexport interface PriceHistoryChartProps {\n  history: ApiActivity[];\n}\n\nfunction parsePrice(formatted: string): number {\n  return parseFloat(formatted.replace(/[^0-9.]/g, \"\")) || 0;\n}\n\nexport function PriceHistoryChart({ history }: PriceHistoryChartProps) {\n  const chartData = useMemo(() => {\n    const sales = history.filter(\n      (e) => e.type === \"sale\" && e.price?.formatted != null\n    );\n    if (sales.length < 2) return null;\n\n    // Pick most common currency to keep Y-axis consistent\n    const currencyCounts = new Map<string, number>();\n    for (const s of sales) {\n      const c = s.price!.currency ?? \"STRK\";\n      currencyCounts.set(c, (currencyCounts.get(c) ?? 0) + 1);\n    }\n    const topCurrency = [...currencyCounts.entries()].sort(\n      (a, b) => b[1] - a[1]\n    )[0][0];\n\n    const points = sales\n      .filter((s) => (s.price!.currency ?? \"STRK\") === topCurrency)\n      .map((s) => ({\n        date: new Date(\n          typeof s.timestamp === \"number\" ? s.timestamp * 1000 : s.timestamp\n        ).toLocaleDateString(\"en-US\", { month: \"short\", day: \"numeric\" }),\n        price: parsePrice(s.price!.formatted ?? \"\"),\n      }))\n      .reverse(); // oldest → newest left to right\n\n    if (points.length < 2) return null;\n    return { currency: topCurrency, points };\n  }, [history]);\n\n  if (!chartData) {\n    return null;\n  }\n\n  return (\n    <div className=\"rounded-xl bg-card/50 p-4 space-y-2\">\n      <p className=\"text-xs font-medium text-muted-foreground uppercase tracking-wide\">\n        Price history · {chartData.currency}\n      </p>\n      <ResponsiveContainer width=\"100%\" height={160}>\n        <LineChart\n          data={chartData.points}\n          margin={{ top: 4, right: 8, bottom: 0, left: 0 }}\n        >\n          <CartesianGrid\n            strokeDasharray=\"3 3\"\n            stroke=\"hsl(var(--border))\"\n            opacity={0.5}\n          />\n          <XAxis\n            dataKey=\"date\"\n            tick={{ fontSize: 11, fill: \"hsl(var(--muted-foreground))\" }}\n            axisLine={false}\n            tickLine={false}\n          />\n          <YAxis\n            tick={{ fontSize: 11, fill: \"hsl(var(--muted-foreground))\" }}\n            axisLine={false}\n            tickLine={false}\n            width={48}\n          />\n          <Tooltip\n            contentStyle={{\n              background: \"hsl(var(--background))\",\n              border: \"1px solid hsl(var(--border))\",\n              borderRadius: \"8px\",\n              fontSize: \"12px\",\n              color: \"hsl(var(--foreground))\",\n            }}\n            formatter={(value) => [\n              `${value} ${chartData.currency}`,\n              \"Sale price\",\n            ]}\n          />\n          <Line\n            type=\"monotone\"\n            dataKey=\"price\"\n            stroke=\"hsl(var(--primary))\"\n            strokeWidth={2}\n            dot={{ fill: \"hsl(var(--primary))\", r: 3, strokeWidth: 0 }}\n            activeDot={{ r: 5, fill: \"hsl(var(--primary))\" }}\n          />\n        </LineChart>\n      </ResponsiveContainer>\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/components/sheet.cjs

@@ -0,0 +1,160 @@
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var sheet_exports = {};
+__export(sheet_exports, {
+  Sheet: () => Sheet,
+  SheetClose: () => SheetClose,
+  SheetContent: () => SheetContent,
+  SheetDescription: () => SheetDescription,
+  SheetFooter: () => SheetFooter,
+  SheetHeader: () => SheetHeader,
+  SheetOverlay: () => SheetOverlay,
+  SheetPortal: () => SheetPortal,
+  SheetTitle: () => SheetTitle,
+  SheetTrigger: () => SheetTrigger
+});
+module.exports = __toCommonJS(sheet_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var React = __toESM(require("react"), 1);
+var SheetPrimitive = __toESM(require("@radix-ui/react-dialog"), 1);
+var import_class_variance_authority = require("class-variance-authority");
+var import_lucide_react = require("lucide-react");
+var import_cn = require("../utils/cn.js");
+const Sheet = SheetPrimitive.Root;
+const SheetTrigger = SheetPrimitive.Trigger;
+const SheetClose = SheetPrimitive.Close;
+const SheetPortal = SheetPrimitive.Portal;
+const SheetOverlay = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  SheetPrimitive.Overlay,
+  {
+    className: (0, import_cn.cn)(
+      "fixed inset-0 z-50 backdrop-blur-[48px] data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      className
+    ),
+    ...props,
+    ref
+  }
+));
+SheetOverlay.displayName = SheetPrimitive.Overlay.displayName;
+const sheetVariants = (0, import_class_variance_authority.cva)(
+  "fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
+  {
+    variants: {
+      side: {
+        top: "inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",
+        bottom: "inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",
+        left: "inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm",
+        right: "inset-y-0 right-0 h-full w-3/4  border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm"
+      }
+    },
+    defaultVariants: {
+      side: "right"
+    }
+  }
+);
+const SheetContent = React.forwardRef(({ side = "right", className, children, overlayClassName, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SheetPortal, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SheetOverlay, { className: overlayClassName }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    SheetPrimitive.Content,
+    {
+      ref,
+      className: (0, import_cn.cn)(sheetVariants({ side }), className),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SheetPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.X, { className: "h-4 w-4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "sr-only", children: "Close" })
+        ] })
+      ]
+    }
+  )
+] }));
+SheetContent.displayName = SheetPrimitive.Content.displayName;
+const SheetHeader = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  "div",
+  {
+    className: (0, import_cn.cn)(
+      "flex flex-col space-y-2 text-center sm:text-left",
+      className
+    ),
+    ...props
+  }
+);
+SheetHeader.displayName = "SheetHeader";
+const SheetFooter = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  "div",
+  {
+    className: (0, import_cn.cn)(
+      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
+      className
+    ),
+    ...props
+  }
+);
+SheetFooter.displayName = "SheetFooter";
+const SheetTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  SheetPrimitive.Title,
+  {
+    ref,
+    className: (0, import_cn.cn)("text-lg font-semibold text-foreground", className),
+    ...props
+  }
+));
+SheetTitle.displayName = SheetPrimitive.Title.displayName;
+const SheetDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  SheetPrimitive.Description,
+  {
+    ref,
+    className: (0, import_cn.cn)("text-sm text-muted-foreground", className),
+    ...props
+  }
+));
+SheetDescription.displayName = SheetPrimitive.Description.displayName;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Sheet,
+  SheetClose,
+  SheetContent,
+  SheetDescription,
+  SheetFooter,
+  SheetHeader,
+  SheetOverlay,
+  SheetPortal,
+  SheetTitle,
+  SheetTrigger
+});
+//# sourceMappingURL=sheet.cjs.map