@togo-framework/ui 0.1.2 → 0.1.4

package/dist/index.js

@@ -15891,6 +15891,381 @@ function CodeShowcase({ tabs, className }) {
   ] });
 }
 CodeShowcase.displayName = "CodeShowcase";
+
+// src/components/marketing/Glass.tsx
+import * as React29 from "react";
+import { jsx as jsx98, jsxs as jsxs86 } from "react/jsx-runtime";
+var DISPLAY2 = { fontFamily: '"Sora", var(--togo-font-body, ui-sans-serif, system-ui, sans-serif)' };
+function AuroraBackground({ className, intensity = 1, style, ...rest }) {
+  return /* @__PURE__ */ jsxs86("div", { "aria-hidden": true, className: cn("pointer-events-none absolute inset-0 -z-10 overflow-hidden", className), style, ...rest, children: [
+    /* @__PURE__ */ jsx98("style", { children: `
+        @keyframes tg-aurora-a { 0%,100%{transform:translate3d(-6%,-4%,0) scale(1)} 50%{transform:translate3d(8%,6%,0) scale(1.15)} }
+        @keyframes tg-aurora-b { 0%,100%{transform:translate3d(6%,8%,0) scale(1.1)} 50%{transform:translate3d(-8%,-6%,0) scale(.95)} }
+        @keyframes tg-aurora-c { 0%,100%{transform:translate3d(0,0,0) scale(1.05)} 50%{transform:translate3d(-10%,4%,0) scale(1.2)} }
+        .tg-orb{position:absolute;border-radius:9999px;filter:blur(70px);opacity:${0.5 * intensity};mix-blend-mode:screen}
+        @media (prefers-reduced-motion: reduce){ .tg-orb{animation:none!important} }
+      ` }),
+    /* @__PURE__ */ jsx98("div", { className: "tg-orb", style: { width: "46vw", height: "46vw", top: "-12%", left: "8%", background: "radial-gradient(circle, #1FC7DC, transparent 65%)", animation: "tg-aurora-a 22s ease-in-out infinite" } }),
+    /* @__PURE__ */ jsx98("div", { className: "tg-orb", style: { width: "50vw", height: "50vw", top: "-18%", right: "2%", background: "radial-gradient(circle, #2D8CE6, transparent 65%)", animation: "tg-aurora-b 26s ease-in-out infinite" } }),
+    /* @__PURE__ */ jsx98("div", { className: "tg-orb", style: { width: "42vw", height: "42vw", top: "20%", left: "30%", background: "radial-gradient(circle, #1659C8, transparent 68%)", animation: "tg-aurora-c 30s ease-in-out infinite" } }),
+    /* @__PURE__ */ jsx98(
+      "div",
+      {
+        className: "absolute inset-0 opacity-[0.35]",
+        style: {
+          backgroundImage: "linear-gradient(rgba(120,140,160,.10) 1px,transparent 1px),linear-gradient(90deg,rgba(120,140,160,.10) 1px,transparent 1px)",
+          backgroundSize: "56px 56px",
+          maskImage: "radial-gradient(900px 600px at 50% 0%, #000, transparent 80%)",
+          WebkitMaskImage: "radial-gradient(900px 600px at 50% 0%, #000, transparent 80%)"
+        }
+      }
+    )
+  ] });
+}
+AuroraBackground.displayName = "AuroraBackground";
+function GlassCard({ className, elevation = "raised", hover = false, children, ...rest }) {
+  const shadow = elevation === "floating" ? "shadow-[0_30px_80px_-30px_rgba(0,0,0,.7)]" : elevation === "raised" ? "shadow-[0_16px_50px_-24px_rgba(0,0,0,.6)]" : "";
+  return /* @__PURE__ */ jsx98(
+    "div",
+    {
+      className: cn(
+        "relative rounded-2xl border border-white/10 bg-white/[0.04] backdrop-blur-xl",
+        "before:pointer-events-none before:absolute before:inset-0 before:rounded-2xl before:p-px",
+        "before:[background:linear-gradient(140deg,rgba(255,255,255,.18),rgba(255,255,255,0)_40%)]",
+        "before:[mask:linear-gradient(#000,#000)_content-box,linear-gradient(#000,#000)] before:[mask-composite:exclude]",
+        shadow,
+        hover && "transition-transform duration-300 hover:-translate-y-1",
+        className
+      ),
+      ...rest,
+      children
+    }
+  );
+}
+GlassCard.displayName = "GlassCard";
+function Reveal({ className, delayMs = 0, as: Tag = "div", children, style, ...rest }) {
+  const ref = React29.useRef(null);
+  const [state, setState] = React29.useState("static");
+  React29.useEffect(() => {
+    const el = ref.current;
+    if (!el) return;
+    const noMotion = typeof window !== "undefined" && (navigator.webdriver || window.matchMedia?.("(prefers-reduced-motion: reduce)").matches || !("IntersectionObserver" in window));
+    if (noMotion) return;
+    const rect = el.getBoundingClientRect();
+    if (rect.top < window.innerHeight * 0.92 && rect.bottom > 0) {
+      setState("shown");
+      return;
+    }
+    setState("hidden");
+    const io = new IntersectionObserver(
+      (entries) => entries.forEach((e) => {
+        if (e.isIntersecting) {
+          setState("shown");
+          io.disconnect();
+        }
+      }),
+      { threshold: 0.12, rootMargin: "0px 0px -8% 0px" }
+    );
+    io.observe(el);
+    return () => io.disconnect();
+  }, []);
+  const motion = state === "static" ? "" : state === "hidden" ? "opacity-0 translate-y-5" : "opacity-100 translate-y-0";
+  return /* @__PURE__ */ jsx98(
+    Tag,
+    {
+      ref,
+      style: { transitionDelay: `${delayMs}ms`, ...style },
+      className: cn("transition-all duration-[700ms] ease-out will-change-[opacity,transform]", motion, className),
+      ...rest,
+      children
+    }
+  );
+}
+Reveal.displayName = "Reveal";
+function MockupWindow({ className, title, children, ...rest }) {
+  return /* @__PURE__ */ jsxs86(GlassCard, { elevation: "floating", className: cn("overflow-hidden", className), ...rest, children: [
+    /* @__PURE__ */ jsxs86("div", { className: "flex items-center gap-2 px-4 py-3 border-b border-white/10 bg-white/[0.03]", children: [
+      /* @__PURE__ */ jsx98("span", { className: "h-3 w-3 rounded-full bg-[#ff5f57]" }),
+      /* @__PURE__ */ jsx98("span", { className: "h-3 w-3 rounded-full bg-[#febc2e]" }),
+      /* @__PURE__ */ jsx98("span", { className: "h-3 w-3 rounded-full bg-[#28c840]" }),
+      title ? /* @__PURE__ */ jsx98("span", { className: "ms-2 font-mono text-xs text-muted-foreground truncate", children: title }) : null
+    ] }),
+    /* @__PURE__ */ jsx98("div", { className: "bg-[#080b0f]/80", children })
+  ] });
+}
+MockupWindow.displayName = "MockupWindow";
+function PillButton({ className, variant = "flow", size = "lg", children, ...rest }) {
+  const sz = size === "lg" ? "h-[52px] px-7 text-base" : "h-11 px-5 text-sm";
+  const look = variant === "flow" ? "text-white shadow-[0_12px_34px_-10px_rgba(22,89,200,.7)] hover:-translate-y-0.5" : "text-foreground border border-white/15 bg-white/[0.06] backdrop-blur-md hover:bg-white/[0.1]";
+  return /* @__PURE__ */ jsx98(
+    "a",
+    {
+      style: variant === "flow" ? { backgroundImage: "linear-gradient(110deg,#1FC7DC,#2D8CE6 50%,#1659C8)", ...DISPLAY2 } : DISPLAY2,
+      className: cn("inline-flex items-center justify-center gap-2 rounded-full font-semibold transition-all duration-200", sz, look, className),
+      ...rest,
+      children
+    }
+  );
+}
+PillButton.displayName = "PillButton";
+
+// src/components/marketing/Marketplace.tsx
+import * as React30 from "react";
+import { Search as Search8, Star as Star2, Download as Download2 } from "lucide-react";
+import { jsx as jsx99, jsxs as jsxs87 } from "react/jsx-runtime";
+var DISPLAY3 = { fontFamily: '"Sora", var(--togo-font-body, ui-sans-serif, system-ui, sans-serif)' };
+function MarketplaceCard({
+  name,
+  href,
+  category,
+  categoryColor = "#2D8CE6",
+  icon: Icon,
+  description,
+  author,
+  stars,
+  downloads,
+  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: [
+    /* @__PURE__ */ jsxs87(
+      "div",
+      {
+        className: "relative h-28 flex items-center justify-center overflow-hidden",
+        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" } }) }),
+          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" })
+        ]
+      }
+    ),
+    /* @__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 })
+      ] }),
+      /* @__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: [
+        author && /* @__PURE__ */ jsx99("span", { className: "truncate", children: author }),
+        /* @__PURE__ */ jsxs87("span", { className: "ms-auto flex items-center gap-3 shrink-0", children: [
+          typeof stars === "number" && stars > 0 && /* @__PURE__ */ jsxs87("span", { className: "flex items-center gap-1", children: [
+            /* @__PURE__ */ jsx99(Star2, { size: 11 }),
+            " ",
+            stars
+          ] }),
+          typeof downloads === "number" && downloads > 0 && /* @__PURE__ */ jsxs87("span", { className: "flex items-center gap-1", children: [
+            /* @__PURE__ */ jsx99(Download2, { size: 11 }),
+            " ",
+            downloads
+          ] })
+        ] })
+      ] })
+    ] })
+  ] }) });
+}
+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: [
+    /* @__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)) });
+}
+StatsRow.displayName = "StatsRow";
+function FilterBar({ search, onSearch, chips, active, onChip, sort, searchPlaceholder = "Search plugins\u2026", className }) {
+  return /* @__PURE__ */ jsxs87("div", { className: cn("flex flex-col gap-4", className), children: [
+    /* @__PURE__ */ jsxs87("div", { className: "flex flex-col sm:flex-row gap-3 sm:items-center", children: [
+      /* @__PURE__ */ jsxs87("div", { className: "relative flex-1 min-w-0", children: [
+        /* @__PURE__ */ jsx99(Search8, { size: 15, className: "absolute start-3.5 top-1/2 -translate-y-1/2 text-muted-foreground pointer-events-none" }),
+        /* @__PURE__ */ jsx99(
+          "input",
+          {
+            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"
+          }
+        )
+      ] }),
+      sort && /* @__PURE__ */ jsx99(
+        "select",
+        {
+          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",
+          children: sort.options.map((o) => /* @__PURE__ */ jsx99("option", { value: o.value, className: "bg-[#0b1016]", children: o.label }, o.value))
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx99("div", { className: "flex flex-wrap gap-2", children: chips.map((c) => {
+      const on = active === c.value;
+      return /* @__PURE__ */ jsxs87(
+        "button",
+        {
+          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]"
+          ),
+          children: [
+            c.label,
+            typeof c.count === "number" && /* @__PURE__ */ jsxs87("span", { className: "opacity-50", children: [
+              " ",
+              c.count
+            ] })
+          ]
+        },
+        c.value
+      );
+    }) })
+  ] });
+}
+FilterBar.displayName = "FilterBar";
+function Pager({ page, pages, onPage, className }) {
+  if (pages <= 1) return null;
+  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" }),
+    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 })
+    ] }, 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" })
+  ] });
+}
+Pager.displayName = "Pager";
+
+// src/components/marketing/Docs.tsx
+import * as React31 from "react";
+import { Info as Info3, AlertTriangle as AlertTriangle5, Lightbulb as Lightbulb2, Search as Search9, ChevronRight as ChevronRight9 } from "lucide-react";
+import { Fragment as Fragment25, jsx as jsx100, jsxs as jsxs88 } from "react/jsx-runtime";
+var DISPLAY4 = { fontFamily: '"Sora", var(--togo-font-body, ui-sans-serif, system-ui, sans-serif)' };
+function Callout({ kind = "info", title, children, className }) {
+  const { Icon, c } = {
+    info: { Icon: Info3, c: "#2D8CE6" },
+    warn: { Icon: AlertTriangle5, c: "#f5a623" },
+    tip: { Icon: Lightbulb2, c: "#1FC7DC" },
+    note: { Icon: Info3, c: "#8b97a3" }
+  }[kind];
+  return /* @__PURE__ */ jsxs88("div", { className: cn("rounded-xl border p-4 flex gap-3 my-4", className), style: { borderColor: `${c}40`, background: `${c}12` }, children: [
+    /* @__PURE__ */ jsx100(Icon, { size: 18, style: { color: c }, className: "shrink-0 mt-0.5" }),
+    /* @__PURE__ */ jsxs88("div", { className: "text-sm text-foreground/90 [&>p]:m-0 [&>p]:leading-relaxed", children: [
+      title && /* @__PURE__ */ jsx100("div", { className: "font-semibold mb-1", style: DISPLAY4, children: title }),
+      children
+    ] })
+  ] });
+}
+Callout.displayName = "Callout";
+function DocsSidebar({ groups, activeHref, className, onNavigate }) {
+  return /* @__PURE__ */ jsx100("nav", { className: cn("text-sm", className), children: groups.map((g) => {
+    const hasActive = g.items.some((i) => i.href === activeHref);
+    return /* @__PURE__ */ jsx100(DocsGroup, { group: g, activeHref, defaultOpen: hasActive, onNavigate }, g.label);
+  }) });
+}
+function DocsGroup({ group, activeHref, defaultOpen, onNavigate }) {
+  const [open, setOpen] = React31.useState(defaultOpen);
+  return /* @__PURE__ */ jsxs88("div", { className: "mb-1", children: [
+    /* @__PURE__ */ jsxs88("button", { onClick: () => setOpen((o) => !o), className: "w-full flex items-center gap-1.5 px-2 py-1.5 text-[11px] font-mono uppercase tracking-[0.14em] text-muted-foreground/70 hover:text-foreground", children: [
+      /* @__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) => {
+      const on = i.href === activeHref;
+      return /* @__PURE__ */ jsx100("li", { children: /* @__PURE__ */ jsx100(
+        "a",
+        {
+          href: i.href,
+          onClick: onNavigate ? (e) => {
+            e.preventDefault();
+            onNavigate(i.href);
+          } : void 0,
+          className: cn("block ps-3 -ms-px border-s py-1.5 transition-colors", on ? "border-[#1FC7DC] text-[#5CDDEC]" : "border-transparent text-muted-foreground hover:text-foreground"),
+          children: i.label
+        }
+      ) }, i.href);
+    }) })
+  ] });
+}
+DocsSidebar.displayName = "DocsSidebar";
+function DocsTOC({ items, className }) {
+  const [active, setActive] = React31.useState("");
+  React31.useEffect(() => {
+    if (!items.length) return;
+    const obs = new IntersectionObserver(
+      (entries) => {
+        const vis = entries.filter((e) => e.isIntersecting).sort((a, b) => a.boundingClientRect.top - b.boundingClientRect.top);
+        if (vis[0]) setActive(vis[0].target.id);
+      },
+      { rootMargin: "-80px 0px -70% 0px" }
+    );
+    items.forEach((i) => {
+      const el = document.getElementById(i.id);
+      if (el) obs.observe(el);
+    });
+    return () => obs.disconnect();
+  }, [items]);
+  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)) })
+  ] });
+}
+DocsTOC.displayName = "DocsTOC";
+function DocsLayout({ sidebar, toc, breadcrumb, topbar, children, className }) {
+  return /* @__PURE__ */ jsxs88("div", { className: cn("mx-auto max-w-7xl px-4 sm:px-6", className), children: [
+    topbar,
+    /* @__PURE__ */ jsxs88("div", { className: "flex gap-8", children: [
+      /* @__PURE__ */ jsx100("aside", { className: "hidden lg:block w-60 shrink-0 sticky top-20 self-start max-h-[calc(100vh-6rem)] overflow-y-auto py-8 pe-2", children: sidebar }),
+      /* @__PURE__ */ jsxs88("main", { className: "min-w-0 flex-1 py-8 max-w-3xl", children: [
+        breadcrumb && /* @__PURE__ */ jsx100("div", { className: "text-[12px] font-mono text-muted-foreground/70 mb-3", children: breadcrumb }),
+        children
+      ] }),
+      toc && /* @__PURE__ */ jsx100("aside", { className: "hidden xl:block w-56 shrink-0 sticky top-20 self-start max-h-[calc(100vh-6rem)] overflow-y-auto py-8", children: toc })
+    ] })
+  ] });
+}
+DocsLayout.displayName = "DocsLayout";
+function CommandPalette({ items, placeholder = "Search docs & plugins\u2026", className }) {
+  const [open, setOpen] = React31.useState(false);
+  const [q, setQ] = React31.useState("");
+  React31.useEffect(() => {
+    const h = (e) => {
+      if ((e.metaKey || e.ctrlKey) && e.key.toLowerCase() === "k") {
+        e.preventDefault();
+        setOpen((o) => !o);
+      }
+      if (e.key === "Escape") setOpen(false);
+    };
+    window.addEventListener("keydown", h);
+    return () => window.removeEventListener("keydown", h);
+  }, []);
+  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__ */ 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" })
+    ] }),
+    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: [
+        /* @__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__ */ 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: [
+          /* @__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 })
+        ] }) }, idx)),
+        !results.length && /* @__PURE__ */ jsx100("li", { className: "px-3 py-6 text-center text-sm text-muted-foreground", children: "No results." })
+      ] })
+    ] }) })
+  ] });
+}
+CommandPalette.displayName = "CommandPalette";
 export {
   Accordion,
   AccordionContent,
@@ -15928,6 +16303,7 @@ export {
   ArtifactTable,
   ArtifactViewer_default as ArtifactViewer,
   AspectRatio,
+  AuroraBackground,
   AuthCard_default as AuthCard,
   AuthErrorAlert_default as AuthErrorAlert,
   AuthFlow_default as AuthFlow,
@@ -15946,6 +16322,7 @@ export {
   BreadcrumbSeparator,
   Button,
   Calendar,
+  Callout,
   Card,
   CardContent,
   CardDescription,
@@ -15980,6 +16357,7 @@ export {
   CommandInputPrimitive,
   CommandItem,
   CommandList,
+  CommandPalette,
   CommandSeparator,
   CommandShortcut,
   ContextMenu,
@@ -16017,6 +16395,9 @@ export {
   DialogTitle,
   DialogTrigger,
   DirectionalArrow,
+  DocsLayout,
+  DocsSidebar,
+  DocsTOC,
   Drawer,
   DrawerClose,
   DrawerContent,
@@ -16053,6 +16434,7 @@ export {
   FeedbackButton,
   FeedbackHub,
   FeedbackWidget,
+  FilterBar,
   ForgotForm_default as ForgotForm,
   Form,
   FormControl,
@@ -16061,6 +16443,7 @@ export {
   FormItem,
   FormLabel,
   FormMessage,
+  GlassCard,
   HoverCard,
   HoverCardContent,
   HoverCardTrigger,
@@ -16090,6 +16473,7 @@ export {
   MarkdownEditor,
   MarkdownRenderer,
   MarkdownTable,
+  MarketplaceCard,
   Menubar,
   MenubarCheckboxItem,
   MenubarContent,
@@ -16107,6 +16491,7 @@ export {
   MenubarSubTrigger,
   MenubarTrigger,
   MiniBarChart,
+  MockupWindow,
   MotorFeedbackLauncher,
   NativeSelect,
   NavigationMenu,
@@ -16122,6 +16507,7 @@ export {
   OTPBoxGroup_default as OTPBoxGroup,
   PIPELINE_STAGES,
   PageHeader,
+  Pager,
   Pagination,
   PaginationContent,
   PaginationEllipsis,
@@ -16132,6 +16518,7 @@ export {
   PasswordInput_default as PasswordInput,
   PasswordLockScreen_default as PasswordLockScreen,
   PasswordStrengthMeter_default as PasswordStrengthMeter,
+  PillButton,
   PluginAppearanceSection,
   PluginCard,
   PluginDetailLayout,
@@ -16151,6 +16538,7 @@ export {
   ResizableHandle,
   ResizablePanel,
   ResizablePanelGroup,
+  Reveal,
   RouteProgress,
   SENTRA_BRAND,
   STEP_FIELD_REGISTRY,
@@ -16212,6 +16600,7 @@ export {
   Slider,
   SourceBadge,
   StatCard,
+  StatsRow,
   StatusBadge,
   StepOptionsDialog,
   StreamingMessage_default as StreamingMessage,