@medialane/ui 0.105.0 → 0.107.0

package/dist/components/create-form-primitives.cjs

@@ -0,0 +1,61 @@
+"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 create_form_primitives_exports = {};
+__export(create_form_primitives_exports, {
+  Section: () => Section,
+  ToggleGroup: () => ToggleGroup
+});
+module.exports = __toCommonJS(create_form_primitives_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_cn = require("../utils/cn.js");
+function ToggleGroup({
+  value,
+  options,
+  onChange
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex rounded-lg border border-border overflow-hidden w-full", children: options.map((opt, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "button",
+    {
+      type: "button",
+      onClick: () => onChange(opt),
+      className: (0, import_cn.cn)(
+        "flex-1 px-3 py-2 text-sm transition-colors",
+        i > 0 && "border-l border-border",
+        value === opt ? "bg-primary text-primary-foreground font-medium" : "bg-background hover:bg-muted text-muted-foreground"
+      ),
+      children: opt
+    },
+    opt
+  )) });
+}
+function Section({ title, icon, children }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rounded-xl border border-border bg-card p-5 space-y-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-2 text-sm font-semibold", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-primary", children: icon }),
+      title
+    ] }),
+    children
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Section,
+  ToggleGroup
+});
+//# sourceMappingURL=create-form-primitives.cjs.map

package/dist/components/create-form-primitives.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/create-form-primitives.tsx"],"sourcesContent":["import { cn } from \"../utils/cn.js\";\n\n/** Segmented two/three-option toggle used across the create flows. */\nexport function ToggleGroup({\n  value, options, onChange,\n}: { value: string; options: readonly string[]; onChange: (v: string) => void }) {\n  return (\n    <div className=\"flex rounded-lg border border-border overflow-hidden w-full\">\n      {options.map((opt, i) => (\n        <button\n          key={opt}\n          type=\"button\"\n          onClick={() => onChange(opt)}\n          className={cn(\n            \"flex-1 px-3 py-2 text-sm transition-colors\",\n            i > 0 && \"border-l border-border\",\n            value === opt\n              ? \"bg-primary text-primary-foreground font-medium\"\n              : \"bg-background hover:bg-muted text-muted-foreground\",\n          )}\n        >\n          {opt}\n        </button>\n      ))}\n    </div>\n  );\n}\n\n/** Titled card section wrapper for the create forms. */\nexport function Section({ title, icon, children }: {\n  title: string; icon: React.ReactNode; children: React.ReactNode;\n}) {\n  return (\n    <div className=\"rounded-xl border border-border bg-card p-5 space-y-4\">\n      <div className=\"flex items-center gap-2 text-sm font-semibold\">\n        <span className=\"text-primary\">{icon}</span>\n        {title}\n      </div>\n      {children}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASQ;AATR,gBAAmB;AAGZ,SAAS,YAAY;AAAA,EAC1B;AAAA,EAAO;AAAA,EAAS;AAClB,GAAiF;AAC/E,SACE,4CAAC,SAAI,WAAU,+DACZ,kBAAQ,IAAI,CAAC,KAAK,MACjB;AAAA,IAAC;AAAA;AAAA,MAEC,MAAK;AAAA,MACL,SAAS,MAAM,SAAS,GAAG;AAAA,MAC3B,eAAW;AAAA,QACT;AAAA,QACA,IAAI,KAAK;AAAA,QACT,UAAU,MACN,mDACA;AAAA,MACN;AAAA,MAEC;AAAA;AAAA,IAXI;AAAA,EAYP,CACD,GACH;AAEJ;AAGO,SAAS,QAAQ,EAAE,OAAO,MAAM,SAAS,GAE7C;AACD,SACE,6CAAC,SAAI,WAAU,yDACb;AAAA,iDAAC,SAAI,WAAU,iDACb;AAAA,kDAAC,UAAK,WAAU,gBAAgB,gBAAK;AAAA,MACpC;AAAA,OACH;AAAA,IACC;AAAA,KACH;AAEJ;","names":[]}

package/dist/components/create-form-primitives.d.cts

@@ -0,0 +1,16 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+/** Segmented two/three-option toggle used across the create flows. */
+declare function ToggleGroup({ value, options, onChange, }: {
+    value: string;
+    options: readonly string[];
+    onChange: (v: string) => void;
+}): react_jsx_runtime.JSX.Element;
+/** Titled card section wrapper for the create forms. */
+declare function Section({ title, icon, children }: {
+    title: string;
+    icon: React.ReactNode;
+    children: React.ReactNode;
+}): react_jsx_runtime.JSX.Element;
+
+export { Section, ToggleGroup };

package/dist/components/create-form-primitives.d.ts

@@ -0,0 +1,16 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+/** Segmented two/three-option toggle used across the create flows. */
+declare function ToggleGroup({ value, options, onChange, }: {
+    value: string;
+    options: readonly string[];
+    onChange: (v: string) => void;
+}): react_jsx_runtime.JSX.Element;
+/** Titled card section wrapper for the create forms. */
+declare function Section({ title, icon, children }: {
+    title: string;
+    icon: React.ReactNode;
+    children: React.ReactNode;
+}): react_jsx_runtime.JSX.Element;
+
+export { Section, ToggleGroup };

package/dist/components/create-form-primitives.js

@@ -0,0 +1,36 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "../utils/cn.js";
+function ToggleGroup({
+  value,
+  options,
+  onChange
+}) {
+  return /* @__PURE__ */ jsx("div", { className: "flex rounded-lg border border-border overflow-hidden w-full", children: options.map((opt, i) => /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      onClick: () => onChange(opt),
+      className: cn(
+        "flex-1 px-3 py-2 text-sm transition-colors",
+        i > 0 && "border-l border-border",
+        value === opt ? "bg-primary text-primary-foreground font-medium" : "bg-background hover:bg-muted text-muted-foreground"
+      ),
+      children: opt
+    },
+    opt
+  )) });
+}
+function Section({ title, icon, children }) {
+  return /* @__PURE__ */ jsxs("div", { className: "rounded-xl border border-border bg-card p-5 space-y-4", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-sm font-semibold", children: [
+      /* @__PURE__ */ jsx("span", { className: "text-primary", children: icon }),
+      title
+    ] }),
+    children
+  ] });
+}
+export {
+  Section,
+  ToggleGroup
+};
+//# sourceMappingURL=create-form-primitives.js.map

package/dist/components/create-form-primitives.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/create-form-primitives.tsx"],"sourcesContent":["import { cn } from \"../utils/cn.js\";\n\n/** Segmented two/three-option toggle used across the create flows. */\nexport function ToggleGroup({\n  value, options, onChange,\n}: { value: string; options: readonly string[]; onChange: (v: string) => void }) {\n  return (\n    <div className=\"flex rounded-lg border border-border overflow-hidden w-full\">\n      {options.map((opt, i) => (\n        <button\n          key={opt}\n          type=\"button\"\n          onClick={() => onChange(opt)}\n          className={cn(\n            \"flex-1 px-3 py-2 text-sm transition-colors\",\n            i > 0 && \"border-l border-border\",\n            value === opt\n              ? \"bg-primary text-primary-foreground font-medium\"\n              : \"bg-background hover:bg-muted text-muted-foreground\",\n          )}\n        >\n          {opt}\n        </button>\n      ))}\n    </div>\n  );\n}\n\n/** Titled card section wrapper for the create forms. */\nexport function Section({ title, icon, children }: {\n  title: string; icon: React.ReactNode; children: React.ReactNode;\n}) {\n  return (\n    <div className=\"rounded-xl border border-border bg-card p-5 space-y-4\">\n      <div className=\"flex items-center gap-2 text-sm font-semibold\">\n        <span className=\"text-primary\">{icon}</span>\n        {title}\n      </div>\n      {children}\n    </div>\n  );\n}\n"],"mappings":"AASQ,cAyBF,YAzBE;AATR,SAAS,UAAU;AAGZ,SAAS,YAAY;AAAA,EAC1B;AAAA,EAAO;AAAA,EAAS;AAClB,GAAiF;AAC/E,SACE,oBAAC,SAAI,WAAU,+DACZ,kBAAQ,IAAI,CAAC,KAAK,MACjB;AAAA,IAAC;AAAA;AAAA,MAEC,MAAK;AAAA,MACL,SAAS,MAAM,SAAS,GAAG;AAAA,MAC3B,WAAW;AAAA,QACT;AAAA,QACA,IAAI,KAAK;AAAA,QACT,UAAU,MACN,mDACA;AAAA,MACN;AAAA,MAEC;AAAA;AAAA,IAXI;AAAA,EAYP,CACD,GACH;AAEJ;AAGO,SAAS,QAAQ,EAAE,OAAO,MAAM,SAAS,GAE7C;AACD,SACE,qBAAC,SAAI,WAAU,yDACb;AAAA,yBAAC,SAAI,WAAU,iDACb;AAAA,0BAAC,UAAK,WAAU,gBAAgB,gBAAK;AAAA,MACpC;AAAA,OACH;AAAA,IACC;AAAA,KACH;AAEJ;","names":[]}

package/dist/components/creation-record.cjs

@@ -0,0 +1,86 @@
+"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 creation_record_exports = {};
+__export(creation_record_exports, {
+  CreationRecord: () => CreationRecord
+});
+module.exports = __toCommonJS(creation_record_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_lucide_react = require("lucide-react");
+var import_link = __toESM(require("next/link"), 1);
+var import_sdk = require("@medialane/sdk");
+const EXPLORER_URL = process.env.NEXT_PUBLIC_EXPLORER_URL || "https://voyager.online";
+function CreationRecord({ originalCreator, registeredAt }) {
+  const creator = originalCreator ? (0, import_sdk.normalizeAddress)("STARKNET", originalCreator) : "";
+  const date = new Date(registeredAt * 1e3);
+  const formatted = date.toLocaleDateString(void 0, {
+    year: "numeric",
+    month: "long",
+    day: "numeric"
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rounded-lg bg-amber-500/5 p-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-2 mb-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Award, { className: "h-4 w-4 text-amber-500" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm font-semibold text-amber-500", children: "Creation Record" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-xs text-muted-foreground mb-3", children: "Immutable on-chain authorship record set at mint and stored permanently for legal evidence of creation (Berne Convention)." }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("dl", { className: "space-y-2 text-sm", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dt", { className: "text-muted-foreground", children: "Original creator" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dd", { className: "tabular-nums", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_link.default, { href: `/creator/${creator}`, className: "hover:underline", children: [
+          creator.slice(0, 6),
+          "\u2026",
+          creator.slice(-4)
+        ] }) })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dt", { className: "text-muted-foreground", children: "Registered at" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dd", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+          "a",
+          {
+            href: `${EXPLORER_URL}/contract/${creator}`,
+            target: "_blank",
+            rel: "noreferrer",
+            className: "inline-flex items-center gap-1 hover:underline",
+            children: [
+              formatted,
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ExternalLink, { className: "h-3 w-3" })
+            ]
+          }
+        ) })
+      ] })
+    ] })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CreationRecord
+});
+//# sourceMappingURL=creation-record.cjs.map

package/dist/components/creation-record.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/creation-record.tsx"],"sourcesContent":["\"use client\";\n\nimport { Award, ExternalLink } from \"lucide-react\";\nimport Link from \"next/link\";\nimport { normalizeAddress } from \"@medialane/sdk\";\n\nconst EXPLORER_URL = process.env.NEXT_PUBLIC_EXPLORER_URL || \"https://voyager.online\";\n\nexport interface CreationRecordProps {\n  originalCreator: string;\n  registeredAt: number; // unix seconds\n}\n\n/**\n * Berne Convention authorship record surfaced from IPNft.get_full_token_data.\n * Both fields are immutable on-chain — original_creator is set at mint time\n * and never changes regardless of subsequent ownership transfers.\n */\nexport function CreationRecord({ originalCreator, registeredAt }: CreationRecordProps) {\n  const creator = originalCreator ? normalizeAddress(\"STARKNET\", originalCreator) : \"\";\n  const date = new Date(registeredAt * 1000);\n  const formatted = date.toLocaleDateString(undefined, {\n    year: \"numeric\",\n    month: \"long\",\n    day: \"numeric\",\n  });\n\n  return (\n    <div className=\"rounded-lg bg-amber-500/5 p-4\">\n      <div className=\"flex items-center gap-2 mb-3\">\n        <Award className=\"h-4 w-4 text-amber-500\" />\n        <p className=\"text-sm font-semibold text-amber-500\">Creation Record</p>\n      </div>\n      <p className=\"text-xs text-muted-foreground mb-3\">\n        Immutable on-chain authorship record set at mint and stored permanently\n        for legal evidence of creation (Berne Convention).\n      </p>\n      <dl className=\"space-y-2 text-sm\">\n        <div className=\"flex items-center justify-between\">\n          <dt className=\"text-muted-foreground\">Original creator</dt>\n          <dd className=\"tabular-nums\">\n            <Link href={`/creator/${creator}`} className=\"hover:underline\">\n              {creator.slice(0, 6)}…{creator.slice(-4)}\n            </Link>\n          </dd>\n        </div>\n        <div className=\"flex items-center justify-between\">\n          <dt className=\"text-muted-foreground\">Registered at</dt>\n          <dd>\n            <a\n              href={`${EXPLORER_URL}/contract/${creator}`}\n              target=\"_blank\"\n              rel=\"noreferrer\"\n              className=\"inline-flex items-center gap-1 hover:underline\"\n            >\n              {formatted}\n              <ExternalLink className=\"h-3 w-3\" />\n            </a>\n          </dd>\n        </div>\n      </dl>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA6BM;AA3BN,0BAAoC;AACpC,kBAAiB;AACjB,iBAAiC;AAEjC,MAAM,eAAe,QAAQ,IAAI,4BAA4B;AAYtD,SAAS,eAAe,EAAE,iBAAiB,aAAa,GAAwB;AACrF,QAAM,UAAU,sBAAkB,6BAAiB,YAAY,eAAe,IAAI;AAClF,QAAM,OAAO,IAAI,KAAK,eAAe,GAAI;AACzC,QAAM,YAAY,KAAK,mBAAmB,QAAW;AAAA,IACnD,MAAM;AAAA,IACN,OAAO;AAAA,IACP,KAAK;AAAA,EACP,CAAC;AAED,SACE,6CAAC,SAAI,WAAU,iCACb;AAAA,iDAAC,SAAI,WAAU,gCACb;AAAA,kDAAC,6BAAM,WAAU,0BAAyB;AAAA,MAC1C,4CAAC,OAAE,WAAU,wCAAuC,6BAAe;AAAA,OACrE;AAAA,IACA,4CAAC,OAAE,WAAU,sCAAqC,wIAGlD;AAAA,IACA,6CAAC,QAAG,WAAU,qBACZ;AAAA,mDAAC,SAAI,WAAU,qCACb;AAAA,oDAAC,QAAG,WAAU,yBAAwB,8BAAgB;AAAA,QACtD,4CAAC,QAAG,WAAU,gBACZ,uDAAC,YAAAA,SAAA,EAAK,MAAM,YAAY,OAAO,IAAI,WAAU,mBAC1C;AAAA,kBAAQ,MAAM,GAAG,CAAC;AAAA,UAAE;AAAA,UAAE,QAAQ,MAAM,EAAE;AAAA,WACzC,GACF;AAAA,SACF;AAAA,MACA,6CAAC,SAAI,WAAU,qCACb;AAAA,oDAAC,QAAG,WAAU,yBAAwB,2BAAa;AAAA,QACnD,4CAAC,QACC;AAAA,UAAC;AAAA;AAAA,YACC,MAAM,GAAG,YAAY,aAAa,OAAO;AAAA,YACzC,QAAO;AAAA,YACP,KAAI;AAAA,YACJ,WAAU;AAAA,YAET;AAAA;AAAA,cACD,4CAAC,oCAAa,WAAU,WAAU;AAAA;AAAA;AAAA,QACpC,GACF;AAAA,SACF;AAAA,OACF;AAAA,KACF;AAEJ;","names":["Link"]}

package/dist/components/creation-record.d.cts

@@ -0,0 +1,14 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface CreationRecordProps {
+    originalCreator: string;
+    registeredAt: number;
+}
+/**
+ * Berne Convention authorship record surfaced from IPNft.get_full_token_data.
+ * Both fields are immutable on-chain — original_creator is set at mint time
+ * and never changes regardless of subsequent ownership transfers.
+ */
+declare function CreationRecord({ originalCreator, registeredAt }: CreationRecordProps): react_jsx_runtime.JSX.Element;
+
+export { CreationRecord, type CreationRecordProps };

package/dist/components/creation-record.d.ts

@@ -0,0 +1,14 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface CreationRecordProps {
+    originalCreator: string;
+    registeredAt: number;
+}
+/**
+ * Berne Convention authorship record surfaced from IPNft.get_full_token_data.
+ * Both fields are immutable on-chain — original_creator is set at mint time
+ * and never changes regardless of subsequent ownership transfers.
+ */
+declare function CreationRecord({ originalCreator, registeredAt }: CreationRecordProps): react_jsx_runtime.JSX.Element;
+
+export { CreationRecord, type CreationRecordProps };

package/dist/components/creation-record.js

@@ -0,0 +1,52 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Award, ExternalLink } from "lucide-react";
+import Link from "next/link";
+import { normalizeAddress } from "@medialane/sdk";
+const EXPLORER_URL = process.env.NEXT_PUBLIC_EXPLORER_URL || "https://voyager.online";
+function CreationRecord({ originalCreator, registeredAt }) {
+  const creator = originalCreator ? normalizeAddress("STARKNET", originalCreator) : "";
+  const date = new Date(registeredAt * 1e3);
+  const formatted = date.toLocaleDateString(void 0, {
+    year: "numeric",
+    month: "long",
+    day: "numeric"
+  });
+  return /* @__PURE__ */ jsxs("div", { className: "rounded-lg bg-amber-500/5 p-4", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mb-3", children: [
+      /* @__PURE__ */ jsx(Award, { className: "h-4 w-4 text-amber-500" }),
+      /* @__PURE__ */ jsx("p", { className: "text-sm font-semibold text-amber-500", children: "Creation Record" })
+    ] }),
+    /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground mb-3", children: "Immutable on-chain authorship record set at mint and stored permanently for legal evidence of creation (Berne Convention)." }),
+    /* @__PURE__ */ jsxs("dl", { className: "space-y-2 text-sm", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ jsx("dt", { className: "text-muted-foreground", children: "Original creator" }),
+        /* @__PURE__ */ jsx("dd", { className: "tabular-nums", children: /* @__PURE__ */ jsxs(Link, { href: `/creator/${creator}`, className: "hover:underline", children: [
+          creator.slice(0, 6),
+          "\u2026",
+          creator.slice(-4)
+        ] }) })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ jsx("dt", { className: "text-muted-foreground", children: "Registered at" }),
+        /* @__PURE__ */ jsx("dd", { children: /* @__PURE__ */ jsxs(
+          "a",
+          {
+            href: `${EXPLORER_URL}/contract/${creator}`,
+            target: "_blank",
+            rel: "noreferrer",
+            className: "inline-flex items-center gap-1 hover:underline",
+            children: [
+              formatted,
+              /* @__PURE__ */ jsx(ExternalLink, { className: "h-3 w-3" })
+            ]
+          }
+        ) })
+      ] })
+    ] })
+  ] });
+}
+export {
+  CreationRecord
+};
+//# sourceMappingURL=creation-record.js.map

package/dist/components/creation-record.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/creation-record.tsx"],"sourcesContent":["\"use client\";\n\nimport { Award, ExternalLink } from \"lucide-react\";\nimport Link from \"next/link\";\nimport { normalizeAddress } from \"@medialane/sdk\";\n\nconst EXPLORER_URL = process.env.NEXT_PUBLIC_EXPLORER_URL || \"https://voyager.online\";\n\nexport interface CreationRecordProps {\n  originalCreator: string;\n  registeredAt: number; // unix seconds\n}\n\n/**\n * Berne Convention authorship record surfaced from IPNft.get_full_token_data.\n * Both fields are immutable on-chain — original_creator is set at mint time\n * and never changes regardless of subsequent ownership transfers.\n */\nexport function CreationRecord({ originalCreator, registeredAt }: CreationRecordProps) {\n  const creator = originalCreator ? normalizeAddress(\"STARKNET\", originalCreator) : \"\";\n  const date = new Date(registeredAt * 1000);\n  const formatted = date.toLocaleDateString(undefined, {\n    year: \"numeric\",\n    month: \"long\",\n    day: \"numeric\",\n  });\n\n  return (\n    <div className=\"rounded-lg bg-amber-500/5 p-4\">\n      <div className=\"flex items-center gap-2 mb-3\">\n        <Award className=\"h-4 w-4 text-amber-500\" />\n        <p className=\"text-sm font-semibold text-amber-500\">Creation Record</p>\n      </div>\n      <p className=\"text-xs text-muted-foreground mb-3\">\n        Immutable on-chain authorship record set at mint and stored permanently\n        for legal evidence of creation (Berne Convention).\n      </p>\n      <dl className=\"space-y-2 text-sm\">\n        <div className=\"flex items-center justify-between\">\n          <dt className=\"text-muted-foreground\">Original creator</dt>\n          <dd className=\"tabular-nums\">\n            <Link href={`/creator/${creator}`} className=\"hover:underline\">\n              {creator.slice(0, 6)}…{creator.slice(-4)}\n            </Link>\n          </dd>\n        </div>\n        <div className=\"flex items-center justify-between\">\n          <dt className=\"text-muted-foreground\">Registered at</dt>\n          <dd>\n            <a\n              href={`${EXPLORER_URL}/contract/${creator}`}\n              target=\"_blank\"\n              rel=\"noreferrer\"\n              className=\"inline-flex items-center gap-1 hover:underline\"\n            >\n              {formatted}\n              <ExternalLink className=\"h-3 w-3\" />\n            </a>\n          </dd>\n        </div>\n      </dl>\n    </div>\n  );\n}\n"],"mappings":";AA6BM,SACE,KADF;AA3BN,SAAS,OAAO,oBAAoB;AACpC,OAAO,UAAU;AACjB,SAAS,wBAAwB;AAEjC,MAAM,eAAe,QAAQ,IAAI,4BAA4B;AAYtD,SAAS,eAAe,EAAE,iBAAiB,aAAa,GAAwB;AACrF,QAAM,UAAU,kBAAkB,iBAAiB,YAAY,eAAe,IAAI;AAClF,QAAM,OAAO,IAAI,KAAK,eAAe,GAAI;AACzC,QAAM,YAAY,KAAK,mBAAmB,QAAW;AAAA,IACnD,MAAM;AAAA,IACN,OAAO;AAAA,IACP,KAAK;AAAA,EACP,CAAC;AAED,SACE,qBAAC,SAAI,WAAU,iCACb;AAAA,yBAAC,SAAI,WAAU,gCACb;AAAA,0BAAC,SAAM,WAAU,0BAAyB;AAAA,MAC1C,oBAAC,OAAE,WAAU,wCAAuC,6BAAe;AAAA,OACrE;AAAA,IACA,oBAAC,OAAE,WAAU,sCAAqC,wIAGlD;AAAA,IACA,qBAAC,QAAG,WAAU,qBACZ;AAAA,2BAAC,SAAI,WAAU,qCACb;AAAA,4BAAC,QAAG,WAAU,yBAAwB,8BAAgB;AAAA,QACtD,oBAAC,QAAG,WAAU,gBACZ,+BAAC,QAAK,MAAM,YAAY,OAAO,IAAI,WAAU,mBAC1C;AAAA,kBAAQ,MAAM,GAAG,CAAC;AAAA,UAAE;AAAA,UAAE,QAAQ,MAAM,EAAE;AAAA,WACzC,GACF;AAAA,SACF;AAAA,MACA,qBAAC,SAAI,WAAU,qCACb;AAAA,4BAAC,QAAG,WAAU,yBAAwB,2BAAa;AAAA,QACnD,oBAAC,QACC;AAAA,UAAC;AAAA;AAAA,YACC,MAAM,GAAG,YAAY,aAAa,OAAO;AAAA,YACzC,QAAO;AAAA,YACP,KAAI;AAAA,YACJ,WAAU;AAAA,YAET;AAAA;AAAA,cACD,oBAAC,gBAAa,WAAU,WAAU;AAAA;AAAA;AAAA,QACpC,GACF;AAAA,SACF;AAAA,OACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/components/creator-chip.cjs

@@ -0,0 +1,58 @@
+"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 creator_chip_exports = {};
+__export(creator_chip_exports, {
+  CreatorChip: () => CreatorChip
+});
+module.exports = __toCommonJS(creator_chip_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_link = __toESM(require("next/link"), 1);
+var import_use_profiles = require("../utils/use-profiles.js");
+var import_address_display = require("./address-display.js");
+function CreatorChip({ getClient, address }) {
+  const { profile } = (0, import_use_profiles.useCreatorProfile)(getClient, address);
+  const label = profile?.displayName || profile?.username || null;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_link.default,
+    {
+      href: `/account/${address}`,
+      className: "inline-flex items-center gap-1.5 text-sm rounded-full px-2 py-1 hover:bg-muted/60 active:scale-[0.98] transition",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-muted-foreground shrink-0", children: "by" }),
+        label ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "font-semibold text-foreground truncate", children: label }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_address_display.AddressDisplay, { address, chars: 6, showCopy: false, className: "font-semibold text-foreground" })
+      ]
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CreatorChip
+});
+//# sourceMappingURL=creator-chip.cjs.map

package/dist/components/creator-chip.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/creator-chip.tsx"],"sourcesContent":["\"use client\";\n\nimport Link from \"next/link\";\nimport type { MedialaneClient } from \"@medialane/sdk/starknet\";\nimport { useCreatorProfile } from \"../utils/use-profiles.js\";\nimport { AddressDisplay } from \"./address-display.js\";\n\nexport interface CreatorChipProps {\n  getClient: () => MedialaneClient;\n  address: string;\n}\n\nexport function CreatorChip({ getClient, address }: CreatorChipProps) {\n  const { profile } = useCreatorProfile(getClient, address);\n  const label = profile?.displayName || profile?.username || null;\n\n  return (\n    <Link\n      href={`/account/${address}`}\n      className=\"inline-flex items-center gap-1.5 text-sm rounded-full px-2 py-1 hover:bg-muted/60 active:scale-[0.98] transition\"\n    >\n      <span className=\"text-muted-foreground shrink-0\">by</span>\n      {label ? (\n        <span className=\"font-semibold text-foreground truncate\">{label}</span>\n      ) : (\n        <AddressDisplay address={address} chars={6} showCopy={false} className=\"font-semibold text-foreground\" />\n      )}\n    </Link>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAiBI;AAfJ,kBAAiB;AAEjB,0BAAkC;AAClC,6BAA+B;AAOxB,SAAS,YAAY,EAAE,WAAW,QAAQ,GAAqB;AACpE,QAAM,EAAE,QAAQ,QAAI,uCAAkB,WAAW,OAAO;AACxD,QAAM,QAAQ,SAAS,eAAe,SAAS,YAAY;AAE3D,SACE;AAAA,IAAC,YAAAA;AAAA,IAAA;AAAA,MACC,MAAM,YAAY,OAAO;AAAA,MACzB,WAAU;AAAA,MAEV;AAAA,oDAAC,UAAK,WAAU,kCAAiC,gBAAE;AAAA,QAClD,QACC,4CAAC,UAAK,WAAU,0CAA0C,iBAAM,IAEhE,4CAAC,yCAAe,SAAkB,OAAO,GAAG,UAAU,OAAO,WAAU,iCAAgC;AAAA;AAAA;AAAA,EAE3G;AAEJ;","names":["Link"]}

package/dist/components/creator-chip.d.cts

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { MedialaneClient } from '@medialane/sdk/starknet';
+
+interface CreatorChipProps {
+    getClient: () => MedialaneClient;
+    address: string;
+}
+declare function CreatorChip({ getClient, address }: CreatorChipProps): react_jsx_runtime.JSX.Element;
+
+export { CreatorChip, type CreatorChipProps };

package/dist/components/creator-chip.d.ts

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { MedialaneClient } from '@medialane/sdk/starknet';
+
+interface CreatorChipProps {
+    getClient: () => MedialaneClient;
+    address: string;
+}
+declare function CreatorChip({ getClient, address }: CreatorChipProps): react_jsx_runtime.JSX.Element;
+
+export { CreatorChip, type CreatorChipProps };

package/dist/components/creator-chip.js

@@ -0,0 +1,24 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import Link from "next/link";
+import { useCreatorProfile } from "../utils/use-profiles.js";
+import { AddressDisplay } from "./address-display.js";
+function CreatorChip({ getClient, address }) {
+  const { profile } = useCreatorProfile(getClient, address);
+  const label = profile?.displayName || profile?.username || null;
+  return /* @__PURE__ */ jsxs(
+    Link,
+    {
+      href: `/account/${address}`,
+      className: "inline-flex items-center gap-1.5 text-sm rounded-full px-2 py-1 hover:bg-muted/60 active:scale-[0.98] transition",
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "text-muted-foreground shrink-0", children: "by" }),
+        label ? /* @__PURE__ */ jsx("span", { className: "font-semibold text-foreground truncate", children: label }) : /* @__PURE__ */ jsx(AddressDisplay, { address, chars: 6, showCopy: false, className: "font-semibold text-foreground" })
+      ]
+    }
+  );
+}
+export {
+  CreatorChip
+};
+//# sourceMappingURL=creator-chip.js.map

package/dist/components/creator-chip.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/creator-chip.tsx"],"sourcesContent":["\"use client\";\n\nimport Link from \"next/link\";\nimport type { MedialaneClient } from \"@medialane/sdk/starknet\";\nimport { useCreatorProfile } from \"../utils/use-profiles.js\";\nimport { AddressDisplay } from \"./address-display.js\";\n\nexport interface CreatorChipProps {\n  getClient: () => MedialaneClient;\n  address: string;\n}\n\nexport function CreatorChip({ getClient, address }: CreatorChipProps) {\n  const { profile } = useCreatorProfile(getClient, address);\n  const label = profile?.displayName || profile?.username || null;\n\n  return (\n    <Link\n      href={`/account/${address}`}\n      className=\"inline-flex items-center gap-1.5 text-sm rounded-full px-2 py-1 hover:bg-muted/60 active:scale-[0.98] transition\"\n    >\n      <span className=\"text-muted-foreground shrink-0\">by</span>\n      {label ? (\n        <span className=\"font-semibold text-foreground truncate\">{label}</span>\n      ) : (\n        <AddressDisplay address={address} chars={6} showCopy={false} className=\"font-semibold text-foreground\" />\n      )}\n    </Link>\n  );\n}\n"],"mappings":";AAiBI,SAIE,KAJF;AAfJ,OAAO,UAAU;AAEjB,SAAS,yBAAyB;AAClC,SAAS,sBAAsB;AAOxB,SAAS,YAAY,EAAE,WAAW,QAAQ,GAAqB;AACpE,QAAM,EAAE,QAAQ,IAAI,kBAAkB,WAAW,OAAO;AACxD,QAAM,QAAQ,SAAS,eAAe,SAAS,YAAY;AAE3D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAM,YAAY,OAAO;AAAA,MACzB,WAAU;AAAA,MAEV;AAAA,4BAAC,UAAK,WAAU,kCAAiC,gBAAE;AAAA,QAClD,QACC,oBAAC,UAAK,WAAU,0CAA0C,iBAAM,IAEhE,oBAAC,kBAAe,SAAkB,OAAO,GAAG,UAAU,OAAO,WAAU,iCAAgC;AAAA;AAAA;AAAA,EAE3G;AAEJ;","names":[]}

package/dist/components/creator-score-inline.cjs

@@ -0,0 +1,52 @@
+"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 creator_score_inline_exports = {};
+__export(creator_score_inline_exports, {
+  CreatorScoreInline: () => CreatorScoreInline
+});
+module.exports = __toCommonJS(creator_score_inline_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_link = __toESM(require("next/link"), 1);
+var import_level_badge = require("./rewards/level-badge.js");
+var import_badge_shelf = require("./rewards/badge-shelf.js");
+var import_use_rewards = require("../utils/use-rewards.js");
+function CreatorScoreInline({ getClient, address, size = "sm", showBadges = false, maxBadges = 6, className }) {
+  const { data } = (0, import_use_rewards.useRewards)(getClient, address);
+  if (!data || data.totalXp <= 0) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_link.default, { href: "/rewards", className: "inline-flex active:opacity-80", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_level_badge.LevelBadge, { level: data.currentLevel, name: data.currentLevelName, badgeColor: data.badgeColor, size }) }),
+    showBadges && data.badges.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_badge_shelf.BadgeShelf, { badges: data.badges.slice(0, maxBadges), className: "mt-2" })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CreatorScoreInline
+});
+//# sourceMappingURL=creator-score-inline.cjs.map

package/dist/components/creator-score-inline.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/creator-score-inline.tsx"],"sourcesContent":["\"use client\";\n\nimport Link from \"next/link\";\nimport type { MedialaneClient } from \"@medialane/sdk/starknet\";\nimport { LevelBadge } from \"./rewards/level-badge.js\";\nimport { BadgeShelf } from \"./rewards/badge-shelf.js\";\nimport { useRewards } from \"../utils/use-rewards.js\";\n\nexport interface CreatorScoreInlineProps {\n  getClient: () => MedialaneClient;\n  address: string | null | undefined;\n  size?: \"sm\" | \"md\" | \"lg\";\n  /** Also show the earned badges under the chip (creator/profile pages). */\n  showBadges?: boolean;\n  /** Max badges when showBadges is set. */\n  maxBadges?: number;\n  className?: string;\n}\n\n/** Level chip (+ optional badge row) for an address, linking to /rewards.\n *  Renders nothing while loading, on failure, or for addresses with no XP —\n *  rewards must never add error states or noise to non-rewards pages. */\nexport function CreatorScoreInline({ getClient, address, size = \"sm\", showBadges = false, maxBadges = 6, className }: CreatorScoreInlineProps) {\n  const { data } = useRewards(getClient, address);\n  if (!data || data.totalXp <= 0) return null;\n\n  return (\n    <div className={className}>\n      <Link href=\"/rewards\" className=\"inline-flex active:opacity-80\">\n        <LevelBadge level={data.currentLevel} name={data.currentLevelName} badgeColor={data.badgeColor} size={size} />\n      </Link>\n      {showBadges && data.badges.length > 0 && (\n        <BadgeShelf badges={data.badges.slice(0, maxBadges)} className=\"mt-2\" />\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA2BI;AAzBJ,kBAAiB;AAEjB,yBAA2B;AAC3B,yBAA2B;AAC3B,yBAA2B;AAgBpB,SAAS,mBAAmB,EAAE,WAAW,SAAS,OAAO,MAAM,aAAa,OAAO,YAAY,GAAG,UAAU,GAA4B;AAC7I,QAAM,EAAE,KAAK,QAAI,+BAAW,WAAW,OAAO;AAC9C,MAAI,CAAC,QAAQ,KAAK,WAAW,EAAG,QAAO;AAEvC,SACE,6CAAC,SAAI,WACH;AAAA,gDAAC,YAAAA,SAAA,EAAK,MAAK,YAAW,WAAU,iCAC9B,sDAAC,iCAAW,OAAO,KAAK,cAAc,MAAM,KAAK,kBAAkB,YAAY,KAAK,YAAY,MAAY,GAC9G;AAAA,IACC,cAAc,KAAK,OAAO,SAAS,KAClC,4CAAC,iCAAW,QAAQ,KAAK,OAAO,MAAM,GAAG,SAAS,GAAG,WAAU,QAAO;AAAA,KAE1E;AAEJ;","names":["Link"]}

package/dist/components/creator-score-inline.d.cts

@@ -0,0 +1,19 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { MedialaneClient } from '@medialane/sdk/starknet';
+
+interface CreatorScoreInlineProps {
+    getClient: () => MedialaneClient;
+    address: string | null | undefined;
+    size?: "sm" | "md" | "lg";
+    /** Also show the earned badges under the chip (creator/profile pages). */
+    showBadges?: boolean;
+    /** Max badges when showBadges is set. */
+    maxBadges?: number;
+    className?: string;
+}
+/** Level chip (+ optional badge row) for an address, linking to /rewards.
+ *  Renders nothing while loading, on failure, or for addresses with no XP —
+ *  rewards must never add error states or noise to non-rewards pages. */
+declare function CreatorScoreInline({ getClient, address, size, showBadges, maxBadges, className }: CreatorScoreInlineProps): react_jsx_runtime.JSX.Element | null;
+
+export { CreatorScoreInline, type CreatorScoreInlineProps };

package/dist/components/creator-score-inline.d.ts

@@ -0,0 +1,19 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { MedialaneClient } from '@medialane/sdk/starknet';
+
+interface CreatorScoreInlineProps {
+    getClient: () => MedialaneClient;
+    address: string | null | undefined;
+    size?: "sm" | "md" | "lg";
+    /** Also show the earned badges under the chip (creator/profile pages). */
+    showBadges?: boolean;
+    /** Max badges when showBadges is set. */
+    maxBadges?: number;
+    className?: string;
+}
+/** Level chip (+ optional badge row) for an address, linking to /rewards.
+ *  Renders nothing while loading, on failure, or for addresses with no XP —
+ *  rewards must never add error states or noise to non-rewards pages. */
+declare function CreatorScoreInline({ getClient, address, size, showBadges, maxBadges, className }: CreatorScoreInlineProps): react_jsx_runtime.JSX.Element | null;
+
+export { CreatorScoreInline, type CreatorScoreInlineProps };

package/dist/components/creator-score-inline.js

@@ -0,0 +1,18 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import Link from "next/link";
+import { LevelBadge } from "./rewards/level-badge.js";
+import { BadgeShelf } from "./rewards/badge-shelf.js";
+import { useRewards } from "../utils/use-rewards.js";
+function CreatorScoreInline({ getClient, address, size = "sm", showBadges = false, maxBadges = 6, className }) {
+  const { data } = useRewards(getClient, address);
+  if (!data || data.totalXp <= 0) return null;
+  return /* @__PURE__ */ jsxs("div", { className, children: [
+    /* @__PURE__ */ jsx(Link, { href: "/rewards", className: "inline-flex active:opacity-80", children: /* @__PURE__ */ jsx(LevelBadge, { level: data.currentLevel, name: data.currentLevelName, badgeColor: data.badgeColor, size }) }),
+    showBadges && data.badges.length > 0 && /* @__PURE__ */ jsx(BadgeShelf, { badges: data.badges.slice(0, maxBadges), className: "mt-2" })
+  ] });
+}
+export {
+  CreatorScoreInline
+};
+//# sourceMappingURL=creator-score-inline.js.map

package/dist/components/creator-score-inline.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/creator-score-inline.tsx"],"sourcesContent":["\"use client\";\n\nimport Link from \"next/link\";\nimport type { MedialaneClient } from \"@medialane/sdk/starknet\";\nimport { LevelBadge } from \"./rewards/level-badge.js\";\nimport { BadgeShelf } from \"./rewards/badge-shelf.js\";\nimport { useRewards } from \"../utils/use-rewards.js\";\n\nexport interface CreatorScoreInlineProps {\n  getClient: () => MedialaneClient;\n  address: string | null | undefined;\n  size?: \"sm\" | \"md\" | \"lg\";\n  /** Also show the earned badges under the chip (creator/profile pages). */\n  showBadges?: boolean;\n  /** Max badges when showBadges is set. */\n  maxBadges?: number;\n  className?: string;\n}\n\n/** Level chip (+ optional badge row) for an address, linking to /rewards.\n *  Renders nothing while loading, on failure, or for addresses with no XP —\n *  rewards must never add error states or noise to non-rewards pages. */\nexport function CreatorScoreInline({ getClient, address, size = \"sm\", showBadges = false, maxBadges = 6, className }: CreatorScoreInlineProps) {\n  const { data } = useRewards(getClient, address);\n  if (!data || data.totalXp <= 0) return null;\n\n  return (\n    <div className={className}>\n      <Link href=\"/rewards\" className=\"inline-flex active:opacity-80\">\n        <LevelBadge level={data.currentLevel} name={data.currentLevelName} badgeColor={data.badgeColor} size={size} />\n      </Link>\n      {showBadges && data.badges.length > 0 && (\n        <BadgeShelf badges={data.badges.slice(0, maxBadges)} className=\"mt-2\" />\n      )}\n    </div>\n  );\n}\n"],"mappings":";AA2BI,SAEI,KAFJ;AAzBJ,OAAO,UAAU;AAEjB,SAAS,kBAAkB;AAC3B,SAAS,kBAAkB;AAC3B,SAAS,kBAAkB;AAgBpB,SAAS,mBAAmB,EAAE,WAAW,SAAS,OAAO,MAAM,aAAa,OAAO,YAAY,GAAG,UAAU,GAA4B;AAC7I,QAAM,EAAE,KAAK,IAAI,WAAW,WAAW,OAAO;AAC9C,MAAI,CAAC,QAAQ,KAAK,WAAW,EAAG,QAAO;AAEvC,SACE,qBAAC,SAAI,WACH;AAAA,wBAAC,QAAK,MAAK,YAAW,WAAU,iCAC9B,8BAAC,cAAW,OAAO,KAAK,cAAc,MAAM,KAAK,kBAAkB,YAAY,KAAK,YAAY,MAAY,GAC9G;AAAA,IACC,cAAc,KAAK,OAAO,SAAS,KAClC,oBAAC,cAAW,QAAQ,KAAK,OAAO,MAAM,GAAG,SAAS,GAAG,WAAU,QAAO;AAAA,KAE1E;AAEJ;","names":[]}

package/dist/components/dialog.d.cts

@@ -1,13 +1,13 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import * as DialogPrimitive from '@radix-ui/react-dialog';
+import * as SheetPrimitive from '@radix-ui/react-dialog';
 
-declare const Dialog: React.FC<DialogPrimitive.DialogProps>;
-declare const DialogTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-declare const DialogPortal: React.FC<DialogPrimitive.DialogPortalProps>;
-declare const DialogClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
-declare const DialogOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-interface DialogContentProps extends React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content> {
+declare const Dialog: React.FC<SheetPrimitive.DialogProps>;
+declare const DialogTrigger: React.ForwardRefExoticComponent<SheetPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DialogPortal: React.FC<SheetPrimitive.DialogPortalProps>;
+declare const DialogClose: React.ForwardRefExoticComponent<SheetPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DialogOverlay: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+interface DialogContentProps extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content> {
     hideClose?: boolean;
 }
 declare const DialogContent: React.ForwardRefExoticComponent<DialogContentProps & React.RefAttributes<HTMLDivElement>>;
@@ -19,7 +19,7 @@ declare const DialogFooter: {
     ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
-declare const DialogTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
-declare const DialogDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+declare const DialogTitle: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+declare const DialogDescription: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
 
 export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger };