@medialane/ui 0.12.0 → 0.13.0

package/dist/components/asset-markets-tab.cjs

@@ -0,0 +1,111 @@
+"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 asset_markets_tab_exports = {};
+__export(asset_markets_tab_exports, {
+  AssetMarketsTab: () => AssetMarketsTab
+});
+module.exports = __toCommonJS(asset_markets_tab_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_address_display = require("./address-display.js");
+var import_currency_icon = require("./currency-icon.js");
+var import_format = require("../utils/format.js");
+var import_time = require("../utils/time.js");
+var import_cn = require("../utils/cn.js");
+var import_lucide_react = require("lucide-react");
+function ActionButton({
+  variant = "default",
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "button",
+    {
+      className: (0, import_cn.cn)(
+        "inline-flex items-center justify-center h-9 rounded-md px-3 text-xs font-medium transition-colors",
+        "disabled:pointer-events-none disabled:opacity-50",
+        variant === "destructive" ? "bg-destructive text-destructive-foreground hover:bg-destructive/90" : "bg-primary text-primary-foreground hover:bg-primary/90",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AssetMarketsTab({
+  activeListings,
+  activeBids,
+  walletAddress,
+  isOwner,
+  isProcessing,
+  onBuyClick,
+  onCancelClick,
+  onAcceptClick
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mt-4 space-y-6", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-xs font-semibold uppercase tracking-wider text-muted-foreground mb-2", children: "Listings" }),
+      activeListings.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm text-muted-foreground py-4 text-center", children: "No active listings." }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "rounded-xl border border-border divide-y divide-border", children: activeListings.map((order) => {
+        const isMyOrder = walletAddress && order.offerer.toLowerCase() === walletAddress.toLowerCase();
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center justify-between px-4 py-3 gap-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "min-w-0", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { className: "font-bold text-sm inline-flex items-center gap-1.5", children: [
+              (0, import_format.formatDisplayPrice)(order.price.formatted),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_currency_icon.CurrencyIcon, { symbol: order.price.currency ?? "", size: 14 })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-1 text-xs text-muted-foreground mt-0.5", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Clock, { className: "h-3 w-3" }),
+              (0, import_time.timeUntil)(order.endTime)
+            ] })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-2 shrink-0", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_address_display.AddressDisplay, { address: order.offerer, chars: 4, showCopy: false, className: "text-xs text-muted-foreground" }),
+            isMyOrder ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ActionButton, { variant: "destructive", disabled: isProcessing, onClick: () => onCancelClick(order), children: "Cancel" }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ActionButton, { onClick: () => onBuyClick(order), children: "Buy" })
+          ] })
+        ] }, order.orderHash);
+      }) })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-xs font-semibold uppercase tracking-wider text-muted-foreground mb-2", children: "Offers" }),
+      activeBids.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm text-muted-foreground py-4 text-center", children: "No active offers." }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "rounded-xl border border-border divide-y divide-border", children: activeBids.map((bid) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center justify-between px-4 py-3 gap-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "min-w-0", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "font-bold text-sm", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "inline-flex items-center gap-1.5", children: [
+            (0, import_format.formatDisplayPrice)(bid.price.formatted),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_currency_icon.CurrencyIcon, { symbol: bid.price.currency ?? "", size: 14 })
+          ] }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-1 text-xs text-muted-foreground mt-0.5", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Clock, { className: "h-3 w-3" }),
+            (0, import_time.timeUntil)(bid.endTime)
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-2 shrink-0", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_address_display.AddressDisplay, { address: bid.offerer, chars: 4, showCopy: false, className: "text-xs text-muted-foreground" }),
+          isOwner && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(ActionButton, { disabled: isProcessing, onClick: () => onAcceptClick(bid), children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.CheckCircle, { className: "h-3.5 w-3.5 mr-1.5" }),
+            "Accept"
+          ] })
+        ] })
+      ] }, bid.orderHash)) })
+    ] })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AssetMarketsTab
+});
+//# sourceMappingURL=asset-markets-tab.cjs.map

package/dist/components/asset-markets-tab.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/asset-markets-tab.tsx"],"sourcesContent":["\"use client\";\n\nimport { AddressDisplay } from \"./address-display.js\";\nimport { CurrencyIcon } from \"./currency-icon.js\";\nimport { formatDisplayPrice } from \"../utils/format.js\";\nimport { timeUntil } from \"../utils/time.js\";\nimport { cn } from \"../utils/cn.js\";\nimport { Clock, CheckCircle } from \"lucide-react\";\nimport type { ApiOrder } from \"@medialane/sdk\";\n\n/** shadcn-equivalent small button (ui package carries no Radix/shadcn primitives) */\nfunction ActionButton({\n  variant = \"default\",\n  className,\n  ...props\n}: React.ButtonHTMLAttributes<HTMLButtonElement> & { variant?: \"default\" | \"destructive\" }) {\n  return (\n    <button\n      className={cn(\n        \"inline-flex items-center justify-center h-9 rounded-md px-3 text-xs font-medium transition-colors\",\n        \"disabled:pointer-events-none disabled:opacity-50\",\n        variant === \"destructive\"\n          ? \"bg-destructive text-destructive-foreground hover:bg-destructive/90\"\n          : \"bg-primary text-primary-foreground hover:bg-primary/90\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\ninterface AssetMarketsTabProps {\n  activeListings: ApiOrder[];\n  activeBids: ApiOrder[];\n  walletAddress?: string;\n  isOwner: boolean;\n  isProcessing: boolean;\n  onBuyClick: (order: ApiOrder) => void;\n  onCancelClick: (order: ApiOrder) => void;\n  onAcceptClick: (order: ApiOrder) => void;\n}\n\nexport function AssetMarketsTab({\n  activeListings,\n  activeBids,\n  walletAddress,\n  isOwner,\n  isProcessing,\n  onBuyClick,\n  onCancelClick,\n  onAcceptClick,\n}: AssetMarketsTabProps) {\n  return (\n    <div className=\"mt-4 space-y-6\">\n      <div>\n        <p className=\"text-xs font-semibold uppercase tracking-wider text-muted-foreground mb-2\">Listings</p>\n        {activeListings.length === 0 ? (\n          <p className=\"text-sm text-muted-foreground py-4 text-center\">No active listings.</p>\n        ) : (\n          <div className=\"rounded-xl border border-border divide-y divide-border\">\n            {activeListings.map((order) => {\n              const isMyOrder = walletAddress && order.offerer.toLowerCase() === walletAddress.toLowerCase();\n              return (\n                <div key={order.orderHash} className=\"flex items-center justify-between px-4 py-3 gap-4\">\n                  <div className=\"min-w-0\">\n                    <p className=\"font-bold text-sm inline-flex items-center gap-1.5\">\n                      {formatDisplayPrice(order.price.formatted)}\n                      <CurrencyIcon symbol={order.price.currency ?? \"\"} size={14} />\n                    </p>\n                    <div className=\"flex items-center gap-1 text-xs text-muted-foreground mt-0.5\">\n                      <Clock className=\"h-3 w-3\" />\n                      {timeUntil(order.endTime)}\n                    </div>\n                  </div>\n                  <div className=\"flex items-center gap-2 shrink-0\">\n                    <AddressDisplay address={order.offerer} chars={4} showCopy={false} className=\"text-xs text-muted-foreground\" />\n                    {isMyOrder ? (\n                      <ActionButton variant=\"destructive\" disabled={isProcessing} onClick={() => onCancelClick(order)}>\n                        Cancel\n                      </ActionButton>\n                    ) : (\n                      <ActionButton onClick={() => onBuyClick(order)}>Buy</ActionButton>\n                    )}\n                  </div>\n                </div>\n              );\n            })}\n          </div>\n        )}\n      </div>\n\n      <div>\n        <p className=\"text-xs font-semibold uppercase tracking-wider text-muted-foreground mb-2\">Offers</p>\n        {activeBids.length === 0 ? (\n          <p className=\"text-sm text-muted-foreground py-4 text-center\">No active offers.</p>\n        ) : (\n          <div className=\"rounded-xl border border-border divide-y divide-border\">\n            {activeBids.map((bid) => (\n              <div key={bid.orderHash} className=\"flex items-center justify-between px-4 py-3 gap-4\">\n                <div className=\"min-w-0\">\n                  <p className=\"font-bold text-sm\">\n                    <span className=\"inline-flex items-center gap-1.5\">\n                      {formatDisplayPrice(bid.price.formatted)}\n                      <CurrencyIcon symbol={bid.price.currency ?? \"\"} size={14} />\n                    </span>\n                  </p>\n                  <div className=\"flex items-center gap-1 text-xs text-muted-foreground mt-0.5\">\n                    <Clock className=\"h-3 w-3\" />\n                    {timeUntil(bid.endTime)}\n                  </div>\n                </div>\n                <div className=\"flex items-center gap-2 shrink-0\">\n                  <AddressDisplay address={bid.offerer} chars={4} showCopy={false} className=\"text-xs text-muted-foreground\" />\n                  {isOwner && (\n                    <ActionButton disabled={isProcessing} onClick={() => onAcceptClick(bid)}>\n                      <CheckCircle className=\"h-3.5 w-3.5 mr-1.5\" />\n                      Accept\n                    </ActionButton>\n                  )}\n                </div>\n              </div>\n            ))}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/components/asset-markets-tab.d.cts

@@ -0,0 +1,16 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ApiOrder } from '@medialane/sdk';
+
+interface AssetMarketsTabProps {
+    activeListings: ApiOrder[];
+    activeBids: ApiOrder[];
+    walletAddress?: string;
+    isOwner: boolean;
+    isProcessing: boolean;
+    onBuyClick: (order: ApiOrder) => void;
+    onCancelClick: (order: ApiOrder) => void;
+    onAcceptClick: (order: ApiOrder) => void;
+}
+declare function AssetMarketsTab({ activeListings, activeBids, walletAddress, isOwner, isProcessing, onBuyClick, onCancelClick, onAcceptClick, }: AssetMarketsTabProps): react_jsx_runtime.JSX.Element;
+
+export { AssetMarketsTab };

package/dist/components/asset-markets-tab.d.ts

@@ -0,0 +1,16 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ApiOrder } from '@medialane/sdk';
+
+interface AssetMarketsTabProps {
+    activeListings: ApiOrder[];
+    activeBids: ApiOrder[];
+    walletAddress?: string;
+    isOwner: boolean;
+    isProcessing: boolean;
+    onBuyClick: (order: ApiOrder) => void;
+    onCancelClick: (order: ApiOrder) => void;
+    onAcceptClick: (order: ApiOrder) => void;
+}
+declare function AssetMarketsTab({ activeListings, activeBids, walletAddress, isOwner, isProcessing, onBuyClick, onCancelClick, onAcceptClick, }: AssetMarketsTabProps): react_jsx_runtime.JSX.Element;
+
+export { AssetMarketsTab };

package/dist/components/asset-markets-tab.js

@@ -0,0 +1,87 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { AddressDisplay } from "./address-display.js";
+import { CurrencyIcon } from "./currency-icon.js";
+import { formatDisplayPrice } from "../utils/format.js";
+import { timeUntil } from "../utils/time.js";
+import { cn } from "../utils/cn.js";
+import { Clock, CheckCircle } from "lucide-react";
+function ActionButton({
+  variant = "default",
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      className: cn(
+        "inline-flex items-center justify-center h-9 rounded-md px-3 text-xs font-medium transition-colors",
+        "disabled:pointer-events-none disabled:opacity-50",
+        variant === "destructive" ? "bg-destructive text-destructive-foreground hover:bg-destructive/90" : "bg-primary text-primary-foreground hover:bg-primary/90",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AssetMarketsTab({
+  activeListings,
+  activeBids,
+  walletAddress,
+  isOwner,
+  isProcessing,
+  onBuyClick,
+  onCancelClick,
+  onAcceptClick
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "mt-4 space-y-6", children: [
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("p", { className: "text-xs font-semibold uppercase tracking-wider text-muted-foreground mb-2", children: "Listings" }),
+      activeListings.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground py-4 text-center", children: "No active listings." }) : /* @__PURE__ */ jsx("div", { className: "rounded-xl border border-border divide-y divide-border", children: activeListings.map((order) => {
+        const isMyOrder = walletAddress && order.offerer.toLowerCase() === walletAddress.toLowerCase();
+        return /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-4 py-3 gap-4", children: [
+          /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+            /* @__PURE__ */ jsxs("p", { className: "font-bold text-sm inline-flex items-center gap-1.5", children: [
+              formatDisplayPrice(order.price.formatted),
+              /* @__PURE__ */ jsx(CurrencyIcon, { symbol: order.price.currency ?? "", size: 14 })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 text-xs text-muted-foreground mt-0.5", children: [
+              /* @__PURE__ */ jsx(Clock, { className: "h-3 w-3" }),
+              timeUntil(order.endTime)
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 shrink-0", children: [
+            /* @__PURE__ */ jsx(AddressDisplay, { address: order.offerer, chars: 4, showCopy: false, className: "text-xs text-muted-foreground" }),
+            isMyOrder ? /* @__PURE__ */ jsx(ActionButton, { variant: "destructive", disabled: isProcessing, onClick: () => onCancelClick(order), children: "Cancel" }) : /* @__PURE__ */ jsx(ActionButton, { onClick: () => onBuyClick(order), children: "Buy" })
+          ] })
+        ] }, order.orderHash);
+      }) })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("p", { className: "text-xs font-semibold uppercase tracking-wider text-muted-foreground mb-2", children: "Offers" }),
+      activeBids.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground py-4 text-center", children: "No active offers." }) : /* @__PURE__ */ jsx("div", { className: "rounded-xl border border-border divide-y divide-border", children: activeBids.map((bid) => /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-4 py-3 gap-4", children: [
+        /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+          /* @__PURE__ */ jsx("p", { className: "font-bold text-sm", children: /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1.5", children: [
+            formatDisplayPrice(bid.price.formatted),
+            /* @__PURE__ */ jsx(CurrencyIcon, { symbol: bid.price.currency ?? "", size: 14 })
+          ] }) }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 text-xs text-muted-foreground mt-0.5", children: [
+            /* @__PURE__ */ jsx(Clock, { className: "h-3 w-3" }),
+            timeUntil(bid.endTime)
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 shrink-0", children: [
+          /* @__PURE__ */ jsx(AddressDisplay, { address: bid.offerer, chars: 4, showCopy: false, className: "text-xs text-muted-foreground" }),
+          isOwner && /* @__PURE__ */ jsxs(ActionButton, { disabled: isProcessing, onClick: () => onAcceptClick(bid), children: [
+            /* @__PURE__ */ jsx(CheckCircle, { className: "h-3.5 w-3.5 mr-1.5" }),
+            "Accept"
+          ] })
+        ] })
+      ] }, bid.orderHash)) })
+    ] })
+  ] });
+}
+export {
+  AssetMarketsTab
+};
+//# sourceMappingURL=asset-markets-tab.js.map

package/dist/components/asset-markets-tab.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/asset-markets-tab.tsx"],"sourcesContent":["\"use client\";\n\nimport { AddressDisplay } from \"./address-display.js\";\nimport { CurrencyIcon } from \"./currency-icon.js\";\nimport { formatDisplayPrice } from \"../utils/format.js\";\nimport { timeUntil } from \"../utils/time.js\";\nimport { cn } from \"../utils/cn.js\";\nimport { Clock, CheckCircle } from \"lucide-react\";\nimport type { ApiOrder } from \"@medialane/sdk\";\n\n/** shadcn-equivalent small button (ui package carries no Radix/shadcn primitives) */\nfunction ActionButton({\n  variant = \"default\",\n  className,\n  ...props\n}: React.ButtonHTMLAttributes<HTMLButtonElement> & { variant?: \"default\" | \"destructive\" }) {\n  return (\n    <button\n      className={cn(\n        \"inline-flex items-center justify-center h-9 rounded-md px-3 text-xs font-medium transition-colors\",\n        \"disabled:pointer-events-none disabled:opacity-50\",\n        variant === \"destructive\"\n          ? \"bg-destructive text-destructive-foreground hover:bg-destructive/90\"\n          : \"bg-primary text-primary-foreground hover:bg-primary/90\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\ninterface AssetMarketsTabProps {\n  activeListings: ApiOrder[];\n  activeBids: ApiOrder[];\n  walletAddress?: string;\n  isOwner: boolean;\n  isProcessing: boolean;\n  onBuyClick: (order: ApiOrder) => void;\n  onCancelClick: (order: ApiOrder) => void;\n  onAcceptClick: (order: ApiOrder) => void;\n}\n\nexport function AssetMarketsTab({\n  activeListings,\n  activeBids,\n  walletAddress,\n  isOwner,\n  isProcessing,\n  onBuyClick,\n  onCancelClick,\n  onAcceptClick,\n}: AssetMarketsTabProps) {\n  return (\n    <div className=\"mt-4 space-y-6\">\n      <div>\n        <p className=\"text-xs font-semibold uppercase tracking-wider text-muted-foreground mb-2\">Listings</p>\n        {activeListings.length === 0 ? (\n          <p className=\"text-sm text-muted-foreground py-4 text-center\">No active listings.</p>\n        ) : (\n          <div className=\"rounded-xl border border-border divide-y divide-border\">\n            {activeListings.map((order) => {\n              const isMyOrder = walletAddress && order.offerer.toLowerCase() === walletAddress.toLowerCase();\n              return (\n                <div key={order.orderHash} className=\"flex items-center justify-between px-4 py-3 gap-4\">\n                  <div className=\"min-w-0\">\n                    <p className=\"font-bold text-sm inline-flex items-center gap-1.5\">\n                      {formatDisplayPrice(order.price.formatted)}\n                      <CurrencyIcon symbol={order.price.currency ?? \"\"} size={14} />\n                    </p>\n                    <div className=\"flex items-center gap-1 text-xs text-muted-foreground mt-0.5\">\n                      <Clock className=\"h-3 w-3\" />\n                      {timeUntil(order.endTime)}\n                    </div>\n                  </div>\n                  <div className=\"flex items-center gap-2 shrink-0\">\n                    <AddressDisplay address={order.offerer} chars={4} showCopy={false} className=\"text-xs text-muted-foreground\" />\n                    {isMyOrder ? (\n                      <ActionButton variant=\"destructive\" disabled={isProcessing} onClick={() => onCancelClick(order)}>\n                        Cancel\n                      </ActionButton>\n                    ) : (\n                      <ActionButton onClick={() => onBuyClick(order)}>Buy</ActionButton>\n                    )}\n                  </div>\n                </div>\n              );\n            })}\n          </div>\n        )}\n      </div>\n\n      <div>\n        <p className=\"text-xs font-semibold uppercase tracking-wider text-muted-foreground mb-2\">Offers</p>\n        {activeBids.length === 0 ? (\n          <p className=\"text-sm text-muted-foreground py-4 text-center\">No active offers.</p>\n        ) : (\n          <div className=\"rounded-xl border border-border divide-y divide-border\">\n            {activeBids.map((bid) => (\n              <div key={bid.orderHash} className=\"flex items-center justify-between px-4 py-3 gap-4\">\n                <div className=\"min-w-0\">\n                  <p className=\"font-bold text-sm\">\n                    <span className=\"inline-flex items-center gap-1.5\">\n                      {formatDisplayPrice(bid.price.formatted)}\n                      <CurrencyIcon symbol={bid.price.currency ?? \"\"} size={14} />\n                    </span>\n                  </p>\n                  <div className=\"flex items-center gap-1 text-xs text-muted-foreground mt-0.5\">\n                    <Clock className=\"h-3 w-3\" />\n                    {timeUntil(bid.endTime)}\n                  </div>\n                </div>\n                <div className=\"flex items-center gap-2 shrink-0\">\n                  <AddressDisplay address={bid.offerer} chars={4} showCopy={false} className=\"text-xs text-muted-foreground\" />\n                  {isOwner && (\n                    <ActionButton disabled={isProcessing} onClick={() => onAcceptClick(bid)}>\n                      <CheckCircle className=\"h-3.5 w-3.5 mr-1.5\" />\n                      Accept\n                    </ActionButton>\n                  )}\n                </div>\n              </div>\n            ))}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/components/asset-overview-content.cjs

@@ -0,0 +1,102 @@
+"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 asset_overview_content_exports = {};
+__export(asset_overview_content_exports, {
+  AssetOverviewContent: () => AssetOverviewContent
+});
+module.exports = __toCommonJS(asset_overview_content_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_ip_type_display = require("./ip-type-display.js");
+var import_lucide_react = require("lucide-react");
+function AssetOverviewContent({
+  attributes,
+  hasTemplateData,
+  isDisplayAttr
+}) {
+  const attr = (trait) => attributes.find((attribute) => attribute.trait_type === trait)?.value;
+  const licenseType = attr("License");
+  const commercialUse = attr("Commercial Use");
+  const derivatives = attr("Derivatives");
+  const attribution = attr("Attribution");
+  const territory = attr("Territory");
+  const aiPolicy = attr("AI Policy");
+  const royalty = attr("Royalty");
+  const standard = attr("Standard");
+  const registration = attr("Registration");
+  const hasLicenseData = licenseType || commercialUse || derivatives || attribution;
+  const displayAttributes = attributes.filter((attribute) => isDisplayAttr(attribute));
+  const rows = [
+    { icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Shield, { className: "h-4 w-4" }), label: "License", value: licenseType },
+    { icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.DollarSign, { className: "h-4 w-4" }), label: "Commercial Use", value: commercialUse },
+    { icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.GitBranch, { className: "h-4 w-4" }), label: "Derivatives", value: derivatives },
+    { icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.UserCheck, { className: "h-4 w-4" }), label: "Attribution", value: attribution },
+    { icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Globe, { className: "h-4 w-4" }), label: "Territory", value: territory },
+    { icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Bot, { className: "h-4 w-4" }), label: "AI & Data Mining", value: aiPolicy },
+    { icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Percent, { className: "h-4 w-4" }), label: "Royalty", value: royalty },
+    { icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Calendar, { className: "h-4 w-4" }), label: "Registration", value: registration }
+  ].filter((row) => !!row.value);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mt-4 space-y-6", children: [
+    hasTemplateData ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ip_type_display.IPTypeDisplay, { attributes }) : null,
+    hasLicenseData ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-3", children: [
+      standard ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-2 rounded-lg bg-primary/5 border border-primary/20 px-4 py-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Shield, { className: "h-4 w-4 text-primary shrink-0" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { className: "text-xs font-semibold text-primary", children: [
+            standard,
+            " Compliant"
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-xs text-muted-foreground", children: "Licensing terms are immutably embedded in IPFS metadata and compliant with international copyright law." })
+        ] })
+      ] }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "grid grid-cols-2 sm:grid-cols-3 gap-2", children: rows.map(({ icon, label, value }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rounded-lg border border-border bg-muted/20 p-3 text-center overflow-hidden", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex justify-center text-muted-foreground mb-1", children: icon }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-[10px] uppercase tracking-wider text-muted-foreground truncate", children: label }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm font-semibold mt-0.5 truncate", title: value, children: value })
+      ] }, label)) })
+    ] }) : null,
+    displayAttributes.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-xs font-semibold uppercase tracking-wider text-muted-foreground mb-2", children: "Attributes" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "grid grid-cols-2 sm:grid-cols-3 gap-2", children: displayAttributes.map((attribute, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rounded-lg border border-border bg-muted/20 p-3 text-center overflow-hidden", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "p",
+          {
+            className: "text-[10px] uppercase tracking-wider text-muted-foreground truncate",
+            title: attribute.trait_type ?? "Trait",
+            children: attribute.trait_type ?? "Trait"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "p",
+          {
+            className: "text-sm font-semibold mt-0.5 truncate",
+            title: attribute.value ?? "\u2014",
+            children: attribute.value ?? "\u2014"
+          }
+        )
+      ] }, index)) })
+    ] }) : null,
+    !hasTemplateData && displayAttributes.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm text-muted-foreground", children: "No additional details available." }) : null
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AssetOverviewContent
+});
+//# sourceMappingURL=asset-overview-content.cjs.map

package/dist/components/asset-overview-content.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/asset-overview-content.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ReactNode } from \"react\";\nimport { IPTypeDisplay } from \"./ip-type-display.js\";\nimport { Bot, Calendar, DollarSign, GitBranch, Globe, Percent, Shield, UserCheck } from \"lucide-react\";\n\ninterface AssetAttribute {\n  trait_type?: string;\n  value?: string;\n}\n\ninterface AssetOverviewContentProps {\n  attributes: AssetAttribute[];\n  hasTemplateData: boolean;\n  isDisplayAttr: (attribute: AssetAttribute) => boolean;\n}\n\nexport function AssetOverviewContent({\n  attributes,\n  hasTemplateData,\n  isDisplayAttr,\n}: AssetOverviewContentProps) {\n  const attr = (trait: string) => attributes.find((attribute) => attribute.trait_type === trait)?.value;\n  const licenseType = attr(\"License\");\n  const commercialUse = attr(\"Commercial Use\");\n  const derivatives = attr(\"Derivatives\");\n  const attribution = attr(\"Attribution\");\n  const territory = attr(\"Territory\");\n  const aiPolicy = attr(\"AI Policy\");\n  const royalty = attr(\"Royalty\");\n  const standard = attr(\"Standard\");\n  const registration = attr(\"Registration\");\n  const hasLicenseData = licenseType || commercialUse || derivatives || attribution;\n  const displayAttributes = attributes.filter((attribute) => isDisplayAttr(attribute));\n\n  const rows: { icon: ReactNode; label: string; value: string | undefined }[] = [\n    { icon: <Shield className=\"h-4 w-4\" />, label: \"License\", value: licenseType },\n    { icon: <DollarSign className=\"h-4 w-4\" />, label: \"Commercial Use\", value: commercialUse },\n    { icon: <GitBranch className=\"h-4 w-4\" />, label: \"Derivatives\", value: derivatives },\n    { icon: <UserCheck className=\"h-4 w-4\" />, label: \"Attribution\", value: attribution },\n    { icon: <Globe className=\"h-4 w-4\" />, label: \"Territory\", value: territory },\n    { icon: <Bot className=\"h-4 w-4\" />, label: \"AI & Data Mining\", value: aiPolicy },\n    { icon: <Percent className=\"h-4 w-4\" />, label: \"Royalty\", value: royalty },\n    { icon: <Calendar className=\"h-4 w-4\" />, label: \"Registration\", value: registration },\n  ].filter((row) => !!row.value);\n\n  return (\n    <div className=\"mt-4 space-y-6\">\n      {hasTemplateData ? (\n        <IPTypeDisplay attributes={attributes} />\n      ) : null}\n\n      {hasLicenseData ? (\n        <div className=\"space-y-3\">\n          {standard ? (\n            <div className=\"flex items-center gap-2 rounded-lg bg-primary/5 border border-primary/20 px-4 py-3\">\n              <Shield className=\"h-4 w-4 text-primary shrink-0\" />\n              <div>\n                <p className=\"text-xs font-semibold text-primary\">{standard} Compliant</p>\n                <p className=\"text-xs text-muted-foreground\">\n                  Licensing terms are immutably embedded in IPFS metadata and compliant with international copyright law.\n                </p>\n              </div>\n            </div>\n          ) : null}\n\n          <div className=\"grid grid-cols-2 sm:grid-cols-3 gap-2\">\n            {rows.map(({ icon, label, value }) => (\n              <div key={label} className=\"rounded-lg border border-border bg-muted/20 p-3 text-center overflow-hidden\">\n                <div className=\"flex justify-center text-muted-foreground mb-1\">{icon}</div>\n                <p className=\"text-[10px] uppercase tracking-wider text-muted-foreground truncate\">{label}</p>\n                <p className=\"text-sm font-semibold mt-0.5 truncate\" title={value}>{value}</p>\n              </div>\n            ))}\n          </div>\n        </div>\n      ) : null}\n\n      {displayAttributes.length > 0 ? (\n        <div>\n          <p className=\"text-xs font-semibold uppercase tracking-wider text-muted-foreground mb-2\">Attributes</p>\n          <div className=\"grid grid-cols-2 sm:grid-cols-3 gap-2\">\n            {displayAttributes.map((attribute, index) => (\n              <div key={index} className=\"rounded-lg border border-border bg-muted/20 p-3 text-center overflow-hidden\">\n                <p\n                  className=\"text-[10px] uppercase tracking-wider text-muted-foreground truncate\"\n                  title={attribute.trait_type ?? \"Trait\"}\n                >\n                  {attribute.trait_type ?? \"Trait\"}\n                </p>\n                <p\n                  className=\"text-sm font-semibold mt-0.5 truncate\"\n                  title={attribute.value ?? \"—\"}\n                >\n                  {attribute.value ?? \"—\"}\n                </p>\n              </div>\n            ))}\n          </div>\n        </div>\n      ) : null}\n\n      {!hasTemplateData && displayAttributes.length === 0 ? (\n        <p className=\"text-sm text-muted-foreground\">No additional details available.</p>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAoCY;AAjCZ,6BAA8B;AAC9B,0BAAwF;AAajF,SAAS,qBAAqB;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AACF,GAA8B;AAC5B,QAAM,OAAO,CAAC,UAAkB,WAAW,KAAK,CAAC,cAAc,UAAU,eAAe,KAAK,GAAG;AAChG,QAAM,cAAc,KAAK,SAAS;AAClC,QAAM,gBAAgB,KAAK,gBAAgB;AAC3C,QAAM,cAAc,KAAK,aAAa;AACtC,QAAM,cAAc,KAAK,aAAa;AACtC,QAAM,YAAY,KAAK,WAAW;AAClC,QAAM,WAAW,KAAK,WAAW;AACjC,QAAM,UAAU,KAAK,SAAS;AAC9B,QAAM,WAAW,KAAK,UAAU;AAChC,QAAM,eAAe,KAAK,cAAc;AACxC,QAAM,iBAAiB,eAAe,iBAAiB,eAAe;AACtE,QAAM,oBAAoB,WAAW,OAAO,CAAC,cAAc,cAAc,SAAS,CAAC;AAEnF,QAAM,OAAwE;AAAA,IAC5E,EAAE,MAAM,4CAAC,8BAAO,WAAU,WAAU,GAAI,OAAO,WAAW,OAAO,YAAY;AAAA,IAC7E,EAAE,MAAM,4CAAC,kCAAW,WAAU,WAAU,GAAI,OAAO,kBAAkB,OAAO,cAAc;AAAA,IAC1F,EAAE,MAAM,4CAAC,iCAAU,WAAU,WAAU,GAAI,OAAO,eAAe,OAAO,YAAY;AAAA,IACpF,EAAE,MAAM,4CAAC,iCAAU,WAAU,WAAU,GAAI,OAAO,eAAe,OAAO,YAAY;AAAA,IACpF,EAAE,MAAM,4CAAC,6BAAM,WAAU,WAAU,GAAI,OAAO,aAAa,OAAO,UAAU;AAAA,IAC5E,EAAE,MAAM,4CAAC,2BAAI,WAAU,WAAU,GAAI,OAAO,oBAAoB,OAAO,SAAS;AAAA,IAChF,EAAE,MAAM,4CAAC,+BAAQ,WAAU,WAAU,GAAI,OAAO,WAAW,OAAO,QAAQ;AAAA,IAC1E,EAAE,MAAM,4CAAC,gCAAS,WAAU,WAAU,GAAI,OAAO,gBAAgB,OAAO,aAAa;AAAA,EACvF,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAC,IAAI,KAAK;AAE7B,SACE,6CAAC,SAAI,WAAU,kBACZ;AAAA,sBACC,4CAAC,wCAAc,YAAwB,IACrC;AAAA,IAEH,iBACC,6CAAC,SAAI,WAAU,aACZ;AAAA,iBACC,6CAAC,SAAI,WAAU,sFACb;AAAA,oDAAC,8BAAO,WAAU,iCAAgC;AAAA,QAClD,6CAAC,SACC;AAAA,uDAAC,OAAE,WAAU,sCAAsC;AAAA;AAAA,YAAS;AAAA,aAAU;AAAA,UACtE,4CAAC,OAAE,WAAU,iCAAgC,qHAE7C;AAAA,WACF;AAAA,SACF,IACE;AAAA,MAEJ,4CAAC,SAAI,WAAU,yCACZ,eAAK,IAAI,CAAC,EAAE,MAAM,OAAO,MAAM,MAC9B,6CAAC,SAAgB,WAAU,+EACzB;AAAA,oDAAC,SAAI,WAAU,kDAAkD,gBAAK;AAAA,QACtE,4CAAC,OAAE,WAAU,uEAAuE,iBAAM;AAAA,QAC1F,4CAAC,OAAE,WAAU,yCAAwC,OAAO,OAAQ,iBAAM;AAAA,WAHlE,KAIV,CACD,GACH;AAAA,OACF,IACE;AAAA,IAEH,kBAAkB,SAAS,IAC1B,6CAAC,SACC;AAAA,kDAAC,OAAE,WAAU,6EAA4E,wBAAU;AAAA,MACnG,4CAAC,SAAI,WAAU,yCACZ,4BAAkB,IAAI,CAAC,WAAW,UACjC,6CAAC,SAAgB,WAAU,+EACzB;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,OAAO,UAAU,cAAc;AAAA,YAE9B,oBAAU,cAAc;AAAA;AAAA,QAC3B;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,OAAO,UAAU,SAAS;AAAA,YAEzB,oBAAU,SAAS;AAAA;AAAA,QACtB;AAAA,WAZQ,KAaV,CACD,GACH;AAAA,OACF,IACE;AAAA,IAEH,CAAC,mBAAmB,kBAAkB,WAAW,IAChD,4CAAC,OAAE,WAAU,iCAAgC,8CAAgC,IAC3E;AAAA,KACN;AAEJ;","names":[]}

package/dist/components/asset-overview-content.d.cts

@@ -0,0 +1,14 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface AssetAttribute {
+    trait_type?: string;
+    value?: string;
+}
+interface AssetOverviewContentProps {
+    attributes: AssetAttribute[];
+    hasTemplateData: boolean;
+    isDisplayAttr: (attribute: AssetAttribute) => boolean;
+}
+declare function AssetOverviewContent({ attributes, hasTemplateData, isDisplayAttr, }: AssetOverviewContentProps): react_jsx_runtime.JSX.Element;
+
+export { AssetOverviewContent };

package/dist/components/asset-overview-content.d.ts

@@ -0,0 +1,14 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface AssetAttribute {
+    trait_type?: string;
+    value?: string;
+}
+interface AssetOverviewContentProps {
+    attributes: AssetAttribute[];
+    hasTemplateData: boolean;
+    isDisplayAttr: (attribute: AssetAttribute) => boolean;
+}
+declare function AssetOverviewContent({ attributes, hasTemplateData, isDisplayAttr, }: AssetOverviewContentProps): react_jsx_runtime.JSX.Element;
+
+export { AssetOverviewContent };

package/dist/components/asset-overview-content.js

@@ -0,0 +1,78 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { IPTypeDisplay } from "./ip-type-display.js";
+import { Bot, Calendar, DollarSign, GitBranch, Globe, Percent, Shield, UserCheck } from "lucide-react";
+function AssetOverviewContent({
+  attributes,
+  hasTemplateData,
+  isDisplayAttr
+}) {
+  const attr = (trait) => attributes.find((attribute) => attribute.trait_type === trait)?.value;
+  const licenseType = attr("License");
+  const commercialUse = attr("Commercial Use");
+  const derivatives = attr("Derivatives");
+  const attribution = attr("Attribution");
+  const territory = attr("Territory");
+  const aiPolicy = attr("AI Policy");
+  const royalty = attr("Royalty");
+  const standard = attr("Standard");
+  const registration = attr("Registration");
+  const hasLicenseData = licenseType || commercialUse || derivatives || attribution;
+  const displayAttributes = attributes.filter((attribute) => isDisplayAttr(attribute));
+  const rows = [
+    { icon: /* @__PURE__ */ jsx(Shield, { className: "h-4 w-4" }), label: "License", value: licenseType },
+    { icon: /* @__PURE__ */ jsx(DollarSign, { className: "h-4 w-4" }), label: "Commercial Use", value: commercialUse },
+    { icon: /* @__PURE__ */ jsx(GitBranch, { className: "h-4 w-4" }), label: "Derivatives", value: derivatives },
+    { icon: /* @__PURE__ */ jsx(UserCheck, { className: "h-4 w-4" }), label: "Attribution", value: attribution },
+    { icon: /* @__PURE__ */ jsx(Globe, { className: "h-4 w-4" }), label: "Territory", value: territory },
+    { icon: /* @__PURE__ */ jsx(Bot, { className: "h-4 w-4" }), label: "AI & Data Mining", value: aiPolicy },
+    { icon: /* @__PURE__ */ jsx(Percent, { className: "h-4 w-4" }), label: "Royalty", value: royalty },
+    { icon: /* @__PURE__ */ jsx(Calendar, { className: "h-4 w-4" }), label: "Registration", value: registration }
+  ].filter((row) => !!row.value);
+  return /* @__PURE__ */ jsxs("div", { className: "mt-4 space-y-6", children: [
+    hasTemplateData ? /* @__PURE__ */ jsx(IPTypeDisplay, { attributes }) : null,
+    hasLicenseData ? /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+      standard ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 rounded-lg bg-primary/5 border border-primary/20 px-4 py-3", children: [
+        /* @__PURE__ */ jsx(Shield, { className: "h-4 w-4 text-primary shrink-0" }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsxs("p", { className: "text-xs font-semibold text-primary", children: [
+            standard,
+            " Compliant"
+          ] }),
+          /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "Licensing terms are immutably embedded in IPFS metadata and compliant with international copyright law." })
+        ] })
+      ] }) : null,
+      /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 sm:grid-cols-3 gap-2", children: rows.map(({ icon, label, value }) => /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-border bg-muted/20 p-3 text-center overflow-hidden", children: [
+        /* @__PURE__ */ jsx("div", { className: "flex justify-center text-muted-foreground mb-1", children: icon }),
+        /* @__PURE__ */ jsx("p", { className: "text-[10px] uppercase tracking-wider text-muted-foreground truncate", children: label }),
+        /* @__PURE__ */ jsx("p", { className: "text-sm font-semibold mt-0.5 truncate", title: value, children: value })
+      ] }, label)) })
+    ] }) : null,
+    displayAttributes.length > 0 ? /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("p", { className: "text-xs font-semibold uppercase tracking-wider text-muted-foreground mb-2", children: "Attributes" }),
+      /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 sm:grid-cols-3 gap-2", children: displayAttributes.map((attribute, index) => /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-border bg-muted/20 p-3 text-center overflow-hidden", children: [
+        /* @__PURE__ */ jsx(
+          "p",
+          {
+            className: "text-[10px] uppercase tracking-wider text-muted-foreground truncate",
+            title: attribute.trait_type ?? "Trait",
+            children: attribute.trait_type ?? "Trait"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "p",
+          {
+            className: "text-sm font-semibold mt-0.5 truncate",
+            title: attribute.value ?? "\u2014",
+            children: attribute.value ?? "\u2014"
+          }
+        )
+      ] }, index)) })
+    ] }) : null,
+    !hasTemplateData && displayAttributes.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "No additional details available." }) : null
+  ] });
+}
+export {
+  AssetOverviewContent
+};
+//# sourceMappingURL=asset-overview-content.js.map

package/dist/components/asset-overview-content.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/asset-overview-content.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ReactNode } from \"react\";\nimport { IPTypeDisplay } from \"./ip-type-display.js\";\nimport { Bot, Calendar, DollarSign, GitBranch, Globe, Percent, Shield, UserCheck } from \"lucide-react\";\n\ninterface AssetAttribute {\n  trait_type?: string;\n  value?: string;\n}\n\ninterface AssetOverviewContentProps {\n  attributes: AssetAttribute[];\n  hasTemplateData: boolean;\n  isDisplayAttr: (attribute: AssetAttribute) => boolean;\n}\n\nexport function AssetOverviewContent({\n  attributes,\n  hasTemplateData,\n  isDisplayAttr,\n}: AssetOverviewContentProps) {\n  const attr = (trait: string) => attributes.find((attribute) => attribute.trait_type === trait)?.value;\n  const licenseType = attr(\"License\");\n  const commercialUse = attr(\"Commercial Use\");\n  const derivatives = attr(\"Derivatives\");\n  const attribution = attr(\"Attribution\");\n  const territory = attr(\"Territory\");\n  const aiPolicy = attr(\"AI Policy\");\n  const royalty = attr(\"Royalty\");\n  const standard = attr(\"Standard\");\n  const registration = attr(\"Registration\");\n  const hasLicenseData = licenseType || commercialUse || derivatives || attribution;\n  const displayAttributes = attributes.filter((attribute) => isDisplayAttr(attribute));\n\n  const rows: { icon: ReactNode; label: string; value: string | undefined }[] = [\n    { icon: <Shield className=\"h-4 w-4\" />, label: \"License\", value: licenseType },\n    { icon: <DollarSign className=\"h-4 w-4\" />, label: \"Commercial Use\", value: commercialUse },\n    { icon: <GitBranch className=\"h-4 w-4\" />, label: \"Derivatives\", value: derivatives },\n    { icon: <UserCheck className=\"h-4 w-4\" />, label: \"Attribution\", value: attribution },\n    { icon: <Globe className=\"h-4 w-4\" />, label: \"Territory\", value: territory },\n    { icon: <Bot className=\"h-4 w-4\" />, label: \"AI & Data Mining\", value: aiPolicy },\n    { icon: <Percent className=\"h-4 w-4\" />, label: \"Royalty\", value: royalty },\n    { icon: <Calendar className=\"h-4 w-4\" />, label: \"Registration\", value: registration },\n  ].filter((row) => !!row.value);\n\n  return (\n    <div className=\"mt-4 space-y-6\">\n      {hasTemplateData ? (\n        <IPTypeDisplay attributes={attributes} />\n      ) : null}\n\n      {hasLicenseData ? (\n        <div className=\"space-y-3\">\n          {standard ? (\n            <div className=\"flex items-center gap-2 rounded-lg bg-primary/5 border border-primary/20 px-4 py-3\">\n              <Shield className=\"h-4 w-4 text-primary shrink-0\" />\n              <div>\n                <p className=\"text-xs font-semibold text-primary\">{standard} Compliant</p>\n                <p className=\"text-xs text-muted-foreground\">\n                  Licensing terms are immutably embedded in IPFS metadata and compliant with international copyright law.\n                </p>\n              </div>\n            </div>\n          ) : null}\n\n          <div className=\"grid grid-cols-2 sm:grid-cols-3 gap-2\">\n            {rows.map(({ icon, label, value }) => (\n              <div key={label} className=\"rounded-lg border border-border bg-muted/20 p-3 text-center overflow-hidden\">\n                <div className=\"flex justify-center text-muted-foreground mb-1\">{icon}</div>\n                <p className=\"text-[10px] uppercase tracking-wider text-muted-foreground truncate\">{label}</p>\n                <p className=\"text-sm font-semibold mt-0.5 truncate\" title={value}>{value}</p>\n              </div>\n            ))}\n          </div>\n        </div>\n      ) : null}\n\n      {displayAttributes.length > 0 ? (\n        <div>\n          <p className=\"text-xs font-semibold uppercase tracking-wider text-muted-foreground mb-2\">Attributes</p>\n          <div className=\"grid grid-cols-2 sm:grid-cols-3 gap-2\">\n            {displayAttributes.map((attribute, index) => (\n              <div key={index} className=\"rounded-lg border border-border bg-muted/20 p-3 text-center overflow-hidden\">\n                <p\n                  className=\"text-[10px] uppercase tracking-wider text-muted-foreground truncate\"\n                  title={attribute.trait_type ?? \"Trait\"}\n                >\n                  {attribute.trait_type ?? \"Trait\"}\n                </p>\n                <p\n                  className=\"text-sm font-semibold mt-0.5 truncate\"\n                  title={attribute.value ?? \"—\"}\n                >\n                  {attribute.value ?? \"—\"}\n                </p>\n              </div>\n            ))}\n          </div>\n        </div>\n      ) : null}\n\n      {!hasTemplateData && displayAttributes.length === 0 ? (\n        <p className=\"text-sm text-muted-foreground\">No additional details available.</p>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}