@medialane/ui 0.1.6 → 0.2.0

package/dist/components/scroll-section.cjs

@@ -0,0 +1,72 @@
+"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 scroll_section_exports = {};
+__export(scroll_section_exports, {
+  ScrollSection: () => ScrollSection
+});
+module.exports = __toCommonJS(scroll_section_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_link = __toESM(require("next/link"), 1);
+var import_lucide_react = require("lucide-react");
+function ScrollSection({
+  icon,
+  iconBg,
+  title,
+  href,
+  linkLabel = "See all",
+  children
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", { className: "space-y-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-2.5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: `h-7 w-7 rounded-lg flex items-center justify-center ${iconBg}`, children: icon }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { className: "text-lg sm:text-xl font-semibold", children: title })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        import_link.default,
+        {
+          href,
+          className: "inline-flex items-center gap-1 text-sm text-muted-foreground hover:text-foreground px-3 py-1.5 rounded-md hover:bg-accent transition-colors",
+          children: [
+            linkLabel,
+            " ",
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ArrowRight, { className: "h-3.5 w-3.5" })
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "w-full overflow-x-auto scrollbar-hide", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex gap-4 snap-x snap-mandatory pb-2", style: { width: "max-content" }, children }) })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ScrollSection
+});
+//# sourceMappingURL=scroll-section.cjs.map

package/dist/components/scroll-section.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/scroll-section.tsx"],"sourcesContent":["\"use client\";\n\nimport Link from \"next/link\";\nimport { ArrowRight } from \"lucide-react\";\n\nexport interface ScrollSectionProps {\n  /** Icon element rendered inside the colored badge */\n  icon: React.ReactNode;\n  /** Tailwind classes for the icon badge (background + shadow) */\n  iconBg: string;\n  title: string;\n  /** \"See all\" link destination */\n  href: string;\n  /** Button label — defaults to \"See all\" */\n  linkLabel?: string;\n  /** Scroll items: wrap each in a sized snap-start div */\n  children: React.ReactNode;\n}\n\nexport function ScrollSection({\n  icon,\n  iconBg,\n  title,\n  href,\n  linkLabel = \"See all\",\n  children,\n}: ScrollSectionProps) {\n  return (\n    <section className=\"space-y-4\">\n      <div className=\"flex items-center justify-between\">\n        <div className=\"flex items-center gap-2.5\">\n          <div className={`h-7 w-7 rounded-lg flex items-center justify-center ${iconBg}`}>\n            {icon}\n          </div>\n          <h2 className=\"text-lg sm:text-xl font-semibold\">{title}</h2>\n        </div>\n        <Link\n          href={href}\n          className=\"inline-flex items-center gap-1 text-sm text-muted-foreground hover:text-foreground px-3 py-1.5 rounded-md hover:bg-accent transition-colors\"\n        >\n          {linkLabel} <ArrowRight className=\"h-3.5 w-3.5\" />\n        </Link>\n      </div>\n\n      <div className=\"w-full overflow-x-auto scrollbar-hide\">\n        <div className=\"flex gap-4 snap-x snap-mandatory pb-2\" style={{ width: \"max-content\" }}>\n          {children}\n        </div>\n      </div>\n    </section>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA8BQ;AA5BR,kBAAiB;AACjB,0BAA2B;AAgBpB,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ;AACF,GAAuB;AACrB,SACE,6CAAC,aAAQ,WAAU,aACjB;AAAA,iDAAC,SAAI,WAAU,qCACb;AAAA,mDAAC,SAAI,WAAU,6BACb;AAAA,oDAAC,SAAI,WAAW,uDAAuD,MAAM,IAC1E,gBACH;AAAA,QACA,4CAAC,QAAG,WAAU,oCAAoC,iBAAM;AAAA,SAC1D;AAAA,MACA;AAAA,QAAC,YAAAA;AAAA,QAAA;AAAA,UACC;AAAA,UACA,WAAU;AAAA,UAET;AAAA;AAAA,YAAU;AAAA,YAAC,4CAAC,kCAAW,WAAU,eAAc;AAAA;AAAA;AAAA,MAClD;AAAA,OACF;AAAA,IAEA,4CAAC,SAAI,WAAU,yCACb,sDAAC,SAAI,WAAU,yCAAwC,OAAO,EAAE,OAAO,cAAc,GAClF,UACH,GACF;AAAA,KACF;AAEJ;","names":["Link"]}

package/dist/components/scroll-section.d.cts

@@ -0,0 +1,18 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface ScrollSectionProps {
+    /** Icon element rendered inside the colored badge */
+    icon: React.ReactNode;
+    /** Tailwind classes for the icon badge (background + shadow) */
+    iconBg: string;
+    title: string;
+    /** "See all" link destination */
+    href: string;
+    /** Button label — defaults to "See all" */
+    linkLabel?: string;
+    /** Scroll items: wrap each in a sized snap-start div */
+    children: React.ReactNode;
+}
+declare function ScrollSection({ icon, iconBg, title, href, linkLabel, children, }: ScrollSectionProps): react_jsx_runtime.JSX.Element;
+
+export { ScrollSection, type ScrollSectionProps };

package/dist/components/scroll-section.d.ts

@@ -0,0 +1,18 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface ScrollSectionProps {
+    /** Icon element rendered inside the colored badge */
+    icon: React.ReactNode;
+    /** Tailwind classes for the icon badge (background + shadow) */
+    iconBg: string;
+    title: string;
+    /** "See all" link destination */
+    href: string;
+    /** Button label — defaults to "See all" */
+    linkLabel?: string;
+    /** Scroll items: wrap each in a sized snap-start div */
+    children: React.ReactNode;
+}
+declare function ScrollSection({ icon, iconBg, title, href, linkLabel, children, }: ScrollSectionProps): react_jsx_runtime.JSX.Element;
+
+export { ScrollSection, type ScrollSectionProps };

package/dist/components/scroll-section.js

@@ -0,0 +1,38 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import Link from "next/link";
+import { ArrowRight } from "lucide-react";
+function ScrollSection({
+  icon,
+  iconBg,
+  title,
+  href,
+  linkLabel = "See all",
+  children
+}) {
+  return /* @__PURE__ */ jsxs("section", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2.5", children: [
+        /* @__PURE__ */ jsx("div", { className: `h-7 w-7 rounded-lg flex items-center justify-center ${iconBg}`, children: icon }),
+        /* @__PURE__ */ jsx("h2", { className: "text-lg sm:text-xl font-semibold", children: title })
+      ] }),
+      /* @__PURE__ */ jsxs(
+        Link,
+        {
+          href,
+          className: "inline-flex items-center gap-1 text-sm text-muted-foreground hover:text-foreground px-3 py-1.5 rounded-md hover:bg-accent transition-colors",
+          children: [
+            linkLabel,
+            " ",
+            /* @__PURE__ */ jsx(ArrowRight, { className: "h-3.5 w-3.5" })
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "w-full overflow-x-auto scrollbar-hide", children: /* @__PURE__ */ jsx("div", { className: "flex gap-4 snap-x snap-mandatory pb-2", style: { width: "max-content" }, children }) })
+  ] });
+}
+export {
+  ScrollSection
+};
+//# sourceMappingURL=scroll-section.js.map

package/dist/components/scroll-section.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/scroll-section.tsx"],"sourcesContent":["\"use client\";\n\nimport Link from \"next/link\";\nimport { ArrowRight } from \"lucide-react\";\n\nexport interface ScrollSectionProps {\n  /** Icon element rendered inside the colored badge */\n  icon: React.ReactNode;\n  /** Tailwind classes for the icon badge (background + shadow) */\n  iconBg: string;\n  title: string;\n  /** \"See all\" link destination */\n  href: string;\n  /** Button label — defaults to \"See all\" */\n  linkLabel?: string;\n  /** Scroll items: wrap each in a sized snap-start div */\n  children: React.ReactNode;\n}\n\nexport function ScrollSection({\n  icon,\n  iconBg,\n  title,\n  href,\n  linkLabel = \"See all\",\n  children,\n}: ScrollSectionProps) {\n  return (\n    <section className=\"space-y-4\">\n      <div className=\"flex items-center justify-between\">\n        <div className=\"flex items-center gap-2.5\">\n          <div className={`h-7 w-7 rounded-lg flex items-center justify-center ${iconBg}`}>\n            {icon}\n          </div>\n          <h2 className=\"text-lg sm:text-xl font-semibold\">{title}</h2>\n        </div>\n        <Link\n          href={href}\n          className=\"inline-flex items-center gap-1 text-sm text-muted-foreground hover:text-foreground px-3 py-1.5 rounded-md hover:bg-accent transition-colors\"\n        >\n          {linkLabel} <ArrowRight className=\"h-3.5 w-3.5\" />\n        </Link>\n      </div>\n\n      <div className=\"w-full overflow-x-auto scrollbar-hide\">\n        <div className=\"flex gap-4 snap-x snap-mandatory pb-2\" style={{ width: \"max-content\" }}>\n          {children}\n        </div>\n      </div>\n    </section>\n  );\n}\n"],"mappings":";AA8BQ,SACE,KADF;AA5BR,OAAO,UAAU;AACjB,SAAS,kBAAkB;AAgBpB,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ;AACF,GAAuB;AACrB,SACE,qBAAC,aAAQ,WAAU,aACjB;AAAA,yBAAC,SAAI,WAAU,qCACb;AAAA,2BAAC,SAAI,WAAU,6BACb;AAAA,4BAAC,SAAI,WAAW,uDAAuD,MAAM,IAC1E,gBACH;AAAA,QACA,oBAAC,QAAG,WAAU,oCAAoC,iBAAM;AAAA,SAC1D;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,WAAU;AAAA,UAET;AAAA;AAAA,YAAU;AAAA,YAAC,oBAAC,cAAW,WAAU,eAAc;AAAA;AAAA;AAAA,MAClD;AAAA,OACF;AAAA,IAEA,oBAAC,SAAI,WAAU,yCACb,8BAAC,SAAI,WAAU,yCAAwC,OAAO,EAAE,OAAO,cAAc,GAClF,UACH,GACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/components/share-button.cjs

@@ -0,0 +1,86 @@
+"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 share_button_exports = {};
+__export(share_button_exports, {
+  ShareButton: () => ShareButton
+});
+module.exports = __toCommonJS(share_button_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_lucide_react = require("lucide-react");
+var import_sonner = require("sonner");
+var import_cn = require("../utils/cn.js");
+const VARIANT_CLASSES = {
+  outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
+  ghost: "hover:bg-accent hover:text-accent-foreground",
+  default: "bg-primary text-primary-foreground hover:bg-primary/90"
+};
+const SIZE_CLASSES = {
+  sm: "h-9 px-3 text-xs rounded-md",
+  default: "h-10 px-4 py-2 text-sm rounded-md",
+  lg: "h-11 px-8 text-sm rounded-md",
+  icon: "h-9 w-9 rounded-md"
+};
+function ShareButton({
+  title,
+  url,
+  variant = "outline",
+  size = "sm",
+  className
+}) {
+  const [copied, setCopied] = (0, import_react.useState)(false);
+  const handleShare = async () => {
+    const shareUrl = url ?? (typeof window !== "undefined" ? window.location.href : "");
+    if (typeof navigator !== "undefined" && navigator.share) {
+      try {
+        await navigator.share({ title, url: shareUrl });
+      } catch {
+      }
+    } else {
+      await navigator.clipboard.writeText(shareUrl);
+      setCopied(true);
+      import_sonner.toast.success("Link copied to clipboard");
+      setTimeout(() => setCopied(false), 2e3);
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "button",
+    {
+      onClick: handleShare,
+      className: (0, import_cn.cn)(
+        "inline-flex items-center justify-center font-medium transition-colors",
+        "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+        "disabled:pointer-events-none disabled:opacity-50",
+        VARIANT_CLASSES[variant],
+        SIZE_CLASSES[size],
+        className
+      ),
+      children: [
+        copied ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Check, { className: "h-3.5 w-3.5 text-emerald-500" }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Share2, { className: "h-3.5 w-3.5" }),
+        size !== "icon" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "ml-1.5", children: copied ? "Copied" : "Share" })
+      ]
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ShareButton
+});
+//# sourceMappingURL=share-button.cjs.map

package/dist/components/share-button.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/share-button.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState } from \"react\";\nimport { Share2, Check } from \"lucide-react\";\nimport { toast } from \"sonner\";\nimport { cn } from \"../utils/cn.js\";\n\nexport interface ShareButtonProps {\n  title: string;\n  url?: string;\n  variant?: \"outline\" | \"ghost\" | \"default\";\n  size?: \"sm\" | \"default\" | \"lg\" | \"icon\";\n  className?: string;\n}\n\nconst VARIANT_CLASSES: Record<NonNullable<ShareButtonProps[\"variant\"]>, string> = {\n  outline: \"border border-input bg-background hover:bg-accent hover:text-accent-foreground\",\n  ghost: \"hover:bg-accent hover:text-accent-foreground\",\n  default: \"bg-primary text-primary-foreground hover:bg-primary/90\",\n};\n\nconst SIZE_CLASSES: Record<NonNullable<ShareButtonProps[\"size\"]>, string> = {\n  sm: \"h-9 px-3 text-xs rounded-md\",\n  default: \"h-10 px-4 py-2 text-sm rounded-md\",\n  lg: \"h-11 px-8 text-sm rounded-md\",\n  icon: \"h-9 w-9 rounded-md\",\n};\n\nexport function ShareButton({\n  title,\n  url,\n  variant = \"outline\",\n  size = \"sm\",\n  className,\n}: ShareButtonProps) {\n  const [copied, setCopied] = useState(false);\n\n  const handleShare = async () => {\n    const shareUrl = url ?? (typeof window !== \"undefined\" ? window.location.href : \"\");\n    if (typeof navigator !== \"undefined\" && navigator.share) {\n      try {\n        await navigator.share({ title, url: shareUrl });\n      } catch {\n        // User cancelled — ignore\n      }\n    } else {\n      await navigator.clipboard.writeText(shareUrl);\n      setCopied(true);\n      toast.success(\"Link copied to clipboard\");\n      setTimeout(() => setCopied(false), 2000);\n    }\n  };\n\n  return (\n    <button\n      onClick={handleShare}\n      className={cn(\n        \"inline-flex items-center justify-center font-medium transition-colors\",\n        \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\",\n        \"disabled:pointer-events-none disabled:opacity-50\",\n        VARIANT_CLASSES[variant],\n        SIZE_CLASSES[size],\n        className\n      )}\n    >\n      {copied\n        ? <Check className=\"h-3.5 w-3.5 text-emerald-500\" />\n        : <Share2 className=\"h-3.5 w-3.5\" />\n      }\n      {size !== \"icon\" && (\n        <span className=\"ml-1.5\">{copied ? \"Copied\" : \"Share\"}</span>\n      )}\n    </button>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAsDI;AApDJ,mBAAyB;AACzB,0BAA8B;AAC9B,oBAAsB;AACtB,gBAAmB;AAUnB,MAAM,kBAA4E;AAAA,EAChF,SAAS;AAAA,EACT,OAAO;AAAA,EACP,SAAS;AACX;AAEA,MAAM,eAAsE;AAAA,EAC1E,IAAI;AAAA,EACJ,SAAS;AAAA,EACT,IAAI;AAAA,EACJ,MAAM;AACR;AAEO,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV,OAAO;AAAA,EACP;AACF,GAAqB;AACnB,QAAM,CAAC,QAAQ,SAAS,QAAI,uBAAS,KAAK;AAE1C,QAAM,cAAc,YAAY;AAC9B,UAAM,WAAW,QAAQ,OAAO,WAAW,cAAc,OAAO,SAAS,OAAO;AAChF,QAAI,OAAO,cAAc,eAAe,UAAU,OAAO;AACvD,UAAI;AACF,cAAM,UAAU,MAAM,EAAE,OAAO,KAAK,SAAS,CAAC;AAAA,MAChD,QAAQ;AAAA,MAER;AAAA,IACF,OAAO;AACL,YAAM,UAAU,UAAU,UAAU,QAAQ;AAC5C,gBAAU,IAAI;AACd,0BAAM,QAAQ,0BAA0B;AACxC,iBAAW,MAAM,UAAU,KAAK,GAAG,GAAI;AAAA,IACzC;AAAA,EACF;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAS;AAAA,MACT,eAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA,gBAAgB,OAAO;AAAA,QACvB,aAAa,IAAI;AAAA,QACjB;AAAA,MACF;AAAA,MAEC;AAAA,iBACG,4CAAC,6BAAM,WAAU,gCAA+B,IAChD,4CAAC,8BAAO,WAAU,eAAc;AAAA,QAEnC,SAAS,UACR,4CAAC,UAAK,WAAU,UAAU,mBAAS,WAAW,SAAQ;AAAA;AAAA;AAAA,EAE1D;AAEJ;","names":[]}

package/dist/components/share-button.d.cts

@@ -0,0 +1,12 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface ShareButtonProps {
+    title: string;
+    url?: string;
+    variant?: "outline" | "ghost" | "default";
+    size?: "sm" | "default" | "lg" | "icon";
+    className?: string;
+}
+declare function ShareButton({ title, url, variant, size, className, }: ShareButtonProps): react_jsx_runtime.JSX.Element;
+
+export { ShareButton, type ShareButtonProps };

package/dist/components/share-button.d.ts

@@ -0,0 +1,12 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface ShareButtonProps {
+    title: string;
+    url?: string;
+    variant?: "outline" | "ghost" | "default";
+    size?: "sm" | "default" | "lg" | "icon";
+    className?: string;
+}
+declare function ShareButton({ title, url, variant, size, className, }: ShareButtonProps): react_jsx_runtime.JSX.Element;
+
+export { ShareButton, type ShareButtonProps };

package/dist/components/share-button.js

@@ -0,0 +1,62 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Share2, Check } from "lucide-react";
+import { toast } from "sonner";
+import { cn } from "../utils/cn.js";
+const VARIANT_CLASSES = {
+  outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
+  ghost: "hover:bg-accent hover:text-accent-foreground",
+  default: "bg-primary text-primary-foreground hover:bg-primary/90"
+};
+const SIZE_CLASSES = {
+  sm: "h-9 px-3 text-xs rounded-md",
+  default: "h-10 px-4 py-2 text-sm rounded-md",
+  lg: "h-11 px-8 text-sm rounded-md",
+  icon: "h-9 w-9 rounded-md"
+};
+function ShareButton({
+  title,
+  url,
+  variant = "outline",
+  size = "sm",
+  className
+}) {
+  const [copied, setCopied] = useState(false);
+  const handleShare = async () => {
+    const shareUrl = url ?? (typeof window !== "undefined" ? window.location.href : "");
+    if (typeof navigator !== "undefined" && navigator.share) {
+      try {
+        await navigator.share({ title, url: shareUrl });
+      } catch {
+      }
+    } else {
+      await navigator.clipboard.writeText(shareUrl);
+      setCopied(true);
+      toast.success("Link copied to clipboard");
+      setTimeout(() => setCopied(false), 2e3);
+    }
+  };
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      onClick: handleShare,
+      className: cn(
+        "inline-flex items-center justify-center font-medium transition-colors",
+        "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+        "disabled:pointer-events-none disabled:opacity-50",
+        VARIANT_CLASSES[variant],
+        SIZE_CLASSES[size],
+        className
+      ),
+      children: [
+        copied ? /* @__PURE__ */ jsx(Check, { className: "h-3.5 w-3.5 text-emerald-500" }) : /* @__PURE__ */ jsx(Share2, { className: "h-3.5 w-3.5" }),
+        size !== "icon" && /* @__PURE__ */ jsx("span", { className: "ml-1.5", children: copied ? "Copied" : "Share" })
+      ]
+    }
+  );
+}
+export {
+  ShareButton
+};
+//# sourceMappingURL=share-button.js.map

package/dist/components/share-button.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/share-button.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState } from \"react\";\nimport { Share2, Check } from \"lucide-react\";\nimport { toast } from \"sonner\";\nimport { cn } from \"../utils/cn.js\";\n\nexport interface ShareButtonProps {\n  title: string;\n  url?: string;\n  variant?: \"outline\" | \"ghost\" | \"default\";\n  size?: \"sm\" | \"default\" | \"lg\" | \"icon\";\n  className?: string;\n}\n\nconst VARIANT_CLASSES: Record<NonNullable<ShareButtonProps[\"variant\"]>, string> = {\n  outline: \"border border-input bg-background hover:bg-accent hover:text-accent-foreground\",\n  ghost: \"hover:bg-accent hover:text-accent-foreground\",\n  default: \"bg-primary text-primary-foreground hover:bg-primary/90\",\n};\n\nconst SIZE_CLASSES: Record<NonNullable<ShareButtonProps[\"size\"]>, string> = {\n  sm: \"h-9 px-3 text-xs rounded-md\",\n  default: \"h-10 px-4 py-2 text-sm rounded-md\",\n  lg: \"h-11 px-8 text-sm rounded-md\",\n  icon: \"h-9 w-9 rounded-md\",\n};\n\nexport function ShareButton({\n  title,\n  url,\n  variant = \"outline\",\n  size = \"sm\",\n  className,\n}: ShareButtonProps) {\n  const [copied, setCopied] = useState(false);\n\n  const handleShare = async () => {\n    const shareUrl = url ?? (typeof window !== \"undefined\" ? window.location.href : \"\");\n    if (typeof navigator !== \"undefined\" && navigator.share) {\n      try {\n        await navigator.share({ title, url: shareUrl });\n      } catch {\n        // User cancelled — ignore\n      }\n    } else {\n      await navigator.clipboard.writeText(shareUrl);\n      setCopied(true);\n      toast.success(\"Link copied to clipboard\");\n      setTimeout(() => setCopied(false), 2000);\n    }\n  };\n\n  return (\n    <button\n      onClick={handleShare}\n      className={cn(\n        \"inline-flex items-center justify-center font-medium transition-colors\",\n        \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\",\n        \"disabled:pointer-events-none disabled:opacity-50\",\n        VARIANT_CLASSES[variant],\n        SIZE_CLASSES[size],\n        className\n      )}\n    >\n      {copied\n        ? <Check className=\"h-3.5 w-3.5 text-emerald-500\" />\n        : <Share2 className=\"h-3.5 w-3.5\" />\n      }\n      {size !== \"icon\" && (\n        <span className=\"ml-1.5\">{copied ? \"Copied\" : \"Share\"}</span>\n      )}\n    </button>\n  );\n}\n"],"mappings":";AAsDI,SAYM,KAZN;AApDJ,SAAS,gBAAgB;AACzB,SAAS,QAAQ,aAAa;AAC9B,SAAS,aAAa;AACtB,SAAS,UAAU;AAUnB,MAAM,kBAA4E;AAAA,EAChF,SAAS;AAAA,EACT,OAAO;AAAA,EACP,SAAS;AACX;AAEA,MAAM,eAAsE;AAAA,EAC1E,IAAI;AAAA,EACJ,SAAS;AAAA,EACT,IAAI;AAAA,EACJ,MAAM;AACR;AAEO,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV,OAAO;AAAA,EACP;AACF,GAAqB;AACnB,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,KAAK;AAE1C,QAAM,cAAc,YAAY;AAC9B,UAAM,WAAW,QAAQ,OAAO,WAAW,cAAc,OAAO,SAAS,OAAO;AAChF,QAAI,OAAO,cAAc,eAAe,UAAU,OAAO;AACvD,UAAI;AACF,cAAM,UAAU,MAAM,EAAE,OAAO,KAAK,SAAS,CAAC;AAAA,MAChD,QAAQ;AAAA,MAER;AAAA,IACF,OAAO;AACL,YAAM,UAAU,UAAU,UAAU,QAAQ;AAC5C,gBAAU,IAAI;AACd,YAAM,QAAQ,0BAA0B;AACxC,iBAAW,MAAM,UAAU,KAAK,GAAG,GAAI;AAAA,IACzC;AAAA,EACF;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAS;AAAA,MACT,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA,gBAAgB,OAAO;AAAA,QACvB,aAAa,IAAI;AAAA,QACjB;AAAA,MACF;AAAA,MAEC;AAAA,iBACG,oBAAC,SAAM,WAAU,gCAA+B,IAChD,oBAAC,UAAO,WAAU,eAAc;AAAA,QAEnC,SAAS,UACR,oBAAC,UAAK,WAAU,UAAU,mBAAS,WAAW,SAAQ;AAAA;AAAA;AAAA,EAE1D;AAEJ;","names":[]}

package/dist/components/token-card.cjs

@@ -0,0 +1,281 @@
+"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 token_card_exports = {};
+__export(token_card_exports, {
+  TokenCard: () => TokenCard,
+  TokenCardSkeleton: () => TokenCardSkeleton
+});
+module.exports = __toCommonJS(token_card_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_link = __toESM(require("next/link"), 1);
+var import_image = __toESM(require("next/image"), 1);
+var import_lucide_react = require("lucide-react");
+var import_cn = require("../utils/cn.js");
+var import_ipfs = require("../utils/ipfs.js");
+var import_format = require("../utils/format.js");
+var import_currency_icon = require("./currency-icon.js");
+var import_ip_type_badge = require("./ip-type-badge.js");
+var import_motion_primitives = require("./motion-primitives.js");
+const RARITY_STYLE = {
+  legendary: { label: "Legendary", className: "bg-yellow-400/90 text-yellow-900" },
+  epic: { label: "Epic", className: "bg-purple-500/85 text-white" },
+  rare: { label: "Rare", className: "bg-blue-500/85 text-white" },
+  uncommon: { label: "Uncommon", className: "bg-emerald-500/85 text-white" },
+  common: null
+};
+const BTN_BASE = "h-8 rounded-[11px] flex items-center justify-center gap-1.5 text-xs font-semibold transition-all active:scale-[0.98] shadow-none border-0";
+const BTN_SOLID = (0, import_cn.cn)(BTN_BASE, "text-white hover:brightness-110");
+const BTN_OUTLINE = (0, import_cn.cn)(BTN_BASE, "border border-border/60 text-foreground hover:bg-muted/60");
+function TokenCard({
+  token,
+  isOwner = false,
+  inCart = false,
+  showBuyButton = true,
+  rarityTier,
+  className,
+  onBuy,
+  onCart,
+  onOffer,
+  onList,
+  onCancel,
+  onTransfer,
+  overflowMenu
+}) {
+  const [imgError, setImgError] = (0, import_react.useState)(false);
+  const name = token.metadata?.name || `Token #${token.tokenId}`;
+  const image = (0, import_ipfs.ipfsToHttp)(token.metadata?.image);
+  const activeOrder = token.activeOrders?.[0];
+  const assetHref = `/asset/${token.contractAddress}/${token.tokenId}`;
+  const renderActions = () => {
+    if (!isOwner && activeOrder && showBuyButton) {
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+        onBuy && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+          "button",
+          {
+            className: (0, import_cn.cn)(BTN_SOLID, "flex-1 bg-brand-purple"),
+            onClick: (e) => {
+              e.preventDefault();
+              e.stopPropagation();
+              onBuy(token);
+            },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Zap, { className: "h-3.5 w-3.5 shrink-0" }),
+              "Buy"
+            ]
+          }
+        ),
+        onCart && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "button",
+          {
+            className: (0, import_cn.cn)(
+              BTN_OUTLINE,
+              "w-8 shrink-0",
+              inCart && "border-brand-orange/50 bg-brand-orange/10 text-brand-orange"
+            ),
+            onClick: (e) => {
+              e.preventDefault();
+              e.stopPropagation();
+              onCart(token);
+            },
+            disabled: inCart,
+            "aria-label": inCart ? "In cart" : "Add to cart",
+            children: inCart ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Check, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ShoppingCart, { className: "h-3.5 w-3.5" })
+          }
+        ),
+        onOffer && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "button",
+          {
+            className: (0, import_cn.cn)(BTN_OUTLINE, "w-8 shrink-0 text-brand-orange border-brand-orange/40 hover:bg-brand-orange/10"),
+            onClick: (e) => {
+              e.preventDefault();
+              e.stopPropagation();
+              onOffer(token);
+            },
+            "aria-label": "Make an offer",
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.HandCoins, { className: "h-3.5 w-3.5" })
+          }
+        )
+      ] });
+    }
+    if (!isOwner) {
+      if (!onOffer) return null;
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_link.default, { href: assetHref, className: (0, import_cn.cn)(BTN_OUTLINE, "flex-1"), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ArrowUpRight, { className: "h-3.5 w-3.5 shrink-0" }),
+          "View"
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "button",
+          {
+            className: (0, import_cn.cn)(BTN_OUTLINE, "w-8 shrink-0 text-brand-orange border-brand-orange/40 hover:bg-brand-orange/10"),
+            onClick: (e) => {
+              e.preventDefault();
+              e.stopPropagation();
+              onOffer(token);
+            },
+            "aria-label": "Make an offer",
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.HandCoins, { className: "h-3.5 w-3.5" })
+          }
+        )
+      ] });
+    }
+    if (isOwner && activeOrder) {
+      if (!onCancel) return null;
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+          "button",
+          {
+            className: (0, import_cn.cn)(BTN_SOLID, "flex-1 bg-brand-rose"),
+            onClick: (e) => {
+              e.preventDefault();
+              e.stopPropagation();
+              onCancel(token);
+            },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.X, { className: "h-3.5 w-3.5 shrink-0" }),
+              "Cancel listing"
+            ]
+          }
+        ),
+        onTransfer && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "button",
+          {
+            className: (0, import_cn.cn)(BTN_OUTLINE, "w-8 shrink-0"),
+            onClick: (e) => {
+              e.preventDefault();
+              e.stopPropagation();
+              onTransfer(token);
+            },
+            "aria-label": "Transfer",
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ArrowRightLeft, { className: "h-3.5 w-3.5" })
+          }
+        )
+      ] });
+    }
+    if (isOwner && !activeOrder) {
+      if (!onList) return null;
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+          "button",
+          {
+            className: (0, import_cn.cn)(BTN_SOLID, "flex-1 bg-brand-blue"),
+            onClick: (e) => {
+              e.preventDefault();
+              e.stopPropagation();
+              onList(token);
+            },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Tag, { className: "h-3.5 w-3.5 shrink-0" }),
+              "List for sale"
+            ]
+          }
+        ),
+        onTransfer && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "button",
+          {
+            className: (0, import_cn.cn)(BTN_OUTLINE, "w-8 shrink-0"),
+            onClick: (e) => {
+              e.preventDefault();
+              e.stopPropagation();
+              onTransfer(token);
+            },
+            "aria-label": "Transfer",
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ArrowRightLeft, { className: "h-3.5 w-3.5" })
+          }
+        )
+      ] });
+    }
+    return null;
+  };
+  const actionContent = renderActions();
+  const showActionBar = actionContent != null || !!overflowMenu;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_motion_primitives.MotionCard, { className: (0, import_cn.cn)("card-base group relative overflow-hidden flex flex-col", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_link.default, { href: assetHref, className: "block relative shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "relative aspect-square bg-muted overflow-hidden", children: [
+      !imgError ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_image.default,
+        {
+          src: image,
+          alt: name,
+          fill: true,
+          unoptimized: true,
+          sizes: "(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 22vw",
+          className: "object-cover transition-transform duration-500 group-hover:scale-105",
+          onError: () => setImgError(true)
+        }
+      ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "absolute inset-0 flex items-center justify-center bg-gradient-to-br from-brand-purple/15 to-brand-blue/15", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "text-2xl font-mono text-muted-foreground", children: [
+        "#",
+        token.tokenId
+      ] }) }),
+      token.metadata?.ipType && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "absolute top-2 left-2", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ip_type_badge.IpTypeBadge, { ipType: token.metadata.ipType, size: "sm" }) }),
+      rarityTier && RARITY_STYLE[rarityTier] && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "absolute top-2 right-2 z-10", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: (0, import_cn.cn)(
+        "inline-flex items-center px-1.5 py-0.5 rounded-md backdrop-blur-sm text-[10px] font-bold leading-none",
+        RARITY_STYLE[rarityTier].className
+      ), children: RARITY_STYLE[rarityTier].label }) }),
+      (token.metadataStatus === "PENDING" || token.metadataStatus === "FETCHING") && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "absolute bottom-0 inset-x-0 flex items-center justify-center gap-1.5 bg-black/50 backdrop-blur-sm py-1.5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Loader2, { className: "h-3 w-3 animate-spin text-white/70" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-[10px] text-white/70", children: "Indexing\u2026" })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "px-3 pt-2.5 pb-1 flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_link.default, { href: assetHref, className: "block space-y-0.5 mb-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-xl font-bold line-clamp-2 leading-tight", children: name }),
+      activeOrder && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { className: "flex items-center gap-1 text-[11px] font-semibold text-foreground/80", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_currency_icon.CurrencyIcon, { symbol: activeOrder.price.currency, size: 11 }),
+        (0, import_format.formatDisplayPrice)(activeOrder.price.formatted),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "font-normal text-muted-foreground", children: activeOrder.price.currency })
+      ] }),
+      token.metadata?.description ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-[10px] text-muted-foreground truncate leading-snug", children: token.metadata.description }) : token.metadata?.ipType ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-[10px] text-muted-foreground opacity-70", children: token.metadata.ipType }) : null
+    ] }) }),
+    showActionBar && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-1.5 px-2 pb-2", children: [
+      actionContent,
+      overflowMenu
+    ] })
+  ] });
+}
+function TokenCardSkeleton() {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "card-base overflow-hidden", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "aspect-square w-full animate-pulse bg-muted" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "px-3 pt-2.5 pb-2 space-y-1.5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "h-5 w-3/4 rounded-md animate-pulse bg-muted" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "h-2.5 w-2/5 rounded-md animate-pulse bg-muted" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "px-2 pb-2 flex gap-1.5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "h-8 flex-1 rounded-[11px] animate-pulse bg-muted" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "h-8 w-8 rounded-[11px] animate-pulse bg-muted shrink-0" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "h-8 w-8 rounded-[11px] animate-pulse bg-muted shrink-0" })
+    ] })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  TokenCard,
+  TokenCardSkeleton
+});
+//# sourceMappingURL=token-card.cjs.map