react-component-kit-ui 0.0.0-stage → 0.1.0

package/dist/chunks/LogoWallGrid-BEpsn1Gt.js

@@ -0,0 +1,433 @@
+"use client";
+import { jsx as e, Fragment as _, jsxs as r } from "react/jsx-runtime";
+import { useId as g, useRef as v, useEffect as N } from "react";
+import { K as y, L as T } from "./StackedAreaChart-DF1-3rDG.js";
+function G({
+  badge: l = "Analytics, reimagined",
+  title: s = "See every metric that matters, in real time",
+  subtitle: d = "Unified revenue, product and infrastructure dashboards. Set up in minutes, no SQL required.",
+  primary: t = { label: "Start free trial", href: "#" },
+  secondary: c = { label: "Book a demo", href: "#" },
+  variant: h = "browser",
+  size: o = "md",
+  className: u = ""
+}) {
+  const n = `hdp-${g().replace(/[^a-zA-Z0-9]/g, "")}`;
+  return /* @__PURE__ */ e(_, { children: /* @__PURE__ */ e("div", { className: "cq-hero-dashboard-preview-cq", "data-rk-d7155c": "", children: /* @__PURE__ */ r("section", { className: `hdp hdp--${h} hdp--${o} ${u}`, "aria-labelledby": n, "data-rk-d7155c": "", children: [
+    /* @__PURE__ */ e("div", { className: "hdp__glow", "aria-hidden": "true", "data-rk-d7155c": "" }),
+    /* @__PURE__ */ r("div", { className: "hdp__copy", "data-rk-d7155c": "", children: [
+      /* @__PURE__ */ e("span", { className: "hdp__badge", "data-rk-d7155c": "", children: l }),
+      /* @__PURE__ */ e("h1", { id: n, className: "hdp__title", "data-rk-d7155c": "", children: s }),
+      /* @__PURE__ */ e("p", { className: "hdp__subtitle", "data-rk-d7155c": "", children: d }),
+      /* @__PURE__ */ r("div", { className: "hdp__actions", "data-rk-d7155c": "", children: [
+        /* @__PURE__ */ e("a", { className: "hdp__btn hdp__btn--primary", href: t.href, "data-rk-d7155c": "", children: t.label }),
+        /* @__PURE__ */ r("a", { className: "hdp__btn hdp__btn--ghost", href: c.href, "data-rk-d7155c": "", children: [
+          /* @__PURE__ */ r("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", "aria-hidden": "true", "data-rk-d7155c": "", children: [
+            /* @__PURE__ */ e("circle", { cx: "12", cy: "12", r: "10", "data-rk-d7155c": "" }),
+            /* @__PURE__ */ e("path", { d: "m10 8 6 4-6 4V8z", fill: "currentColor", "data-rk-d7155c": "" })
+          ] }),
+          c.label
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ r("div", { className: "hdp__mock", role: "group", "aria-label": "Product dashboard preview", "data-rk-d7155c": "", children: [
+      h === "browser" && /* @__PURE__ */ r("div", { className: "hdp__chrome", "aria-hidden": "true", "data-rk-d7155c": "", children: [
+        /* @__PURE__ */ e("span", { "data-rk-d7155c": "" }),
+        /* @__PURE__ */ e("span", { "data-rk-d7155c": "" }),
+        /* @__PURE__ */ e("span", { "data-rk-d7155c": "" }),
+        /* @__PURE__ */ e("p", { "data-rk-d7155c": "", children: "app.example.com/overview" })
+      ] }),
+      /* @__PURE__ */ r("div", { className: "hdp__screen", "data-rk-d7155c": "", children: [
+        /* @__PURE__ */ r("div", { className: "hdp__kpis", "data-rk-d7155c": "", children: [
+          /* @__PURE__ */ e(y, { label: "Revenue", value: "$128.4k", change: 9.2, period: "vs last month", size: "sm", variant: "solid", trend: [80, 84, 90, 88, 96, 102, 110, 118, 128] }),
+          /* @__PURE__ */ e(y, { label: "Active users", value: "24,812", change: 4.1, period: "vs last month", size: "sm", variant: "solid", trend: [20, 21, 21.5, 22, 22.8, 23.1, 23.9, 24.2, 24.8] }),
+          /* @__PURE__ */ e(y, { label: "Churn", value: "2.3%", change: -0.6, invert: !0, period: "vs last month", size: "sm", variant: "solid", trend: [3.1, 3, 2.9, 2.8, 2.7, 2.6, 2.5, 2.4, 2.3] })
+        ] }),
+        /* @__PURE__ */ e(T, { title: "Revenue by channel", subtitle: "Last 12 weeks", variant: "solid", size: "sm", height: 220 })
+      ] })
+    ] })
+  ] }) }) });
+}
+function B(l) {
+  const s = {};
+  for (const d of String(l ?? "").split(";")) {
+    const t = d.indexOf(":");
+    if (t < 0) continue;
+    const c = d.slice(0, t).trim();
+    c && (s[c.startsWith("--") ? c : c.replace(/-([a-z])/g, (h, o) => o.toUpperCase())] = d.slice(t + 1).trim());
+  }
+  return s;
+}
+const C = {
+  bolt: '<path d="M13 2 3 14h9l-1 8 10-12h-9l1-8z"/>',
+  shield: '<path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/><path d="m9 12 2 2 4-4"/>',
+  layers: '<path d="m12 2 10 5-10 5L2 7l10-5z"/><path d="m2 17 10 5 10-5"/><path d="m2 12 10 5 10-5"/>',
+  chart: '<path d="M3 3v18h18"/><path d="m19 9-5 5-4-4-3 3"/>',
+  globe: '<circle cx="12" cy="12" r="10"/><path d="M2 12h20M12 2a15 15 0 0 1 0 20 15 15 0 0 1 0-20z"/>',
+  code: '<path d="m16 18 6-6-6-6M8 6l-6 6 6 6"/>',
+  sparkles: '<path d="M12 3l1.9 5.8L20 10l-6.1 1.2L12 17l-1.9-5.8L4 10l6.1-1.2z"/><path d="M19 17v4M17 19h4"/>',
+  lock: '<rect x="3" y="11" width="18" height="11" rx="2"/><path d="M7 11V7a5 5 0 0 1 10 0v4"/>',
+  users: '<path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M22 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75"/>'
+};
+function U({
+  eyebrow: l = "Features",
+  title: s = "Everything you need, nothing you don’t",
+  subtitle: d = "A focused toolkit that keeps your pages fast, accessible and on-brand.",
+  features: t = [
+    { icon: "bolt", title: "Zero runtime JS", text: "Components render to static HTML and CSS. Interactivity is progressive and tiny.", href: "#" },
+    { icon: "shield", title: "Accessible by default", text: "Semantic markup, focus rings, ARIA where it matters and 4.5:1 contrast everywhere.", href: "#" },
+    { icon: "layers", title: "Design tokens", text: "Colors, spacing and radii come from CSS custom properties you can re-theme in one file." },
+    { icon: "chart", title: "SVG charts", text: "45 dependency-free charts with tooltips, legends and data-table fallbacks." },
+    { icon: "globe", title: "i18n ready", text: "Every string is a prop. Ship English, Spanish and Russian docs out of the box." },
+    { icon: "code", title: "Copy & paste", text: "No package lock-in. Grab the source from the docs and own every line." }
+  ],
+  columns: c = 3,
+  variant: h = "card",
+  size: o = "md",
+  className: u = ""
+}) {
+  const n = `fig-${g().replace(/[^a-zA-Z0-9]/g, "")}`;
+  return /* @__PURE__ */ e(_, { children: /* @__PURE__ */ e("section", { className: `fig fig--${h} fig--${o} ${u}`, "aria-labelledby": n, style: B(`--fig-cols:${c}`), "data-rk-d09f2e": "", children: /* @__PURE__ */ r("div", { className: "fig__inner", "data-rk-d09f2e": "", children: [
+    /* @__PURE__ */ r("header", { className: "fig__head", "data-rk-d09f2e": "", children: [
+      /* @__PURE__ */ e("p", { className: "fig__eyebrow", "data-rk-d09f2e": "", children: l }),
+      /* @__PURE__ */ e("h2", { id: n, className: "fig__title", "data-rk-d09f2e": "", children: s }),
+      /* @__PURE__ */ e("p", { className: "fig__subtitle", "data-rk-d09f2e": "", children: d })
+    ] }),
+    /* @__PURE__ */ e("ul", { className: "fig__grid", "data-rk-d09f2e": "", children: t.map((a, i) => /* @__PURE__ */ r("li", { className: "fig__card", "data-rk-d09f2e": "", children: [
+      /* @__PURE__ */ e("span", { className: "fig__icon", "aria-hidden": "true", "data-rk-d09f2e": "", children: /* @__PURE__ */ e("svg", { width: "22", height: "22", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round", dangerouslySetInnerHTML: { __html: C[a.icon] ?? C.sparkles }, "data-rk-d09f2e": "" }) }),
+      /* @__PURE__ */ e("h3", { className: "fig__card-title", "data-rk-d09f2e": "", children: a.title }),
+      /* @__PURE__ */ e("p", { className: "fig__text", "data-rk-d09f2e": "", children: a.text }),
+      a.href && /* @__PURE__ */ r("a", { className: "fig__link", href: a.href, "data-rk-d09f2e": "", children: [
+        "Learn more",
+        /* @__PURE__ */ r("span", { className: "fig__sr", "data-rk-d09f2e": "", children: [
+          " about ",
+          a.title
+        ] }),
+        /* @__PURE__ */ e("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", "aria-hidden": "true", "data-rk-d09f2e": "", children: /* @__PURE__ */ e("path", { d: "M5 12h14M13 6l6 6-6 6", "data-rk-d09f2e": "" }) })
+      ] })
+    ] }, i)) })
+  ] }) }) });
+}
+function q(l) {
+  const s = {};
+  for (const d of String(l ?? "").split(";")) {
+    const t = d.indexOf(":");
+    if (t < 0) continue;
+    const c = d.slice(0, t).trim();
+    c && (s[c.startsWith("--") ? c : c.replace(/-([a-z])/g, (h, o) => o.toUpperCase())] = d.slice(t + 1).trim());
+  }
+  return s;
+}
+function Z({
+  eyebrow: l = "How it works",
+  title: s = "Ship a polished page in four steps",
+  steps: d = [
+    { title: "Pick sections", text: "Browse heroes, features, pricing and more in the catalog.", time: "2 min" },
+    { title: "Copy the code", text: "Paste components into your React project. No install needed.", time: "1 min" },
+    { title: "Customize props", text: "Change copy, colors and data through typed props and tokens.", time: "10 min" },
+    { title: "Deploy", text: "Build static HTML and ship to any CDN or edge host.", time: "30 s" }
+  ],
+  cta: t = { label: "Start building", href: "#" },
+  variant: c = "numbers",
+  size: h = "md",
+  className: o = ""
+}) {
+  const u = `hiw-${g().replace(/[^a-zA-Z0-9]/g, "")}`;
+  return /* @__PURE__ */ e(_, { children: /* @__PURE__ */ e("div", { className: "cq-how-it-works-steps-cq", "data-rk-1a3d09": "", children: /* @__PURE__ */ e("section", { className: `hiw hiw--${c} hiw--${h} ${o}`, "aria-labelledby": u, style: q(`--hiw-n:${d.length}`), "data-rk-1a3d09": "", children: /* @__PURE__ */ r("div", { className: "hiw__inner", "data-rk-1a3d09": "", children: [
+    /* @__PURE__ */ r("header", { className: "hiw__head", "data-rk-1a3d09": "", children: [
+      /* @__PURE__ */ e("p", { className: "hiw__eyebrow", "data-rk-1a3d09": "", children: l }),
+      /* @__PURE__ */ e("h2", { id: u, className: "hiw__title", "data-rk-1a3d09": "", children: s })
+    ] }),
+    /* @__PURE__ */ e("ol", { className: "hiw__steps", "data-rk-1a3d09": "", children: d.map((n, a) => /* @__PURE__ */ r("li", { className: "hiw__step", style: q(`--i:${a}`), "data-rk-1a3d09": "", children: [
+      /* @__PURE__ */ e("span", { className: "hiw__marker", "aria-hidden": "true", "data-rk-1a3d09": "", children: c === "dots" ? "" : String(a + 1).padStart(2, "0") }),
+      /* @__PURE__ */ r("div", { className: "hiw__body", "data-rk-1a3d09": "", children: [
+        /* @__PURE__ */ r("h3", { className: "hiw__step-title", "data-rk-1a3d09": "", children: [
+          /* @__PURE__ */ r("span", { className: "hiw__sr", "data-rk-1a3d09": "", children: [
+            "Step ",
+            a + 1,
+            ": "
+          ] }),
+          n.title
+        ] }),
+        /* @__PURE__ */ e("p", { className: "hiw__text", "data-rk-1a3d09": "", children: n.text }),
+        n.time && /* @__PURE__ */ r("span", { className: "hiw__time", "data-rk-1a3d09": "", children: [
+          /* @__PURE__ */ r("svg", { width: "13", height: "13", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", "aria-hidden": "true", "data-rk-1a3d09": "", children: [
+            /* @__PURE__ */ e("circle", { cx: "12", cy: "12", r: "10", "data-rk-1a3d09": "" }),
+            /* @__PURE__ */ e("path", { d: "M12 6v6l4 2", "data-rk-1a3d09": "" })
+          ] }),
+          n.time
+        ] })
+      ] })
+    ] }, a)) }),
+    t && /* @__PURE__ */ e("div", { className: "hiw__cta", "data-rk-1a3d09": "", children: /* @__PURE__ */ e("a", { href: t.href, "data-rk-1a3d09": "", children: t.label }) })
+  ] }) }) }) });
+}
+function R({
+  title: l = "Simple pricing that scales with you",
+  subtitle: s = "Start free. Upgrade when your team grows. Cancel anytime.",
+  plans: d = [
+    { name: "Starter", monthly: 0, yearly: 0, description: "For side projects and prototypes.", features: ["All components", "Community support", "1 project"], cta: "Get started", href: "#" },
+    { name: "Pro", monthly: 24, yearly: 19, description: "For professionals shipping client work.", features: ["Everything in Starter", "Premium sections", "Unlimited projects", "Priority support"], cta: "Start 14-day trial", href: "#", featured: !0 },
+    { name: "Team", monthly: 79, yearly: 63, description: "For agencies and product teams.", features: ["Everything in Pro", "10 seats included", "Figma kit", "Private Discord"], cta: "Contact sales", href: "#" }
+  ],
+  currency: t = "$",
+  savingsLabel: c = "Save 20%",
+  variant: h = "glass",
+  size: o = "md",
+  className: u = ""
+}) {
+  const n = `ptc-${g().replace(/[^a-zA-Z0-9]/g, "")}`, a = v(!1);
+  return N(() => {
+    a.current || (a.current = !0, document.querySelectorAll("[data-ptc]").forEach((i) => {
+      const p = i.querySelector(".ptc__switch"), k = i.querySelector(".ptc__live");
+      p == null || p.addEventListener("click", () => {
+        const f = p.getAttribute("aria-checked") !== "true";
+        p.setAttribute("aria-checked", String(f)), i.dataset.period = f ? "yearly" : "monthly", i.querySelectorAll(".ptc__amount").forEach((m) => {
+          m.textContent = (f ? m.dataset.yearly : m.dataset.monthly) || "";
+        }), k && (k.textContent = f ? "Showing yearly prices" : "Showing monthly prices");
+      });
+    }));
+  }, []), /* @__PURE__ */ e(_, { children: /* @__PURE__ */ e("section", { className: `ptc ptc--${h} ptc--${o} ${u}`, "aria-labelledby": n, "data-ptc": !0, "data-period": "monthly", "data-rk-101321": "", children: /* @__PURE__ */ r("div", { className: "ptc__inner", "data-rk-101321": "", children: [
+    /* @__PURE__ */ r("header", { className: "ptc__head", "data-rk-101321": "", children: [
+      /* @__PURE__ */ e("h2", { id: n, className: "ptc__title", "data-rk-101321": "", children: l }),
+      /* @__PURE__ */ e("p", { className: "ptc__subtitle", "data-rk-101321": "", children: s }),
+      /* @__PURE__ */ r("div", { className: "ptc__toggle", "data-rk-101321": "", children: [
+        /* @__PURE__ */ e("span", { className: "ptc__period", id: `${n}-m`, "data-rk-101321": "", children: "Monthly" }),
+        /* @__PURE__ */ e("button", { type: "button", className: "ptc__switch", role: "switch", "aria-checked": "false", "aria-labelledby": `${n}-y`, "data-rk-101321": "", children: /* @__PURE__ */ e("span", { className: "ptc__knob", "aria-hidden": "true", "data-rk-101321": "" }) }),
+        /* @__PURE__ */ r("span", { className: "ptc__period", id: `${n}-y`, "data-rk-101321": "", children: [
+          "Yearly ",
+          /* @__PURE__ */ e("span", { className: "ptc__save", "data-rk-101321": "", children: c })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ e("ul", { className: "ptc__grid", "data-rk-101321": "", children: d.map((i, p) => /* @__PURE__ */ r("li", { className: `ptc__card ${i.featured ? "ptc__card--featured" : ""}`, "data-rk-101321": "", children: [
+      i.featured && /* @__PURE__ */ e("span", { className: "ptc__ribbon", "data-rk-101321": "", children: "Most popular" }),
+      /* @__PURE__ */ e("h3", { className: "ptc__name", "data-rk-101321": "", children: i.name }),
+      /* @__PURE__ */ e("p", { className: "ptc__desc", "data-rk-101321": "", children: i.description }),
+      /* @__PURE__ */ r("p", { className: "ptc__price", "data-rk-101321": "", children: [
+        /* @__PURE__ */ r("span", { className: "ptc__amount", "data-monthly": `${t}${i.monthly}`, "data-yearly": `${t}${i.yearly}`, "data-rk-101321": "", children: [
+          t,
+          i.monthly
+        ] }),
+        /* @__PURE__ */ r("span", { className: "ptc__per", "data-rk-101321": "", children: [
+          "/ month",
+          /* @__PURE__ */ e("span", { className: "ptc__billed", "data-yearly-only": !0, "data-rk-101321": "", children: ", billed yearly" })
+        ] })
+      ] }),
+      /* @__PURE__ */ e("a", { className: "ptc__cta", href: i.href, "data-rk-101321": "", children: i.cta }),
+      /* @__PURE__ */ e("ul", { className: "ptc__features", "data-rk-101321": "", children: i.features.map((k, f) => /* @__PURE__ */ r("li", { "data-rk-101321": "", children: [
+        /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", "data-rk-101321": "", children: /* @__PURE__ */ e("path", { d: "M20 6 9 17l-5-5", "data-rk-101321": "" }) }),
+        k
+      ] }, f)) })
+    ] }, p)) }),
+    /* @__PURE__ */ e("p", { className: "ptc__live", role: "status", "aria-live": "polite", "data-rk-101321": "" })
+  ] }) }) });
+}
+function j(l) {
+  const s = {};
+  for (const d of String(l ?? "").split(";")) {
+    const t = d.indexOf(":");
+    if (t < 0) continue;
+    const c = d.slice(0, t).trim();
+    c && (s[c.startsWith("--") ? c : c.replace(/-([a-z])/g, (h, o) => o.toUpperCase())] = d.slice(t + 1).trim());
+  }
+  return s;
+}
+function V({
+  title: l = "Loved by builders worldwide",
+  items: s = [
+    { quote: "We rebuilt our marketing site in two days. The sections are gorgeous and Lighthouse went straight to 100.", name: "Alicia Gómez", role: "Head of Growth, Northwind", rating: 5 },
+    { quote: "The SVG charts replaced a 200 kB library in our dashboard. Same features, zero runtime.", name: "Marcus Lee", role: "Staff Engineer, Lumen", rating: 5 },
+    { quote: "Finally a component kit that takes accessibility seriously. Our audit came back clean.", name: "Priya Natarajan", role: "Accessibility Lead, Civic", rating: 5 },
+    { quote: "Copy, paste, tweak tokens, done. It feels like a design system we built ourselves.", name: "Tom Becker", role: "Founder, Driftly", rating: 4 },
+    { quote: "Our agency ships every client landing page on top of this kit now.", name: "Sofía Ruiz", role: "Creative Director, Studio Alba", rating: 5 }
+  ],
+  variant: d = "glass",
+  size: t = "md",
+  className: c = ""
+}) {
+  const h = `tc-${g().replace(/[^a-zA-Z0-9]/g, "")}`, o = (a) => a.split(" ").map((i) => i[0]).slice(0, 2).join(""), u = ["var(--chart-1, #3987e5)", "var(--chart-2, #d95926)", "var(--chart-3, #199e70)", "var(--chart-5, #d55181)", "var(--chart-7, #9085e9)"], n = v(!1);
+  return N(() => {
+    n.current || (n.current = !0, document.querySelectorAll("[data-tc]").forEach((a) => {
+      const i = a.querySelector(".tc__track"), p = a.querySelectorAll(".tc__btn");
+      if (!i) return;
+      const k = () => {
+        const m = i.scrollWidth - i.clientWidth - 2;
+        p[0].disabled = i.scrollLeft <= 2, p[1].disabled = i.scrollLeft >= m;
+      }, f = () => {
+        var m;
+        return (((m = i.querySelector(".tc__slide")) == null ? void 0 : m.offsetWidth) ?? 300) + 20;
+      };
+      p.forEach((m) => m.addEventListener("click", () => {
+        const b = window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+        i.scrollBy({ left: Number(m.dataset.dir) * f(), behavior: b ? "auto" : "smooth" });
+      })), i.addEventListener("scroll", k, { passive: !0 }), window.addEventListener("resize", k), k();
+    }));
+  }, []), /* @__PURE__ */ e(_, { children: /* @__PURE__ */ e("div", { className: "cq-testimonial-carousel-cq", "data-rk-a626d8": "", children: /* @__PURE__ */ e("section", { className: `tc tc--${d} tc--${t} ${c}`, "aria-labelledby": h, "aria-roledescription": "carousel", "data-tc": !0, "data-rk-a626d8": "", children: /* @__PURE__ */ r("div", { className: "tc__inner", "data-rk-a626d8": "", children: [
+    /* @__PURE__ */ r("header", { className: "tc__head", "data-rk-a626d8": "", children: [
+      /* @__PURE__ */ e("h2", { id: h, className: "tc__title", "data-rk-a626d8": "", children: l }),
+      /* @__PURE__ */ r("div", { className: "tc__controls", "data-rk-a626d8": "", children: [
+        /* @__PURE__ */ e("button", { type: "button", className: "tc__btn", "data-dir": "-1", "aria-label": "Previous testimonials", "data-rk-a626d8": "", children: /* @__PURE__ */ e("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", "aria-hidden": "true", "data-rk-a626d8": "", children: /* @__PURE__ */ e("path", { d: "M15 18l-6-6 6-6", "data-rk-a626d8": "" }) }) }),
+        /* @__PURE__ */ e("button", { type: "button", className: "tc__btn", "data-dir": "1", "aria-label": "Next testimonials", "data-rk-a626d8": "", children: /* @__PURE__ */ e("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", "aria-hidden": "true", "data-rk-a626d8": "", children: /* @__PURE__ */ e("path", { d: "M9 18l6-6-6-6", "data-rk-a626d8": "" }) }) })
+      ] })
+    ] }),
+    /* @__PURE__ */ e("ul", { className: "tc__track", tabIndex: 0, "aria-label": "Testimonials, scroll horizontally", "data-rk-a626d8": "", children: s.map((a, i) => /* @__PURE__ */ e("li", { className: "tc__slide", "aria-roledescription": "slide", "aria-label": `${i + 1} of ${s.length}`, "data-rk-a626d8": "", children: /* @__PURE__ */ r("figure", { className: "tc__card", "data-rk-a626d8": "", children: [
+      a.rating && /* @__PURE__ */ e("div", { className: "tc__stars", role: "img", "aria-label": `${a.rating} out of 5 stars`, "data-rk-a626d8": "", children: Array.from({ length: 5 }, (p, k) => /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 24 24", "aria-hidden": "true", className: (a.rating ?? 0) > k ? "is-on" : "", "data-rk-a626d8": "", children: /* @__PURE__ */ e("path", { d: "m12 2 3.1 6.3 6.9 1-5 4.9 1.2 6.8L12 17.8 5.8 21l1.2-6.8-5-4.9 6.9-1z", fill: "currentColor", "data-rk-a626d8": "" }) }, k)) }),
+      /* @__PURE__ */ e("blockquote", { className: "tc__quote", "data-rk-a626d8": "", children: /* @__PURE__ */ r("p", { "data-rk-a626d8": "", children: [
+        "“",
+        a.quote,
+        "”"
+      ] }) }),
+      /* @__PURE__ */ r("figcaption", { className: "tc__author", "data-rk-a626d8": "", children: [
+        /* @__PURE__ */ e("span", { className: "tc__avatar", style: j(`background:${u[i % u.length]}`), "aria-hidden": "true", "data-rk-a626d8": "", children: o(a.name) }),
+        /* @__PURE__ */ r("span", { "data-rk-a626d8": "", children: [
+          /* @__PURE__ */ e("strong", { "data-rk-a626d8": "", children: a.name }),
+          /* @__PURE__ */ e("span", { className: "tc__role", "data-rk-a626d8": "", children: a.role })
+        ] })
+      ] })
+    ] }) }, i)) })
+  ] }) }) }) });
+}
+function I(...l) {
+  const s = [], d = (t) => {
+    if (t) {
+      if (typeof t == "string" || typeof t == "number") s.push(String(t));
+      else if (Array.isArray(t)) t.forEach(d);
+      else if (typeof t == "object")
+        for (const [c, h] of Object.entries(t)) h && s.push(c);
+    }
+  };
+  return l.forEach(d), s.join(" ");
+}
+function J({
+  title: l = "Trusted at scale",
+  hideTitle: s = !1,
+  stats: d = [
+    { value: 12e3, suffix: "+", label: "Developers using the kit" },
+    { value: 250, suffix: "+", label: "Components & sections" },
+    { value: 99.98, suffix: "%", label: "CDN uptime last 12 months", decimals: 2 },
+    { value: 48, prefix: "<", suffix: "ms", label: "Median time to first byte" }
+  ],
+  variant: t = "divided",
+  size: c = "md",
+  className: h = ""
+}) {
+  const o = `scb-${g().replace(/[^a-zA-Z0-9]/g, "")}`, u = (a) => `${a.prefix ?? ""}${a.value.toLocaleString("en-US", { minimumFractionDigits: a.decimals ?? 0, maximumFractionDigits: a.decimals ?? 0 })}${a.suffix ?? ""}`, n = v(!1);
+  return N(() => {
+    if (n.current) return;
+    n.current = !0;
+    const a = window.matchMedia("(prefers-reduced-motion: reduce)").matches, i = document.querySelectorAll(".scb__value[data-count]");
+    if (!a && "IntersectionObserver" in window) {
+      const p = new IntersectionObserver((k) => {
+        k.forEach((f) => {
+          if (!f.isIntersecting) return;
+          const m = f.target;
+          p.unobserve(m);
+          const b = Number(m.dataset.count), w = Number(m.dataset.decimals), L = m.dataset.prefix || "", M = m.dataset.suffix || "", x = m.textContent;
+          m.setAttribute("aria-label", x || "");
+          const A = performance.now(), z = 1400, S = (E) => {
+            const $ = Math.min(1, (E - A) / z), W = 1 - Math.pow(1 - $, 3), F = b * W;
+            m.textContent = `${L}${F.toLocaleString("en-US", { minimumFractionDigits: w, maximumFractionDigits: w })}${M}`, $ < 1 ? requestAnimationFrame(S) : m.textContent = x;
+          };
+          requestAnimationFrame(S);
+        });
+      }, { threshold: 0.4 });
+      i.forEach((k) => p.observe(k));
+    }
+  }, []), /* @__PURE__ */ e(_, { children: /* @__PURE__ */ e("div", { className: "cq-stats-counter-band-cq", "data-rk-72cbca": "", children: /* @__PURE__ */ e("section", { className: `scb scb--${t} scb--${c} ${h}`, "aria-labelledby": o, "data-rk-72cbca": "", children: /* @__PURE__ */ r("div", { className: "scb__inner", "data-rk-72cbca": "", children: [
+    /* @__PURE__ */ e("h2", { id: o, className: I(["scb__title", { scb__sr: s }]), "data-rk-72cbca": "", children: l }),
+    /* @__PURE__ */ e("dl", { className: "scb__grid", "data-rk-72cbca": "", children: d.map((a, i) => /* @__PURE__ */ r("div", { className: "scb__item", "data-rk-72cbca": "", children: [
+      /* @__PURE__ */ e("dt", { className: "scb__label", "data-rk-72cbca": "", children: a.label }),
+      /* @__PURE__ */ e("dd", { className: "scb__value", "data-count": a.value, "data-decimals": a.decimals ?? 0, "data-prefix": a.prefix ?? "", "data-suffix": a.suffix ?? "", "data-rk-72cbca": "", children: u(a) })
+    ] }, i)) })
+  ] }) }) }) });
+}
+function K({
+  title: l = "Frequently asked questions",
+  subtitle: s = "Everything you need to know about the kit. Can’t find an answer? Our team replies within a day.",
+  items: d = [
+    { q: "Do I need to install a package?", a: "No. Every component is a standalone .tsx file. Copy it into your project, or install the package if you prefer imports." },
+    { q: "Do the charts need a JavaScript library?", a: "No. The SVG charts render at build time. A tiny shared script only powers hover tooltips, and every chart includes a data table fallback." },
+    { q: "Is it accessible?", a: "Components target WCAG 2.2 AA: semantic HTML, visible focus states, keyboard support and contrast of at least 4.5:1 for text." },
+    { q: "Can I use it in commercial projects?", a: "Yes. The kit is MIT licensed. Use it for client work, SaaS products and anything else." },
+    { q: "How do I change the colors?", a: "Edit the CSS custom properties in global.css. Every component reads from the same tokens, so one change updates everything." }
+  ],
+  support: t = { label: "Contact support", href: "#" },
+  exclusive: c = !0,
+  variant: h = "bordered",
+  size: o = "md",
+  className: u = ""
+}) {
+  const n = g().replace(/[^a-zA-Z0-9]/g, ""), a = `ftc-${n}`;
+  return /* @__PURE__ */ e(_, { children: /* @__PURE__ */ e("div", { className: "cq-faq-two-column-cq", "data-rk-73cab5": "", children: /* @__PURE__ */ e("section", { className: `ftc ftc--${h} ftc--${o} ${u}`, "aria-labelledby": a, "data-rk-73cab5": "", children: /* @__PURE__ */ r("div", { className: "ftc__inner", "data-rk-73cab5": "", children: [
+    /* @__PURE__ */ r("div", { className: "ftc__intro", "data-rk-73cab5": "", children: [
+      /* @__PURE__ */ e("h2", { id: a, className: "ftc__title", "data-rk-73cab5": "", children: l }),
+      /* @__PURE__ */ e("p", { className: "ftc__subtitle", "data-rk-73cab5": "", children: s }),
+      t && /* @__PURE__ */ r("a", { className: "ftc__support", href: t.href, "data-rk-73cab5": "", children: [
+        /* @__PURE__ */ e("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", "data-rk-73cab5": "", children: /* @__PURE__ */ e("path", { d: "M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z", "data-rk-73cab5": "" }) }),
+        t.label
+      ] })
+    ] }),
+    /* @__PURE__ */ e("div", { className: "ftc__list", "data-rk-73cab5": "", children: d.map((i, p) => /* @__PURE__ */ r("details", { className: "ftc__item", name: c ? `faq-${n}` : void 0, open: p === 0, "data-rk-73cab5": "", children: [
+      /* @__PURE__ */ r("summary", { className: "ftc__q", "data-rk-73cab5": "", children: [
+        /* @__PURE__ */ e("span", { "data-rk-73cab5": "", children: i.q }),
+        /* @__PURE__ */ e("svg", { className: "ftc__chev", width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", "aria-hidden": "true", "data-rk-73cab5": "", children: /* @__PURE__ */ e("path", { d: "M12 5v14M5 12h14", "data-rk-73cab5": "" }) })
+      ] }),
+      /* @__PURE__ */ e("div", { className: "ftc__a", "data-rk-73cab5": "", children: /* @__PURE__ */ e("p", { "data-rk-73cab5": "", children: i.a }) })
+    ] }, p)) })
+  ] }) }) }) });
+}
+function D(l) {
+  const s = {};
+  for (const d of String(l ?? "").split(";")) {
+    const t = d.indexOf(":");
+    if (t < 0) continue;
+    const c = d.slice(0, t).trim();
+    c && (s[c.startsWith("--") ? c : c.replace(/-([a-z])/g, (h, o) => o.toUpperCase())] = d.slice(t + 1).trim());
+  }
+  return s;
+}
+function Y({
+  title: l = "Powering 12,000+ teams, from startups to the Fortune 500",
+  logos: s = [
+    { name: "Northwind" },
+    { name: "Lumen" },
+    { name: "Orbitly" },
+    { name: "Civic" },
+    { name: "Driftly" },
+    { name: "Acme" },
+    { name: "Helix" },
+    { name: "Nimbus" }
+  ],
+  columns: d = 4,
+  variant: t = "divided",
+  size: c = "md",
+  className: h = ""
+}) {
+  const o = `lwg-${g().replace(/[^a-zA-Z0-9]/g, "")}`, u = [
+    '<circle cx="12" cy="12" r="9"/><circle cx="12" cy="12" r="3.5" fill="currentColor"/>',
+    '<path d="M12 3 21 20H3z"/>',
+    '<rect x="4" y="4" width="16" height="16" rx="4"/><path d="M4 12h16"/>',
+    '<path d="M4 18 12 4l8 14M8 12h8"/>'
+  ];
+  return /* @__PURE__ */ e(_, { children: /* @__PURE__ */ e("div", { className: "cq-logo-wall-grid-cq", "data-rk-c72122": "", children: /* @__PURE__ */ e("section", { className: `lwg lwg--${t} lwg--${c} ${h}`, "aria-labelledby": o, style: D(`--lwg-cols:${d}`), "data-rk-c72122": "", children: /* @__PURE__ */ r("div", { className: "lwg__inner", "data-rk-c72122": "", children: [
+    /* @__PURE__ */ e("h2", { id: o, className: "lwg__title", "data-rk-c72122": "", children: l }),
+    /* @__PURE__ */ e("ul", { className: "lwg__grid", "data-rk-c72122": "", children: s.map((n, a) => {
+      const i = n.src ? /* @__PURE__ */ e("img", { src: n.src, alt: n.name, loading: "lazy", decoding: "async", "data-rk-c72122": "" }) : /* @__PURE__ */ r("span", { className: "lwg__word", "data-rk-c72122": "", children: [
+        /* @__PURE__ */ e("svg", { width: "22", height: "22", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinejoin: "round", "aria-hidden": "true", dangerouslySetInnerHTML: { __html: u[a % u.length] }, "data-rk-c72122": "" }),
+        n.name
+      ] });
+      return /* @__PURE__ */ e("li", { className: "lwg__cell", "data-rk-c72122": "", children: n.href ? /* @__PURE__ */ e("a", { href: n.href, className: "lwg__link", "data-rk-c72122": "", children: i }) : i }, a);
+    }) })
+  ] }) }) }) });
+}
+export {
+  K as F,
+  G as H,
+  Y as L,
+  R as P,
+  J as S,
+  V as T,
+  U as a,
+  Z as b
+};

package/dist/chunks/LogoWithGalaxy-q_3-9vGU.js

@@ -0,0 +1,139 @@
+"use client";
+import { jsx as e, Fragment as n, jsxs as a } from "react/jsx-runtime";
+function d({ className: r = "", style: t }) {
+  return /* @__PURE__ */ e(n, { children: /* @__PURE__ */ a("svg", { className: `animated-galaxy-svg ${r}`.trim(), style: t, viewBox: "0 0 800 500", "aria-hidden": "true", preserveAspectRatio: "xMidYMid slice", children: [
+    /* @__PURE__ */ a("defs", { children: [
+      /* @__PURE__ */ a("radialGradient", { id: "galaxyCoreGlow", cx: "50%", cy: "50%", r: "50%", children: [
+        /* @__PURE__ */ e("stop", { offset: "0%", style: { stopColor: "#ffffff", stopOpacity: "0.5" } }),
+        /* @__PURE__ */ e("stop", { offset: "20%", style: { stopColor: "#fef3c7", stopOpacity: "0.2" } }),
+        /* @__PURE__ */ e("stop", { offset: "50%", style: { stopColor: "#fbbf24", stopOpacity: "0.05" } }),
+        /* @__PURE__ */ e("stop", { offset: "100%", style: { stopColor: "#000000", stopOpacity: "0" } })
+      ] }),
+      /* @__PURE__ */ a("radialGradient", { id: "galaxyParticleGrad", cx: "50%", cy: "50%", r: "50%", children: [
+        /* @__PURE__ */ e("stop", { offset: "0%", style: { stopColor: "#ffffff", stopOpacity: "0.9" } }),
+        /* @__PURE__ */ e("stop", { offset: "60%", style: { stopColor: "#fef3c7", stopOpacity: "0.4" } }),
+        /* @__PURE__ */ e("stop", { offset: "100%", style: { stopColor: "#000000", stopOpacity: "0" } })
+      ] }),
+      /* @__PURE__ */ a("radialGradient", { id: "galaxyArmGrad", cx: "50%", cy: "50%", r: "50%", children: [
+        /* @__PURE__ */ e("stop", { offset: "0%", style: { stopColor: "#fef3c7", stopOpacity: "0.5" } }),
+        /* @__PURE__ */ e("stop", { offset: "70%", style: { stopColor: "#fbbf24", stopOpacity: "0.15" } }),
+        /* @__PURE__ */ e("stop", { offset: "100%", style: { stopColor: "#000000", stopOpacity: "0" } })
+      ] }),
+      /* @__PURE__ */ a("filter", { id: "softGlow", x: "-50%", y: "-50%", width: "200%", height: "200%", children: [
+        /* @__PURE__ */ e("feGaussianBlur", { stdDeviation: "1", result: "blur" }),
+        /* @__PURE__ */ a("feMerge", { children: [
+          /* @__PURE__ */ e("feMergeNode", { in: "blur" }),
+          /* @__PURE__ */ e("feMergeNode", { in: "SourceGraphic" })
+        ] })
+      ] }),
+      /* @__PURE__ */ a("filter", { id: "galaxyGlow", x: "-50%", y: "-50%", width: "200%", height: "200%", children: [
+        /* @__PURE__ */ e("feGaussianBlur", { stdDeviation: "2", result: "blur" }),
+        /* @__PURE__ */ a("feMerge", { children: [
+          /* @__PURE__ */ e("feMergeNode", { in: "blur" }),
+          /* @__PURE__ */ e("feMergeNode", { in: "SourceGraphic" })
+        ] })
+      ] }),
+      /* @__PURE__ */ e("filter", { id: "heavyBlur", children: /* @__PURE__ */ e("feGaussianBlur", { stdDeviation: "12" }) })
+    ] }),
+    /* @__PURE__ */ e("ellipse", { cx: "400", cy: "250", rx: "300", ry: "180", fill: "url(#galaxyCoreGlow)", opacity: "0.15", filter: "url(#heavyBlur)" }),
+    /* @__PURE__ */ a("g", { filter: "url(#galaxyGlow)", children: [
+      /* @__PURE__ */ e("animateTransform", { attributeName: "transform", type: "rotate", from: "0 400 250", to: "360 400 250", dur: "80s", repeatCount: "indefinite" }),
+      /* @__PURE__ */ e("path", { d: "M400,250 Q470,220 540,200 Q610,180 670,190 Q730,200 760,220", fill: "none", stroke: "url(#galaxyArmGrad)", strokeWidth: "2", strokeLinecap: "round", opacity: "0.6" }),
+      /* @__PURE__ */ e("path", { d: "M400,250 Q330,280 260,300 Q190,320 130,310 Q70,300 40,280", fill: "none", stroke: "url(#galaxyArmGrad)", strokeWidth: "2", strokeLinecap: "round", opacity: "0.6" }),
+      /* @__PURE__ */ e("path", { d: "M400,250 Q450,230 510,210 Q570,195 620,200 Q670,205 700,225", fill: "none", stroke: "url(#galaxyArmGrad)", strokeWidth: "1.2", strokeLinecap: "round", opacity: "0.35" }),
+      /* @__PURE__ */ e("path", { d: "M400,250 Q350,270 290,290 Q230,305 180,300 Q130,295 100,275", fill: "none", stroke: "url(#galaxyArmGrad)", strokeWidth: "1.2", strokeLinecap: "round", opacity: "0.35" }),
+      /* @__PURE__ */ e("circle", { cx: "470", cy: "225", r: "1.5", fill: "url(#galaxyParticleGrad)", opacity: "0.8", children: /* @__PURE__ */ e("animate", { attributeName: "opacity", values: "0.8;0.3;0.8", dur: "3s", repeatCount: "indefinite" }) }),
+      /* @__PURE__ */ e("circle", { cx: "560", cy: "205", r: "1.2", fill: "url(#galaxyParticleGrad)", opacity: "0.7", children: /* @__PURE__ */ e("animate", { attributeName: "opacity", values: "0.7;0.25;0.7", dur: "3.5s", repeatCount: "indefinite" }) }),
+      /* @__PURE__ */ e("circle", { cx: "650", cy: "210", r: "1", fill: "url(#galaxyParticleGrad)", opacity: "0.65", children: /* @__PURE__ */ e("animate", { attributeName: "opacity", values: "0.65;0.2;0.65", dur: "3.2s", repeatCount: "indefinite" }) }),
+      /* @__PURE__ */ e("circle", { cx: "310", cy: "285", r: "1.3", fill: "url(#galaxyParticleGrad)", opacity: "0.75", children: /* @__PURE__ */ e("animate", { attributeName: "opacity", values: "0.75;0.28;0.75", dur: "2.8s", repeatCount: "indefinite" }) }),
+      /* @__PURE__ */ e("circle", { cx: "210", cy: "305", r: "0.9", fill: "url(#galaxyParticleGrad)", opacity: "0.6", children: /* @__PURE__ */ e("animate", { attributeName: "opacity", values: "0.6;0.22;0.6", dur: "3.8s", repeatCount: "indefinite" }) }),
+      /* @__PURE__ */ e("circle", { cx: "110", cy: "295", r: "0.8", fill: "url(#galaxyParticleGrad)", opacity: "0.55", children: /* @__PURE__ */ e("animate", { attributeName: "opacity", values: "0.55;0.18;0.55", dur: "4s", repeatCount: "indefinite" }) }),
+      /* @__PURE__ */ e("circle", { cx: "510", cy: "215", r: "0.8", fill: "url(#galaxyParticleGrad)", opacity: "0.55", children: /* @__PURE__ */ e("animate", { attributeName: "opacity", values: "0.55;0.2;0.55", dur: "2.5s", repeatCount: "indefinite" }) }),
+      /* @__PURE__ */ e("circle", { cx: "600", cy: "210", r: "0.7", fill: "url(#galaxyParticleGrad)", opacity: "0.5", children: /* @__PURE__ */ e("animate", { attributeName: "opacity", values: "0.5;0.18;0.5", dur: "3s", repeatCount: "indefinite" }) }),
+      /* @__PURE__ */ e("circle", { cx: "350", cy: "270", r: "0.7", fill: "url(#galaxyParticleGrad)", opacity: "0.48", children: /* @__PURE__ */ e("animate", { attributeName: "opacity", values: "0.48;0.16;0.48", dur: "2.6s", repeatCount: "indefinite" }) }),
+      /* @__PURE__ */ e("circle", { cx: "250", cy: "295", r: "0.6", fill: "url(#galaxyParticleGrad)", opacity: "0.45", children: /* @__PURE__ */ e("animate", { attributeName: "opacity", values: "0.45;0.15;0.45", dur: "3.2s", repeatCount: "indefinite" }) })
+    ] }),
+    /* @__PURE__ */ a("g", { filter: "url(#galaxyGlow)", children: [
+      /* @__PURE__ */ e("animateTransform", { attributeName: "transform", type: "rotate", from: "360 400 250", to: "0 400 250", dur: "50s", repeatCount: "indefinite" }),
+      /* @__PURE__ */ e("ellipse", { cx: "400", cy: "250", rx: "150", ry: "40", fill: "none", stroke: "url(#galaxyParticleGrad)", strokeWidth: "1", opacity: "0.35" }),
+      /* @__PURE__ */ e("ellipse", { cx: "400", cy: "250", rx: "100", ry: "25", fill: "none", stroke: "url(#galaxyParticleGrad)", strokeWidth: "0.8", opacity: "0.4" }),
+      /* @__PURE__ */ e("ellipse", { cx: "400", cy: "250", rx: "70", ry: "18", fill: "none", stroke: "url(#galaxyParticleGrad)", strokeWidth: "0.6", opacity: "0.45" }),
+      /* @__PURE__ */ e("circle", { cx: "480", cy: "228", r: "1", fill: "url(#galaxyParticleGrad)", opacity: "0.7", children: /* @__PURE__ */ e("animate", { attributeName: "opacity", values: "0.7;0.25;0.7", dur: "2s", repeatCount: "indefinite" }) }),
+      /* @__PURE__ */ e("circle", { cx: "310", cy: "272", r: "0.8", fill: "url(#galaxyParticleGrad)", opacity: "0.65", children: /* @__PURE__ */ e("animate", { attributeName: "opacity", values: "0.65;0.22;0.65", dur: "2.3s", repeatCount: "indefinite" }) }),
+      /* @__PURE__ */ e("circle", { cx: "440", cy: "240", r: "0.7", fill: "url(#galaxyParticleGrad)", opacity: "0.6", children: /* @__PURE__ */ e("animate", { attributeName: "opacity", values: "0.6;0.2;0.6", dur: "1.8s", repeatCount: "indefinite" }) }),
+      /* @__PURE__ */ e("circle", { cx: "350", cy: "260", r: "0.6", fill: "url(#galaxyParticleGrad)", opacity: "0.55", children: /* @__PURE__ */ e("animate", { attributeName: "opacity", values: "0.55;0.18;0.55", dur: "2.2s", repeatCount: "indefinite" }) })
+    ] }),
+    /* @__PURE__ */ a("g", { filter: "url(#galaxyGlow)", children: [
+      /* @__PURE__ */ a("circle", { r: "2", fill: "url(#galaxyParticleGrad)", children: [
+        /* @__PURE__ */ e("animateMotion", { dur: "25s", repeatCount: "indefinite", path: "M400,150 A300,100 0 1 1 399.9,150" }),
+        /* @__PURE__ */ e("animate", { attributeName: "opacity", values: "0.7;0.25;0.7", dur: "2s", repeatCount: "indefinite" })
+      ] }),
+      /* @__PURE__ */ a("circle", { r: "1.5", fill: "url(#galaxyParticleGrad)", children: [
+        /* @__PURE__ */ e("animateMotion", { dur: "25s", repeatCount: "indefinite", path: "M400,150 A300,100 0 1 1 399.9,150" }),
+        /* @__PURE__ */ e("animate", { attributeName: "opacity", values: "0.6;0.22;0.6", dur: "2.5s", repeatCount: "indefinite" })
+      ] }),
+      /* @__PURE__ */ a("circle", { r: "1.2", fill: "url(#galaxyParticleGrad)", children: [
+        /* @__PURE__ */ e("animateMotion", { dur: "25s", repeatCount: "indefinite", path: "M400,150 A300,100 0 1 1 399.9,150" }),
+        /* @__PURE__ */ e("animate", { attributeName: "opacity", values: "0.55;0.2;0.55", dur: "2.8s", repeatCount: "indefinite" })
+      ] }),
+      /* @__PURE__ */ a("circle", { r: "1", fill: "url(#galaxyParticleGrad)", children: [
+        /* @__PURE__ */ e("animateMotion", { dur: "25s", repeatCount: "indefinite", path: "M400,150 A300,100 0 1 1 399.9,150" }),
+        /* @__PURE__ */ e("animate", { attributeName: "opacity", values: "0.5;0.18;0.5", dur: "3s", repeatCount: "indefinite" })
+      ] })
+    ] }),
+    /* @__PURE__ */ a("g", { filter: "url(#galaxyGlow)", children: [
+      /* @__PURE__ */ a("circle", { r: "1.5", fill: "url(#galaxyParticleGrad)", children: [
+        /* @__PURE__ */ e("animateMotion", { dur: "15s", repeatCount: "indefinite", path: "M400,185 A200,50 0 1 1 399.9,185" }),
+        /* @__PURE__ */ e("animate", { attributeName: "opacity", values: "0.75;0.3;0.75", dur: "1.5s", repeatCount: "indefinite" })
+      ] }),
+      /* @__PURE__ */ a("circle", { r: "1.2", fill: "url(#galaxyParticleGrad)", children: [
+        /* @__PURE__ */ e("animateMotion", { dur: "15s", repeatCount: "indefinite", path: "M400,185 A200,50 0 1 1 399.9,185" }),
+        /* @__PURE__ */ e("animate", { attributeName: "opacity", values: "0.65;0.25;0.65", dur: "1.8s", repeatCount: "indefinite" })
+      ] }),
+      /* @__PURE__ */ a("circle", { r: "1", fill: "url(#galaxyParticleGrad)", children: [
+        /* @__PURE__ */ e("animateMotion", { dur: "15s", repeatCount: "indefinite", path: "M400,185 A200,50 0 1 1 399.9,185" }),
+        /* @__PURE__ */ e("animate", { attributeName: "opacity", values: "0.55;0.2;0.55", dur: "2s", repeatCount: "indefinite" })
+      ] })
+    ] }),
+    /* @__PURE__ */ a("g", { filter: "url(#heavyBlur)", children: [
+      /* @__PURE__ */ e("ellipse", { cx: "400", cy: "250", rx: "50", ry: "15", fill: "url(#galaxyCoreGlow)", opacity: "0.7", children: /* @__PURE__ */ e("animate", { attributeName: "rx", values: "50;58;50", dur: "4s", repeatCount: "indefinite" }) }),
+      /* @__PURE__ */ a("circle", { cx: "400", cy: "250", r: "8", fill: "#fef3c7", opacity: "0.9", children: [
+        /* @__PURE__ */ e("animate", { attributeName: "r", values: "8;11;8", dur: "2s", repeatCount: "indefinite" }),
+        /* @__PURE__ */ e("animate", { attributeName: "opacity", values: "0.9;0.6;0.9", dur: "2s", repeatCount: "indefinite" })
+      ] })
+    ] }),
+    /* @__PURE__ */ a("g", { className: "galaxy-stars-bg", fontFamily: "monospace", fontSize: "8", fontWeight: "bold", children: [
+      /* @__PURE__ */ e("g", { className: "star", "data-parallax-speed": "0.15", children: /* @__PURE__ */ e("text", { x: "150", y: "80", fill: "#ffffff", opacity: "0.8", children: "+" }) }),
+      /* @__PURE__ */ e("g", { className: "star", "data-parallax-speed": "0.4", children: /* @__PURE__ */ e("text", { x: "620", y: "100", fill: "#fef3c7", opacity: "0.75", children: "✦" }) }),
+      /* @__PURE__ */ e("g", { className: "star", "data-parallax-speed": "0.25", children: /* @__PURE__ */ e("text", { x: "500", y: "70", fill: "#ffffff", opacity: "0.7", children: "·" }) }),
+      /* @__PURE__ */ e("g", { className: "star", "data-parallax-speed": "0.55", children: /* @__PURE__ */ e("text", { x: "200", y: "380", fill: "#fef3c7", opacity: "0.65", children: "+" }) }),
+      /* @__PURE__ */ e("g", { className: "star", "data-parallax-speed": "0.35", children: /* @__PURE__ */ e("text", { x: "680", y: "400", fill: "#ffffff", opacity: "0.7", children: "✦" }) }),
+      /* @__PURE__ */ e("g", { className: "star", "data-parallax-speed": "0.7", children: /* @__PURE__ */ e("text", { x: "100", y: "300", fill: "#fef3c7", opacity: "0.6", children: "·" }) })
+    ] })
+  ] }) });
+}
+function s(r) {
+  const t = {};
+  for (const l of String(r ?? "").split(";")) {
+    const i = l.indexOf(":");
+    if (i < 0) continue;
+    const c = l.slice(0, i).trim();
+    c && (t[c.startsWith("--") ? c : c.replace(/-([a-z])/g, (p, o) => o.toUpperCase())] = l.slice(i + 1).trim());
+  }
+  return t;
+}
+function u({ size: r = "medium", className: t = "" }) {
+  const i = {
+    small: { logoHeight: "36px", galaxyWidth: "160px", galaxyHeight: "96px", galaxyTop: "-5px", galaxyLeft: "-40px" },
+    medium: { logoHeight: "48px", galaxyWidth: "220px", galaxyHeight: "132px", galaxyTop: "0px", galaxyLeft: "-55px" },
+    large: { logoHeight: "70px", galaxyWidth: "320px", galaxyHeight: "192px", galaxyTop: "5px", galaxyLeft: "-70px" }
+  }[r];
+  return /* @__PURE__ */ e(n, { children: /* @__PURE__ */ a("div", { className: `logo-container ${t}`.trim(), "data-rk-7f5ef8": "", children: [
+    /* @__PURE__ */ e("div", { className: "galaxy-wrap", "data-rk-7f5ef8": "", children: /* @__PURE__ */ e(d, { className: "galaxy-svg", style: s(`width: ${i.galaxyWidth}; height: ${i.galaxyHeight};`) }) }),
+    /* @__PURE__ */ e("div", { className: "logo-text", "data-rk-7f5ef8": "", children: /* @__PURE__ */ e("img", { src: "/logo.svg", alt: "React Kit Components", "data-rk-7f5ef8": "" }) })
+  ] }) });
+}
+export {
+  d as A,
+  u as L
+};