@medialane/ui 0.1.6 → 0.3.0

package/dist/components/motion-primitives.js

@@ -0,0 +1,96 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { motion } from "framer-motion";
+const SPRING = { type: "spring", stiffness: 400, damping: 28 };
+const EASE_OUT = [0.25, 0.46, 0.45, 0.94];
+function MotionCard({ children, className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    motion.div,
+    {
+      className,
+      whileTap: { scale: 0.96 },
+      transition: SPRING,
+      ...props,
+      children
+    }
+  );
+}
+function FadeIn({ children, className, delay = 0, y = 20 }) {
+  return /* @__PURE__ */ jsx(
+    motion.div,
+    {
+      className,
+      initial: { opacity: 0, y },
+      whileInView: { opacity: 1, y: 0 },
+      viewport: { once: true, margin: "-60px" },
+      transition: { duration: 0.5, delay, ease: EASE_OUT },
+      children
+    }
+  );
+}
+function Stagger({ children, className, staggerDelay = 0.07 }) {
+  return /* @__PURE__ */ jsx(
+    motion.div,
+    {
+      className,
+      initial: "hidden",
+      whileInView: "show",
+      viewport: { once: true, margin: "-60px" },
+      variants: {
+        hidden: {},
+        show: { transition: { staggerChildren: staggerDelay } }
+      },
+      children
+    }
+  );
+}
+function StaggerItem({ children, className }) {
+  return /* @__PURE__ */ jsx(
+    motion.div,
+    {
+      className,
+      variants: {
+        hidden: { opacity: 0, y: 20 },
+        show: { opacity: 1, y: 0, transition: { duration: 0.45, ease: EASE_OUT } }
+      },
+      children
+    }
+  );
+}
+function KineticWords({ text, className }) {
+  const words = text.split(" ");
+  return /* @__PURE__ */ jsx(
+    motion.span,
+    {
+      className,
+      initial: "hidden",
+      animate: "show",
+      variants: {
+        hidden: {},
+        show: { transition: { staggerChildren: 0.08, delayChildren: 0.1 } }
+      },
+      children: words.map((word, i) => /* @__PURE__ */ jsx(
+        motion.span,
+        {
+          className: "inline-block mr-[0.25em]",
+          variants: {
+            hidden: { opacity: 0, y: 24, rotateX: -20 },
+            show: { opacity: 1, y: 0, rotateX: 0, transition: { duration: 0.5, ease: EASE_OUT } }
+          },
+          children: word
+        },
+        i
+      ))
+    }
+  );
+}
+export {
+  EASE_OUT,
+  FadeIn,
+  KineticWords,
+  MotionCard,
+  SPRING,
+  Stagger,
+  StaggerItem
+};
+//# sourceMappingURL=motion-primitives.js.map

package/dist/components/motion-primitives.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/motion-primitives.tsx"],"sourcesContent":["\"use client\";\n\nimport { motion, type HTMLMotionProps } from \"framer-motion\";\n\nexport const SPRING = { type: \"spring\", stiffness: 400, damping: 28 } as const;\nexport const EASE_OUT = [0.25, 0.46, 0.45, 0.94] as const;\n\n// ─── Press-able card wrapper ──────────────────────────────────────────────────\n\ninterface MotionCardProps extends HTMLMotionProps<\"div\"> {\n  children: React.ReactNode;\n}\n\nexport function MotionCard({ children, className, ...props }: MotionCardProps) {\n  return (\n    <motion.div\n      className={className}\n      whileTap={{ scale: 0.96 }}\n      transition={SPRING}\n      {...props}\n    >\n      {children}\n    </motion.div>\n  );\n}\n\n// ─── Scroll-triggered fade-in ─────────────────────────────────────────────────\n\ninterface FadeInProps {\n  children: React.ReactNode;\n  className?: string;\n  delay?: number;\n  y?: number;\n}\n\nexport function FadeIn({ children, className, delay = 0, y = 20 }: FadeInProps) {\n  return (\n    <motion.div\n      className={className}\n      initial={{ opacity: 0, y }}\n      whileInView={{ opacity: 1, y: 0 }}\n      viewport={{ once: true, margin: \"-60px\" }}\n      transition={{ duration: 0.5, delay, ease: EASE_OUT }}\n    >\n      {children}\n    </motion.div>\n  );\n}\n\n// ─── Stagger container ────────────────────────────────────────────────────────\n\ninterface StaggerProps {\n  children: React.ReactNode;\n  className?: string;\n  staggerDelay?: number;\n}\n\nexport function Stagger({ children, className, staggerDelay = 0.07 }: StaggerProps) {\n  return (\n    <motion.div\n      className={className}\n      initial=\"hidden\"\n      whileInView=\"show\"\n      viewport={{ once: true, margin: \"-60px\" }}\n      variants={{\n        hidden: {},\n        show: { transition: { staggerChildren: staggerDelay } },\n      }}\n    >\n      {children}\n    </motion.div>\n  );\n}\n\nexport function StaggerItem({ children, className }: { children: React.ReactNode; className?: string }) {\n  return (\n    <motion.div\n      className={className}\n      variants={{\n        hidden: { opacity: 0, y: 20 },\n        show: { opacity: 1, y: 0, transition: { duration: 0.45, ease: EASE_OUT } },\n      }}\n    >\n      {children}\n    </motion.div>\n  );\n}\n\n// ─── Kinetic headline words ───────────────────────────────────────────────────\n\nexport function KineticWords({ text, className }: { text: string; className?: string }) {\n  const words = text.split(\" \");\n  return (\n    <motion.span\n      className={className}\n      initial=\"hidden\"\n      animate=\"show\"\n      variants={{\n        hidden: {},\n        show: { transition: { staggerChildren: 0.08, delayChildren: 0.1 } },\n      }}\n    >\n      {words.map((word, i) => (\n        <motion.span\n          key={i}\n          className=\"inline-block mr-[0.25em]\"\n          variants={{\n            hidden: { opacity: 0, y: 24, rotateX: -20 },\n            show: { opacity: 1, y: 0, rotateX: 0, transition: { duration: 0.5, ease: EASE_OUT } },\n          }}\n        >\n          {word}\n        </motion.span>\n      ))}\n    </motion.span>\n  );\n}\n"],"mappings":";AAeI;AAbJ,SAAS,cAAoC;AAEtC,MAAM,SAAS,EAAE,MAAM,UAAU,WAAW,KAAK,SAAS,GAAG;AAC7D,MAAM,WAAW,CAAC,MAAM,MAAM,MAAM,IAAI;AAQxC,SAAS,WAAW,EAAE,UAAU,WAAW,GAAG,MAAM,GAAoB;AAC7E,SACE;AAAA,IAAC,OAAO;AAAA,IAAP;AAAA,MACC;AAAA,MACA,UAAU,EAAE,OAAO,KAAK;AAAA,MACxB,YAAY;AAAA,MACX,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;AAWO,SAAS,OAAO,EAAE,UAAU,WAAW,QAAQ,GAAG,IAAI,GAAG,GAAgB;AAC9E,SACE;AAAA,IAAC,OAAO;AAAA,IAAP;AAAA,MACC;AAAA,MACA,SAAS,EAAE,SAAS,GAAG,EAAE;AAAA,MACzB,aAAa,EAAE,SAAS,GAAG,GAAG,EAAE;AAAA,MAChC,UAAU,EAAE,MAAM,MAAM,QAAQ,QAAQ;AAAA,MACxC,YAAY,EAAE,UAAU,KAAK,OAAO,MAAM,SAAS;AAAA,MAElD;AAAA;AAAA,EACH;AAEJ;AAUO,SAAS,QAAQ,EAAE,UAAU,WAAW,eAAe,KAAK,GAAiB;AAClF,SACE;AAAA,IAAC,OAAO;AAAA,IAAP;AAAA,MACC;AAAA,MACA,SAAQ;AAAA,MACR,aAAY;AAAA,MACZ,UAAU,EAAE,MAAM,MAAM,QAAQ,QAAQ;AAAA,MACxC,UAAU;AAAA,QACR,QAAQ,CAAC;AAAA,QACT,MAAM,EAAE,YAAY,EAAE,iBAAiB,aAAa,EAAE;AAAA,MACxD;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ;AAEO,SAAS,YAAY,EAAE,UAAU,UAAU,GAAsD;AACtG,SACE;AAAA,IAAC,OAAO;AAAA,IAAP;AAAA,MACC;AAAA,MACA,UAAU;AAAA,QACR,QAAQ,EAAE,SAAS,GAAG,GAAG,GAAG;AAAA,QAC5B,MAAM,EAAE,SAAS,GAAG,GAAG,GAAG,YAAY,EAAE,UAAU,MAAM,MAAM,SAAS,EAAE;AAAA,MAC3E;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ;AAIO,SAAS,aAAa,EAAE,MAAM,UAAU,GAAyC;AACtF,QAAM,QAAQ,KAAK,MAAM,GAAG;AAC5B,SACE;AAAA,IAAC,OAAO;AAAA,IAAP;AAAA,MACC;AAAA,MACA,SAAQ;AAAA,MACR,SAAQ;AAAA,MACR,UAAU;AAAA,QACR,QAAQ,CAAC;AAAA,QACT,MAAM,EAAE,YAAY,EAAE,iBAAiB,MAAM,eAAe,IAAI,EAAE;AAAA,MACpE;AAAA,MAEC,gBAAM,IAAI,CAAC,MAAM,MAChB;AAAA,QAAC,OAAO;AAAA,QAAP;AAAA,UAEC,WAAU;AAAA,UACV,UAAU;AAAA,YACR,QAAQ,EAAE,SAAS,GAAG,GAAG,IAAI,SAAS,IAAI;AAAA,YAC1C,MAAM,EAAE,SAAS,GAAG,GAAG,GAAG,SAAS,GAAG,YAAY,EAAE,UAAU,KAAK,MAAM,SAAS,EAAE;AAAA,UACtF;AAAA,UAEC;AAAA;AAAA,QAPI;AAAA,MAQP,CACD;AAAA;AAAA,EACH;AAEJ;","names":[]}

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":[]}