@medialane/ui 0.7.0 → 0.8.0

package/dist/components/launchpad-grid.js

@@ -1,43 +0,0 @@
-"use client";
-import { jsx, jsxs } from "react/jsx-runtime";
-import Link from "next/link";
-import { ArrowRight, Rocket } from "lucide-react";
-function ServiceCard({ feature }) {
-  const { icon: Icon, label, subtitle, accent, href } = feature;
-  return /* @__PURE__ */ jsx(Link, { href, className: "group block", children: /* @__PURE__ */ jsx("div", { className: "card-base overflow-hidden", children: /* @__PURE__ */ jsxs("div", { className: `relative aspect-[3/4] w-full bg-gradient-to-br ${accent}`, children: [
-    /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-[radial-gradient(ellipse_at_30%_25%,rgba(255,255,255,0.14),transparent_60%)]" }),
-    /* @__PURE__ */ jsx("div", { className: "absolute -bottom-6 -right-6 opacity-[0.12] pointer-events-none", children: /* @__PURE__ */ jsx(Icon, { className: "h-36 w-36 text-white" }) }),
-    /* @__PURE__ */ jsxs("div", { className: "absolute inset-0 flex flex-col justify-between p-4", children: [
-      /* @__PURE__ */ jsx("div", { className: "h-11 w-11 rounded-2xl bg-white/10 backdrop-blur-sm flex items-center justify-center ring-1 ring-white/20 group-hover:bg-white/[0.18] transition-colors duration-300", children: /* @__PURE__ */ jsx(Icon, { className: "h-5 w-5 text-white" }) }),
-      /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx("p", { className: "text-lg font-black text-white leading-tight tracking-tight", children: label }),
-        /* @__PURE__ */ jsx("p", { className: "text-xs text-white/65 mt-1.5 leading-relaxed", children: subtitle })
-      ] })
-    ] })
-  ] }) }) });
-}
-function LaunchpadGrid({
-  title = "Creator Launchpad",
-  titleHref = "/launchpad",
-  titleHrefLabel = "All services",
-  features
-}) {
-  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 bg-gradient-to-br from-primary to-purple-600 flex items-center justify-center shadow-md shadow-primary/20", children: /* @__PURE__ */ jsx(Rocket, { className: "h-3.5 w-3.5 text-white" }) }),
-        /* @__PURE__ */ jsx("h2", { className: "text-lg sm:text-xl font-semibold", children: title })
-      ] }),
-      /* @__PURE__ */ jsxs(Link, { href: titleHref, 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: [
-        titleHrefLabel,
-        " ",
-        /* @__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-3 snap-x snap-mandatory pb-2", style: { width: "max-content" }, children: features.map((f) => /* @__PURE__ */ jsx("div", { className: "w-56 sm:w-64 snap-start shrink-0", children: /* @__PURE__ */ jsx(ServiceCard, { feature: f }) }, f.label)) }) })
-  ] });
-}
-export {
-  LaunchpadGrid
-};
-//# sourceMappingURL=launchpad-grid.js.map

package/dist/components/launchpad-grid.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/launchpad-grid.tsx"],"sourcesContent":["\"use client\";\n\nimport Link from \"next/link\";\nimport { ArrowRight, Rocket, type LucideIcon } from \"lucide-react\";\n\nexport interface FeatureItem {\n  icon: LucideIcon;\n  label: string;\n  subtitle: string;\n  /** Tailwind gradient string e.g. \"from-violet-500 to-purple-600\" */\n  accent: string;\n  href: string;\n}\n\nexport interface LaunchpadGridProps {\n  title?: string;\n  titleHref?: string;\n  titleHrefLabel?: string;\n  features: FeatureItem[];\n}\n\nfunction ServiceCard({ feature }: { feature: FeatureItem }) {\n  const { icon: Icon, label, subtitle, accent, href } = feature;\n  return (\n    <Link href={href} className=\"group block\">\n      <div className=\"card-base overflow-hidden\">\n        <div className={`relative aspect-[3/4] w-full bg-gradient-to-br ${accent}`}>\n          <div className=\"absolute inset-0 bg-[radial-gradient(ellipse_at_30%_25%,rgba(255,255,255,0.14),transparent_60%)]\" />\n          <div className=\"absolute -bottom-6 -right-6 opacity-[0.12] pointer-events-none\">\n            <Icon className=\"h-36 w-36 text-white\" />\n          </div>\n          <div className=\"absolute inset-0 flex flex-col justify-between p-4\">\n            <div className=\"h-11 w-11 rounded-2xl bg-white/10 backdrop-blur-sm flex items-center justify-center ring-1 ring-white/20 group-hover:bg-white/[0.18] transition-colors duration-300\">\n              <Icon className=\"h-5 w-5 text-white\" />\n            </div>\n            <div>\n              <p className=\"text-lg font-black text-white leading-tight tracking-tight\">{label}</p>\n              <p className=\"text-xs text-white/65 mt-1.5 leading-relaxed\">{subtitle}</p>\n            </div>\n          </div>\n        </div>\n      </div>\n    </Link>\n  );\n}\n\nexport function LaunchpadGrid({\n  title = \"Creator Launchpad\",\n  titleHref = \"/launchpad\",\n  titleHrefLabel = \"All services\",\n  features,\n}: LaunchpadGridProps) {\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 bg-gradient-to-br from-primary to-purple-600 flex items-center justify-center shadow-md shadow-primary/20\">\n            <Rocket className=\"h-3.5 w-3.5 text-white\" />\n          </div>\n          <h2 className=\"text-lg sm:text-xl font-semibold\">{title}</h2>\n        </div>\n        <Link href={titleHref} 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          {titleHrefLabel} <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-3 snap-x snap-mandatory pb-2\" style={{ width: \"max-content\" }}>\n          {features.map((f) => (\n            <div key={f.label} className=\"w-56 sm:w-64 snap-start shrink-0\">\n              <ServiceCard feature={f} />\n            </div>\n          ))}\n        </div>\n      </div>\n    </section>\n  );\n}\n"],"mappings":";AA2BU,cAQE,YARF;AAzBV,OAAO,UAAU;AACjB,SAAS,YAAY,cAA+B;AAkBpD,SAAS,YAAY,EAAE,QAAQ,GAA6B;AAC1D,QAAM,EAAE,MAAM,MAAM,OAAO,UAAU,QAAQ,KAAK,IAAI;AACtD,SACE,oBAAC,QAAK,MAAY,WAAU,eAC1B,8BAAC,SAAI,WAAU,6BACb,+BAAC,SAAI,WAAW,kDAAkD,MAAM,IACtE;AAAA,wBAAC,SAAI,WAAU,oGAAmG;AAAA,IAClH,oBAAC,SAAI,WAAU,kEACb,8BAAC,QAAK,WAAU,wBAAuB,GACzC;AAAA,IACA,qBAAC,SAAI,WAAU,sDACb;AAAA,0BAAC,SAAI,WAAU,uKACb,8BAAC,QAAK,WAAU,sBAAqB,GACvC;AAAA,MACA,qBAAC,SACC;AAAA,4BAAC,OAAE,WAAU,8DAA8D,iBAAM;AAAA,QACjF,oBAAC,OAAE,WAAU,gDAAgD,oBAAS;AAAA,SACxE;AAAA,OACF;AAAA,KACF,GACF,GACF;AAEJ;AAEO,SAAS,cAAc;AAAA,EAC5B,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,iBAAiB;AAAA,EACjB;AACF,GAAuB;AACrB,SACE,qBAAC,aAAQ,WAAU,aACjB;AAAA,yBAAC,SAAI,WAAU,qCACb;AAAA,2BAAC,SAAI,WAAU,6BACb;AAAA,4BAAC,SAAI,WAAU,gIACb,8BAAC,UAAO,WAAU,0BAAyB,GAC7C;AAAA,QACA,oBAAC,QAAG,WAAU,oCAAoC,iBAAM;AAAA,SAC1D;AAAA,MACA,qBAAC,QAAK,MAAM,WAAW,WAAU,+IAC9B;AAAA;AAAA,QAAe;AAAA,QAAC,oBAAC,cAAW,WAAU,eAAc;AAAA,SACvD;AAAA,OACF;AAAA,IAEA,oBAAC,SAAI,WAAU,yCACb,8BAAC,SAAI,WAAU,yCAAwC,OAAO,EAAE,OAAO,cAAc,GAClF,mBAAS,IAAI,CAAC,MACb,oBAAC,SAAkB,WAAU,oCAC3B,8BAAC,eAAY,SAAS,GAAG,KADjB,EAAE,KAEZ,CACD,GACH,GACF;AAAA,KACF;AAEJ;","names":[]}