@togo-framework/ui 0.1.4 → 0.1.5

package/dist/index.js

@@ -16027,7 +16027,7 @@ function MarketplaceCard({
   enabled,
   className
 }) {
-  return /* @__PURE__ */ jsx99("a", { href, className: cn("group block h-full", className), children: /* @__PURE__ */ jsxs87(GlassCard, { hover: true, className: "overflow-hidden h-full flex flex-col p-0", children: [
+  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: [
     /* @__PURE__ */ jsxs87(
       "div",
       {
@@ -16035,7 +16035,7 @@ function MarketplaceCard({
         style: { background: `radial-gradient(120% 140% at 0% 0%, ${categoryColor}55, transparent 62%), linear-gradient(135deg, ${categoryColor}26, #0b1016)` },
         children: [
           /* @__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" } }),
-          Icon && /* @__PURE__ */ jsx99("div", { className: "relative grid place-items-center w-14 h-14 rounded-2xl bg-white/10 backdrop-blur-sm ring-1 ring-white/15 transition-transform duration-300 group-hover:scale-105", children: /* @__PURE__ */ jsx99(Icon, { size: 28, style: { color: "#fff" } }) }),
+          Icon && /* @__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(Icon, { size: 28, style: { color: "#fff" } }) }),
           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" })
         ]
       }
@@ -16043,7 +16043,7 @@ function MarketplaceCard({
     /* @__PURE__ */ jsxs87("div", { className: "p-5 flex flex-col flex-1", children: [
       /* @__PURE__ */ jsxs87("div", { className: "flex items-center gap-2", children: [
         /* @__PURE__ */ jsx99("h3", { style: DISPLAY3, className: "text-[15px] font-bold truncate", children: name }),
-        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-white/12 text-muted-foreground", children: category })
+        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 })
       ] }),
       /* @__PURE__ */ jsx99("p", { className: "text-[13px] text-muted-foreground mt-1.5 line-clamp-2 flex-1", children: description || "A togo-framework plugin." }),
       /* @__PURE__ */ jsxs87("div", { className: "flex items-center gap-3 mt-3 text-[11px] text-muted-foreground font-mono", children: [
@@ -16066,7 +16066,7 @@ function MarketplaceCard({
 }
 MarketplaceCard.displayName = "MarketplaceCard";
 function StatsRow({ stats, className }) {
-  return /* @__PURE__ */ jsx99("div", { className: cn("grid grid-cols-3 gap-3 sm:gap-4", className), children: stats.map((s, i) => /* @__PURE__ */ jsxs87("div", { className: "rounded-2xl border border-white/10 bg-white/[0.04] backdrop-blur-md px-4 sm:px-5 py-4 text-center", children: [
+  return /* @__PURE__ */ jsx99("div", { className: cn("grid grid-cols-3 gap-3 sm:gap-4", className), children: stats.map((s, i) => /* @__PURE__ */ jsxs87("div", { className: "rounded-2xl border border-border bg-card/40 px-4 sm:px-5 py-4 text-center", children: [
     /* @__PURE__ */ jsx99("div", { className: "text-[10px] font-mono uppercase tracking-[0.16em] text-muted-foreground/70", children: s.label }),
     /* @__PURE__ */ jsx99("div", { style: DISPLAY3, className: "text-2xl sm:text-3xl font-bold mt-1", children: s.value })
   ] }, i)) });
@@ -16083,7 +16083,7 @@ function FilterBar({ search, onSearch, chips, active, onChip, sort, searchPlaceh
             value: search,
             onChange: (e) => onSearch(e.target.value),
             placeholder: searchPlaceholder,
-            className: "w-full h-11 ps-10 pe-4 rounded-full border border-white/12 bg-white/[0.05] backdrop-blur-md text-sm outline-none focus:border-[color:rgba(31,199,220,.5)] transition-colors"
+            className: "w-full h-11 ps-10 pe-4 rounded-full border border-border bg-card/40 text-sm outline-none focus:border-[color:rgba(31,199,220,.5)] transition-colors"
           }
         )
       ] }),
@@ -16092,7 +16092,7 @@ function FilterBar({ search, onSearch, chips, active, onChip, sort, searchPlaceh
         {
           value: sort.value,
           onChange: (e) => sort.onSort(e.target.value),
-          className: "h-11 px-4 rounded-full border border-white/12 bg-white/[0.05] backdrop-blur-md text-sm outline-none cursor-pointer",
+          className: "h-11 px-4 rounded-full border border-border bg-card/40 text-sm outline-none cursor-pointer",
           children: sort.options.map((o) => /* @__PURE__ */ jsx99("option", { value: o.value, className: "bg-[#0b1016]", children: o.label }, o.value))
         }
       )
@@ -16105,7 +16105,7 @@ function FilterBar({ search, onSearch, chips, active, onChip, sort, searchPlaceh
           onClick: () => onChip(c.value),
           className: cn(
             "font-mono text-[12px] px-3.5 py-1.5 rounded-full border transition-colors",
-            on ? "border-[color:rgba(31,199,220,.5)] text-[#5CDDEC] bg-[color:rgba(31,199,220,.08)]" : "border-white/12 text-muted-foreground hover:text-foreground hover:bg-white/[0.05]"
+            on ? "border-[color:rgba(31,199,220,.5)] text-[#5CDDEC] bg-[color:rgba(31,199,220,.08)]" : "border-border text-muted-foreground hover:text-foreground hover:bg-card/40"
           ),
           children: [
             c.label,
@@ -16126,12 +16126,12 @@ function Pager({ page, pages, onPage, className }) {
   const nums = Array.from({ length: pages }, (_, i) => i + 1).filter((n) => n === 1 || n === pages || Math.abs(n - page) <= 1);
   const btn = "min-w-9 h-9 px-2 rounded-full border text-sm font-mono transition-colors";
   return /* @__PURE__ */ jsxs87("div", { className: cn("flex items-center justify-center gap-1.5", className), children: [
-    /* @__PURE__ */ jsx99("button", { disabled: page <= 1, onClick: () => onPage(page - 1), className: cn(btn, "border-white/12 text-muted-foreground hover:text-foreground disabled:opacity-30"), children: "\u2039" }),
+    /* @__PURE__ */ jsx99("button", { disabled: page <= 1, onClick: () => onPage(page - 1), className: cn(btn, "border-border text-muted-foreground hover:text-foreground disabled:opacity-30"), children: "\u2039" }),
     nums.map((n, i) => /* @__PURE__ */ jsxs87(React30.Fragment, { children: [
       i > 0 && n - nums[i - 1] > 1 && /* @__PURE__ */ jsx99("span", { className: "text-muted-foreground/50 px-1", children: "\u2026" }),
-      /* @__PURE__ */ jsx99("button", { onClick: () => onPage(n), className: cn(btn, n === page ? "border-[color:rgba(31,199,220,.5)] text-[#5CDDEC] bg-[color:rgba(31,199,220,.08)]" : "border-white/12 text-muted-foreground hover:text-foreground"), children: n })
+      /* @__PURE__ */ jsx99("button", { onClick: () => onPage(n), className: cn(btn, n === page ? "border-[color:rgba(31,199,220,.5)] text-[#5CDDEC] bg-[color:rgba(31,199,220,.08)]" : "border-border text-muted-foreground hover:text-foreground"), children: n })
     ] }, n)),
-    /* @__PURE__ */ jsx99("button", { disabled: page >= pages, onClick: () => onPage(page + 1), className: cn(btn, "border-white/12 text-muted-foreground hover:text-foreground disabled:opacity-30"), children: "\u203A" })
+    /* @__PURE__ */ jsx99("button", { disabled: page >= pages, onClick: () => onPage(page + 1), className: cn(btn, "border-border text-muted-foreground hover:text-foreground disabled:opacity-30"), children: "\u203A" })
   ] });
 }
 Pager.displayName = "Pager";
@@ -16170,7 +16170,7 @@ function DocsGroup({ group, activeHref, defaultOpen, onNavigate }) {
       /* @__PURE__ */ jsx100(ChevronRight9, { size: 12, className: cn("transition-transform", open && "rotate-90") }),
       group.label
     ] }),
-    open && /* @__PURE__ */ jsx100("ul", { className: "mt-0.5 mb-2 ms-3 border-s border-white/10", children: group.items.map((i) => {
+    open && /* @__PURE__ */ jsx100("ul", { className: "mt-0.5 mb-2 ms-3 border-s border-border", children: group.items.map((i) => {
       const on = i.href === activeHref;
       return /* @__PURE__ */ jsx100("li", { children: /* @__PURE__ */ jsx100(
         "a",
@@ -16208,7 +16208,7 @@ function DocsTOC({ items, className }) {
   if (!items.length) return null;
   return /* @__PURE__ */ jsxs88("nav", { className: cn("text-sm", className), children: [
     /* @__PURE__ */ jsx100("div", { className: "text-[10px] font-mono uppercase tracking-[0.16em] text-muted-foreground/60 mb-3", children: "On this page" }),
-    /* @__PURE__ */ jsx100("ul", { className: "border-s border-white/10", children: items.map((i) => /* @__PURE__ */ jsx100("li", { style: { paddingInlineStart: `${(Math.max(1, i.level) - 1) * 12}px` }, children: /* @__PURE__ */ jsx100("a", { href: `#${i.id}`, className: cn("block ps-3 -ms-px border-s py-1 transition-colors", active === i.id ? "border-[#1FC7DC] text-[#5CDDEC]" : "border-transparent text-muted-foreground hover:text-foreground"), children: i.text }) }, i.id)) })
+    /* @__PURE__ */ jsx100("ul", { className: "border-s border-border", children: items.map((i) => /* @__PURE__ */ jsx100("li", { style: { paddingInlineStart: `${(Math.max(1, i.level) - 1) * 12}px` }, children: /* @__PURE__ */ jsx100("a", { href: `#${i.id}`, className: cn("block ps-3 -ms-px border-s py-1 transition-colors", active === i.id ? "border-[#1FC7DC] text-[#5CDDEC]" : "border-transparent text-muted-foreground hover:text-foreground"), children: i.text }) }, i.id)) })
   ] });
 }
 DocsTOC.displayName = "DocsTOC";
@@ -16242,20 +16242,20 @@ function CommandPalette({ items, placeholder = "Search docs & plugins\u2026", cl
   }, []);
   const results = q ? items.filter((i) => (i.label + " " + (i.sublabel || "")).toLowerCase().includes(q.toLowerCase())).slice(0, 40) : items.slice(0, 24);
   return /* @__PURE__ */ jsxs88(Fragment25, { children: [
-    /* @__PURE__ */ jsxs88("button", { onClick: () => setOpen(true), className: cn("inline-flex items-center gap-2 h-9 px-3 rounded-full border border-white/12 bg-white/[0.05] text-sm text-muted-foreground hover:text-foreground transition-colors", className), children: [
+    /* @__PURE__ */ jsxs88("button", { onClick: () => setOpen(true), className: cn("inline-flex items-center gap-2 h-9 px-3 rounded-full border border-border bg-card/40 text-sm text-muted-foreground hover:text-foreground transition-colors", className), children: [
       /* @__PURE__ */ jsx100(Search9, { size: 14 }),
       " ",
       /* @__PURE__ */ jsx100("span", { className: "hidden sm:inline", children: "Search" }),
-      /* @__PURE__ */ jsx100("kbd", { className: "hidden sm:inline font-mono text-[10px] border border-white/15 rounded px-1 py-0.5", children: "\u2318K" })
+      /* @__PURE__ */ jsx100("kbd", { className: "hidden sm:inline font-mono text-[10px] border border-border rounded px-1 py-0.5", children: "\u2318K" })
     ] }),
-    open && /* @__PURE__ */ jsx100("div", { className: "fixed inset-0 z-[100] flex items-start justify-center pt-[12vh] bg-black/60 backdrop-blur-sm", onClick: () => setOpen(false), children: /* @__PURE__ */ jsxs88("div", { className: "w-full max-w-xl mx-4 rounded-2xl border border-white/12 bg-[#0b1016]/95 backdrop-blur-xl shadow-[0_30px_80px_-20px_rgba(0,0,0,.8)] overflow-hidden", onClick: (e) => e.stopPropagation(), children: [
-      /* @__PURE__ */ jsxs88("div", { className: "flex items-center gap-3 px-4 border-b border-white/10", children: [
+    open && /* @__PURE__ */ jsx100("div", { className: "fixed inset-0 z-[100] flex items-start justify-center pt-[12vh] bg-black/60", onClick: () => setOpen(false), children: /* @__PURE__ */ jsxs88("div", { className: "w-full max-w-xl mx-4 rounded-2xl border border-border bg-card shadow-[0_30px_80px_-20px_rgba(0,0,0,.8)] overflow-hidden", onClick: (e) => e.stopPropagation(), children: [
+      /* @__PURE__ */ jsxs88("div", { className: "flex items-center gap-3 px-4 border-b border-border", children: [
         /* @__PURE__ */ jsx100(Search9, { size: 16, className: "text-muted-foreground" }),
         /* @__PURE__ */ jsx100("input", { autoFocus: true, value: q, onChange: (e) => setQ(e.target.value), placeholder, className: "flex-1 h-12 bg-transparent outline-none text-sm" }),
-        /* @__PURE__ */ jsx100("kbd", { className: "font-mono text-[10px] text-muted-foreground border border-white/15 rounded px-1", children: "esc" })
+        /* @__PURE__ */ jsx100("kbd", { className: "font-mono text-[10px] text-muted-foreground border border-border rounded px-1", children: "esc" })
       ] }),
       /* @__PURE__ */ jsxs88("ul", { className: "max-h-[50vh] overflow-auto p-2", children: [
-        results.map((r, idx) => /* @__PURE__ */ jsx100("li", { children: /* @__PURE__ */ jsxs88("a", { href: r.href, className: "flex items-center gap-3 px-3 py-2.5 rounded-lg hover:bg-white/[0.06]", children: [
+        results.map((r, idx) => /* @__PURE__ */ jsx100("li", { children: /* @__PURE__ */ jsxs88("a", { href: r.href, className: "flex items-center gap-3 px-3 py-2.5 rounded-lg hover:bg-card/40", children: [
           /* @__PURE__ */ jsx100("span", { className: "text-sm truncate", children: r.label }),
           r.sublabel && /* @__PURE__ */ jsx100("span", { className: "text-xs text-muted-foreground truncate min-w-0", children: r.sublabel }),
           r.group && /* @__PURE__ */ jsx100("span", { className: "ms-auto shrink-0 text-[10px] font-mono uppercase text-muted-foreground/60", children: r.group })