@medialane/ui 0.104.0 → 0.106.0

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/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 };

package/dist/components/dialog.d.ts

@@ -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 };

package/dist/components/ip-type-fields.cjs

@@ -0,0 +1,307 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var ip_type_fields_exports = {};
+__export(ip_type_fields_exports, {
+  IPTypeFields: () => IPTypeFields
+});
+module.exports = __toCommonJS(ip_type_fields_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_ip_templates = require("../data/ip-templates.js");
+var import_label = require("./label.js");
+var import_input = require("./input.js");
+var import_button = require("./button.js");
+var import_select = require("./select.js");
+var import_lucide_react = require("lucide-react");
+const createId = () => globalThis.crypto?.randomUUID?.() ?? `trait-${Date.now()}-${Math.random().toString(36).slice(2)}`;
+const looksLikeUrl = (v) => /^https?:\/\/\S+/i.test(v.trim());
+function IPTypeFields({ ipType, onChange, uploadDocument }) {
+  const template = ipType ? import_ip_templates.IP_TEMPLATES[ipType] : null;
+  const [embedValues, setEmbedValues] = (0, import_react.useState)({});
+  const [socialValues, setSocialValues] = (0, import_react.useState)({});
+  const [traits, setTraits] = (0, import_react.useState)([]);
+  const [docUri, setDocUri] = (0, import_react.useState)(null);
+  const [docName, setDocName] = (0, import_react.useState)(null);
+  const [docUploading, setDocUploading] = (0, import_react.useState)(false);
+  const [docError, setDocError] = (0, import_react.useState)(null);
+  const docInputRef = (0, import_react.useRef)(null);
+  (0, import_react.useEffect)(() => {
+    setEmbedValues({});
+    setSocialValues({});
+    setDocUri(null);
+    setDocName(null);
+    setDocError(null);
+  }, [ipType]);
+  const docTraitType = template?.docUpload?.traitType ?? null;
+  const metadataFields = (0, import_react.useMemo)(() => {
+    const fields = [];
+    const seen = /* @__PURE__ */ new Set();
+    const add = (traitType, value) => {
+      const t = traitType.trim();
+      const v = value.trim();
+      const k = t.toLowerCase();
+      if (!t || !v || seen.has(k)) return;
+      seen.add(k);
+      fields.push({ traitType: t, value: v });
+    };
+    if (docTraitType && docUri) add(docTraitType, docUri);
+    Object.entries(embedValues).forEach(([key, value]) => add(key, value));
+    Object.entries(socialValues).forEach(([key, value]) => add(key, value));
+    traits.forEach((row) => add(row.key, row.value));
+    return fields;
+  }, [embedValues, socialValues, traits, docTraitType, docUri]);
+  (0, import_react.useEffect)(() => {
+    onChange(metadataFields);
+  }, [metadataFields, onChange]);
+  const addedKeys = (0, import_react.useMemo)(
+    () => new Set(traits.map((t) => t.key.trim().toLowerCase())),
+    [traits]
+  );
+  const addSuggestion = (s) => {
+    setTraits((cur) => [
+      ...cur,
+      { id: createId(), key: s.key, value: "", options: s.options }
+    ]);
+  };
+  const addCustomTrait = () => setTraits((cur) => [...cur, { id: createId(), key: "", value: "" }]);
+  const updateTrait = (id, patch) => setTraits((cur) => cur.map((t) => t.id === id ? { ...t, ...patch } : t));
+  const removeTrait = (id) => setTraits((cur) => cur.filter((t) => t.id !== id));
+  if (!template) return null;
+  const Icon = template.icon;
+  const docUpload = template.docUpload;
+  const handleDocPick = async (file) => {
+    if (!uploadDocument || !docUpload) return;
+    if (file.size > docUpload.maxMb * 1024 * 1024) {
+      setDocError(`File must be under ${docUpload.maxMb} MB`);
+      return;
+    }
+    setDocError(null);
+    setDocUploading(true);
+    try {
+      const uri = await uploadDocument(file);
+      setDocUri(uri);
+      setDocName(file.name);
+    } catch (err) {
+      setDocError(err instanceof Error ? err.message : "Document upload failed");
+    } finally {
+      setDocUploading(false);
+      if (docInputRef.current) docInputRef.current.value = "";
+    }
+  };
+  const clearDoc = () => {
+    setDocUri(null);
+    setDocName(null);
+    setDocError(null);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-5", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, { className: `h-4 w-4 ${template.color.text}` }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { className: "text-sm font-semibold", children: [
+        template.label,
+        " Details"
+      ] })
+    ] }),
+    docUpload && uploadDocument && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", { className: "space-y-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-[11px] font-semibold text-muted-foreground", children: "Document" }),
+      docUri ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-3 rounded-xl border border-emerald-500/30 bg-emerald-500/5 px-4 py-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.FileText, { className: "h-5 w-5 text-emerald-500 shrink-0" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm font-medium truncate", children: docName }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-xs text-muted-foreground truncate", children: docUri })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_button.Button,
+          {
+            type: "button",
+            variant: "ghost",
+            size: "icon",
+            className: "h-8 w-8 shrink-0 text-muted-foreground hover:text-destructive",
+            onClick: clearDoc,
+            "aria-label": "Remove document",
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.X, { className: "h-4 w-4" })
+          }
+        )
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-1.5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "input",
+          {
+            ref: docInputRef,
+            type: "file",
+            accept: docUpload.accept,
+            className: "hidden",
+            onChange: (e) => {
+              const f = e.target.files?.[0];
+              if (f) void handleDocPick(f);
+            }
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_button.Button,
+          {
+            type: "button",
+            variant: "outline",
+            size: "sm",
+            disabled: docUploading,
+            onClick: () => docInputRef.current?.click(),
+            children: docUploading ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Loader2, { className: "mr-1.5 h-3.5 w-3.5 animate-spin" }),
+              "Uploading\u2026"
+            ] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.FileUp, { className: "mr-1.5 h-3.5 w-3.5" }),
+              "Upload document"
+            ] })
+          }
+        ),
+        docError && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-xs text-destructive", children: docError }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-xs text-muted-foreground leading-relaxed", children: docUpload.hint })
+      ] })
+    ] }),
+    template.embeds && template.embeds.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", { className: "space-y-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-[11px] font-semibold text-muted-foreground", children: "Embeds" }),
+      template.embeds.map((platform) => {
+        const meta = import_ip_templates.EMBED_PLATFORM_META[platform];
+        const PIcon = meta.icon;
+        const value = embedValues[meta.traitKey] ?? "";
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-1.5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_label.Label, { className: "flex items-center gap-1.5 text-xs text-muted-foreground", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PIcon, { className: "h-3.5 w-3.5" }),
+            meta.label,
+            looksLikeUrl(value) && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "ml-1 inline-flex items-center gap-0.5 text-[10px] font-medium text-emerald-400", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Check, { className: "h-3 w-3" }),
+              " connected"
+            ] })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_input.Input,
+            {
+              type: "url",
+              inputMode: "url",
+              placeholder: meta.placeholder,
+              value,
+              onChange: (e) => setEmbedValues((cur) => ({ ...cur, [meta.traitKey]: e.target.value })),
+              className: "h-10 text-sm"
+            }
+          )
+        ] }, platform);
+      })
+    ] }),
+    template.socials && template.socials.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", { className: "space-y-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-[11px] font-semibold text-muted-foreground", children: "Social links" }),
+      template.socials.map((platform) => {
+        const meta = import_ip_templates.SOCIAL_PLATFORM_META[platform];
+        const PIcon = meta.icon;
+        const value = socialValues[meta.traitKey] ?? "";
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-1.5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_label.Label, { className: "flex items-center gap-1.5 text-xs text-muted-foreground", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PIcon, { className: "h-3.5 w-3.5" }),
+            meta.label
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_input.Input,
+            {
+              type: "url",
+              inputMode: "url",
+              placeholder: meta.placeholder,
+              value,
+              onChange: (e) => setSocialValues((cur) => ({ ...cur, [meta.traitKey]: e.target.value })),
+              className: "h-10 text-sm"
+            }
+          )
+        ] }, platform);
+      })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", { className: "space-y-3 border-t border-border/60 pt-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm font-semibold", children: "Traits" }),
+      template.traitSuggestions && template.traitSuggestions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex flex-wrap gap-2", children: template.traitSuggestions.filter((s) => !addedKeys.has(s.key.toLowerCase())).map((s) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        "button",
+        {
+          type: "button",
+          onClick: () => addSuggestion(s),
+          className: "inline-flex items-center gap-1 rounded-full border border-border bg-muted/40 px-3 py-1 text-xs font-medium text-muted-foreground transition-colors hover:border-primary/40 hover:text-foreground",
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Plus, { className: "h-3 w-3" }),
+            s.key
+          ]
+        },
+        s.key
+      )) }),
+      traits.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "space-y-2", children: traits.map((row) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        "div",
+        {
+          className: "grid grid-cols-[1fr_1fr_auto] items-center gap-2",
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_input.Input,
+              {
+                value: row.key,
+                onChange: (e) => updateTrait(row.id, { key: e.target.value }),
+                placeholder: "Trait name",
+                className: "h-9 text-sm",
+                maxLength: 64
+              }
+            ),
+            row.options ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+              import_select.Select,
+              {
+                value: row.value,
+                onValueChange: (v) => updateTrait(row.id, { value: v }),
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_select.SelectTrigger, { className: "h-9 text-sm", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_select.SelectValue, { placeholder: "Value" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_select.SelectContent, { children: row.options.map((opt) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_select.SelectItem, { value: opt, children: opt }, opt)) })
+                ]
+              }
+            ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_input.Input,
+              {
+                value: row.value,
+                onChange: (e) => updateTrait(row.id, { value: e.target.value }),
+                placeholder: "Value",
+                className: "h-9 text-sm",
+                maxLength: 512
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_button.Button,
+              {
+                type: "button",
+                variant: "ghost",
+                size: "icon",
+                className: "h-9 w-9 shrink-0 text-muted-foreground hover:text-destructive",
+                onClick: () => removeTrait(row.id),
+                "aria-label": "Remove trait",
+                children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Trash2, { className: "h-4 w-4" })
+              }
+            )
+          ]
+        },
+        row.id
+      )) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_button.Button, { type: "button", variant: "outline", size: "sm", onClick: addCustomTrait, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Plus, { className: "mr-1.5 h-3.5 w-3.5" }),
+        "Add custom trait"
+      ] })
+    ] })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  IPTypeFields
+});
+//# sourceMappingURL=ip-type-fields.cjs.map