@togo-framework/ui 0.1.9 → 0.1.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist/index.js +57 -55
  2. package/dist/index.js.map +1 -1
  3. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -16039,66 +16039,68 @@ function MarketplaceCard({
16039
16039
  const tint = color || categoryColor || "#2D8CE6";
16040
16040
  const shown = (providers || []).slice(0, 5);
16041
16041
  const extra = (providers || []).length - shown.length;
16042
- return /* @__PURE__ */ jsx99("a", { href, className: cn("group block h-full", className), children: /* @__PURE__ */ jsxs87("div", { className: "rounded-2xl border border-border bg-card/40 overflow-hidden h-full flex flex-col transition-all duration-200 hover:border-foreground/25 hover:-translate-y-0.5", children: [
16043
- /* @__PURE__ */ jsxs87(
16044
- "div",
16045
- {
16046
- className: "relative h-28 flex items-center justify-center overflow-hidden",
16047
- style: { background: `radial-gradient(120% 140% at 0% 0%, ${tint}55, transparent 62%), linear-gradient(135deg, ${tint}26, #0b1016)` },
16048
- children: [
16049
- /* @__PURE__ */ jsx99("div", { className: "absolute inset-0 opacity-[0.14]", style: { backgroundImage: "radial-gradient(circle at 1px 1px, #fff 1px, transparent 0)", backgroundSize: "16px 16px" } }),
16050
- (Icon || brandIcon) && /* @__PURE__ */ jsx99("div", { className: "relative grid place-items-center w-14 h-14 rounded-2xl bg-black/20 ring-1 ring-white/20 transition-transform duration-300 group-hover:scale-105", children: /* @__PURE__ */ jsx99(Glyph2, { icon: Icon, brand: brandIcon }) }),
16051
- typeof providers !== "undefined" && providers.length > 0 && /* @__PURE__ */ jsxs87("span", { className: "absolute top-3 start-3 text-[10px] font-mono px-2 py-0.5 rounded-full bg-black/30 text-white/80 ring-1 ring-white/20", children: [
16042
+ return /* @__PURE__ */ jsx99("a", { href, className: cn("group block h-full", className), children: /* @__PURE__ */ jsxs87("div", { className: "rounded-2xl border border-border bg-card p-5 h-full flex flex-col transition-all duration-200 hover:border-foreground/30 hover:shadow-md", children: [
16043
+ /* @__PURE__ */ jsxs87("div", { className: "flex items-start gap-3.5", children: [
16044
+ (Icon || brandIcon) && /* @__PURE__ */ jsx99(
16045
+ "div",
16046
+ {
16047
+ className: "grid place-items-center w-11 h-11 rounded-xl shrink-0 shadow-sm transition-transform duration-200 group-hover:scale-[1.04]",
16048
+ style: { background: `linear-gradient(140deg, ${tint}, ${tint}cc)` },
16049
+ children: /* @__PURE__ */ jsx99(Glyph2, { icon: Icon, brand: brandIcon, size: 21 })
16050
+ }
16051
+ ),
16052
+ /* @__PURE__ */ jsxs87("div", { className: "min-w-0 flex-1", children: [
16053
+ /* @__PURE__ */ jsxs87("div", { className: "flex items-center gap-2", children: [
16054
+ /* @__PURE__ */ jsx99("h3", { style: DISPLAY3, className: "text-[15px] font-bold truncate", children: name }),
16055
+ enabled && /* @__PURE__ */ jsx99("span", { className: "shrink-0 text-[10px] font-mono px-1.5 py-0.5 rounded-full bg-emerald-500/10 text-emerald-400", children: "enabled" })
16056
+ ] }),
16057
+ /* @__PURE__ */ jsxs87("div", { className: "flex items-center gap-1.5 mt-1 text-[10px] font-mono uppercase tracking-wider text-muted-foreground", children: [
16058
+ category && /* @__PURE__ */ jsx99("span", { children: category }),
16059
+ typeof providers !== "undefined" && providers.length > 0 && /* @__PURE__ */ jsxs87("span", { className: "text-muted-foreground/60", children: [
16060
+ "\xB7 ",
16052
16061
  providers.length,
16053
16062
  " providers"
16054
- ] }),
16055
- enabled && /* @__PURE__ */ jsx99("span", { className: "absolute top-3 end-3 text-[10px] font-mono px-2 py-0.5 rounded-full bg-black/30 text-emerald-300 ring-1 ring-emerald-400/30", children: "enabled" })
16056
- ]
16057
- }
16058
- ),
16059
- /* @__PURE__ */ jsxs87("div", { className: "p-5 flex flex-col flex-1", children: [
16060
- /* @__PURE__ */ jsxs87("div", { className: "flex items-center gap-2", children: [
16061
- /* @__PURE__ */ jsx99("h3", { style: DISPLAY3, className: "text-[15px] font-bold truncate", children: name }),
16062
- category && /* @__PURE__ */ jsx99("span", { className: "ms-auto shrink-0 text-[10px] font-mono uppercase tracking-wider px-2 py-0.5 rounded-full border border-border text-muted-foreground", children: category })
16063
- ] }),
16064
- /* @__PURE__ */ jsx99("p", { className: "text-[13px] text-muted-foreground mt-1.5 line-clamp-2 flex-1", children: description || "A togo-framework plugin." }),
16065
- shown.length > 0 && /* @__PURE__ */ jsxs87("div", { className: "mt-3 flex flex-wrap gap-1.5", children: [
16066
- shown.map((p) => /* @__PURE__ */ jsxs87(
16067
- "span",
16068
- {
16069
- onClick: (e) => {
16070
- e.preventDefault();
16071
- e.stopPropagation();
16072
- window.location.href = p.href;
16073
- },
16074
- className: "inline-flex items-center gap-1.5 rounded-full border border-border bg-background/40 ps-1.5 pe-2.5 py-1 text-[11px] text-muted-foreground hover:text-foreground hover:border-foreground/25 transition-colors cursor-pointer",
16075
- children: [
16076
- /* @__PURE__ */ jsx99("span", { className: "grid place-items-center w-4 h-4 rounded-full", style: { background: `${p.color || tint}26` }, children: /* @__PURE__ */ jsx99(Glyph2, { icon: p.icon, brand: p.brand, size: 10 }) }),
16077
- p.name
16078
- ]
16079
- },
16080
- p.href
16081
- )),
16082
- extra > 0 && /* @__PURE__ */ jsxs87("span", { className: "inline-flex items-center rounded-full border border-border px-2.5 py-1 text-[11px] text-muted-foreground", children: [
16083
- "+",
16084
- extra
16085
- ] })
16086
- ] }),
16087
- /* @__PURE__ */ jsxs87("div", { className: "flex items-center gap-3 mt-3 text-[11px] text-muted-foreground font-mono", children: [
16088
- author && /* @__PURE__ */ jsx99("span", { className: "truncate", children: author }),
16089
- /* @__PURE__ */ jsxs87("span", { className: "ms-auto flex items-center gap-3 shrink-0", children: [
16090
- typeof stars === "number" && stars > 0 && /* @__PURE__ */ jsxs87("span", { className: "flex items-center gap-1", children: [
16091
- /* @__PURE__ */ jsx99(Star2, { size: 11 }),
16092
- " ",
16093
- stars
16094
- ] }),
16095
- typeof downloads === "number" && downloads > 0 && /* @__PURE__ */ jsxs87("span", { className: "flex items-center gap-1", children: [
16096
- /* @__PURE__ */ jsx99(Download2, { size: 11 }),
16097
- " ",
16098
- downloads
16099
16063
  ] })
16100
16064
  ] })
16101
16065
  ] })
16066
+ ] }),
16067
+ /* @__PURE__ */ jsx99("p", { className: "text-[13px] text-muted-foreground mt-3.5 line-clamp-2 flex-1", children: description || "A togo-framework plugin." }),
16068
+ shown.length > 0 && /* @__PURE__ */ jsxs87("div", { className: "mt-3.5 flex flex-wrap gap-1.5", children: [
16069
+ shown.map((p) => /* @__PURE__ */ jsxs87(
16070
+ "span",
16071
+ {
16072
+ onClick: (e) => {
16073
+ e.preventDefault();
16074
+ e.stopPropagation();
16075
+ window.location.href = p.href;
16076
+ },
16077
+ className: "inline-flex items-center gap-1.5 rounded-full border border-border bg-muted/40 ps-1.5 pe-2.5 py-1 text-[11px] text-muted-foreground hover:text-foreground hover:border-foreground/30 transition-colors cursor-pointer",
16078
+ children: [
16079
+ /* @__PURE__ */ jsx99("span", { className: "grid place-items-center w-4 h-4 rounded-full shrink-0", style: { background: p.color || tint }, children: /* @__PURE__ */ jsx99(Glyph2, { icon: p.icon, brand: p.brand, size: 10 }) }),
16080
+ p.name
16081
+ ]
16082
+ },
16083
+ p.href
16084
+ )),
16085
+ extra > 0 && /* @__PURE__ */ jsxs87("span", { className: "inline-flex items-center rounded-full border border-border px-2.5 py-1 text-[11px] text-muted-foreground", children: [
16086
+ "+",
16087
+ extra
16088
+ ] })
16089
+ ] }),
16090
+ (author || typeof stars === "number" && stars > 0 || typeof downloads === "number" && downloads > 0) && /* @__PURE__ */ jsxs87("div", { className: "flex items-center gap-3 mt-3.5 pt-3.5 border-t border-border/60 text-[11px] text-muted-foreground font-mono", children: [
16091
+ author && /* @__PURE__ */ jsx99("span", { className: "truncate", children: author }),
16092
+ /* @__PURE__ */ jsxs87("span", { className: "ms-auto flex items-center gap-3 shrink-0", children: [
16093
+ typeof stars === "number" && stars > 0 && /* @__PURE__ */ jsxs87("span", { className: "flex items-center gap-1", children: [
16094
+ /* @__PURE__ */ jsx99(Star2, { size: 11 }),
16095
+ " ",
16096
+ stars
16097
+ ] }),
16098
+ typeof downloads === "number" && downloads > 0 && /* @__PURE__ */ jsxs87("span", { className: "flex items-center gap-1", children: [
16099
+ /* @__PURE__ */ jsx99(Download2, { size: 11 }),
16100
+ " ",
16101
+ downloads
16102
+ ] })
16103
+ ] })
16102
16104
  ] })
16103
16105
  ] }) });
16104
16106
  }