@medialane/ui 0.49.0 → 0.50.0

package/dist/components/stat-tile.cjs

@@ -0,0 +1,85 @@
+"use strict";
+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 stat_tile_exports = {};
+__export(stat_tile_exports, {
+  StatPill: () => StatPill,
+  StatTile: () => StatTile
+});
+module.exports = __toCommonJS(stat_tile_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+function StatTile({
+  label,
+  value,
+  sub,
+  accent,
+  big,
+  radius = 16,
+  children,
+  className
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "div",
+    {
+      className: `bg-muted border border-border flex flex-col gap-1 min-w-0 ${className ?? ""}`,
+      style: { borderRadius: radius, padding: "12px 14px" },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-[10.5px] font-semibold tracking-[0.06em] uppercase text-muted-foreground", children: label }),
+        value != null && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "span",
+          {
+            className: "font-semibold leading-none tracking-tight",
+            style: {
+              fontSize: big ? 22 : 16,
+              fontFamily: '"Geist Mono", ui-monospace, SFMono-Regular, monospace',
+              color: accent
+            },
+            children: value
+          }
+        ),
+        sub && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-[11px] text-muted-foreground", children: sub }),
+        children
+      ]
+    }
+  );
+}
+function StatPill({ value, label, className }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "div",
+    {
+      className: `inline-flex items-baseline gap-2 px-4 py-2 rounded-full bg-muted ${className ?? ""}`,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "span",
+          {
+            className: "text-[15px] font-bold text-foreground",
+            style: { fontFamily: '"Geist Mono", ui-monospace, SFMono-Regular, monospace' },
+            children: value
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-[13px] text-muted-foreground", children: label })
+      ]
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  StatPill,
+  StatTile
+});
+//# sourceMappingURL=stat-tile.cjs.map

package/dist/components/stat-tile.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/stat-tile.tsx"],"sourcesContent":["// Bento stat tile and header stat pill — the design system's data-display primitives.\n\nexport interface StatTileProps {\n  label: string;\n  /** Shown as the primary value. Pass \"—\" (em dash) for unknown, never zero. */\n  value?: string | number | null;\n  /** Secondary line below the value. */\n  sub?: string;\n  /** Override color for the value text (e.g. brand-blue for positive deltas). */\n  accent?: string;\n  /** Large 22px value variant. */\n  big?: boolean;\n  radius?: number;\n  children?: React.ReactNode;\n  className?: string;\n}\n\nexport function StatTile({\n  label,\n  value,\n  sub,\n  accent,\n  big,\n  radius = 16,\n  children,\n  className,\n}: StatTileProps) {\n  return (\n    <div\n      className={`bg-muted border border-border flex flex-col gap-1 min-w-0 ${className ?? ''}`}\n      style={{ borderRadius: radius, padding: '12px 14px' }}\n    >\n      <span className=\"text-[10.5px] font-semibold tracking-[0.06em] uppercase text-muted-foreground\">\n        {label}\n      </span>\n      {value != null && (\n        <span\n          className=\"font-semibold leading-none tracking-tight\"\n          style={{\n            fontSize: big ? 22 : 16,\n            fontFamily: '\"Geist Mono\", ui-monospace, SFMono-Regular, monospace',\n            color: accent,\n          }}\n        >\n          {value}\n        </span>\n      )}\n      {sub && (\n        <span className=\"text-[11px] text-muted-foreground\">{sub}</span>\n      )}\n      {children}\n    </div>\n  );\n}\n\nexport interface StatPillProps {\n  value: string | number;\n  label: string;\n  className?: string;\n}\n\nexport function StatPill({ value, label, className }: StatPillProps) {\n  return (\n    <div\n      className={`inline-flex items-baseline gap-2 px-4 py-2 rounded-full bg-muted ${className ?? ''}`}\n    >\n      <span\n        className=\"text-[15px] font-bold text-foreground\"\n        style={{ fontFamily: '\"Geist Mono\", ui-monospace, SFMono-Regular, monospace' }}\n      >\n        {value}\n      </span>\n      <span className=\"text-[13px] text-muted-foreground\">{label}</span>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA4BI;AAXG,SAAS,SAAS;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT;AAAA,EACA;AACF,GAAkB;AAChB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,6DAA6D,aAAa,EAAE;AAAA,MACvF,OAAO,EAAE,cAAc,QAAQ,SAAS,YAAY;AAAA,MAEpD;AAAA,oDAAC,UAAK,WAAU,iFACb,iBACH;AAAA,QACC,SAAS,QACR;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,OAAO;AAAA,cACL,UAAU,MAAM,KAAK;AAAA,cACrB,YAAY;AAAA,cACZ,OAAO;AAAA,YACT;AAAA,YAEC;AAAA;AAAA,QACH;AAAA,QAED,OACC,4CAAC,UAAK,WAAU,qCAAqC,eAAI;AAAA,QAE1D;AAAA;AAAA;AAAA,EACH;AAEJ;AAQO,SAAS,SAAS,EAAE,OAAO,OAAO,UAAU,GAAkB;AACnE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,oEAAoE,aAAa,EAAE;AAAA,MAE9F;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,OAAO,EAAE,YAAY,wDAAwD;AAAA,YAE5E;AAAA;AAAA,QACH;AAAA,QACA,4CAAC,UAAK,WAAU,qCAAqC,iBAAM;AAAA;AAAA;AAAA,EAC7D;AAEJ;","names":[]}

package/dist/components/stat-tile.d.cts

@@ -0,0 +1,25 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface StatTileProps {
+    label: string;
+    /** Shown as the primary value. Pass "—" (em dash) for unknown, never zero. */
+    value?: string | number | null;
+    /** Secondary line below the value. */
+    sub?: string;
+    /** Override color for the value text (e.g. brand-blue for positive deltas). */
+    accent?: string;
+    /** Large 22px value variant. */
+    big?: boolean;
+    radius?: number;
+    children?: React.ReactNode;
+    className?: string;
+}
+declare function StatTile({ label, value, sub, accent, big, radius, children, className, }: StatTileProps): react_jsx_runtime.JSX.Element;
+interface StatPillProps {
+    value: string | number;
+    label: string;
+    className?: string;
+}
+declare function StatPill({ value, label, className }: StatPillProps): react_jsx_runtime.JSX.Element;
+
+export { StatPill, type StatPillProps, StatTile, type StatTileProps };

package/dist/components/stat-tile.d.ts

@@ -0,0 +1,25 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface StatTileProps {
+    label: string;
+    /** Shown as the primary value. Pass "—" (em dash) for unknown, never zero. */
+    value?: string | number | null;
+    /** Secondary line below the value. */
+    sub?: string;
+    /** Override color for the value text (e.g. brand-blue for positive deltas). */
+    accent?: string;
+    /** Large 22px value variant. */
+    big?: boolean;
+    radius?: number;
+    children?: React.ReactNode;
+    className?: string;
+}
+declare function StatTile({ label, value, sub, accent, big, radius, children, className, }: StatTileProps): react_jsx_runtime.JSX.Element;
+interface StatPillProps {
+    value: string | number;
+    label: string;
+    className?: string;
+}
+declare function StatPill({ value, label, className }: StatPillProps): react_jsx_runtime.JSX.Element;
+
+export { StatPill, type StatPillProps, StatTile, type StatTileProps };

package/dist/components/stat-tile.js

@@ -0,0 +1,60 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+function StatTile({
+  label,
+  value,
+  sub,
+  accent,
+  big,
+  radius = 16,
+  children,
+  className
+}) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: `bg-muted border border-border flex flex-col gap-1 min-w-0 ${className ?? ""}`,
+      style: { borderRadius: radius, padding: "12px 14px" },
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "text-[10.5px] font-semibold tracking-[0.06em] uppercase text-muted-foreground", children: label }),
+        value != null && /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: "font-semibold leading-none tracking-tight",
+            style: {
+              fontSize: big ? 22 : 16,
+              fontFamily: '"Geist Mono", ui-monospace, SFMono-Regular, monospace',
+              color: accent
+            },
+            children: value
+          }
+        ),
+        sub && /* @__PURE__ */ jsx("span", { className: "text-[11px] text-muted-foreground", children: sub }),
+        children
+      ]
+    }
+  );
+}
+function StatPill({ value, label, className }) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: `inline-flex items-baseline gap-2 px-4 py-2 rounded-full bg-muted ${className ?? ""}`,
+      children: [
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: "text-[15px] font-bold text-foreground",
+            style: { fontFamily: '"Geist Mono", ui-monospace, SFMono-Regular, monospace' },
+            children: value
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { className: "text-[13px] text-muted-foreground", children: label })
+      ]
+    }
+  );
+}
+export {
+  StatPill,
+  StatTile
+};
+//# sourceMappingURL=stat-tile.js.map

package/dist/components/stat-tile.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/stat-tile.tsx"],"sourcesContent":["// Bento stat tile and header stat pill — the design system's data-display primitives.\n\nexport interface StatTileProps {\n  label: string;\n  /** Shown as the primary value. Pass \"—\" (em dash) for unknown, never zero. */\n  value?: string | number | null;\n  /** Secondary line below the value. */\n  sub?: string;\n  /** Override color for the value text (e.g. brand-blue for positive deltas). */\n  accent?: string;\n  /** Large 22px value variant. */\n  big?: boolean;\n  radius?: number;\n  children?: React.ReactNode;\n  className?: string;\n}\n\nexport function StatTile({\n  label,\n  value,\n  sub,\n  accent,\n  big,\n  radius = 16,\n  children,\n  className,\n}: StatTileProps) {\n  return (\n    <div\n      className={`bg-muted border border-border flex flex-col gap-1 min-w-0 ${className ?? ''}`}\n      style={{ borderRadius: radius, padding: '12px 14px' }}\n    >\n      <span className=\"text-[10.5px] font-semibold tracking-[0.06em] uppercase text-muted-foreground\">\n        {label}\n      </span>\n      {value != null && (\n        <span\n          className=\"font-semibold leading-none tracking-tight\"\n          style={{\n            fontSize: big ? 22 : 16,\n            fontFamily: '\"Geist Mono\", ui-monospace, SFMono-Regular, monospace',\n            color: accent,\n          }}\n        >\n          {value}\n        </span>\n      )}\n      {sub && (\n        <span className=\"text-[11px] text-muted-foreground\">{sub}</span>\n      )}\n      {children}\n    </div>\n  );\n}\n\nexport interface StatPillProps {\n  value: string | number;\n  label: string;\n  className?: string;\n}\n\nexport function StatPill({ value, label, className }: StatPillProps) {\n  return (\n    <div\n      className={`inline-flex items-baseline gap-2 px-4 py-2 rounded-full bg-muted ${className ?? ''}`}\n    >\n      <span\n        className=\"text-[15px] font-bold text-foreground\"\n        style={{ fontFamily: '\"Geist Mono\", ui-monospace, SFMono-Regular, monospace' }}\n      >\n        {value}\n      </span>\n      <span className=\"text-[13px] text-muted-foreground\">{label}</span>\n    </div>\n  );\n}\n"],"mappings":"AA4BI,SAIE,KAJF;AAXG,SAAS,SAAS;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT;AAAA,EACA;AACF,GAAkB;AAChB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,6DAA6D,aAAa,EAAE;AAAA,MACvF,OAAO,EAAE,cAAc,QAAQ,SAAS,YAAY;AAAA,MAEpD;AAAA,4BAAC,UAAK,WAAU,iFACb,iBACH;AAAA,QACC,SAAS,QACR;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,OAAO;AAAA,cACL,UAAU,MAAM,KAAK;AAAA,cACrB,YAAY;AAAA,cACZ,OAAO;AAAA,YACT;AAAA,YAEC;AAAA;AAAA,QACH;AAAA,QAED,OACC,oBAAC,UAAK,WAAU,qCAAqC,eAAI;AAAA,QAE1D;AAAA;AAAA;AAAA,EACH;AAEJ;AAQO,SAAS,SAAS,EAAE,OAAO,OAAO,UAAU,GAAkB;AACnE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,oEAAoE,aAAa,EAAE;AAAA,MAE9F;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,OAAO,EAAE,YAAY,wDAAwD;AAAA,YAE5E;AAAA;AAAA,QACH;AAAA,QACA,oBAAC,UAAK,WAAU,qCAAqC,iBAAM;AAAA;AAAA;AAAA,EAC7D;AAEJ;","names":[]}

package/dist/components/token-glyph.cjs

@@ -0,0 +1,93 @@
+"use strict";
+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 token_glyph_exports = {};
+__export(token_glyph_exports, {
+  TokenAmount: () => TokenAmount,
+  TokenGlyph: () => TokenGlyph
+});
+module.exports = __toCommonJS(token_glyph_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+const PRICE_FONT = '"Geist Mono", ui-monospace, SFMono-Regular, monospace';
+function TokenGlyph({ token = "strk", size = 20 }) {
+  const gradId = `ml-tg-strk-${size}`;
+  switch (token) {
+    case "eth":
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", { width: size, height: size, viewBox: "0 0 24 24", "aria-hidden": "true", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "12", cy: "12", r: "11", fill: "#2b2f3a" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M12 4 7 12.2l5 3 5-3L12 4Z", fill: "#e6e8f0" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M7 13.3 12 20l5-6.7-5 3-5-3Z", fill: "#b9bdcc" })
+      ] });
+    case "usdc":
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", { width: size, height: size, viewBox: "0 0 24 24", "aria-hidden": "true", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "12", cy: "12", r: "11", fill: "#2775ca" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("text", { x: "12", y: "16.5", textAnchor: "middle", fontSize: "13", fontWeight: "700", fill: "#fff", fontFamily: "system-ui", children: "$" })
+      ] });
+    case "usdt":
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", { width: size, height: size, viewBox: "0 0 24 24", "aria-hidden": "true", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "12", cy: "12", r: "11", fill: "#26a17b" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("text", { x: "12", y: "16.5", textAnchor: "middle", fontSize: "12", fontWeight: "700", fill: "#fff", fontFamily: "system-ui", children: "\u20AE" })
+      ] });
+    case "wbtc":
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", { width: size, height: size, viewBox: "0 0 24 24", "aria-hidden": "true", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "12", cy: "12", r: "11", fill: "#f09242" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("text", { x: "12", y: "16.5", textAnchor: "middle", fontSize: "12", fontWeight: "700", fill: "#fff", fontFamily: "system-ui", children: "\u20BF" })
+      ] });
+    default:
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", { width: size, height: size, viewBox: "0 0 24 24", "aria-hidden": "true", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("linearGradient", { id: gradId, x1: "3", y1: "3", x2: "21", y2: "21", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("stop", { offset: "0", stopColor: "#f6608f" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("stop", { offset: "1", stopColor: "#fb8b46" })
+        ] }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "12", cy: "12", r: "11", fill: `url(#${gradId})` }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M5.5 14.5c3.2-5 9.8-5 13 0", fill: "none", stroke: "#fff", strokeWidth: "1.8", strokeLinecap: "round" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "9", cy: "10.5", r: "0.9", fill: "#fff" })
+      ] });
+  }
+}
+function TokenAmount({
+  token = "strk",
+  amount,
+  size = 20,
+  color,
+  bold = true,
+  className
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: `inline-flex items-center gap-1.5 ${className ?? ""}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TokenGlyph, { token, size }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "span",
+      {
+        style: {
+          fontFamily: PRICE_FONT,
+          fontWeight: bold ? 700 : 500,
+          fontSize: size * 0.92,
+          color: color ?? "#f97316",
+          letterSpacing: "-0.01em"
+        },
+        children: amount
+      }
+    )
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  TokenAmount,
+  TokenGlyph
+});
+//# sourceMappingURL=token-glyph.cjs.map

package/dist/components/token-glyph.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/token-glyph.tsx"],"sourcesContent":["// Inline SVG token glyphs — self-contained, no external asset dependency.\n// Covers the five tokens active on the platform: STRK, ETH, USDC, USDT, WBTC.\n\nconst PRICE_FONT = '\"Geist Mono\", ui-monospace, SFMono-Regular, monospace';\n\nexport type TokenSymbol = 'strk' | 'eth' | 'usdc' | 'usdt' | 'wbtc';\n\nexport interface TokenGlyphProps {\n  token?: TokenSymbol | string;\n  size?: number;\n}\n\nexport function TokenGlyph({ token = 'strk', size = 20 }: TokenGlyphProps) {\n  const gradId = `ml-tg-strk-${size}`;\n\n  switch (token) {\n    case 'eth':\n      return (\n        <svg width={size} height={size} viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n          <circle cx=\"12\" cy=\"12\" r=\"11\" fill=\"#2b2f3a\"/>\n          <path d=\"M12 4 7 12.2l5 3 5-3L12 4Z\" fill=\"#e6e8f0\"/>\n          <path d=\"M7 13.3 12 20l5-6.7-5 3-5-3Z\" fill=\"#b9bdcc\"/>\n        </svg>\n      );\n    case 'usdc':\n      return (\n        <svg width={size} height={size} viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n          <circle cx=\"12\" cy=\"12\" r=\"11\" fill=\"#2775ca\"/>\n          <text x=\"12\" y=\"16.5\" textAnchor=\"middle\" fontSize=\"13\" fontWeight=\"700\" fill=\"#fff\" fontFamily=\"system-ui\">$</text>\n        </svg>\n      );\n    case 'usdt':\n      return (\n        <svg width={size} height={size} viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n          <circle cx=\"12\" cy=\"12\" r=\"11\" fill=\"#26a17b\"/>\n          <text x=\"12\" y=\"16.5\" textAnchor=\"middle\" fontSize=\"12\" fontWeight=\"700\" fill=\"#fff\" fontFamily=\"system-ui\">₮</text>\n        </svg>\n      );\n    case 'wbtc':\n      return (\n        <svg width={size} height={size} viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n          <circle cx=\"12\" cy=\"12\" r=\"11\" fill=\"#f09242\"/>\n          <text x=\"12\" y=\"16.5\" textAnchor=\"middle\" fontSize=\"12\" fontWeight=\"700\" fill=\"#fff\" fontFamily=\"system-ui\">₿</text>\n        </svg>\n      );\n    default:\n      // STRK — magenta→orange gradient coin with swoosh\n      return (\n        <svg width={size} height={size} viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n          <defs>\n            <linearGradient id={gradId} x1=\"3\" y1=\"3\" x2=\"21\" y2=\"21\">\n              <stop offset=\"0\" stopColor=\"#f6608f\"/>\n              <stop offset=\"1\" stopColor=\"#fb8b46\"/>\n            </linearGradient>\n          </defs>\n          <circle cx=\"12\" cy=\"12\" r=\"11\" fill={`url(#${gradId})`}/>\n          <path d=\"M5.5 14.5c3.2-5 9.8-5 13 0\" fill=\"none\" stroke=\"#fff\" strokeWidth=\"1.8\" strokeLinecap=\"round\"/>\n          <circle cx=\"9\" cy=\"10.5\" r=\"0.9\" fill=\"#fff\"/>\n        </svg>\n      );\n  }\n}\n\nexport interface TokenAmountProps {\n  token?: TokenSymbol | string;\n  amount: string;\n  /** Icon size in px. Text size scales proportionally. */\n  size?: number;\n  /** Override the amount text color. Defaults to brand-price orange. */\n  color?: string;\n  bold?: boolean;\n  className?: string;\n}\n\nexport function TokenAmount({\n  token = 'strk',\n  amount,\n  size = 20,\n  color,\n  bold = true,\n  className,\n}: TokenAmountProps) {\n  return (\n    <span className={`inline-flex items-center gap-1.5 ${className ?? ''}`}>\n      <TokenGlyph token={token} size={size} />\n      <span\n        style={{\n          fontFamily: PRICE_FONT,\n          fontWeight: bold ? 700 : 500,\n          fontSize: size * 0.92,\n          color: color ?? '#f97316',\n          letterSpacing: '-0.01em',\n        }}\n      >\n        {amount}\n      </span>\n    </span>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAkBQ;AAfR,MAAM,aAAa;AASZ,SAAS,WAAW,EAAE,QAAQ,QAAQ,OAAO,GAAG,GAAoB;AACzE,QAAM,SAAS,cAAc,IAAI;AAEjC,UAAQ,OAAO;AAAA,IACb,KAAK;AACH,aACE,6CAAC,SAAI,OAAO,MAAM,QAAQ,MAAM,SAAQ,aAAY,eAAY,QAC9D;AAAA,oDAAC,YAAO,IAAG,MAAK,IAAG,MAAK,GAAE,MAAK,MAAK,WAAS;AAAA,QAC7C,4CAAC,UAAK,GAAE,8BAA6B,MAAK,WAAS;AAAA,QACnD,4CAAC,UAAK,GAAE,gCAA+B,MAAK,WAAS;AAAA,SACvD;AAAA,IAEJ,KAAK;AACH,aACE,6CAAC,SAAI,OAAO,MAAM,QAAQ,MAAM,SAAQ,aAAY,eAAY,QAC9D;AAAA,oDAAC,YAAO,IAAG,MAAK,IAAG,MAAK,GAAE,MAAK,MAAK,WAAS;AAAA,QAC7C,4CAAC,UAAK,GAAE,MAAK,GAAE,QAAO,YAAW,UAAS,UAAS,MAAK,YAAW,OAAM,MAAK,QAAO,YAAW,aAAY,eAAC;AAAA,SAC/G;AAAA,IAEJ,KAAK;AACH,aACE,6CAAC,SAAI,OAAO,MAAM,QAAQ,MAAM,SAAQ,aAAY,eAAY,QAC9D;AAAA,oDAAC,YAAO,IAAG,MAAK,IAAG,MAAK,GAAE,MAAK,MAAK,WAAS;AAAA,QAC7C,4CAAC,UAAK,GAAE,MAAK,GAAE,QAAO,YAAW,UAAS,UAAS,MAAK,YAAW,OAAM,MAAK,QAAO,YAAW,aAAY,oBAAC;AAAA,SAC/G;AAAA,IAEJ,KAAK;AACH,aACE,6CAAC,SAAI,OAAO,MAAM,QAAQ,MAAM,SAAQ,aAAY,eAAY,QAC9D;AAAA,oDAAC,YAAO,IAAG,MAAK,IAAG,MAAK,GAAE,MAAK,MAAK,WAAS;AAAA,QAC7C,4CAAC,UAAK,GAAE,MAAK,GAAE,QAAO,YAAW,UAAS,UAAS,MAAK,YAAW,OAAM,MAAK,QAAO,YAAW,aAAY,oBAAC;AAAA,SAC/G;AAAA,IAEJ;AAEE,aACE,6CAAC,SAAI,OAAO,MAAM,QAAQ,MAAM,SAAQ,aAAY,eAAY,QAC9D;AAAA,oDAAC,UACC,uDAAC,oBAAe,IAAI,QAAQ,IAAG,KAAI,IAAG,KAAI,IAAG,MAAK,IAAG,MACnD;AAAA,sDAAC,UAAK,QAAO,KAAI,WAAU,WAAS;AAAA,UACpC,4CAAC,UAAK,QAAO,KAAI,WAAU,WAAS;AAAA,WACtC,GACF;AAAA,QACA,4CAAC,YAAO,IAAG,MAAK,IAAG,MAAK,GAAE,MAAK,MAAM,QAAQ,MAAM,KAAI;AAAA,QACvD,4CAAC,UAAK,GAAE,8BAA6B,MAAK,QAAO,QAAO,QAAO,aAAY,OAAM,eAAc,SAAO;AAAA,QACtG,4CAAC,YAAO,IAAG,KAAI,IAAG,QAAO,GAAE,OAAM,MAAK,QAAM;AAAA,SAC9C;AAAA,EAEN;AACF;AAaO,SAAS,YAAY;AAAA,EAC1B,QAAQ;AAAA,EACR;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA,OAAO;AAAA,EACP;AACF,GAAqB;AACnB,SACE,6CAAC,UAAK,WAAW,oCAAoC,aAAa,EAAE,IAClE;AAAA,gDAAC,cAAW,OAAc,MAAY;AAAA,IACtC;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,UACL,YAAY;AAAA,UACZ,YAAY,OAAO,MAAM;AAAA,UACzB,UAAU,OAAO;AAAA,UACjB,OAAO,SAAS;AAAA,UAChB,eAAe;AAAA,QACjB;AAAA,QAEC;AAAA;AAAA,IACH;AAAA,KACF;AAEJ;","names":[]}

package/dist/components/token-glyph.d.cts

@@ -0,0 +1,21 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+type TokenSymbol = 'strk' | 'eth' | 'usdc' | 'usdt' | 'wbtc';
+interface TokenGlyphProps {
+    token?: TokenSymbol | string;
+    size?: number;
+}
+declare function TokenGlyph({ token, size }: TokenGlyphProps): react_jsx_runtime.JSX.Element;
+interface TokenAmountProps {
+    token?: TokenSymbol | string;
+    amount: string;
+    /** Icon size in px. Text size scales proportionally. */
+    size?: number;
+    /** Override the amount text color. Defaults to brand-price orange. */
+    color?: string;
+    bold?: boolean;
+    className?: string;
+}
+declare function TokenAmount({ token, amount, size, color, bold, className, }: TokenAmountProps): react_jsx_runtime.JSX.Element;
+
+export { TokenAmount, type TokenAmountProps, TokenGlyph, type TokenGlyphProps, type TokenSymbol };

package/dist/components/token-glyph.d.ts

@@ -0,0 +1,21 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+type TokenSymbol = 'strk' | 'eth' | 'usdc' | 'usdt' | 'wbtc';
+interface TokenGlyphProps {
+    token?: TokenSymbol | string;
+    size?: number;
+}
+declare function TokenGlyph({ token, size }: TokenGlyphProps): react_jsx_runtime.JSX.Element;
+interface TokenAmountProps {
+    token?: TokenSymbol | string;
+    amount: string;
+    /** Icon size in px. Text size scales proportionally. */
+    size?: number;
+    /** Override the amount text color. Defaults to brand-price orange. */
+    color?: string;
+    bold?: boolean;
+    className?: string;
+}
+declare function TokenAmount({ token, amount, size, color, bold, className, }: TokenAmountProps): react_jsx_runtime.JSX.Element;
+
+export { TokenAmount, type TokenAmountProps, TokenGlyph, type TokenGlyphProps, type TokenSymbol };

package/dist/components/token-glyph.js

@@ -0,0 +1,68 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+const PRICE_FONT = '"Geist Mono", ui-monospace, SFMono-Regular, monospace';
+function TokenGlyph({ token = "strk", size = 20 }) {
+  const gradId = `ml-tg-strk-${size}`;
+  switch (token) {
+    case "eth":
+      return /* @__PURE__ */ jsxs("svg", { width: size, height: size, viewBox: "0 0 24 24", "aria-hidden": "true", children: [
+        /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "11", fill: "#2b2f3a" }),
+        /* @__PURE__ */ jsx("path", { d: "M12 4 7 12.2l5 3 5-3L12 4Z", fill: "#e6e8f0" }),
+        /* @__PURE__ */ jsx("path", { d: "M7 13.3 12 20l5-6.7-5 3-5-3Z", fill: "#b9bdcc" })
+      ] });
+    case "usdc":
+      return /* @__PURE__ */ jsxs("svg", { width: size, height: size, viewBox: "0 0 24 24", "aria-hidden": "true", children: [
+        /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "11", fill: "#2775ca" }),
+        /* @__PURE__ */ jsx("text", { x: "12", y: "16.5", textAnchor: "middle", fontSize: "13", fontWeight: "700", fill: "#fff", fontFamily: "system-ui", children: "$" })
+      ] });
+    case "usdt":
+      return /* @__PURE__ */ jsxs("svg", { width: size, height: size, viewBox: "0 0 24 24", "aria-hidden": "true", children: [
+        /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "11", fill: "#26a17b" }),
+        /* @__PURE__ */ jsx("text", { x: "12", y: "16.5", textAnchor: "middle", fontSize: "12", fontWeight: "700", fill: "#fff", fontFamily: "system-ui", children: "\u20AE" })
+      ] });
+    case "wbtc":
+      return /* @__PURE__ */ jsxs("svg", { width: size, height: size, viewBox: "0 0 24 24", "aria-hidden": "true", children: [
+        /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "11", fill: "#f09242" }),
+        /* @__PURE__ */ jsx("text", { x: "12", y: "16.5", textAnchor: "middle", fontSize: "12", fontWeight: "700", fill: "#fff", fontFamily: "system-ui", children: "\u20BF" })
+      ] });
+    default:
+      return /* @__PURE__ */ jsxs("svg", { width: size, height: size, viewBox: "0 0 24 24", "aria-hidden": "true", children: [
+        /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs("linearGradient", { id: gradId, x1: "3", y1: "3", x2: "21", y2: "21", children: [
+          /* @__PURE__ */ jsx("stop", { offset: "0", stopColor: "#f6608f" }),
+          /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#fb8b46" })
+        ] }) }),
+        /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "11", fill: `url(#${gradId})` }),
+        /* @__PURE__ */ jsx("path", { d: "M5.5 14.5c3.2-5 9.8-5 13 0", fill: "none", stroke: "#fff", strokeWidth: "1.8", strokeLinecap: "round" }),
+        /* @__PURE__ */ jsx("circle", { cx: "9", cy: "10.5", r: "0.9", fill: "#fff" })
+      ] });
+  }
+}
+function TokenAmount({
+  token = "strk",
+  amount,
+  size = 20,
+  color,
+  bold = true,
+  className
+}) {
+  return /* @__PURE__ */ jsxs("span", { className: `inline-flex items-center gap-1.5 ${className ?? ""}`, children: [
+    /* @__PURE__ */ jsx(TokenGlyph, { token, size }),
+    /* @__PURE__ */ jsx(
+      "span",
+      {
+        style: {
+          fontFamily: PRICE_FONT,
+          fontWeight: bold ? 700 : 500,
+          fontSize: size * 0.92,
+          color: color ?? "#f97316",
+          letterSpacing: "-0.01em"
+        },
+        children: amount
+      }
+    )
+  ] });
+}
+export {
+  TokenAmount,
+  TokenGlyph
+};
+//# sourceMappingURL=token-glyph.js.map

package/dist/components/token-glyph.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/token-glyph.tsx"],"sourcesContent":["// Inline SVG token glyphs — self-contained, no external asset dependency.\n// Covers the five tokens active on the platform: STRK, ETH, USDC, USDT, WBTC.\n\nconst PRICE_FONT = '\"Geist Mono\", ui-monospace, SFMono-Regular, monospace';\n\nexport type TokenSymbol = 'strk' | 'eth' | 'usdc' | 'usdt' | 'wbtc';\n\nexport interface TokenGlyphProps {\n  token?: TokenSymbol | string;\n  size?: number;\n}\n\nexport function TokenGlyph({ token = 'strk', size = 20 }: TokenGlyphProps) {\n  const gradId = `ml-tg-strk-${size}`;\n\n  switch (token) {\n    case 'eth':\n      return (\n        <svg width={size} height={size} viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n          <circle cx=\"12\" cy=\"12\" r=\"11\" fill=\"#2b2f3a\"/>\n          <path d=\"M12 4 7 12.2l5 3 5-3L12 4Z\" fill=\"#e6e8f0\"/>\n          <path d=\"M7 13.3 12 20l5-6.7-5 3-5-3Z\" fill=\"#b9bdcc\"/>\n        </svg>\n      );\n    case 'usdc':\n      return (\n        <svg width={size} height={size} viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n          <circle cx=\"12\" cy=\"12\" r=\"11\" fill=\"#2775ca\"/>\n          <text x=\"12\" y=\"16.5\" textAnchor=\"middle\" fontSize=\"13\" fontWeight=\"700\" fill=\"#fff\" fontFamily=\"system-ui\">$</text>\n        </svg>\n      );\n    case 'usdt':\n      return (\n        <svg width={size} height={size} viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n          <circle cx=\"12\" cy=\"12\" r=\"11\" fill=\"#26a17b\"/>\n          <text x=\"12\" y=\"16.5\" textAnchor=\"middle\" fontSize=\"12\" fontWeight=\"700\" fill=\"#fff\" fontFamily=\"system-ui\">₮</text>\n        </svg>\n      );\n    case 'wbtc':\n      return (\n        <svg width={size} height={size} viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n          <circle cx=\"12\" cy=\"12\" r=\"11\" fill=\"#f09242\"/>\n          <text x=\"12\" y=\"16.5\" textAnchor=\"middle\" fontSize=\"12\" fontWeight=\"700\" fill=\"#fff\" fontFamily=\"system-ui\">₿</text>\n        </svg>\n      );\n    default:\n      // STRK — magenta→orange gradient coin with swoosh\n      return (\n        <svg width={size} height={size} viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n          <defs>\n            <linearGradient id={gradId} x1=\"3\" y1=\"3\" x2=\"21\" y2=\"21\">\n              <stop offset=\"0\" stopColor=\"#f6608f\"/>\n              <stop offset=\"1\" stopColor=\"#fb8b46\"/>\n            </linearGradient>\n          </defs>\n          <circle cx=\"12\" cy=\"12\" r=\"11\" fill={`url(#${gradId})`}/>\n          <path d=\"M5.5 14.5c3.2-5 9.8-5 13 0\" fill=\"none\" stroke=\"#fff\" strokeWidth=\"1.8\" strokeLinecap=\"round\"/>\n          <circle cx=\"9\" cy=\"10.5\" r=\"0.9\" fill=\"#fff\"/>\n        </svg>\n      );\n  }\n}\n\nexport interface TokenAmountProps {\n  token?: TokenSymbol | string;\n  amount: string;\n  /** Icon size in px. Text size scales proportionally. */\n  size?: number;\n  /** Override the amount text color. Defaults to brand-price orange. */\n  color?: string;\n  bold?: boolean;\n  className?: string;\n}\n\nexport function TokenAmount({\n  token = 'strk',\n  amount,\n  size = 20,\n  color,\n  bold = true,\n  className,\n}: TokenAmountProps) {\n  return (\n    <span className={`inline-flex items-center gap-1.5 ${className ?? ''}`}>\n      <TokenGlyph token={token} size={size} />\n      <span\n        style={{\n          fontFamily: PRICE_FONT,\n          fontWeight: bold ? 700 : 500,\n          fontSize: size * 0.92,\n          color: color ?? '#f97316',\n          letterSpacing: '-0.01em',\n        }}\n      >\n        {amount}\n      </span>\n    </span>\n  );\n}\n"],"mappings":"AAkBQ,SACE,KADF;AAfR,MAAM,aAAa;AASZ,SAAS,WAAW,EAAE,QAAQ,QAAQ,OAAO,GAAG,GAAoB;AACzE,QAAM,SAAS,cAAc,IAAI;AAEjC,UAAQ,OAAO;AAAA,IACb,KAAK;AACH,aACE,qBAAC,SAAI,OAAO,MAAM,QAAQ,MAAM,SAAQ,aAAY,eAAY,QAC9D;AAAA,4BAAC,YAAO,IAAG,MAAK,IAAG,MAAK,GAAE,MAAK,MAAK,WAAS;AAAA,QAC7C,oBAAC,UAAK,GAAE,8BAA6B,MAAK,WAAS;AAAA,QACnD,oBAAC,UAAK,GAAE,gCAA+B,MAAK,WAAS;AAAA,SACvD;AAAA,IAEJ,KAAK;AACH,aACE,qBAAC,SAAI,OAAO,MAAM,QAAQ,MAAM,SAAQ,aAAY,eAAY,QAC9D;AAAA,4BAAC,YAAO,IAAG,MAAK,IAAG,MAAK,GAAE,MAAK,MAAK,WAAS;AAAA,QAC7C,oBAAC,UAAK,GAAE,MAAK,GAAE,QAAO,YAAW,UAAS,UAAS,MAAK,YAAW,OAAM,MAAK,QAAO,YAAW,aAAY,eAAC;AAAA,SAC/G;AAAA,IAEJ,KAAK;AACH,aACE,qBAAC,SAAI,OAAO,MAAM,QAAQ,MAAM,SAAQ,aAAY,eAAY,QAC9D;AAAA,4BAAC,YAAO,IAAG,MAAK,IAAG,MAAK,GAAE,MAAK,MAAK,WAAS;AAAA,QAC7C,oBAAC,UAAK,GAAE,MAAK,GAAE,QAAO,YAAW,UAAS,UAAS,MAAK,YAAW,OAAM,MAAK,QAAO,YAAW,aAAY,oBAAC;AAAA,SAC/G;AAAA,IAEJ,KAAK;AACH,aACE,qBAAC,SAAI,OAAO,MAAM,QAAQ,MAAM,SAAQ,aAAY,eAAY,QAC9D;AAAA,4BAAC,YAAO,IAAG,MAAK,IAAG,MAAK,GAAE,MAAK,MAAK,WAAS;AAAA,QAC7C,oBAAC,UAAK,GAAE,MAAK,GAAE,QAAO,YAAW,UAAS,UAAS,MAAK,YAAW,OAAM,MAAK,QAAO,YAAW,aAAY,oBAAC;AAAA,SAC/G;AAAA,IAEJ;AAEE,aACE,qBAAC,SAAI,OAAO,MAAM,QAAQ,MAAM,SAAQ,aAAY,eAAY,QAC9D;AAAA,4BAAC,UACC,+BAAC,oBAAe,IAAI,QAAQ,IAAG,KAAI,IAAG,KAAI,IAAG,MAAK,IAAG,MACnD;AAAA,8BAAC,UAAK,QAAO,KAAI,WAAU,WAAS;AAAA,UACpC,oBAAC,UAAK,QAAO,KAAI,WAAU,WAAS;AAAA,WACtC,GACF;AAAA,QACA,oBAAC,YAAO,IAAG,MAAK,IAAG,MAAK,GAAE,MAAK,MAAM,QAAQ,MAAM,KAAI;AAAA,QACvD,oBAAC,UAAK,GAAE,8BAA6B,MAAK,QAAO,QAAO,QAAO,aAAY,OAAM,eAAc,SAAO;AAAA,QACtG,oBAAC,YAAO,IAAG,KAAI,IAAG,QAAO,GAAE,OAAM,MAAK,QAAM;AAAA,SAC9C;AAAA,EAEN;AACF;AAaO,SAAS,YAAY;AAAA,EAC1B,QAAQ;AAAA,EACR;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA,OAAO;AAAA,EACP;AACF,GAAqB;AACnB,SACE,qBAAC,UAAK,WAAW,oCAAoC,aAAa,EAAE,IAClE;AAAA,wBAAC,cAAW,OAAc,MAAY;AAAA,IACtC;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,UACL,YAAY;AAAA,UACZ,YAAY,OAAO,MAAM;AAAA,UACzB,UAAU,OAAO;AAAA,UACjB,OAAO,SAAS;AAAA,UAChB,eAAe;AAAA,QACjB;AAAA,QAEC;AAAA;AAAA,IACH;AAAA,KACF;AAEJ;","names":[]}

package/dist/data/brand.cjs

@@ -22,13 +22,6 @@ __export(brand_exports, {
 });
 module.exports = __toCommonJS(brand_exports);
 const BRAND = {
-  purple: {
-    text: "text-brand-purple",
-    bg: "bg-brand-purple/10",
-    bgSolid: "bg-brand-purple/15",
-    from: "from-brand-purple/20",
-    to: "to-brand-purple/20"
-  },
   blue: {
     text: "text-brand-blue",
     bg: "bg-brand-blue/10",
@@ -36,6 +29,27 @@ const BRAND = {
     from: "from-brand-blue/20",
     to: "to-brand-blue/20"
   },
+  electric: {
+    text: "text-brand-electric",
+    bg: "bg-brand-electric/10",
+    bgSolid: "bg-brand-electric/15",
+    from: "from-brand-electric/20",
+    to: "to-brand-electric/20"
+  },
+  indigo: {
+    text: "text-brand-indigo",
+    bg: "bg-brand-indigo/10",
+    bgSolid: "bg-brand-indigo/15",
+    from: "from-brand-indigo/20",
+    to: "to-brand-indigo/20"
+  },
+  purple: {
+    text: "text-brand-purple",
+    bg: "bg-brand-purple/10",
+    bgSolid: "bg-brand-purple/15",
+    from: "from-brand-purple/20",
+    to: "to-brand-purple/20"
+  },
   rose: {
     text: "text-brand-rose",
     bg: "bg-brand-rose/10",
@@ -50,6 +64,11 @@ const BRAND = {
     from: "from-brand-orange/20",
     to: "to-brand-orange/20"
   },
+  price: {
+    text: "text-brand-price",
+    bg: "bg-brand-price/10",
+    bgSolid: "bg-brand-price/15"
+  },
   navy: {
     text: "text-brand-navy",
     bg: "bg-brand-navy/10",

package/dist/data/brand.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/data/brand.ts"],"sourcesContent":["/**\n * Typed Tailwind class constants for Medialane brand colors.\n * Mirrors the brand color extensions defined in the Tailwind preset.\n * Keeping these as string literals ensures JIT picks them up via the\n * consumer's content scan of node_modules/@medialane/ui/dist.\n */\nexport const BRAND = {\n  purple: {\n    text:    \"text-brand-purple\",\n    bg:      \"bg-brand-purple/10\",\n    bgSolid: \"bg-brand-purple/15\",\n    from:    \"from-brand-purple/20\",\n    to:      \"to-brand-purple/20\",\n  },\n  blue: {\n    text:    \"text-brand-blue\",\n    bg:      \"bg-brand-blue/10\",\n    bgSolid: \"bg-brand-blue/15\",\n    from:    \"from-brand-blue/20\",\n    to:      \"to-brand-blue/20\",\n  },\n  rose: {\n    text:    \"text-brand-rose\",\n    bg:      \"bg-brand-rose/10\",\n    bgSolid: \"bg-brand-rose/15\",\n    from:    \"from-brand-rose/20\",\n    to:      \"to-brand-rose/20\",\n  },\n  orange: {\n    text:    \"text-brand-orange\",\n    bg:      \"bg-brand-orange/10\",\n    bgSolid: \"bg-brand-orange/15\",\n    from:    \"from-brand-orange/20\",\n    to:      \"to-brand-orange/20\",\n  },\n  navy: {\n    text:    \"text-brand-navy\",\n    bg:      \"bg-brand-navy/10\",\n    from:    \"from-brand-navy/10\",\n    to:      \"to-brand-navy/10\",\n  },\n} as const;\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAMO,MAAM,QAAQ;AAAA,EACnB,QAAQ;AAAA,IACN,MAAS;AAAA,IACT,IAAS;AAAA,IACT,SAAS;AAAA,IACT,MAAS;AAAA,IACT,IAAS;AAAA,EACX;AAAA,EACA,MAAM;AAAA,IACJ,MAAS;AAAA,IACT,IAAS;AAAA,IACT,SAAS;AAAA,IACT,MAAS;AAAA,IACT,IAAS;AAAA,EACX;AAAA,EACA,MAAM;AAAA,IACJ,MAAS;AAAA,IACT,IAAS;AAAA,IACT,SAAS;AAAA,IACT,MAAS;AAAA,IACT,IAAS;AAAA,EACX;AAAA,EACA,QAAQ;AAAA,IACN,MAAS;AAAA,IACT,IAAS;AAAA,IACT,SAAS;AAAA,IACT,MAAS;AAAA,IACT,IAAS;AAAA,EACX;AAAA,EACA,MAAM;AAAA,IACJ,MAAS;AAAA,IACT,IAAS;AAAA,IACT,MAAS;AAAA,IACT,IAAS;AAAA,EACX;AACF;","names":[]}
+{"version":3,"sources":["../../src/data/brand.ts"],"sourcesContent":["/**\n * Typed Tailwind class constants for Medialane brand colors.\n * Mirrors the brand color extensions defined in the Tailwind preset.\n * Keeping these as string literals ensures JIT picks them up via the\n * consumer's content scan of node_modules/@medialane/ui/dist.\n */\nexport const BRAND = {\n  blue: {\n    text:    \"text-brand-blue\",\n    bg:      \"bg-brand-blue/10\",\n    bgSolid: \"bg-brand-blue/15\",\n    from:    \"from-brand-blue/20\",\n    to:      \"to-brand-blue/20\",\n  },\n  electric: {\n    text:    \"text-brand-electric\",\n    bg:      \"bg-brand-electric/10\",\n    bgSolid: \"bg-brand-electric/15\",\n    from:    \"from-brand-electric/20\",\n    to:      \"to-brand-electric/20\",\n  },\n  indigo: {\n    text:    \"text-brand-indigo\",\n    bg:      \"bg-brand-indigo/10\",\n    bgSolid: \"bg-brand-indigo/15\",\n    from:    \"from-brand-indigo/20\",\n    to:      \"to-brand-indigo/20\",\n  },\n  purple: {\n    text:    \"text-brand-purple\",\n    bg:      \"bg-brand-purple/10\",\n    bgSolid: \"bg-brand-purple/15\",\n    from:    \"from-brand-purple/20\",\n    to:      \"to-brand-purple/20\",\n  },\n  rose: {\n    text:    \"text-brand-rose\",\n    bg:      \"bg-brand-rose/10\",\n    bgSolid: \"bg-brand-rose/15\",\n    from:    \"from-brand-rose/20\",\n    to:      \"to-brand-rose/20\",\n  },\n  orange: {\n    text:    \"text-brand-orange\",\n    bg:      \"bg-brand-orange/10\",\n    bgSolid: \"bg-brand-orange/15\",\n    from:    \"from-brand-orange/20\",\n    to:      \"to-brand-orange/20\",\n  },\n  price: {\n    text:    \"text-brand-price\",\n    bg:      \"bg-brand-price/10\",\n    bgSolid: \"bg-brand-price/15\",\n  },\n  navy: {\n    text:    \"text-brand-navy\",\n    bg:      \"bg-brand-navy/10\",\n    from:    \"from-brand-navy/10\",\n    to:      \"to-brand-navy/10\",\n  },\n} as const;\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAMO,MAAM,QAAQ;AAAA,EACnB,MAAM;AAAA,IACJ,MAAS;AAAA,IACT,IAAS;AAAA,IACT,SAAS;AAAA,IACT,MAAS;AAAA,IACT,IAAS;AAAA,EACX;AAAA,EACA,UAAU;AAAA,IACR,MAAS;AAAA,IACT,IAAS;AAAA,IACT,SAAS;AAAA,IACT,MAAS;AAAA,IACT,IAAS;AAAA,EACX;AAAA,EACA,QAAQ;AAAA,IACN,MAAS;AAAA,IACT,IAAS;AAAA,IACT,SAAS;AAAA,IACT,MAAS;AAAA,IACT,IAAS;AAAA,EACX;AAAA,EACA,QAAQ;AAAA,IACN,MAAS;AAAA,IACT,IAAS;AAAA,IACT,SAAS;AAAA,IACT,MAAS;AAAA,IACT,IAAS;AAAA,EACX;AAAA,EACA,MAAM;AAAA,IACJ,MAAS;AAAA,IACT,IAAS;AAAA,IACT,SAAS;AAAA,IACT,MAAS;AAAA,IACT,IAAS;AAAA,EACX;AAAA,EACA,QAAQ;AAAA,IACN,MAAS;AAAA,IACT,IAAS;AAAA,IACT,SAAS;AAAA,IACT,MAAS;AAAA,IACT,IAAS;AAAA,EACX;AAAA,EACA,OAAO;AAAA,IACL,MAAS;AAAA,IACT,IAAS;AAAA,IACT,SAAS;AAAA,EACX;AAAA,EACA,MAAM;AAAA,IACJ,MAAS;AAAA,IACT,IAAS;AAAA,IACT,MAAS;AAAA,IACT,IAAS;AAAA,EACX;AACF;","names":[]}

package/dist/data/brand.d.cts

@@ -5,13 +5,6 @@
  * consumer's content scan of node_modules/@medialane/ui/dist.
  */
 declare const BRAND: {
-    readonly purple: {
-        readonly text: "text-brand-purple";
-        readonly bg: "bg-brand-purple/10";
-        readonly bgSolid: "bg-brand-purple/15";
-        readonly from: "from-brand-purple/20";
-        readonly to: "to-brand-purple/20";
-    };
     readonly blue: {
         readonly text: "text-brand-blue";
         readonly bg: "bg-brand-blue/10";
@@ -19,6 +12,27 @@ declare const BRAND: {
         readonly from: "from-brand-blue/20";
         readonly to: "to-brand-blue/20";
     };
+    readonly electric: {
+        readonly text: "text-brand-electric";
+        readonly bg: "bg-brand-electric/10";
+        readonly bgSolid: "bg-brand-electric/15";
+        readonly from: "from-brand-electric/20";
+        readonly to: "to-brand-electric/20";
+    };
+    readonly indigo: {
+        readonly text: "text-brand-indigo";
+        readonly bg: "bg-brand-indigo/10";
+        readonly bgSolid: "bg-brand-indigo/15";
+        readonly from: "from-brand-indigo/20";
+        readonly to: "to-brand-indigo/20";
+    };
+    readonly purple: {
+        readonly text: "text-brand-purple";
+        readonly bg: "bg-brand-purple/10";
+        readonly bgSolid: "bg-brand-purple/15";
+        readonly from: "from-brand-purple/20";
+        readonly to: "to-brand-purple/20";
+    };
     readonly rose: {
         readonly text: "text-brand-rose";
         readonly bg: "bg-brand-rose/10";
@@ -33,6 +47,11 @@ declare const BRAND: {
         readonly from: "from-brand-orange/20";
         readonly to: "to-brand-orange/20";
     };
+    readonly price: {
+        readonly text: "text-brand-price";
+        readonly bg: "bg-brand-price/10";
+        readonly bgSolid: "bg-brand-price/15";
+    };
     readonly navy: {
         readonly text: "text-brand-navy";
         readonly bg: "bg-brand-navy/10";

package/dist/data/brand.d.ts

@@ -5,13 +5,6 @@
  * consumer's content scan of node_modules/@medialane/ui/dist.
  */
 declare const BRAND: {
-    readonly purple: {
-        readonly text: "text-brand-purple";
-        readonly bg: "bg-brand-purple/10";
-        readonly bgSolid: "bg-brand-purple/15";
-        readonly from: "from-brand-purple/20";
-        readonly to: "to-brand-purple/20";
-    };
     readonly blue: {
         readonly text: "text-brand-blue";
         readonly bg: "bg-brand-blue/10";
@@ -19,6 +12,27 @@ declare const BRAND: {
         readonly from: "from-brand-blue/20";
         readonly to: "to-brand-blue/20";
     };
+    readonly electric: {
+        readonly text: "text-brand-electric";
+        readonly bg: "bg-brand-electric/10";
+        readonly bgSolid: "bg-brand-electric/15";
+        readonly from: "from-brand-electric/20";
+        readonly to: "to-brand-electric/20";
+    };
+    readonly indigo: {
+        readonly text: "text-brand-indigo";
+        readonly bg: "bg-brand-indigo/10";
+        readonly bgSolid: "bg-brand-indigo/15";
+        readonly from: "from-brand-indigo/20";
+        readonly to: "to-brand-indigo/20";
+    };
+    readonly purple: {
+        readonly text: "text-brand-purple";
+        readonly bg: "bg-brand-purple/10";
+        readonly bgSolid: "bg-brand-purple/15";
+        readonly from: "from-brand-purple/20";
+        readonly to: "to-brand-purple/20";
+    };
     readonly rose: {
         readonly text: "text-brand-rose";
         readonly bg: "bg-brand-rose/10";
@@ -33,6 +47,11 @@ declare const BRAND: {
         readonly from: "from-brand-orange/20";
         readonly to: "to-brand-orange/20";
     };
+    readonly price: {
+        readonly text: "text-brand-price";
+        readonly bg: "bg-brand-price/10";
+        readonly bgSolid: "bg-brand-price/15";
+    };
     readonly navy: {
         readonly text: "text-brand-navy";
         readonly bg: "bg-brand-navy/10";