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

package/dist/chunks/ChangelogSection-eY4neMby.js

@@ -0,0 +1,2409 @@
+"use client";
+import { jsx as a, Fragment as N, jsxs as e } from "react/jsx-runtime";
+import { useRef as _, useEffect as y, useId as g } from "react";
+import { K as q, a as A, H as $ } from "./StackedAreaChart-DF1-3rDG.js";
+function j({ title: c = "Buttons", subtitle: t = "Interactive button components with premium styles and animations." }) {
+  return /* @__PURE__ */ a(N, { children: /* @__PURE__ */ a("div", { className: "cq-buttons-showcase-cq", "data-rk-c4a9f3": "", children: /* @__PURE__ */ a("section", { className: "buttons-showcase", "data-rk-c4a9f3": "", children: /* @__PURE__ */ e("div", { className: "container", "data-rk-c4a9f3": "", children: [
+    /* @__PURE__ */ e("div", { className: "showcase-header", "data-rk-c4a9f3": "", children: [
+      /* @__PURE__ */ a("span", { className: "showcase-eyebrow", "data-rk-c4a9f3": "", children: "⚡ Buttons" }),
+      /* @__PURE__ */ a("h2", { className: "showcase-title", "data-rk-c4a9f3": "", children: c }),
+      /* @__PURE__ */ a("p", { className: "showcase-subtitle", "data-rk-c4a9f3": "", children: t })
+    ] }),
+    /* @__PURE__ */ a("div", { className: "preview-stage", "data-rk-c4a9f3": "", children: /* @__PURE__ */ a("div", { className: "preview-stage__inner", "data-rk-c4a9f3": "", children: /* @__PURE__ */ e("div", { className: "button-grid", "data-rk-c4a9f3": "", children: [
+      /* @__PURE__ */ a("button", { className: "btn btn--primary", "data-rk-c4a9f3": "", children: "Primary" }),
+      /* @__PURE__ */ a("button", { className: "btn btn--glass", "data-rk-c4a9f3": "", children: "Glass" }),
+      /* @__PURE__ */ a("button", { className: "btn btn--glow", "data-rk-c4a9f3": "", children: "Glow" }),
+      /* @__PURE__ */ a("button", { className: "btn btn--shimmer", "data-rk-c4a9f3": "", children: "Shimmer" }),
+      /* @__PURE__ */ a("button", { className: "btn btn--neumorphic", "data-rk-c4a9f3": "", children: "Neumorphic" }),
+      /* @__PURE__ */ a("button", { className: "btn btn--ghost", "data-rk-c4a9f3": "", children: "Ghost" })
+    ] }) }) }),
+    /* @__PURE__ */ a("div", { className: "usage-code", "data-rk-c4a9f3": "", children: /* @__PURE__ */ a("code", { "data-rk-c4a9f3": "", children: '<GlassButton variant="primary">Click me</GlassButton>' }) })
+  ] }) }) }) });
+}
+function H({ title: c = "Cards", subtitle: t = "Versatile card containers for content display." }) {
+  return /* @__PURE__ */ a(N, { children: /* @__PURE__ */ a("div", { className: "cq-cards-showcase-cq", "data-rk-a394b5": "", children: /* @__PURE__ */ a("section", { className: "cards-showcase", "data-rk-a394b5": "", children: /* @__PURE__ */ e("div", { className: "container", "data-rk-a394b5": "", children: [
+    /* @__PURE__ */ e("div", { className: "showcase-header", "data-rk-a394b5": "", children: [
+      /* @__PURE__ */ a("span", { className: "showcase-eyebrow", "data-rk-a394b5": "", children: "🃏 Cards" }),
+      /* @__PURE__ */ a("h2", { className: "showcase-title", "data-rk-a394b5": "", children: c }),
+      /* @__PURE__ */ a("p", { className: "showcase-subtitle", "data-rk-a394b5": "", children: t })
+    ] }),
+    /* @__PURE__ */ a("div", { className: "preview-stage", "data-rk-a394b5": "", children: /* @__PURE__ */ a("div", { className: "preview-stage__inner", "data-rk-a394b5": "", children: /* @__PURE__ */ e("div", { className: "card-grid", "data-rk-a394b5": "", children: [
+      /* @__PURE__ */ a("div", { className: "preview-card preview-card--glass", "data-rk-a394b5": "", children: /* @__PURE__ */ e("div", { className: "glass-card", "data-rk-a394b5": "", children: [
+        /* @__PURE__ */ a("div", { className: "glass-card__icon", "data-rk-a394b5": "", children: "✨" }),
+        /* @__PURE__ */ a("h3", { className: "glass-card__title", "data-rk-a394b5": "", children: "Glass Card" }),
+        /* @__PURE__ */ a("p", { className: "glass-card__desc", "data-rk-a394b5": "", children: "Frosted glass effect with subtle borders and backdrop blur for a modern aesthetic." })
+      ] }) }),
+      /* @__PURE__ */ a("div", { className: "preview-card preview-card--profile", "data-rk-a394b5": "", children: /* @__PURE__ */ e("div", { className: "profile-card", "data-rk-a394b5": "", children: [
+        /* @__PURE__ */ a("div", { className: "profile-card__avatar", "data-rk-a394b5": "", children: /* @__PURE__ */ a("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", className: "profile-card__avatar-icon", "data-rk-a394b5": "", children: /* @__PURE__ */ a("path", { d: "M15.75 6a3.75 3.75 0 11-7.5 0 3.75 3.75 0 017.5 0zM4.5 20.25a8.25 8.25 0 0115 0", strokeLinecap: "round", strokeLinejoin: "round", "data-rk-a394b5": "" }) }) }),
+        /* @__PURE__ */ a("h4", { className: "profile-card__name", "data-rk-a394b5": "", children: "Jane Doe" }),
+        /* @__PURE__ */ a("p", { className: "profile-card__role", "data-rk-a394b5": "", children: "Senior Developer" }),
+        /* @__PURE__ */ a("p", { className: "profile-card__bio", "data-rk-a394b5": "", children: "Building beautiful interfaces with modern design systems and component libraries." }),
+        /* @__PURE__ */ e("div", { className: "profile-card__stats", "data-rk-a394b5": "", children: [
+          /* @__PURE__ */ e("span", { className: "profile-card__stat", "data-rk-a394b5": "", children: [
+            /* @__PURE__ */ a("strong", { "data-rk-a394b5": "", children: "142" }),
+            " Projects"
+          ] }),
+          /* @__PURE__ */ e("span", { className: "profile-card__stat", "data-rk-a394b5": "", children: [
+            /* @__PURE__ */ a("strong", { "data-rk-a394b5": "", children: "2.4k" }),
+            " Followers"
+          ] })
+        ] })
+      ] }) }),
+      /* @__PURE__ */ a("div", { className: "preview-card preview-card--pricing", "data-rk-a394b5": "", children: /* @__PURE__ */ e("div", { className: "pricing-card", "data-rk-a394b5": "", children: [
+        /* @__PURE__ */ a("span", { className: "pricing-card__badge", "data-rk-a394b5": "", children: "Popular" }),
+        /* @__PURE__ */ a("h4", { className: "pricing-card__plan", "data-rk-a394b5": "", children: "Pro Plan" }),
+        /* @__PURE__ */ e("div", { className: "pricing-card__price", "data-rk-a394b5": "", children: [
+          /* @__PURE__ */ a("span", { className: "pricing-card__currency", "data-rk-a394b5": "", children: "$" }),
+          /* @__PURE__ */ a("span", { className: "pricing-card__amount", "data-rk-a394b5": "", children: "29" }),
+          /* @__PURE__ */ a("span", { className: "pricing-card__period", "data-rk-a394b5": "", children: "/mo" })
+        ] }),
+        /* @__PURE__ */ e("ul", { className: "pricing-card__features", "data-rk-a394b5": "", children: [
+          /* @__PURE__ */ a("li", { "data-rk-a394b5": "", children: "Unlimited projects" }),
+          /* @__PURE__ */ a("li", { "data-rk-a394b5": "", children: "Priority support" }),
+          /* @__PURE__ */ a("li", { "data-rk-a394b5": "", children: "Advanced analytics" }),
+          /* @__PURE__ */ a("li", { "data-rk-a394b5": "", children: "Custom branding" })
+        ] }),
+        /* @__PURE__ */ a("button", { className: "pricing-card__cta", "data-rk-a394b5": "", children: "Get Started" })
+      ] }) })
+    ] }) }) }),
+    /* @__PURE__ */ a("div", { className: "usage-code", "data-rk-a394b5": "", children: /* @__PURE__ */ a("code", { "data-rk-a394b5": "", children: '<GlassCard variant="glass">Content here</GlassCard>' }) })
+  ] }) }) }) });
+}
+function U({ title: c = "Data Display", subtitle: t = "Stats, tables, and visualization elements." }) {
+  return /* @__PURE__ */ a(N, { children: /* @__PURE__ */ a("div", { className: "cq-data-showcase-cq", "data-rk-f95777": "", children: /* @__PURE__ */ a("section", { className: "data-showcase", "data-rk-f95777": "", children: /* @__PURE__ */ e("div", { className: "container", "data-rk-f95777": "", children: [
+    /* @__PURE__ */ e("div", { className: "showcase-header", "data-rk-f95777": "", children: [
+      /* @__PURE__ */ a("span", { className: "showcase-eyebrow", "data-rk-f95777": "", children: "📊 Data Display" }),
+      /* @__PURE__ */ a("h2", { className: "showcase-title", "data-rk-f95777": "", children: c }),
+      /* @__PURE__ */ a("p", { className: "showcase-subtitle", "data-rk-f95777": "", children: t })
+    ] }),
+    /* @__PURE__ */ a("div", { className: "preview-stage", "data-rk-f95777": "", children: /* @__PURE__ */ a("div", { className: "preview-stage__inner", "data-rk-f95777": "", children: /* @__PURE__ */ e("div", { className: "data-mockups", "data-rk-f95777": "", children: [
+      /* @__PURE__ */ e("div", { className: "stats-row", "data-rk-f95777": "", children: [
+        /* @__PURE__ */ e("div", { className: "stat-card", "data-rk-f95777": "", children: [
+          /* @__PURE__ */ a("span", { className: "stat-value", "data-rk-f95777": "", children: "12,847" }),
+          /* @__PURE__ */ a("span", { className: "stat-label", "data-rk-f95777": "", children: "Total Users" })
+        ] }),
+        /* @__PURE__ */ e("div", { className: "stat-card", "data-rk-f95777": "", children: [
+          /* @__PURE__ */ a("span", { className: "stat-value", "data-rk-f95777": "", children: "94.2%" }),
+          /* @__PURE__ */ a("span", { className: "stat-label", "data-rk-f95777": "", children: "Uptime" })
+        ] }),
+        /* @__PURE__ */ e("div", { className: "stat-card", "data-rk-f95777": "", children: [
+          /* @__PURE__ */ a("span", { className: "stat-value", "data-rk-f95777": "", children: "3.6s" }),
+          /* @__PURE__ */ a("span", { className: "stat-label", "data-rk-f95777": "", children: "Avg. Response" })
+        ] })
+      ] }),
+      /* @__PURE__ */ e("div", { className: "mini-table", "data-rk-f95777": "", children: [
+        /* @__PURE__ */ e("div", { className: "table-header", "data-rk-f95777": "", children: [
+          /* @__PURE__ */ a("span", { className: "col col--name", "data-rk-f95777": "", children: "Endpoint" }),
+          /* @__PURE__ */ a("span", { className: "col col--status", "data-rk-f95777": "", children: "Status" }),
+          /* @__PURE__ */ a("span", { className: "col col--latency", "data-rk-f95777": "", children: "Latency" })
+        ] }),
+        /* @__PURE__ */ e("div", { className: "table-row", "data-rk-f95777": "", children: [
+          /* @__PURE__ */ a("span", { className: "col col--name", "data-rk-f95777": "", children: "/api/users" }),
+          /* @__PURE__ */ a("span", { className: "col col--status", "data-rk-f95777": "", children: /* @__PURE__ */ a("span", { className: "badge badge--ok", "data-rk-f95777": "", children: "200" }) }),
+          /* @__PURE__ */ a("span", { className: "col col--latency", "data-rk-f95777": "", children: "12ms" })
+        ] }),
+        /* @__PURE__ */ e("div", { className: "table-row", "data-rk-f95777": "", children: [
+          /* @__PURE__ */ a("span", { className: "col col--name", "data-rk-f95777": "", children: "/api/products" }),
+          /* @__PURE__ */ a("span", { className: "col col--status", "data-rk-f95777": "", children: /* @__PURE__ */ a("span", { className: "badge badge--warn", "data-rk-f95777": "", children: "301" }) }),
+          /* @__PURE__ */ a("span", { className: "col col--latency", "data-rk-f95777": "", children: "48ms" })
+        ] }),
+        /* @__PURE__ */ e("div", { className: "table-row", "data-rk-f95777": "", children: [
+          /* @__PURE__ */ a("span", { className: "col col--name", "data-rk-f95777": "", children: "/api/orders" }),
+          /* @__PURE__ */ a("span", { className: "col col--status", "data-rk-f95777": "", children: /* @__PURE__ */ a("span", { className: "badge badge--err", "data-rk-f95777": "", children: "500" }) }),
+          /* @__PURE__ */ a("span", { className: "col col--latency", "data-rk-f95777": "", children: "210ms" })
+        ] })
+      ] }),
+      /* @__PURE__ */ e("div", { className: "progress-section", "data-rk-f95777": "", children: [
+        /* @__PURE__ */ e("div", { className: "progress-labels", "data-rk-f95777": "", children: [
+          /* @__PURE__ */ a("span", { className: "progress-label", "data-rk-f95777": "", children: "CPU Usage" }),
+          /* @__PURE__ */ a("span", { className: "progress-value", "data-rk-f95777": "", children: "73%" })
+        ] }),
+        /* @__PURE__ */ a("div", { className: "progress-track", "data-rk-f95777": "", children: /* @__PURE__ */ a("div", { className: "progress-fill", "data-rk-f95777": "" }) })
+      ] })
+    ] }) }) }),
+    /* @__PURE__ */ a("div", { className: "usage-code", "data-rk-f95777": "", children: /* @__PURE__ */ a("code", { dangerouslySetInnerHTML: { __html: '&lt;DataTable data={items} variant="glass" /&gt;' }, "data-rk-f95777": "" }) })
+  ] }) }) }) });
+}
+function V({ title: c = "Feedback", subtitle: t = "Badges, alerts, and notification components." }) {
+  return /* @__PURE__ */ a(N, { children: /* @__PURE__ */ a("div", { className: "cq-feedback-showcase-cq", "data-rk-a1f8ad": "", children: /* @__PURE__ */ a("section", { className: "feedback-showcase", "data-rk-a1f8ad": "", children: /* @__PURE__ */ e("div", { className: "container", "data-rk-a1f8ad": "", children: [
+    /* @__PURE__ */ e("div", { className: "showcase-header", "data-rk-a1f8ad": "", children: [
+      /* @__PURE__ */ a("span", { className: "showcase-eyebrow", "data-rk-a1f8ad": "", children: "💬 Feedback" }),
+      /* @__PURE__ */ a("h2", { className: "showcase-title", "data-rk-a1f8ad": "", children: c }),
+      /* @__PURE__ */ a("p", { className: "showcase-subtitle", "data-rk-a1f8ad": "", children: t })
+    ] }),
+    /* @__PURE__ */ a("div", { className: "preview-stage", "data-rk-a1f8ad": "", children: /* @__PURE__ */ a("div", { className: "preview-stage__inner", "data-rk-a1f8ad": "", children: /* @__PURE__ */ e("div", { className: "feedback-stack", "data-rk-a1f8ad": "", children: [
+      /* @__PURE__ */ e("div", { className: "alert alert--success", "data-rk-a1f8ad": "", children: [
+        /* @__PURE__ */ a("span", { className: "alert__icon", "data-rk-a1f8ad": "", children: "✅" }),
+        /* @__PURE__ */ a("span", { className: "alert__message", "data-rk-a1f8ad": "", children: "Changes saved successfully." }),
+        /* @__PURE__ */ a("span", { className: "alert__dismiss", "data-rk-a1f8ad": "", children: "×" })
+      ] }),
+      /* @__PURE__ */ e("div", { className: "alert alert--warning", "data-rk-a1f8ad": "", children: [
+        /* @__PURE__ */ a("span", { className: "alert__icon", "data-rk-a1f8ad": "", children: "⚠️" }),
+        /* @__PURE__ */ a("span", { className: "alert__message", "data-rk-a1f8ad": "", children: "Your session expires in 5 minutes." }),
+        /* @__PURE__ */ a("span", { className: "alert__dismiss", "data-rk-a1f8ad": "", children: "×" })
+      ] }),
+      /* @__PURE__ */ e("div", { className: "badge-row", "data-rk-a1f8ad": "", children: [
+        /* @__PURE__ */ a("span", { className: "badge badge--new", "data-rk-a1f8ad": "", children: "New" }),
+        /* @__PURE__ */ a("span", { className: "badge badge--beta", "data-rk-a1f8ad": "", children: "Beta" }),
+        /* @__PURE__ */ a("span", { className: "badge badge--count", "data-rk-a1f8ad": "", children: "3" })
+      ] }),
+      /* @__PURE__ */ e("div", { className: "toast", "data-rk-a1f8ad": "", children: [
+        /* @__PURE__ */ a("span", { className: "toast__icon", "data-rk-a1f8ad": "", children: "🔔" }),
+        /* @__PURE__ */ e("div", { className: "toast__content", "data-rk-a1f8ad": "", children: [
+          /* @__PURE__ */ a("span", { className: "toast__title", "data-rk-a1f8ad": "", children: "New message" }),
+          /* @__PURE__ */ a("span", { className: "toast__body", "data-rk-a1f8ad": "", children: "Hey! Can you review the latest PR?" })
+        ] }),
+        /* @__PURE__ */ a("span", { className: "toast__dismiss", "data-rk-a1f8ad": "", children: "×" })
+      ] }),
+      /* @__PURE__ */ e("div", { className: "spinner-row", "data-rk-a1f8ad": "", children: [
+        /* @__PURE__ */ a("div", { className: "spinner", "data-rk-a1f8ad": "" }),
+        /* @__PURE__ */ a("span", { className: "spinner__label", "data-rk-a1f8ad": "", children: "Loading..." })
+      ] })
+    ] }) }) }),
+    /* @__PURE__ */ a("div", { className: "usage-code", "data-rk-a1f8ad": "", children: /* @__PURE__ */ a("code", { "data-rk-a1f8ad": "", children: '<Alert variant="success">Changes saved successfully.</Alert>' }) })
+  ] }) }) }) });
+}
+function Z({ title: c = "Forms", subtitle: t = "Form elements with clean animations and validation states." }) {
+  return /* @__PURE__ */ a(N, { children: /* @__PURE__ */ a("div", { className: "cq-forms-showcase-cq", "data-rk-100605": "", children: /* @__PURE__ */ a("section", { className: "forms-showcase", "data-rk-100605": "", children: /* @__PURE__ */ e("div", { className: "container", "data-rk-100605": "", children: [
+    /* @__PURE__ */ e("div", { className: "showcase-header", "data-rk-100605": "", children: [
+      /* @__PURE__ */ a("span", { className: "showcase-eyebrow", "data-rk-100605": "", children: "📝 Forms" }),
+      /* @__PURE__ */ a("h2", { className: "showcase-title", "data-rk-100605": "", children: c }),
+      /* @__PURE__ */ a("p", { className: "showcase-subtitle", "data-rk-100605": "", children: t })
+    ] }),
+    /* @__PURE__ */ a("div", { className: "preview-stage", "data-rk-100605": "", children: /* @__PURE__ */ a("div", { className: "preview-stage__inner", "data-rk-100605": "", children: /* @__PURE__ */ e("div", { className: "form-grid", "data-rk-100605": "", children: [
+      /* @__PURE__ */ a("div", { className: "form-group", "data-rk-100605": "", children: /* @__PURE__ */ e("div", { className: "input-wrapper", "data-rk-100605": "", children: [
+        /* @__PURE__ */ a("input", { type: "text", className: "input-animated", placeholder: " ", readOnly: !0, "data-rk-100605": "" }),
+        /* @__PURE__ */ a("label", { className: "input-label", "data-rk-100605": "", children: "Email address" }),
+        /* @__PURE__ */ a("span", { className: "input-border", "data-rk-100605": "" })
+      ] }) }),
+      /* @__PURE__ */ a("div", { className: "form-group", "data-rk-100605": "", children: /* @__PURE__ */ e("div", { className: "textarea-glass", "data-rk-100605": "", children: [
+        /* @__PURE__ */ a("span", { className: "textarea-label", "data-rk-100605": "", children: "Message" }),
+        /* @__PURE__ */ e("div", { className: "textarea-mockup", "data-rk-100605": "", children: [
+          /* @__PURE__ */ a("span", { className: "textarea-line", "data-rk-100605": "" }),
+          /* @__PURE__ */ a("span", { className: "textarea-line short", "data-rk-100605": "" }),
+          /* @__PURE__ */ a("span", { className: "textarea-line", "data-rk-100605": "" })
+        ] })
+      ] }) }),
+      /* @__PURE__ */ e("div", { className: "form-group form-group--controls", "data-rk-100605": "", children: [
+        /* @__PURE__ */ e("div", { className: "checkbox-mockup", "data-rk-100605": "", children: [
+          /* @__PURE__ */ a("div", { className: "checkbox-box", "data-rk-100605": "", children: /* @__PURE__ */ a("svg", { className: "checkbox-check", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "3", strokeLinecap: "round", strokeLinejoin: "round", "data-rk-100605": "", children: /* @__PURE__ */ a("polyline", { points: "20 6 9 17 4 12", "data-rk-100605": "" }) }) }),
+          /* @__PURE__ */ a("span", { className: "checkbox-label", "data-rk-100605": "", children: "Accept terms" })
+        ] }),
+        /* @__PURE__ */ e("div", { className: "toggle-mockup", "data-rk-100605": "", children: [
+          /* @__PURE__ */ a("div", { className: "toggle-track", "data-rk-100605": "", children: /* @__PURE__ */ a("div", { className: "toggle-thumb", "data-rk-100605": "" }) }),
+          /* @__PURE__ */ a("span", { className: "toggle-label", "data-rk-100605": "", children: "Dark mode" })
+        ] })
+      ] }),
+      /* @__PURE__ */ a("div", { className: "form-group", "data-rk-100605": "", children: /* @__PURE__ */ e("div", { className: "select-mockup", "data-rk-100605": "", children: [
+        /* @__PURE__ */ a("span", { className: "select-label", "data-rk-100605": "", children: "Category" }),
+        /* @__PURE__ */ e("div", { className: "select-display", "data-rk-100605": "", children: [
+          /* @__PURE__ */ a("span", { className: "select-value", "data-rk-100605": "", children: "Select option..." }),
+          /* @__PURE__ */ a("svg", { className: "select-chevron", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "data-rk-100605": "", children: /* @__PURE__ */ a("polyline", { points: "6 9 12 15 18 9", "data-rk-100605": "" }) })
+        ] })
+      ] }) })
+    ] }) }) }),
+    /* @__PURE__ */ a("div", { className: "usage-code", "data-rk-100605": "", children: /* @__PURE__ */ a("code", { "data-rk-100605": "", children: '<GlassInput type="email" label="Email" />' }) })
+  ] }) }) }) });
+}
+function J({ title: c = "Layout", subtitle: t = "Grids, containers, and structural sections." }) {
+  return /* @__PURE__ */ a(N, { children: /* @__PURE__ */ a("div", { className: "cq-layout-showcase-cq", "data-rk-3043b4": "", children: /* @__PURE__ */ a("section", { className: "layout-showcase", "data-rk-3043b4": "", children: /* @__PURE__ */ e("div", { className: "container", "data-rk-3043b4": "", children: [
+    /* @__PURE__ */ e("div", { className: "showcase-header", "data-rk-3043b4": "", children: [
+      /* @__PURE__ */ a("span", { className: "showcase-eyebrow", "data-rk-3043b4": "", children: "🏗️ Layout" }),
+      /* @__PURE__ */ a("h2", { className: "showcase-title", "data-rk-3043b4": "", children: c }),
+      /* @__PURE__ */ a("p", { className: "showcase-subtitle", "data-rk-3043b4": "", children: t })
+    ] }),
+    /* @__PURE__ */ a("div", { className: "preview-stage", "data-rk-3043b4": "", children: /* @__PURE__ */ a("div", { className: "preview-stage__inner", "data-rk-3043b4": "", children: /* @__PURE__ */ e("div", { className: "layout-mockups", "data-rk-3043b4": "", children: [
+      /* @__PURE__ */ a("div", { className: "mockup-label", "data-rk-3043b4": "", children: "Bento Grid" }),
+      /* @__PURE__ */ e("div", { className: "bento-grid", "data-rk-3043b4": "", children: [
+        /* @__PURE__ */ a("div", { className: "bento-item bento-item--wide", "data-rk-3043b4": "", children: /* @__PURE__ */ a("span", { className: "bento-item__label", "data-rk-3043b4": "", children: "Hero" }) }),
+        /* @__PURE__ */ a("div", { className: "bento-item", "data-rk-3043b4": "", children: /* @__PURE__ */ a("span", { className: "bento-item__label", "data-rk-3043b4": "", children: "Card" }) }),
+        /* @__PURE__ */ a("div", { className: "bento-item", "data-rk-3043b4": "", children: /* @__PURE__ */ a("span", { className: "bento-item__label", "data-rk-3043b4": "", children: "Card" }) }),
+        /* @__PURE__ */ a("div", { className: "bento-item", "data-rk-3043b4": "", children: /* @__PURE__ */ a("span", { className: "bento-item__label", "data-rk-3043b4": "", children: "Card" }) }),
+        /* @__PURE__ */ a("div", { className: "bento-item bento-item--tall", "data-rk-3043b4": "", children: /* @__PURE__ */ a("span", { className: "bento-item__label", "data-rk-3043b4": "", children: "Sidebar" }) })
+      ] }),
+      /* @__PURE__ */ a("div", { className: "mockup-label", "data-rk-3043b4": "", children: "Split Screen" }),
+      /* @__PURE__ */ e("div", { className: "split-screen", "data-rk-3043b4": "", children: [
+        /* @__PURE__ */ a("div", { className: "split-screen__left", "data-rk-3043b4": "", children: /* @__PURE__ */ a("span", { className: "split-screen__label", "data-rk-3043b4": "", children: "Content" }) }),
+        /* @__PURE__ */ a("div", { className: "split-screen__right", "data-rk-3043b4": "", children: /* @__PURE__ */ a("span", { className: "split-screen__label", "data-rk-3043b4": "", children: "Media" }) })
+      ] }),
+      /* @__PURE__ */ a("div", { className: "mockup-label", "data-rk-3043b4": "", children: "Footer" }),
+      /* @__PURE__ */ e("div", { className: "footer-mockup", "data-rk-3043b4": "", children: [
+        /* @__PURE__ */ e("div", { className: "footer-mockup__top", "data-rk-3043b4": "", children: [
+          /* @__PURE__ */ a("div", { className: "footer-mockup__brand", "data-rk-3043b4": "", children: /* @__PURE__ */ a("span", { className: "footer-mockup__label", "data-rk-3043b4": "", children: "Brand" }) }),
+          /* @__PURE__ */ e("div", { className: "footer-mockup__links", "data-rk-3043b4": "", children: [
+            /* @__PURE__ */ a("div", { className: "footer-mockup__col", "data-rk-3043b4": "", children: /* @__PURE__ */ a("span", { className: "footer-mockup__label", "data-rk-3043b4": "", children: "Links" }) }),
+            /* @__PURE__ */ a("div", { className: "footer-mockup__col", "data-rk-3043b4": "", children: /* @__PURE__ */ a("span", { className: "footer-mockup__label", "data-rk-3043b4": "", children: "Links" }) }),
+            /* @__PURE__ */ a("div", { className: "footer-mockup__col", "data-rk-3043b4": "", children: /* @__PURE__ */ a("span", { className: "footer-mockup__label", "data-rk-3043b4": "", children: "Links" }) })
+          ] })
+        ] }),
+        /* @__PURE__ */ a("div", { className: "footer-mockup__bottom", "data-rk-3043b4": "", children: /* @__PURE__ */ a("span", { className: "footer-mockup__label", "data-rk-3043b4": "", children: "Copyright" }) })
+      ] })
+    ] }) }) }),
+    /* @__PURE__ */ a("div", { className: "usage-code", "data-rk-3043b4": "", children: /* @__PURE__ */ a("code", { dangerouslySetInnerHTML: { __html: '&lt;LayoutSection variant="bento"&gt;{content}&lt;/LayoutSection&gt;' }, "data-rk-3043b4": "" }) })
+  ] }) }) }) });
+}
+function K({ title: c = "Navigation", subtitle: t = "Navbars, tabs, breadcrumbs and navigation patterns." }) {
+  return /* @__PURE__ */ a(N, { children: /* @__PURE__ */ a("div", { className: "cq-navigation-showcase-cq", "data-rk-80eaa7": "", children: /* @__PURE__ */ a("section", { className: "navigation-showcase", "data-rk-80eaa7": "", children: /* @__PURE__ */ e("div", { className: "container", "data-rk-80eaa7": "", children: [
+    /* @__PURE__ */ e("div", { className: "showcase-header", "data-rk-80eaa7": "", children: [
+      /* @__PURE__ */ a("span", { className: "showcase-eyebrow", "data-rk-80eaa7": "", children: "🧭 Navigation" }),
+      /* @__PURE__ */ a("h2", { className: "showcase-title", "data-rk-80eaa7": "", children: c }),
+      /* @__PURE__ */ a("p", { className: "showcase-subtitle", "data-rk-80eaa7": "", children: t })
+    ] }),
+    /* @__PURE__ */ a("div", { className: "preview-stage", "data-rk-80eaa7": "", children: /* @__PURE__ */ a("div", { className: "preview-stage__inner", "data-rk-80eaa7": "", children: /* @__PURE__ */ e("div", { className: "nav-mockups", "data-rk-80eaa7": "", children: [
+      /* @__PURE__ */ e("div", { className: "navbar-mock", "data-rk-80eaa7": "", children: [
+        /* @__PURE__ */ e("div", { className: "navbar-mock__logo", "data-rk-80eaa7": "", children: [
+          /* @__PURE__ */ a("div", { className: "navbar-mock__logo-icon", "data-rk-80eaa7": "" }),
+          /* @__PURE__ */ a("span", { "data-rk-80eaa7": "", children: "Brand" })
+        ] }),
+        /* @__PURE__ */ e("nav", { className: "navbar-mock__links", "data-rk-80eaa7": "", children: [
+          /* @__PURE__ */ a("a", { className: "navbar-mock__link", href: "#", "data-rk-80eaa7": "", children: "Home" }),
+          /* @__PURE__ */ a("a", { className: "navbar-mock__link", href: "#", "data-rk-80eaa7": "", children: "Features" }),
+          /* @__PURE__ */ a("a", { className: "navbar-mock__link", href: "#", "data-rk-80eaa7": "", children: "Pricing" }),
+          /* @__PURE__ */ a("a", { className: "navbar-mock__link", href: "#", "data-rk-80eaa7": "", children: "About" })
+        ] }),
+        /* @__PURE__ */ a("button", { className: "navbar-mock__cta", "data-rk-80eaa7": "", children: "Get Started" })
+      ] }),
+      /* @__PURE__ */ e("div", { className: "tabs-mock", "data-rk-80eaa7": "", children: [
+        /* @__PURE__ */ a("button", { className: "tabs-mock__tab tabs-mock__tab--active", "data-rk-80eaa7": "", children: "Overview" }),
+        /* @__PURE__ */ a("button", { className: "tabs-mock__tab", "data-rk-80eaa7": "", children: "Details" }),
+        /* @__PURE__ */ a("button", { className: "tabs-mock__tab", "data-rk-80eaa7": "", children: "Reviews" }),
+        /* @__PURE__ */ a("button", { className: "tabs-mock__tab", "data-rk-80eaa7": "", children: "Settings" }),
+        /* @__PURE__ */ a("div", { className: "tabs-mock__indicator", "data-rk-80eaa7": "" })
+      ] }),
+      /* @__PURE__ */ e("div", { className: "breadcrumbs-mock", "data-rk-80eaa7": "", children: [
+        /* @__PURE__ */ a("a", { className: "breadcrumbs-mock__item", href: "#", "data-rk-80eaa7": "", children: "Home" }),
+        /* @__PURE__ */ a("span", { className: "breadcrumbs-mock__separator", "data-rk-80eaa7": "", children: "/" }),
+        /* @__PURE__ */ a("a", { className: "breadcrumbs-mock__item", href: "#", "data-rk-80eaa7": "", children: "Components" }),
+        /* @__PURE__ */ a("span", { className: "breadcrumbs-mock__separator", "data-rk-80eaa7": "", children: "/" }),
+        /* @__PURE__ */ a("span", { className: "breadcrumbs-mock__item breadcrumbs-mock__item--active", "data-rk-80eaa7": "", children: "Navigation" })
+      ] })
+    ] }) }) }),
+    /* @__PURE__ */ a("div", { className: "usage-code", "data-rk-80eaa7": "", children: /* @__PURE__ */ a("code", { "data-rk-80eaa7": "", children: '<Navigation type="navbar | tabs | breadcrumbs">...</Navigation>' }) })
+  ] }) }) }) });
+}
+function Y({ title: c = "Overlays", subtitle: t = "Modals, drawers, and popovers." }) {
+  return /* @__PURE__ */ a(N, { children: /* @__PURE__ */ a("div", { className: "cq-overlays-showcase-cq", "data-rk-bbd78d": "", children: /* @__PURE__ */ a("section", { className: "overlays-showcase", "data-rk-bbd78d": "", children: /* @__PURE__ */ e("div", { className: "container", "data-rk-bbd78d": "", children: [
+    /* @__PURE__ */ e("div", { className: "showcase-header", "data-rk-bbd78d": "", children: [
+      /* @__PURE__ */ a("span", { className: "showcase-eyebrow", "data-rk-bbd78d": "", children: "🪟 Overlays" }),
+      /* @__PURE__ */ a("h2", { className: "showcase-title", "data-rk-bbd78d": "", children: c }),
+      /* @__PURE__ */ a("p", { className: "showcase-subtitle", "data-rk-bbd78d": "", children: t })
+    ] }),
+    /* @__PURE__ */ a("div", { className: "preview-stage", "data-rk-bbd78d": "", children: /* @__PURE__ */ a("div", { className: "preview-stage__inner", "data-rk-bbd78d": "", children: /* @__PURE__ */ e("div", { className: "overlay-demo", "data-rk-bbd78d": "", children: [
+      /* @__PURE__ */ e("div", { className: "overlay-modal", "data-rk-bbd78d": "", children: [
+        /* @__PURE__ */ a("div", { className: "overlay-backdrop", "data-rk-bbd78d": "" }),
+        /* @__PURE__ */ e("div", { className: "overlay-card", "data-rk-bbd78d": "", children: [
+          /* @__PURE__ */ e("div", { className: "overlay-card__header", "data-rk-bbd78d": "", children: [
+            /* @__PURE__ */ a("span", { className: "overlay-card__title", "data-rk-bbd78d": "", children: "Confirm Action" }),
+            /* @__PURE__ */ a("button", { className: "overlay-close", "aria-label": "Close", "data-rk-bbd78d": "", children: "×" })
+          ] }),
+          /* @__PURE__ */ a("p", { className: "overlay-card__body", "data-rk-bbd78d": "", children: "Are you sure you want to proceed? This action cannot be undone." }),
+          /* @__PURE__ */ e("div", { className: "overlay-card__actions", "data-rk-bbd78d": "", children: [
+            /* @__PURE__ */ a("button", { className: "btn btn--ghost", "data-rk-bbd78d": "", children: "Cancel" }),
+            /* @__PURE__ */ a("button", { className: "btn btn--primary", "data-rk-bbd78d": "", children: "Confirm" })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ e("div", { className: "overlay-drawer", "data-rk-bbd78d": "", children: [
+        /* @__PURE__ */ a("div", { className: "drawer-backdrop", "data-rk-bbd78d": "" }),
+        /* @__PURE__ */ e("div", { className: "drawer-panel", "data-rk-bbd78d": "", children: [
+          /* @__PURE__ */ e("div", { className: "drawer-header", "data-rk-bbd78d": "", children: [
+            /* @__PURE__ */ a("span", { className: "drawer-title", "data-rk-bbd78d": "", children: "Settings" }),
+            /* @__PURE__ */ a("button", { className: "overlay-close", "aria-label": "Close", "data-rk-bbd78d": "", children: "×" })
+          ] }),
+          /* @__PURE__ */ e("div", { className: "drawer-body", "data-rk-bbd78d": "", children: [
+            /* @__PURE__ */ e("div", { className: "drawer-item", "data-rk-bbd78d": "", children: [
+              /* @__PURE__ */ a("span", { className: "drawer-label", "data-rk-bbd78d": "", children: "Theme" }),
+              /* @__PURE__ */ a("span", { className: "drawer-value", "data-rk-bbd78d": "", children: "Dark" })
+            ] }),
+            /* @__PURE__ */ e("div", { className: "drawer-item", "data-rk-bbd78d": "", children: [
+              /* @__PURE__ */ a("span", { className: "drawer-label", "data-rk-bbd78d": "", children: "Notifications" }),
+              /* @__PURE__ */ a("span", { className: "drawer-value", "data-rk-bbd78d": "", children: "Enabled" })
+            ] }),
+            /* @__PURE__ */ e("div", { className: "drawer-item", "data-rk-bbd78d": "", children: [
+              /* @__PURE__ */ a("span", { className: "drawer-label", "data-rk-bbd78d": "", children: "Language" }),
+              /* @__PURE__ */ a("span", { className: "drawer-value", "data-rk-bbd78d": "", children: "English" })
+            ] })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ e("div", { className: "overlay-popover", "data-rk-bbd78d": "", children: [
+        /* @__PURE__ */ a("div", { className: "popover-target", "data-rk-bbd78d": "", children: "Hover me" }),
+        /* @__PURE__ */ e("div", { className: "popover-content", "data-rk-bbd78d": "", children: [
+          /* @__PURE__ */ a("span", { className: "popover-arrow", "data-rk-bbd78d": "" }),
+          /* @__PURE__ */ a("p", { className: "popover-text", "data-rk-bbd78d": "", children: "This is a popover with additional context." })
+        ] })
+      ] })
+    ] }) }) }),
+    /* @__PURE__ */ a("div", { className: "usage-code", "data-rk-bbd78d": "", children: /* @__PURE__ */ a("code", { "data-rk-bbd78d": "", children: '<Overlay type="modal">Content</Overlay>' }) })
+  ] }) }) }) });
+}
+function Q({ title: c = "Typography", subtitle: t = "Headings and text patterns." }) {
+  return /* @__PURE__ */ a(N, { children: /* @__PURE__ */ a("div", { className: "cq-typography-showcase-cq", "data-rk-f450d8": "", children: /* @__PURE__ */ a("section", { className: "typography-showcase", "data-rk-f450d8": "", children: /* @__PURE__ */ e("div", { className: "container", "data-rk-f450d8": "", children: [
+    /* @__PURE__ */ e("div", { className: "showcase-header", "data-rk-f450d8": "", children: [
+      /* @__PURE__ */ a("span", { className: "showcase-eyebrow", "data-rk-f450d8": "", children: "✍️ Typography" }),
+      /* @__PURE__ */ a("h2", { className: "showcase-title", "data-rk-f450d8": "", children: c }),
+      /* @__PURE__ */ a("p", { className: "showcase-subtitle", "data-rk-f450d8": "", children: t })
+    ] }),
+    /* @__PURE__ */ a("div", { className: "preview-stage", "data-rk-f450d8": "", children: /* @__PURE__ */ a("div", { className: "preview-stage__inner", "data-rk-f450d8": "", children: /* @__PURE__ */ e("div", { className: "typo-stack", "data-rk-f450d8": "", children: [
+      /* @__PURE__ */ a("div", { className: "typo-mockup typo-mockup--gradient", "data-rk-f450d8": "", children: /* @__PURE__ */ a("h3", { className: "gradient-heading", "data-rk-f450d8": "", children: "Premium Design System" }) }),
+      /* @__PURE__ */ a("div", { className: "typo-mockup typo-mockup--blockquote", "data-rk-f450d8": "", children: /* @__PURE__ */ e("blockquote", { className: "blockquote", "data-rk-f450d8": "", children: [
+        /* @__PURE__ */ a("p", { "data-rk-f450d8": "", children: "Great design is invisible. It simply feels right." }),
+        /* @__PURE__ */ a("cite", { "data-rk-f450d8": "", children: "— Design Philosophy" })
+      ] }) }),
+      /* @__PURE__ */ a("div", { className: "typo-mockup typo-mockup--reveal", "data-rk-f450d8": "", children: /* @__PURE__ */ a("span", { className: "text-reveal", "data-rk-f450d8": "", children: "Shimmer Reveal Effect" }) }),
+      /* @__PURE__ */ a("div", { className: "typo-mockup typo-mockup--links", "data-rk-f450d8": "", children: /* @__PURE__ */ e("div", { className: "link-group", "data-rk-f450d8": "", children: [
+        /* @__PURE__ */ a("a", { href: "#", className: "styled-link", "data-rk-f450d8": "", children: "Hover Underline" }),
+        /* @__PURE__ */ a("a", { href: "#", className: "styled-link", "data-rk-f450d8": "", children: "Animated Link" }),
+        /* @__PURE__ */ a("a", { href: "#", className: "styled-link", "data-rk-f450d8": "", children: "Gold Accent" })
+      ] }) })
+    ] }) }) }),
+    /* @__PURE__ */ a("div", { className: "usage-code", "data-rk-f450d8": "", children: /* @__PURE__ */ a("code", { "data-rk-f450d8": "", children: '<Typography variant="heading" size="xl">Premium Design</Typography>' }) })
+  ] }) }) }) });
+}
+function X({
+  title: c = "Build Beautiful Interfaces",
+  subtitle: t = "Premium open-source UI components for React. Copy, paste, and ship faster."
+}) {
+  return /* @__PURE__ */ a(N, { children: /* @__PURE__ */ a("div", { className: "cq-hero-gradient-cq", "data-rk-c25c97": "", children: /* @__PURE__ */ e("section", { className: "hero-gradient", "data-rk-c25c97": "", children: [
+    /* @__PURE__ */ a("div", { className: "hero-gradient__bg", "aria-hidden": "true", "data-rk-c25c97": "" }),
+    /* @__PURE__ */ e("div", { className: "hero-gradient__content", "data-rk-c25c97": "", children: [
+      /* @__PURE__ */ a("span", { className: "hero-gradient__badge", "data-rk-c25c97": "", children: "⚡ 200+ Components" }),
+      /* @__PURE__ */ a("h1", { className: "hero-gradient__title", "data-rk-c25c97": "", children: c }),
+      /* @__PURE__ */ a("p", { className: "hero-gradient__subtitle", "data-rk-c25c97": "", children: t }),
+      /* @__PURE__ */ e("div", { className: "hero-gradient__actions", "data-rk-c25c97": "", children: [
+        /* @__PURE__ */ e("button", { className: "hero-btn hero-btn--primary", "data-rk-c25c97": "", children: [
+          "Get Started",
+          /* @__PURE__ */ a("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", "data-rk-c25c97": "", children: /* @__PURE__ */ a("path", { d: "M5 12h14M12 5l7 7-7 7", "data-rk-c25c97": "" }) })
+        ] }),
+        /* @__PURE__ */ e("button", { className: "hero-btn hero-btn--glass", "data-rk-c25c97": "", children: [
+          /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", "data-rk-c25c97": "", children: [
+            /* @__PURE__ */ a("path", { d: "M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77 5.44 5.44 0 0 0 3.5 8.53a5.44 5.44 0 0 0-.09 2.61 3.37 3.37 0 0 0-.94 2.61s3.3 1.19 6.44 1.54", "data-rk-c25c97": "" }),
+            /* @__PURE__ */ a("path", { d: "M9 19c0 2.3 1.8 4.2 4 4.2s4-1.9 4-4.2", "data-rk-c25c97": "" })
+          ] }),
+          "View on GitHub"
+        ] })
+      ] })
+    ] })
+  ] }) }) });
+}
+function aa({
+  title: c = "Ship Faster with Premium Components",
+  subtitle: t = "Stop building from scratch. Use production-ready, accessible, and responsive components."
+}) {
+  return /* @__PURE__ */ a(N, { children: /* @__PURE__ */ a("div", { className: "cq-hero-split-cq", "data-rk-cb5680": "", children: /* @__PURE__ */ e("section", { className: "hero-split", "data-rk-cb5680": "", children: [
+    /* @__PURE__ */ e("div", { className: "hero-split__content", "data-rk-cb5680": "", children: [
+      /* @__PURE__ */ a("span", { className: "hero-split__badge", "data-rk-cb5680": "", children: "Open Source · MIT" }),
+      /* @__PURE__ */ a("h1", { className: "hero-split__title", "data-rk-cb5680": "", children: c }),
+      /* @__PURE__ */ a("p", { className: "hero-split__subtitle", "data-rk-cb5680": "", children: t }),
+      /* @__PURE__ */ e("div", { className: "hero-split__actions", "data-rk-cb5680": "", children: [
+        /* @__PURE__ */ e("button", { className: "hero-split__btn hero-split__btn--primary", "data-rk-cb5680": "", children: [
+          "Start Building",
+          /* @__PURE__ */ a("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", "data-rk-cb5680": "", children: /* @__PURE__ */ a("path", { d: "M5 12h14M12 5l7 7-7 7", "data-rk-cb5680": "" }) })
+        ] }),
+        /* @__PURE__ */ a("button", { className: "hero-split__btn hero-split__btn--ghost", "data-rk-cb5680": "", children: "Documentation" })
+      ] }),
+      /* @__PURE__ */ e("div", { className: "hero-split__stats", "data-rk-cb5680": "", children: [
+        /* @__PURE__ */ e("div", { className: "hero-split__stat", "data-rk-cb5680": "", children: [
+          /* @__PURE__ */ a("span", { className: "hero-split__stat-num", "data-rk-cb5680": "", children: "200+" }),
+          /* @__PURE__ */ a("span", { className: "hero-split__stat-label", "data-rk-cb5680": "", children: "Components" })
+        ] }),
+        /* @__PURE__ */ e("div", { className: "hero-split__stat", "data-rk-cb5680": "", children: [
+          /* @__PURE__ */ a("span", { className: "hero-split__stat-num", "data-rk-cb5680": "", children: "10K+" }),
+          /* @__PURE__ */ a("span", { className: "hero-split__stat-label", "data-rk-cb5680": "", children: "Downloads" })
+        ] }),
+        /* @__PURE__ */ e("div", { className: "hero-split__stat", "data-rk-cb5680": "", children: [
+          /* @__PURE__ */ a("span", { className: "hero-split__stat-num", "data-rk-cb5680": "", children: "5K+" }),
+          /* @__PURE__ */ a("span", { className: "hero-split__stat-label", "data-rk-cb5680": "", children: "Stars" })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ a("div", { className: "hero-split__visual", "aria-hidden": "true", "data-rk-cb5680": "", children: /* @__PURE__ */ a("div", { className: "hero-split__visual-inner", "data-rk-cb5680": "", children: /* @__PURE__ */ a("div", { className: "hero-split__mock-card", "data-rk-cb5680": "", children: /* @__PURE__ */ e("div", { className: "hero-split__mock-body", "data-rk-cb5680": "", children: [
+      /* @__PURE__ */ a("div", { className: "hero-split__mock-line hero-split__mock-line--wide", "data-rk-cb5680": "" }),
+      /* @__PURE__ */ a("div", { className: "hero-split__mock-line hero-split__mock-line--medium", "data-rk-cb5680": "" }),
+      /* @__PURE__ */ a("div", { className: "hero-split__mock-line hero-split__mock-line--short", "data-rk-cb5680": "" }),
+      /* @__PURE__ */ e("div", { className: "hero-split__mock-grid", "data-rk-cb5680": "", children: [
+        /* @__PURE__ */ a("div", { className: "hero-split__mock-box", "data-rk-cb5680": "" }),
+        /* @__PURE__ */ a("div", { className: "hero-split__mock-box", "data-rk-cb5680": "" }),
+        /* @__PURE__ */ a("div", { className: "hero-split__mock-box", "data-rk-cb5680": "" })
+      ] })
+    ] }) }) }) })
+  ] }) }) });
+}
+function ea({
+  title: c = "Your Complete Component Library",
+  subtitle: t = "Build stunning landing pages and apps with 200+ accessible, responsive, and customizable components."
+}) {
+  return /* @__PURE__ */ a(N, { children: /* @__PURE__ */ a("div", { className: "cq-hero-glass-cq", "data-rk-2480b8": "", children: /* @__PURE__ */ e("section", { className: "hero-glass", "data-rk-2480b8": "", children: [
+    /* @__PURE__ */ e("div", { className: "hero-glass__bg", "aria-hidden": "true", "data-rk-2480b8": "", children: [
+      /* @__PURE__ */ a("div", { className: "hero-glass__orb hero-glass__orb--1", "data-rk-2480b8": "" }),
+      /* @__PURE__ */ a("div", { className: "hero-glass__orb hero-glass__orb--2", "data-rk-2480b8": "" }),
+      /* @__PURE__ */ a("div", { className: "hero-glass__orb hero-glass__orb--3", "data-rk-2480b8": "" })
+    ] }),
+    /* @__PURE__ */ a("div", { className: "container", "data-rk-2480b8": "", children: /* @__PURE__ */ e("div", { className: "hero-glass__card", "data-rk-2480b8": "", children: [
+      /* @__PURE__ */ a("h1", { className: "hero-glass__title", "data-rk-2480b8": "", children: c }),
+      /* @__PURE__ */ a("p", { className: "hero-glass__subtitle", "data-rk-2480b8": "", children: t }),
+      /* @__PURE__ */ e("div", { className: "hero-glass__actions", "data-rk-2480b8": "", children: [
+        /* @__PURE__ */ e("button", { className: "hero-glass__btn hero-glass__btn--primary", "data-rk-2480b8": "", children: [
+          "Get Started Free",
+          /* @__PURE__ */ a("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", "data-rk-2480b8": "", children: /* @__PURE__ */ a("path", { d: "M5 12h14M12 5l7 7-7 7", "data-rk-2480b8": "" }) })
+        ] }),
+        /* @__PURE__ */ e("button", { className: "hero-glass__btn hero-glass__btn--secondary", "data-rk-2480b8": "", children: [
+          /* @__PURE__ */ a("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", "data-rk-2480b8": "", children: /* @__PURE__ */ a("polygon", { points: "5 3 19 12 5 21 5 3", "data-rk-2480b8": "" }) }),
+          "Watch Demo"
+        ] })
+      ] }),
+      /* @__PURE__ */ e("div", { className: "hero-glass__trust", "data-rk-2480b8": "", children: [
+        /* @__PURE__ */ a("span", { "data-rk-2480b8": "", children: "Trusted by 5,000+ developers" }),
+        /* @__PURE__ */ e("div", { className: "hero-glass__avatars", "data-rk-2480b8": "", children: [
+          /* @__PURE__ */ a("span", { className: "hero-glass__avatar", "data-rk-2480b8": "", children: "A" }),
+          /* @__PURE__ */ a("span", { className: "hero-glass__avatar", "data-rk-2480b8": "", children: "B" }),
+          /* @__PURE__ */ a("span", { className: "hero-glass__avatar", "data-rk-2480b8": "", children: "C" }),
+          /* @__PURE__ */ a("span", { className: "hero-glass__avatar", "data-rk-2480b8": "", children: "D" }),
+          /* @__PURE__ */ a("span", { className: "hero-glass__avatar hero-glass__avatar--more", "data-rk-2480b8": "", children: "+" })
+        ] })
+      ] })
+    ] }) })
+  ] }) }) });
+}
+function ta({
+  badge: c = "Core Capabilities",
+  title: t = "Engineered for Extreme Performance",
+  subtitle: d = "Everything you need to build next-generation React applications with zero runtime overhead.",
+  className: r = ""
+}) {
+  return /* @__PURE__ */ a(N, { children: /* @__PURE__ */ a("div", { className: "cq-feature-bento-grid-cq", "data-rk-c1d0ee": "", children: /* @__PURE__ */ e("section", { className: `bento-section ${r}`, "aria-labelledby": "bento-title", "data-rk-c1d0ee": "", children: [
+    /* @__PURE__ */ e("div", { className: "bento-bg", "aria-hidden": "true", "data-rk-c1d0ee": "", children: [
+      /* @__PURE__ */ a("div", { className: "bento-glow bento-glow--1", "data-rk-c1d0ee": "" }),
+      /* @__PURE__ */ a("div", { className: "bento-glow bento-glow--2", "data-rk-c1d0ee": "" })
+    ] }),
+    /* @__PURE__ */ e("div", { className: "container", "data-rk-c1d0ee": "", children: [
+      /* @__PURE__ */ e("div", { className: "section-header", "data-rk-c1d0ee": "", children: [
+        c && /* @__PURE__ */ a("span", { className: "section-badge", "data-rk-c1d0ee": "", children: c }),
+        /* @__PURE__ */ a("h2", { id: "bento-title", className: "section-title", "data-rk-c1d0ee": "", children: t }),
+        /* @__PURE__ */ a("p", { className: "section-subtitle", "data-rk-c1d0ee": "", children: d })
+      ] }),
+      /* @__PURE__ */ e("div", { className: "bento-grid", "data-rk-c1d0ee": "", children: [
+        /* @__PURE__ */ a("article", { className: "bento-card bento-card--wide", "data-rk-c1d0ee": "", children: /* @__PURE__ */ e("div", { className: "bento-card__content", "data-rk-c1d0ee": "", children: [
+          /* @__PURE__ */ a("div", { className: "bento-card__icon bento-card__icon--primary", "data-rk-c1d0ee": "", children: /* @__PURE__ */ e("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "data-rk-c1d0ee": "", children: [
+            /* @__PURE__ */ a("path", { d: "m18 16 4-4-4-4", "data-rk-c1d0ee": "" }),
+            /* @__PURE__ */ a("path", { d: "m6 8-4 4 4 4", "data-rk-c1d0ee": "" }),
+            /* @__PURE__ */ a("path", { d: "m14.5 4-5 16", "data-rk-c1d0ee": "" })
+          ] }) }),
+          /* @__PURE__ */ a("span", { className: "bento-tag", "data-rk-c1d0ee": "", children: "Zero Runtime JS" }),
+          /* @__PURE__ */ a("h3", { className: "bento-card__title", "data-rk-c1d0ee": "", children: "Pure Static Architecture" }),
+          /* @__PURE__ */ a("p", { className: "bento-card__desc", "data-rk-c1d0ee": "", children: "Components ship zero client-side JavaScript by default, delivering perfect 100/100 Lighthouse performance scores out of the box." }),
+          /* @__PURE__ */ e("div", { className: "bento-speed-stat", "data-rk-c1d0ee": "", children: [
+            /* @__PURE__ */ e("div", { className: "speed-score", "data-rk-c1d0ee": "", children: [
+              /* @__PURE__ */ a("span", { className: "score-number", "data-rk-c1d0ee": "", children: "100" }),
+              /* @__PURE__ */ a("span", { className: "score-label", "data-rk-c1d0ee": "", children: "Lighthouse Score" })
+            ] }),
+            /* @__PURE__ */ e("div", { className: "speed-bars", "data-rk-c1d0ee": "", children: [
+              /* @__PURE__ */ e("div", { className: "speed-bar", "data-rk-c1d0ee": "", children: [
+                /* @__PURE__ */ a("span", { className: "bar-fill", style: { width: "100%" }, "data-rk-c1d0ee": "" }),
+                /* @__PURE__ */ a("span", { className: "bar-name", "data-rk-c1d0ee": "", children: "Performance" })
+              ] }),
+              /* @__PURE__ */ e("div", { className: "speed-bar", "data-rk-c1d0ee": "", children: [
+                /* @__PURE__ */ a("span", { className: "bar-fill", style: { width: "100%" }, "data-rk-c1d0ee": "" }),
+                /* @__PURE__ */ a("span", { className: "bar-name", "data-rk-c1d0ee": "", children: "Accessibility" })
+              ] }),
+              /* @__PURE__ */ e("div", { className: "speed-bar", "data-rk-c1d0ee": "", children: [
+                /* @__PURE__ */ a("span", { className: "bar-fill", style: { width: "100%" }, "data-rk-c1d0ee": "" }),
+                /* @__PURE__ */ a("span", { className: "bar-name", "data-rk-c1d0ee": "", children: "Best Practices" })
+              ] })
+            ] })
+          ] })
+        ] }) }),
+        /* @__PURE__ */ a("article", { className: "bento-card bento-card--tall", "data-rk-c1d0ee": "", children: /* @__PURE__ */ e("div", { className: "bento-card__content", "data-rk-c1d0ee": "", children: [
+          /* @__PURE__ */ a("div", { className: "bento-card__icon bento-card__icon--gold", "data-rk-c1d0ee": "", children: /* @__PURE__ */ e("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "data-rk-c1d0ee": "", children: [
+            /* @__PURE__ */ a("path", { d: "M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10", "data-rk-c1d0ee": "" }),
+            /* @__PURE__ */ a("path", { d: "m9 12 2 2 4-4", "data-rk-c1d0ee": "" })
+          ] }) }),
+          /* @__PURE__ */ a("span", { className: "bento-tag", "data-rk-c1d0ee": "", children: "WCAG 2.1 AA" }),
+          /* @__PURE__ */ a("h3", { className: "bento-card__title", "data-rk-c1d0ee": "", children: "Accessible & Tested" }),
+          /* @__PURE__ */ a("p", { className: "bento-card__desc", "data-rk-c1d0ee": "", children: "Every button, input, and modal conforms strictly to WCAG AA guidelines with keyboard navigation and ARIA attributes." }),
+          /* @__PURE__ */ e("div", { className: "a11y-pill-list", "data-rk-c1d0ee": "", children: [
+            /* @__PURE__ */ a("div", { className: "a11y-pill", "data-rk-c1d0ee": "", children: "✓ Focus Rings Built-in" }),
+            /* @__PURE__ */ a("div", { className: "a11y-pill", "data-rk-c1d0ee": "", children: "✓ Keyboard Nav (Tab/Esc)" }),
+            /* @__PURE__ */ a("div", { className: "a11y-pill", "data-rk-c1d0ee": "", children: "✓ Contrast Ratio ≥ 4.5:1" }),
+            /* @__PURE__ */ a("div", { className: "a11y-pill", "data-rk-c1d0ee": "", children: "✓ Screen Reader Ready" })
+          ] })
+        ] }) }),
+        /* @__PURE__ */ a("article", { className: "bento-card", "data-rk-c1d0ee": "", children: /* @__PURE__ */ e("div", { className: "bento-card__content", "data-rk-c1d0ee": "", children: [
+          /* @__PURE__ */ a("div", { className: "bento-card__icon bento-card__icon--cyan", "data-rk-c1d0ee": "", children: /* @__PURE__ */ e("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "data-rk-c1d0ee": "", children: [
+            /* @__PURE__ */ a("circle", { cx: "13.5", cy: "6.5", r: ".5", fill: "currentColor", "data-rk-c1d0ee": "" }),
+            /* @__PURE__ */ a("circle", { cx: "17.5", cy: "10.5", r: ".5", fill: "currentColor", "data-rk-c1d0ee": "" }),
+            /* @__PURE__ */ a("circle", { cx: "8.5", cy: "7.5", r: ".5", fill: "currentColor", "data-rk-c1d0ee": "" }),
+            /* @__PURE__ */ a("circle", { cx: "6.5", cy: "12.5", r: ".5", fill: "currentColor", "data-rk-c1d0ee": "" }),
+            /* @__PURE__ */ a("path", { d: "M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10c.926 0 1.648-.746 1.648-1.688 0-.437-.18-.835-.437-1.125-.29-.289-.438-.652-.438-1.125a1.64 1.64 0 0 1 1.668-1.668h1.996c3.051 0 5.555-2.503 5.555-5.554C21.965 6.012 17.461 2 12 2z", "data-rk-c1d0ee": "" })
+          ] }) }),
+          /* @__PURE__ */ a("span", { className: "bento-tag", "data-rk-c1d0ee": "", children: "CSS Tokens" }),
+          /* @__PURE__ */ a("h3", { className: "bento-card__title", "data-rk-c1d0ee": "", children: "Fluid Design Tokens" }),
+          /* @__PURE__ */ a("p", { className: "bento-card__desc", "data-rk-c1d0ee": "", children: "Seamless global variables for colors, typography scales, glass blurs, and border radiuses." }),
+          /* @__PURE__ */ e("div", { className: "tokens-preview", "data-rk-c1d0ee": "", children: [
+            /* @__PURE__ */ a("span", { className: "color-dot color-dot--gold", "data-rk-c1d0ee": "" }),
+            /* @__PURE__ */ a("span", { className: "color-dot color-dot--indigo", "data-rk-c1d0ee": "" }),
+            /* @__PURE__ */ a("span", { className: "color-dot color-dot--emerald", "data-rk-c1d0ee": "" }),
+            /* @__PURE__ */ a("span", { className: "color-dot color-dot--rose", "data-rk-c1d0ee": "" })
+          ] })
+        ] }) }),
+        /* @__PURE__ */ a("article", { className: "bento-card", "data-rk-c1d0ee": "", children: /* @__PURE__ */ e("div", { className: "bento-card__content", "data-rk-c1d0ee": "", children: [
+          /* @__PURE__ */ a("div", { className: "bento-card__icon bento-card__icon--blue", "data-rk-c1d0ee": "", children: /* @__PURE__ */ e("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "data-rk-c1d0ee": "", children: [
+            /* @__PURE__ */ a("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", "data-rk-c1d0ee": "" }),
+            /* @__PURE__ */ a("path", { d: "M7 7h10", "data-rk-c1d0ee": "" }),
+            /* @__PURE__ */ a("path", { d: "M12 7v10", "data-rk-c1d0ee": "" })
+          ] }) }),
+          /* @__PURE__ */ a("span", { className: "bento-tag", "data-rk-c1d0ee": "", children: "TypeScript 5.x" }),
+          /* @__PURE__ */ a("h3", { className: "bento-card__title", "data-rk-c1d0ee": "", children: "Strict Type Safety" }),
+          /* @__PURE__ */ a("p", { className: "bento-card__desc", "data-rk-c1d0ee": "", children: "Full TypeScript IntelliSense with prop auto-completion and compile-time validation in your IDE." }),
+          /* @__PURE__ */ a("div", { className: "code-snippet-mini", "data-rk-c1d0ee": "", children: /* @__PURE__ */ a("code", { "data-rk-c1d0ee": "", children: "interface Props { variant: 'glass' | 'glow' }" }) })
+        ] }) }),
+        /* @__PURE__ */ a("article", { className: "bento-card bento-card--wide", "data-rk-c1d0ee": "", children: /* @__PURE__ */ e("div", { className: "bento-card__content", "data-rk-c1d0ee": "", children: [
+          /* @__PURE__ */ a("div", { className: "bento-card__icon bento-card__icon--purple", "data-rk-c1d0ee": "", children: /* @__PURE__ */ e("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "data-rk-c1d0ee": "", children: [
+            /* @__PURE__ */ a("path", { d: "M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z", "data-rk-c1d0ee": "" }),
+            /* @__PURE__ */ a("polyline", { points: "3.27 6.96 12 12.01 20.73 6.96", "data-rk-c1d0ee": "" }),
+            /* @__PURE__ */ a("line", { x1: "12", y1: "22.08", x2: "12", y2: "12", "data-rk-c1d0ee": "" })
+          ] }) }),
+          /* @__PURE__ */ a("span", { className: "bento-tag", "data-rk-c1d0ee": "", children: "Three.js & WebGL" }),
+          /* @__PURE__ */ a("h3", { className: "bento-card__title", "data-rk-c1d0ee": "", children: "Interactive 3D Galaxy & Visuals" }),
+          /* @__PURE__ */ a("p", { className: "bento-card__desc", "data-rk-c1d0ee": "", children: "GPU-accelerated particle galaxy backgrounds with smooth physics, mouse-follow damping, and hardware-accelerated shaders." }),
+          /* @__PURE__ */ e("div", { className: "live-pill", "data-rk-c1d0ee": "", children: [
+            /* @__PURE__ */ a("span", { className: "live-dot", "data-rk-c1d0ee": "" }),
+            /* @__PURE__ */ a("span", { "data-rk-c1d0ee": "", children: "60 FPS Fluid Physics Engine" })
+          ] })
+        ] }) })
+      ] })
+    ] })
+  ] }) }) });
+}
+function x(c) {
+  const t = {};
+  for (const d of String(c ?? "").split(";")) {
+    const r = d.indexOf(":");
+    if (r < 0) continue;
+    const s = d.slice(0, r).trim();
+    s && (t[s.startsWith("--") ? s : s.replace(/-([a-z])/g, (i, n) => n.toUpperCase())] = d.slice(r + 1).trim());
+  }
+  return t;
+}
+function ra({
+  badge: c = "Step-by-Step Workflow",
+  title: t = "From Idea to Production in 3 Simple Steps",
+  subtitle: d = "Streamline your frontend engineering lifecycle with an intuitive, pre-tested architecture.",
+  className: r = ""
+}) {
+  const s = [
+    {
+      number: "01",
+      tag: "Install & Setup",
+      title: "One Command Installation",
+      desc: "Add react-component-kit-ui to your React project with npm. Zero complex configuration files or build tool plugins required.",
+      code: "npm install react-component-kit-ui",
+      color: "#6366f1"
+    },
+    {
+      number: "02",
+      tag: "Compose & Theme",
+      title: "Import Modular Components",
+      desc: "Import accessible cards, navigation bars, interactive inputs, and 3D scenes directly into your React frontmatter with strict TypeScript typings.",
+      code: "import { GlassCard, StatCard } from 'react-component-kit-ui';",
+      color: "#eab308"
+    },
+    {
+      number: "03",
+      tag: "Build & Deploy",
+      title: "Deploy Anywhere at 100/100 Speed",
+      desc: "Generate static pre-rendered HTML with zero runtime JavaScript. Deploy effortlessly to Coolify, Vercel, Cloudflare Pages, or Docker.",
+      code: "npm run build && coolify deploy",
+      color: "#10b981"
+    }
+  ];
+  return /* @__PURE__ */ a(N, { children: /* @__PURE__ */ a("div", { className: "cq-feature-timeline-flow-cq", "data-rk-1e8845": "", children: /* @__PURE__ */ e("section", { className: `timeline-section ${r}`, "aria-labelledby": "timeline-title", "data-rk-1e8845": "", children: [
+    /* @__PURE__ */ a("div", { className: "timeline-bg", "aria-hidden": "true", "data-rk-1e8845": "", children: /* @__PURE__ */ a("div", { className: "timeline-glow", "data-rk-1e8845": "" }) }),
+    /* @__PURE__ */ e("div", { className: "container", "data-rk-1e8845": "", children: [
+      /* @__PURE__ */ e("div", { className: "section-header", "data-rk-1e8845": "", children: [
+        c && /* @__PURE__ */ a("span", { className: "section-badge", "data-rk-1e8845": "", children: c }),
+        /* @__PURE__ */ a("h2", { id: "timeline-title", className: "section-title", "data-rk-1e8845": "", children: t }),
+        /* @__PURE__ */ a("p", { className: "section-subtitle", "data-rk-1e8845": "", children: d })
+      ] }),
+      /* @__PURE__ */ e("div", { className: "steps-flow", "data-rk-1e8845": "", children: [
+        /* @__PURE__ */ a("div", { className: "flow-line", "aria-hidden": "true", "data-rk-1e8845": "" }),
+        s.map((i, n) => /* @__PURE__ */ e("div", { className: "step-card", "data-rk-1e8845": "", children: [
+          /* @__PURE__ */ a("div", { className: "step-badge-circle", style: x(`--step-color: ${i.color};`), "data-rk-1e8845": "", children: /* @__PURE__ */ a("span", { "data-rk-1e8845": "", children: i.number }) }),
+          /* @__PURE__ */ e("div", { className: "step-card__body", "data-rk-1e8845": "", children: [
+            /* @__PURE__ */ a("span", { className: "step-tag", style: x(`color: ${i.color};`), "data-rk-1e8845": "", children: i.tag }),
+            /* @__PURE__ */ a("h3", { className: "step-title", "data-rk-1e8845": "", children: i.title }),
+            /* @__PURE__ */ a("p", { className: "step-desc", "data-rk-1e8845": "", children: i.desc }),
+            /* @__PURE__ */ a("div", { className: "step-code", "data-rk-1e8845": "", children: /* @__PURE__ */ a("code", { "data-rk-1e8845": "", children: i.code }) })
+          ] })
+        ] }, n))
+      ] })
+    ] })
+  ] }) }) });
+}
+function sa({
+  badge: c = "Flexible Plans",
+  title: t = "Transparent Pricing for High-Growth Teams",
+  subtitle: d = "Choose the right plan to scale your digital products. No hidden fees, cancel anytime.",
+  className: r = ""
+}) {
+  const s = _(!1);
+  return y(() => {
+    if (s.current) return;
+    s.current = !0;
+    const i = document.getElementById("billingToggleBtn"), n = document.querySelectorAll(".price-val");
+    i && i.addEventListener("click", () => {
+      const p = !(i.getAttribute("aria-checked") === "true");
+      i.setAttribute("aria-checked", String(p)), n.forEach((k) => {
+        const l = p ? k.getAttribute("data-annual") : k.getAttribute("data-monthly");
+        l && (k.textContent = l);
+      });
+    });
+  }, []), /* @__PURE__ */ a(N, { children: /* @__PURE__ */ a("div", { className: "cq-pricing-comparison-matrix-cq", "data-rk-4ae18a": "", children: /* @__PURE__ */ e("section", { className: `pricing-section ${r}`, "aria-labelledby": "pricing-title", "data-rk-4ae18a": "", children: [
+    /* @__PURE__ */ a("div", { className: "pricing-bg", "aria-hidden": "true", "data-rk-4ae18a": "", children: /* @__PURE__ */ a("div", { className: "pricing-glow", "data-rk-4ae18a": "" }) }),
+    /* @__PURE__ */ e("div", { className: "container", "data-rk-4ae18a": "", children: [
+      /* @__PURE__ */ e("div", { className: "section-header", "data-rk-4ae18a": "", children: [
+        c && /* @__PURE__ */ a("span", { className: "section-badge", "data-rk-4ae18a": "", children: c }),
+        /* @__PURE__ */ a("h2", { id: "pricing-title", className: "section-title", "data-rk-4ae18a": "", children: t }),
+        /* @__PURE__ */ a("p", { className: "section-subtitle", "data-rk-4ae18a": "", children: d }),
+        /* @__PURE__ */ e("div", { className: "billing-toggle-wrap", "data-rk-4ae18a": "", children: [
+          /* @__PURE__ */ a("span", { className: "toggle-label", id: "label-monthly", "data-rk-4ae18a": "", children: "Monthly" }),
+          /* @__PURE__ */ a("button", { type: "button", className: "billing-toggle", id: "billingToggleBtn", role: "switch", "aria-checked": "false", "aria-label": "Toggle annual billing", "data-rk-4ae18a": "", children: /* @__PURE__ */ a("span", { className: "toggle-slider", "data-rk-4ae18a": "" }) }),
+          /* @__PURE__ */ e("span", { className: "toggle-label", id: "label-annual", "data-rk-4ae18a": "", children: [
+            "Annual ",
+            /* @__PURE__ */ a("span", { className: "discount-pill", "data-rk-4ae18a": "", children: "Save 20%" })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ e("div", { className: "pricing-cards", "data-rk-4ae18a": "", children: [
+        /* @__PURE__ */ e("div", { className: "plan-card", "data-rk-4ae18a": "", children: [
+          /* @__PURE__ */ e("div", { className: "plan-card__header", "data-rk-4ae18a": "", children: [
+            /* @__PURE__ */ a("span", { className: "plan-name", "data-rk-4ae18a": "", children: "Starter" }),
+            /* @__PURE__ */ a("p", { className: "plan-desc", "data-rk-4ae18a": "", children: "For indie developers and personal experiments." }),
+            /* @__PURE__ */ e("div", { className: "plan-price", "data-rk-4ae18a": "", children: [
+              /* @__PURE__ */ a("span", { className: "price-currency", "data-rk-4ae18a": "", children: "$" }),
+              /* @__PURE__ */ a("span", { className: "price-val", "data-monthly": "19", "data-annual": "15", "data-rk-4ae18a": "", children: "19" }),
+              /* @__PURE__ */ a("span", { className: "price-period", "data-rk-4ae18a": "", children: "/mo" })
+            ] }),
+            /* @__PURE__ */ a("a", { href: "#get-started", className: "plan-btn plan-btn--ghost", "data-rk-4ae18a": "", children: "Get Started" })
+          ] }),
+          /* @__PURE__ */ a("div", { className: "plan-divider", "data-rk-4ae18a": "" }),
+          /* @__PURE__ */ e("ul", { className: "plan-features", "aria-label": "Starter Plan Features", "data-rk-4ae18a": "", children: [
+            /* @__PURE__ */ e("li", { "data-rk-4ae18a": "", children: [
+              /* @__PURE__ */ a("span", { className: "check-icon", "data-rk-4ae18a": "", children: "✓" }),
+              " Up to 3 React Projects"
+            ] }),
+            /* @__PURE__ */ e("li", { "data-rk-4ae18a": "", children: [
+              /* @__PURE__ */ a("span", { className: "check-icon", "data-rk-4ae18a": "", children: "✓" }),
+              " All 200+ UI Components"
+            ] }),
+            /* @__PURE__ */ e("li", { "data-rk-4ae18a": "", children: [
+              /* @__PURE__ */ a("span", { className: "check-icon", "data-rk-4ae18a": "", children: "✓" }),
+              " Community Discord Support"
+            ] }),
+            /* @__PURE__ */ e("li", { className: "feature-disabled", "data-rk-4ae18a": "", children: [
+              /* @__PURE__ */ a("span", { className: "cross-icon", "data-rk-4ae18a": "", children: "✕" }),
+              " Private Component Registry"
+            ] }),
+            /* @__PURE__ */ e("li", { className: "feature-disabled", "data-rk-4ae18a": "", children: [
+              /* @__PURE__ */ a("span", { className: "cross-icon", "data-rk-4ae18a": "", children: "✕" }),
+              " Dedicated Priority Support"
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ e("div", { className: "plan-card plan-card--popular", "data-rk-4ae18a": "", children: [
+          /* @__PURE__ */ a("div", { className: "popular-ribbon", "data-rk-4ae18a": "", children: "Most Popular" }),
+          /* @__PURE__ */ e("div", { className: "plan-card__header", "data-rk-4ae18a": "", children: [
+            /* @__PURE__ */ a("span", { className: "plan-name plan-name--popular", "data-rk-4ae18a": "", children: "Professional" }),
+            /* @__PURE__ */ a("p", { className: "plan-desc", "data-rk-4ae18a": "", children: "For fast-moving teams and production web applications." }),
+            /* @__PURE__ */ e("div", { className: "plan-price", "data-rk-4ae18a": "", children: [
+              /* @__PURE__ */ a("span", { className: "price-currency", "data-rk-4ae18a": "", children: "$" }),
+              /* @__PURE__ */ a("span", { className: "price-val", "data-monthly": "49", "data-annual": "39", "data-rk-4ae18a": "", children: "49" }),
+              /* @__PURE__ */ a("span", { className: "price-period", "data-rk-4ae18a": "", children: "/mo" })
+            ] }),
+            /* @__PURE__ */ a("a", { href: "#get-pro", className: "plan-btn plan-btn--primary", "data-rk-4ae18a": "", children: "Start 14-Day Free Trial" })
+          ] }),
+          /* @__PURE__ */ a("div", { className: "plan-divider", "data-rk-4ae18a": "" }),
+          /* @__PURE__ */ e("ul", { className: "plan-features", "aria-label": "Professional Plan Features", "data-rk-4ae18a": "", children: [
+            /* @__PURE__ */ e("li", { "data-rk-4ae18a": "", children: [
+              /* @__PURE__ */ a("span", { className: "check-icon", "data-rk-4ae18a": "", children: "✓" }),
+              " Unlimited React Projects"
+            ] }),
+            /* @__PURE__ */ e("li", { "data-rk-4ae18a": "", children: [
+              /* @__PURE__ */ a("span", { className: "check-icon", "data-rk-4ae18a": "", children: "✓" }),
+              " All 200+ UI & 3D Components"
+            ] }),
+            /* @__PURE__ */ e("li", { "data-rk-4ae18a": "", children: [
+              /* @__PURE__ */ a("span", { className: "check-icon", "data-rk-4ae18a": "", children: "✓" }),
+              " Figma UI Kit & Design Tokens"
+            ] }),
+            /* @__PURE__ */ e("li", { "data-rk-4ae18a": "", children: [
+              /* @__PURE__ */ a("span", { className: "check-icon", "data-rk-4ae18a": "", children: "✓" }),
+              " Private NPM Team Access"
+            ] }),
+            /* @__PURE__ */ e("li", { "data-rk-4ae18a": "", children: [
+              /* @__PURE__ */ a("span", { className: "check-icon", "data-rk-4ae18a": "", children: "✓" }),
+              " Priority Email & Chat Support"
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ e("div", { className: "plan-card", "data-rk-4ae18a": "", children: [
+          /* @__PURE__ */ e("div", { className: "plan-card__header", "data-rk-4ae18a": "", children: [
+            /* @__PURE__ */ a("span", { className: "plan-name", "data-rk-4ae18a": "", children: "Enterprise" }),
+            /* @__PURE__ */ a("p", { className: "plan-desc", "data-rk-4ae18a": "", children: "For organizations requiring custom SLAs and bespoke design systems." }),
+            /* @__PURE__ */ e("div", { className: "plan-price", "data-rk-4ae18a": "", children: [
+              /* @__PURE__ */ a("span", { className: "price-currency", "data-rk-4ae18a": "", children: "$" }),
+              /* @__PURE__ */ a("span", { className: "price-val", "data-monthly": "149", "data-annual": "119", "data-rk-4ae18a": "", children: "149" }),
+              /* @__PURE__ */ a("span", { className: "price-period", "data-rk-4ae18a": "", children: "/mo" })
+            ] }),
+            /* @__PURE__ */ a("a", { href: "#contact-sales", className: "plan-btn plan-btn--ghost", "data-rk-4ae18a": "", children: "Contact Sales" })
+          ] }),
+          /* @__PURE__ */ a("div", { className: "plan-divider", "data-rk-4ae18a": "" }),
+          /* @__PURE__ */ e("ul", { className: "plan-features", "aria-label": "Enterprise Plan Features", "data-rk-4ae18a": "", children: [
+            /* @__PURE__ */ e("li", { "data-rk-4ae18a": "", children: [
+              /* @__PURE__ */ a("span", { className: "check-icon", "data-rk-4ae18a": "", children: "✓" }),
+              " Everything in Pro Plan"
+            ] }),
+            /* @__PURE__ */ e("li", { "data-rk-4ae18a": "", children: [
+              /* @__PURE__ */ a("span", { className: "check-icon", "data-rk-4ae18a": "", children: "✓" }),
+              " Custom Component Engineering"
+            ] }),
+            /* @__PURE__ */ e("li", { "data-rk-4ae18a": "", children: [
+              /* @__PURE__ */ a("span", { className: "check-icon", "data-rk-4ae18a": "", children: "✓" }),
+              " 99.99% Guaranteed SLA"
+            ] }),
+            /* @__PURE__ */ e("li", { "data-rk-4ae18a": "", children: [
+              /* @__PURE__ */ a("span", { className: "check-icon", "data-rk-4ae18a": "", children: "✓" }),
+              " Dedicated Security Audit Support"
+            ] }),
+            /* @__PURE__ */ e("li", { "data-rk-4ae18a": "", children: [
+              /* @__PURE__ */ a("span", { className: "check-icon", "data-rk-4ae18a": "", children: "✓" }),
+              " Dedicated Account Manager"
+            ] })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ e("div", { className: "pricing-footer", "data-rk-4ae18a": "", children: [
+        /* @__PURE__ */ e("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "guarantee-icon", "data-rk-4ae18a": "", children: [
+          /* @__PURE__ */ a("path", { d: "M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10", "data-rk-4ae18a": "" }),
+          /* @__PURE__ */ a("path", { d: "m9 12 2 2 4-4", "data-rk-4ae18a": "" })
+        ] }),
+        /* @__PURE__ */ a("span", { "data-rk-4ae18a": "", children: "30-Day unconditional money-back guarantee. No questions asked." })
+      ] })
+    ] })
+  ] }) }) });
+}
+function ca({
+  badge: c = "Plans & Pricing",
+  title: t = "Simple, Predictable Pricing for Everyone",
+  subtitle: d = "Start for free and upgrade as your React traffic scales. No surprise overage charges.",
+  className: r = ""
+}) {
+  return /* @__PURE__ */ a(N, { children: /* @__PURE__ */ a("div", { className: "cq-pricing-tier-cards-cq", "data-rk-9c5b50": "", children: /* @__PURE__ */ a("section", { className: `tier-pricing-section ${r}`, "aria-labelledby": "tier-pricing-title", "data-rk-9c5b50": "", children: /* @__PURE__ */ e("div", { className: "container", "data-rk-9c5b50": "", children: [
+    /* @__PURE__ */ e("div", { className: "section-header", "data-rk-9c5b50": "", children: [
+      c && /* @__PURE__ */ a("span", { className: "section-badge", "data-rk-9c5b50": "", children: c }),
+      /* @__PURE__ */ a("h2", { id: "tier-pricing-title", className: "section-title", "data-rk-9c5b50": "", children: t }),
+      /* @__PURE__ */ a("p", { className: "section-subtitle", "data-rk-9c5b50": "", children: d })
+    ] }),
+    /* @__PURE__ */ e("div", { className: "tier-grid", "data-rk-9c5b50": "", children: [
+      /* @__PURE__ */ e("div", { className: "tier-card", "data-rk-9c5b50": "", children: [
+        /* @__PURE__ */ a("span", { className: "tier-badge", "data-rk-9c5b50": "", children: "Community" }),
+        /* @__PURE__ */ a("h3", { className: "tier-name", "data-rk-9c5b50": "", children: "Hobby" }),
+        /* @__PURE__ */ a("p", { className: "tier-desc", "data-rk-9c5b50": "", children: "Great for learning React and small hobby sites." }),
+        /* @__PURE__ */ e("div", { className: "tier-price", "data-rk-9c5b50": "", children: [
+          "$0 ",
+          /* @__PURE__ */ a("span", { "data-rk-9c5b50": "", children: "/ forever" })
+        ] }),
+        /* @__PURE__ */ a("a", { href: "#free", className: "tier-btn tier-btn--ghost", "data-rk-9c5b50": "", children: "Get Started Free" }),
+        /* @__PURE__ */ e("ul", { className: "tier-list", "data-rk-9c5b50": "", children: [
+          /* @__PURE__ */ a("li", { "data-rk-9c5b50": "", children: "✓ 1 Active Project" }),
+          /* @__PURE__ */ a("li", { "data-rk-9c5b50": "", children: "✓ Core UI Components" }),
+          /* @__PURE__ */ a("li", { "data-rk-9c5b50": "", children: "✓ Community Support" }),
+          /* @__PURE__ */ a("li", { "data-rk-9c5b50": "", children: "✓ MIT Open Source License" })
+        ] })
+      ] }),
+      /* @__PURE__ */ e("div", { className: "tier-card tier-card--highlight", "data-rk-9c5b50": "", children: [
+        /* @__PURE__ */ a("span", { className: "tier-badge tier-badge--gold", "data-rk-9c5b50": "", children: "RECOMMENDED" }),
+        /* @__PURE__ */ a("h3", { className: "tier-name", "data-rk-9c5b50": "", children: "Pro Developer" }),
+        /* @__PURE__ */ a("p", { className: "tier-desc", "data-rk-9c5b50": "", children: "Perfect for freelancers and modern digital creators." }),
+        /* @__PURE__ */ e("div", { className: "tier-price", "data-rk-9c5b50": "", children: [
+          "$29 ",
+          /* @__PURE__ */ a("span", { "data-rk-9c5b50": "", children: "/ month" })
+        ] }),
+        /* @__PURE__ */ a("a", { href: "#pro", className: "tier-btn tier-btn--primary", "data-rk-9c5b50": "", children: "Get Pro Access" }),
+        /* @__PURE__ */ e("ul", { className: "tier-list", "data-rk-9c5b50": "", children: [
+          /* @__PURE__ */ a("li", { "data-rk-9c5b50": "", children: "✓ Unlimited Projects" }),
+          /* @__PURE__ */ a("li", { "data-rk-9c5b50": "", children: "✓ All 200+ UI & 3D Components" }),
+          /* @__PURE__ */ a("li", { "data-rk-9c5b50": "", children: "✓ Full Source Code & Figma Kit" }),
+          /* @__PURE__ */ a("li", { "data-rk-9c5b50": "", children: "✓ Lifetime Updates" }),
+          /* @__PURE__ */ a("li", { "data-rk-9c5b50": "", children: "✓ Direct Email Support" })
+        ] })
+      ] }),
+      /* @__PURE__ */ e("div", { className: "tier-card", "data-rk-9c5b50": "", children: [
+        /* @__PURE__ */ a("span", { className: "tier-badge", "data-rk-9c5b50": "", children: "Agencies" }),
+        /* @__PURE__ */ a("h3", { className: "tier-name", "data-rk-9c5b50": "", children: "Agency Team" }),
+        /* @__PURE__ */ a("p", { className: "tier-desc", "data-rk-9c5b50": "", children: "For studios and multi-developer organizations." }),
+        /* @__PURE__ */ e("div", { className: "tier-price", "data-rk-9c5b50": "", children: [
+          "$99 ",
+          /* @__PURE__ */ a("span", { "data-rk-9c5b50": "", children: "/ month" })
+        ] }),
+        /* @__PURE__ */ a("a", { href: "#agency", className: "tier-btn tier-btn--ghost", "data-rk-9c5b50": "", children: "Get Team License" }),
+        /* @__PURE__ */ e("ul", { className: "tier-list", "data-rk-9c5b50": "", children: [
+          /* @__PURE__ */ a("li", { "data-rk-9c5b50": "", children: "✓ Up to 10 Team Seats" }),
+          /* @__PURE__ */ a("li", { "data-rk-9c5b50": "", children: "✓ Commercial Client Redistribution" }),
+          /* @__PURE__ */ a("li", { "data-rk-9c5b50": "", children: "✓ Dedicated Slack Support Channel" }),
+          /* @__PURE__ */ a("li", { "data-rk-9c5b50": "", children: "✓ Custom Component Requests" }),
+          /* @__PURE__ */ a("li", { "data-rk-9c5b50": "", children: "✓ 1-on-1 Architecture Reviews" })
+        ] })
+      ] })
+    ] })
+  ] }) }) }) });
+}
+function da({
+  badge: c = "Customer Love",
+  title: t = "Trusted by 10,000+ Developers Worldwide",
+  subtitle: d = "See how engineering teams ship faster and build beautiful React products with our component kit.",
+  className: r = ""
+}) {
+  return /* @__PURE__ */ a(N, { children: /* @__PURE__ */ a("div", { className: "cq-testimonial-wall-glass-cq", "data-rk-3eb70b": "", children: /* @__PURE__ */ e("section", { className: `testimonials-section ${r}`, "aria-labelledby": "testimonials-title", "data-rk-3eb70b": "", children: [
+    /* @__PURE__ */ e("div", { className: "testimonials-bg", "aria-hidden": "true", "data-rk-3eb70b": "", children: [
+      /* @__PURE__ */ a("div", { className: "test-glow test-glow--1", "data-rk-3eb70b": "" }),
+      /* @__PURE__ */ a("div", { className: "test-glow test-glow--2", "data-rk-3eb70b": "" })
+    ] }),
+    /* @__PURE__ */ e("div", { className: "container", "data-rk-3eb70b": "", children: [
+      /* @__PURE__ */ e("div", { className: "section-header", "data-rk-3eb70b": "", children: [
+        c && /* @__PURE__ */ a("span", { className: "section-badge", "data-rk-3eb70b": "", children: c }),
+        /* @__PURE__ */ a("h2", { id: "testimonials-title", className: "section-title", "data-rk-3eb70b": "", children: t }),
+        /* @__PURE__ */ a("p", { className: "section-subtitle", "data-rk-3eb70b": "", children: d }),
+        /* @__PURE__ */ e("div", { className: "trust-bar", "data-rk-3eb70b": "", children: [
+          /* @__PURE__ */ e("div", { className: "trust-stat", "data-rk-3eb70b": "", children: [
+            /* @__PURE__ */ a("span", { className: "trust-stat__num", "data-rk-3eb70b": "", children: "4.9 / 5.0" }),
+            /* @__PURE__ */ a("div", { className: "trust-stars", "data-rk-3eb70b": "", children: "★★★★★" }),
+            /* @__PURE__ */ a("span", { className: "trust-stat__label", "data-rk-3eb70b": "", children: "Over 1,200 Reviews" })
+          ] }),
+          /* @__PURE__ */ a("div", { className: "trust-sep", "data-rk-3eb70b": "" }),
+          /* @__PURE__ */ e("div", { className: "trust-stat", "data-rk-3eb70b": "", children: [
+            /* @__PURE__ */ a("span", { className: "trust-stat__num", "data-rk-3eb70b": "", children: "99.8%" }),
+            /* @__PURE__ */ a("span", { className: "trust-stat__sub", "data-rk-3eb70b": "", children: "Satisfaction Rate" }),
+            /* @__PURE__ */ a("span", { className: "trust-stat__label", "data-rk-3eb70b": "", children: "Based on 2026 Survey" })
+          ] }),
+          /* @__PURE__ */ a("div", { className: "trust-sep", "data-rk-3eb70b": "" }),
+          /* @__PURE__ */ e("div", { className: "trust-stat", "data-rk-3eb70b": "", children: [
+            /* @__PURE__ */ a("span", { className: "trust-stat__num", "data-rk-3eb70b": "", children: "3.5x" }),
+            /* @__PURE__ */ a("span", { className: "trust-stat__sub", "data-rk-3eb70b": "", children: "Faster Shipping" }),
+            /* @__PURE__ */ a("span", { className: "trust-stat__label", "data-rk-3eb70b": "", children: "Average Team Velocity" })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ e("div", { className: "testimonial-wall", "data-rk-3eb70b": "", children: [
+        /* @__PURE__ */ e("article", { className: "test-card", "data-rk-3eb70b": "", children: [
+          /* @__PURE__ */ a("div", { className: "test-card__stars", "data-rk-3eb70b": "", children: "★★★★★" }),
+          /* @__PURE__ */ a("p", { className: "test-card__quote", "data-rk-3eb70b": "", children: '"The UI/UX quality is astounding. We built our entire SaaS marketing site in a weekend and our Lighthouse scores went from 78 to a solid 100."' }),
+          /* @__PURE__ */ e("div", { className: "test-card__author", "data-rk-3eb70b": "", children: [
+            /* @__PURE__ */ a("div", { className: "author-avatar author-avatar--1", "data-rk-3eb70b": "", children: "SK" }),
+            /* @__PURE__ */ e("div", { className: "author-info", "data-rk-3eb70b": "", children: [
+              /* @__PURE__ */ a("span", { className: "author-name", "data-rk-3eb70b": "", children: "Sarah Kowalski" }),
+              /* @__PURE__ */ a("span", { className: "author-role", "data-rk-3eb70b": "", children: "Staff Frontend Engineer at CloudScale" })
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ e("article", { className: "test-card test-card--featured", "data-rk-3eb70b": "", children: [
+          /* @__PURE__ */ a("span", { className: "featured-badge", "data-rk-3eb70b": "", children: "Featured Case Study" }),
+          /* @__PURE__ */ a("div", { className: "test-card__stars", "data-rk-3eb70b": "", children: "★★★★★" }),
+          /* @__PURE__ */ a("p", { className: "test-card__quote", "data-rk-3eb70b": "", children: '"Zero client runtime JS combined with modern glassmorphic aesthetics is exactly what our agency needed. It cut our design-to-production turnaround by 70%."' }),
+          /* @__PURE__ */ e("div", { className: "test-card__author", "data-rk-3eb70b": "", children: [
+            /* @__PURE__ */ a("div", { className: "author-avatar author-avatar--2", "data-rk-3eb70b": "", children: "MA" }),
+            /* @__PURE__ */ e("div", { className: "author-info", "data-rk-3eb70b": "", children: [
+              /* @__PURE__ */ a("span", { className: "author-name", "data-rk-3eb70b": "", children: "Marc Andersson" }),
+              /* @__PURE__ */ a("span", { className: "author-role", "data-rk-3eb70b": "", children: "Founder & Design Lead at HyperStudio" })
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ e("article", { className: "test-card", "data-rk-3eb70b": "", children: [
+          /* @__PURE__ */ a("div", { className: "test-card__stars", "data-rk-3eb70b": "", children: "★★★★★" }),
+          /* @__PURE__ */ a("p", { className: "test-card__quote", "data-rk-3eb70b": "", children: '"Strict TypeScript support made integrating these components into our existing React 5 monorepo completely frictionless."' }),
+          /* @__PURE__ */ e("div", { className: "test-card__author", "data-rk-3eb70b": "", children: [
+            /* @__PURE__ */ a("div", { className: "author-avatar author-avatar--3", "data-rk-3eb70b": "", children: "DL" }),
+            /* @__PURE__ */ e("div", { className: "author-info", "data-rk-3eb70b": "", children: [
+              /* @__PURE__ */ a("span", { className: "author-name", "data-rk-3eb70b": "", children: "David Lin" }),
+              /* @__PURE__ */ a("span", { className: "author-role", "data-rk-3eb70b": "", children: "CTO at NexusFintech" })
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ e("article", { className: "test-card", "data-rk-3eb70b": "", children: [
+          /* @__PURE__ */ a("div", { className: "test-card__stars", "data-rk-3eb70b": "", children: "★★★★★" }),
+          /* @__PURE__ */ a("p", { className: "test-card__quote", "data-rk-3eb70b": "", children: '"The accessible form controls and micro-interactions feel like custom handcrafted components. Our users constantly compliment the new dashboard."' }),
+          /* @__PURE__ */ e("div", { className: "test-card__author", "data-rk-3eb70b": "", children: [
+            /* @__PURE__ */ a("div", { className: "author-avatar author-avatar--4", "data-rk-3eb70b": "", children: "EV" }),
+            /* @__PURE__ */ e("div", { className: "author-info", "data-rk-3eb70b": "", children: [
+              /* @__PURE__ */ a("span", { className: "author-name", "data-rk-3eb70b": "", children: "Elena Vega" }),
+              /* @__PURE__ */ a("span", { className: "author-role", "data-rk-3eb70b": "", children: "Head of Product at DevMetrics" })
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ e("article", { className: "test-card", "data-rk-3eb70b": "", children: [
+          /* @__PURE__ */ a("div", { className: "test-card__stars", "data-rk-3eb70b": "", children: "★★★★★" }),
+          /* @__PURE__ */ a("p", { className: "test-card__quote", "data-rk-3eb70b": "", children: `"Finally a component library that doesn't force bloated heavy dependencies. Pure React, pure CSS, ultra clean."` }),
+          /* @__PURE__ */ e("div", { className: "test-card__author", "data-rk-3eb70b": "", children: [
+            /* @__PURE__ */ a("div", { className: "author-avatar author-avatar--5", "data-rk-3eb70b": "", children: "TH" }),
+            /* @__PURE__ */ e("div", { className: "author-info", "data-rk-3eb70b": "", children: [
+              /* @__PURE__ */ a("span", { className: "author-name", "data-rk-3eb70b": "", children: "Thomas Huber" }),
+              /* @__PURE__ */ a("span", { className: "author-role", "data-rk-3eb70b": "", children: "Senior Systems Architect" })
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ e("article", { className: "test-card", "data-rk-3eb70b": "", children: [
+          /* @__PURE__ */ a("div", { className: "test-card__stars", "data-rk-3eb70b": "", children: "★★★★★" }),
+          /* @__PURE__ */ a("p", { className: "test-card__quote", "data-rk-3eb70b": "", children: '"The interactive 3D Galaxy hero alone saved our team weeks of WebGL experimentation. Outstanding work!"' }),
+          /* @__PURE__ */ e("div", { className: "test-card__author", "data-rk-3eb70b": "", children: [
+            /* @__PURE__ */ a("div", { className: "author-avatar author-avatar--6", "data-rk-3eb70b": "", children: "AR" }),
+            /* @__PURE__ */ e("div", { className: "author-info", "data-rk-3eb70b": "", children: [
+              /* @__PURE__ */ a("span", { className: "author-name", "data-rk-3eb70b": "", children: "Aria Rossi" }),
+              /* @__PURE__ */ a("span", { className: "author-role", "data-rk-3eb70b": "", children: "Creative Director at OrbitLabs" })
+            ] })
+          ] })
+        ] })
+      ] })
+    ] })
+  ] }) }) });
+}
+function ia({
+  badge: c = "Get Started Today",
+  title: t = "Ready to Build Something Extraordinary?",
+  subtitle: d = "Join over 10,000 developers building modern, accessible, and blindingly fast React web applications.",
+  primaryCtaText: r = "Start Building Free",
+  secondaryCtaText: s = "View Components",
+  className: i = ""
+}) {
+  return /* @__PURE__ */ a(N, { children: /* @__PURE__ */ a("div", { className: "cq-cta-glow-banner-cq", "data-rk-c3786a": "", children: /* @__PURE__ */ a("section", { className: `cta-banner-section ${i}`, "aria-labelledby": "cta-title", "data-rk-c3786a": "", children: /* @__PURE__ */ a("div", { className: "container", "data-rk-c3786a": "", children: /* @__PURE__ */ e("div", { className: "cta-banner-card", "data-rk-c3786a": "", children: [
+    /* @__PURE__ */ a("div", { className: "cta-mesh-bg", "aria-hidden": "true", "data-rk-c3786a": "" }),
+    /* @__PURE__ */ e("div", { className: "cta-content", "data-rk-c3786a": "", children: [
+      c && /* @__PURE__ */ a("span", { className: "cta-badge", "data-rk-c3786a": "", children: c }),
+      /* @__PURE__ */ a("h2", { id: "cta-title", className: "cta-title", "data-rk-c3786a": "", children: t }),
+      /* @__PURE__ */ a("p", { className: "cta-subtitle", "data-rk-c3786a": "", children: d }),
+      /* @__PURE__ */ e("div", { className: "cta-actions", "data-rk-c3786a": "", children: [
+        /* @__PURE__ */ e("form", { className: "cta-form", "data-rk-c3786a": "", children: [
+          /* @__PURE__ */ a("input", { type: "email", placeholder: "Enter your work email...", required: !0, className: "cta-input", "aria-label": "Email address", "data-rk-c3786a": "" }),
+          /* @__PURE__ */ a("button", { type: "submit", className: "cta-btn cta-btn--primary", "data-rk-c3786a": "", children: r })
+        ] }),
+        /* @__PURE__ */ a("a", { href: "/docs/glass-button", className: "cta-btn cta-btn--ghost", "data-rk-c3786a": "", children: s })
+      ] }),
+      /* @__PURE__ */ e("div", { className: "cta-trust-row", "data-rk-c3786a": "", children: [
+        /* @__PURE__ */ e("div", { className: "trust-item", "data-rk-c3786a": "", children: [
+          /* @__PURE__ */ a("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "data-rk-c3786a": "", children: /* @__PURE__ */ a("path", { d: "M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10", "data-rk-c3786a": "" }) }),
+          /* @__PURE__ */ a("span", { "data-rk-c3786a": "", children: "SOC2 Type II Certified" })
+        ] }),
+        /* @__PURE__ */ e("div", { className: "trust-item", "data-rk-c3786a": "", children: [
+          /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "data-rk-c3786a": "", children: [
+            /* @__PURE__ */ a("circle", { cx: "12", cy: "12", r: "10", "data-rk-c3786a": "" }),
+            /* @__PURE__ */ a("path", { d: "m9 12 2 2 4-4", "data-rk-c3786a": "" })
+          ] }),
+          /* @__PURE__ */ a("span", { "data-rk-c3786a": "", children: "WCAG 2.1 AA Compliant" })
+        ] }),
+        /* @__PURE__ */ e("div", { className: "trust-item", "data-rk-c3786a": "", children: [
+          /* @__PURE__ */ a("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "data-rk-c3786a": "", children: /* @__PURE__ */ a("path", { d: "M13 2 3 14h9l-1 8 10-12h-9l1-8z", "data-rk-c3786a": "" }) }),
+          /* @__PURE__ */ a("span", { "data-rk-c3786a": "", children: "100/100 Lighthouse Performance" })
+        ] })
+      ] })
+    ] })
+  ] }) }) }) }) });
+}
+function la({
+  badge: c = "Mobile Experience",
+  title: t = "Manage Your React Deployments On the Go",
+  subtitle: d = "Download our native companion mobile application. Monitor real-time builds, latency metrics, and team notifications directly from your pocket.",
+  className: r = ""
+}) {
+  return /* @__PURE__ */ a(N, { children: /* @__PURE__ */ a("div", { className: "cq-cta-app-download-cq", "data-rk-68c50b": "", children: /* @__PURE__ */ a("section", { className: `app-download-section ${r}`, "aria-labelledby": "app-title", "data-rk-68c50b": "", children: /* @__PURE__ */ a("div", { className: "container", "data-rk-68c50b": "", children: /* @__PURE__ */ e("div", { className: "app-card", "data-rk-68c50b": "", children: [
+    /* @__PURE__ */ e("div", { className: "app-info", "data-rk-68c50b": "", children: [
+      c && /* @__PURE__ */ a("span", { className: "app-badge", "data-rk-68c50b": "", children: c }),
+      /* @__PURE__ */ a("h2", { id: "app-title", className: "app-title", "data-rk-68c50b": "", children: t }),
+      /* @__PURE__ */ a("p", { className: "app-subtitle", "data-rk-68c50b": "", children: d }),
+      /* @__PURE__ */ e("div", { className: "app-features-mini", "data-rk-68c50b": "", children: [
+        /* @__PURE__ */ a("div", { className: "feat-pill", "data-rk-68c50b": "", children: "⚡ Instant Push Alerts" }),
+        /* @__PURE__ */ a("div", { className: "feat-pill", "data-rk-68c50b": "", children: "📊 Real-Time Analytics" }),
+        /* @__PURE__ */ a("div", { className: "feat-pill", "data-rk-68c50b": "", children: "🔒 Biometric Security" })
+      ] }),
+      /* @__PURE__ */ e("div", { className: "store-buttons", "data-rk-68c50b": "", children: [
+        /* @__PURE__ */ e("a", { href: "#app-store", className: "store-btn", "data-rk-68c50b": "", children: [
+          /* @__PURE__ */ a("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "currentColor", "data-rk-68c50b": "", children: /* @__PURE__ */ a("path", { d: "M18.71 19.5c-.83 1.24-1.71 2.45-3.05 2.47-1.34.03-1.77-.79-3.29-.79-1.53 0-2 .77-3.27.82-1.31.05-2.3-1.32-3.14-2.53C4.25 17 2.94 12.45 4.7 9.39c.87-1.52 2.43-2.48 4.12-2.51 1.28-.02 2.5.87 3.29.87.78 0 2.26-1.07 3.81-.91.65.03 2.47.26 3.64 1.98-.09.06-2.17 1.28-2.15 3.81.03 3.02 2.65 4.03 2.68 4.04-.03.07-.42 1.44-1.38 2.83M15.97 6.85c.66-.8 1.11-1.92.99-3.04-.96.04-2.13.64-2.82 1.44-.6.7-.99 1.83-1.02 2.98.08.01.16.02.24.02.88 0 1.95-.58 2.61-1.4z", "data-rk-68c50b": "" }) }),
+          /* @__PURE__ */ e("div", { className: "store-btn__text", "data-rk-68c50b": "", children: [
+            /* @__PURE__ */ a("span", { className: "store-btn__sub", "data-rk-68c50b": "", children: "Download on the" }),
+            /* @__PURE__ */ a("span", { className: "store-btn__name", "data-rk-68c50b": "", children: "App Store" })
+          ] })
+        ] }),
+        /* @__PURE__ */ e("a", { href: "#google-play", className: "store-btn", "data-rk-68c50b": "", children: [
+          /* @__PURE__ */ a("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "currentColor", "data-rk-68c50b": "", children: /* @__PURE__ */ a("path", { d: "M3.609 1.814L13.792 12 3.61 22.186a2.227 2.227 0 0 1-.22-.968V2.782c0-.361.08-.696.22-.968zm11.24 11.24l2.128 2.129-12.03 6.946 9.902-9.075zm2.933-2.05l2.673 1.543c.876.505.876 1.332 0 1.837l-2.673 1.544-2.338-2.338 2.338-2.586zM4.947 1.87l12.031 6.947-2.128 2.128-9.903-9.075z", "data-rk-68c50b": "" }) }),
+          /* @__PURE__ */ e("div", { className: "store-btn__text", "data-rk-68c50b": "", children: [
+            /* @__PURE__ */ a("span", { className: "store-btn__sub", "data-rk-68c50b": "", children: "GET IT ON" }),
+            /* @__PURE__ */ a("span", { className: "store-btn__name", "data-rk-68c50b": "", children: "Google Play" })
+          ] })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ a("div", { className: "app-visual", "data-rk-68c50b": "", children: /* @__PURE__ */ e("div", { className: "phone-frame", "data-rk-68c50b": "", children: [
+      /* @__PURE__ */ a("div", { className: "phone-notch", "data-rk-68c50b": "" }),
+      /* @__PURE__ */ e("div", { className: "phone-screen", "data-rk-68c50b": "", children: [
+        /* @__PURE__ */ e("div", { className: "phone-header", "data-rk-68c50b": "", children: [
+          /* @__PURE__ */ a("div", { className: "phone-avatar", "data-rk-68c50b": "" }),
+          /* @__PURE__ */ a("span", { "data-rk-68c50b": "", children: "Production Edge" }),
+          /* @__PURE__ */ a("span", { className: "phone-live", "data-rk-68c50b": "", children: "100% UP" })
+        ] }),
+        /* @__PURE__ */ a("div", { className: "phone-chart", "data-rk-68c50b": "" }),
+        /* @__PURE__ */ a("div", { className: "phone-card-mini", "data-rk-68c50b": "", children: "✓ Build #402 deployed in 12s" }),
+        /* @__PURE__ */ a("div", { className: "phone-card-mini", "data-rk-68c50b": "", children: "⚡ TTFB latency: 14ms" })
+      ] })
+    ] }) })
+  ] }) }) }) }) });
+}
+function na({
+  badge: c = "Frequently Asked Questions",
+  title: t = "Got Questions? We Have Answers",
+  subtitle: d = "Everything you need to know about the React Components Kit, licensing, updates, and custom integrations.",
+  className: r = ""
+}) {
+  const s = [
+    {
+      category: "general",
+      q: "Is this library compatible with React 18 & 19?",
+      a: "Yes! All components are built specifically for React 18 & 19 and leverage React Server Components, scoped styles, and zero-runtime architecture."
+    },
+    {
+      category: "general",
+      q: "Do I need Tailwind CSS to use these components?",
+      a: "No. All components use pure Vanilla CSS with scoped design tokens defined in global.css. You do not need Tailwind or any heavy utility framework."
+    },
+    {
+      category: "licensing",
+      q: "Can I use these components in commercial client projects?",
+      a: "Absolutely! The component kit is licensed under the permissive MIT license, allowing unlimited commercial and personal project usage with zero royalties."
+    },
+    {
+      category: "performance",
+      q: "How does this achieve 100/100 Lighthouse performance?",
+      a: "By shipping zero client-side JavaScript by default. Interactive controls use pure CSS or lightweight unobtrusive native DOM events only where strictly necessary."
+    },
+    {
+      category: "support",
+      q: "How do I get help or report a bug?",
+      a: "You can open an issue on our GitHub repository or join our Discord developer community where maintainers and contributors are active daily."
+    },
+    {
+      category: "licensing",
+      q: "How do I install the package in my project?",
+      a: "Simply run `npm install react-component-kit-ui` and import any component: `import { GlassCard } from 'react-component-kit-ui';`."
+    }
+  ], i = _(!1);
+  return y(() => {
+    if (i.current) return;
+    i.current = !0;
+    const n = document.querySelectorAll(".faq-tab"), b = document.querySelectorAll(".faq-item");
+    n.forEach((p) => {
+      p.addEventListener("click", () => {
+        n.forEach((l) => l.classList.remove("faq-tab--active")), p.classList.add("faq-tab--active");
+        const k = p.getAttribute("data-cat");
+        b.forEach((l) => {
+          const h = l.getAttribute("data-category");
+          k === "all" || h === k ? l.style.display = "block" : l.style.display = "none";
+        });
+      });
+    });
+  }, []), /* @__PURE__ */ a(N, { children: /* @__PURE__ */ e("section", { className: `faq-section ${r}`, "aria-labelledby": "faq-title", "data-rk-13b0ac": "", children: [
+    /* @__PURE__ */ a("div", { className: "faq-bg", "aria-hidden": "true", "data-rk-13b0ac": "", children: /* @__PURE__ */ a("div", { className: "faq-glow", "data-rk-13b0ac": "" }) }),
+    /* @__PURE__ */ e("div", { className: "container", "data-rk-13b0ac": "", children: [
+      /* @__PURE__ */ e("div", { className: "section-header", "data-rk-13b0ac": "", children: [
+        c && /* @__PURE__ */ a("span", { className: "section-badge", "data-rk-13b0ac": "", children: c }),
+        /* @__PURE__ */ a("h2", { id: "faq-title", className: "section-title", "data-rk-13b0ac": "", children: t }),
+        /* @__PURE__ */ a("p", { className: "section-subtitle", "data-rk-13b0ac": "", children: d }),
+        /* @__PURE__ */ e("div", { className: "faq-tabs", role: "tablist", "data-rk-13b0ac": "", children: [
+          /* @__PURE__ */ a("button", { className: "faq-tab faq-tab--active", "data-cat": "all", "data-rk-13b0ac": "", children: "All Questions" }),
+          /* @__PURE__ */ a("button", { className: "faq-tab", "data-cat": "general", "data-rk-13b0ac": "", children: "General" }),
+          /* @__PURE__ */ a("button", { className: "faq-tab", "data-cat": "licensing", "data-rk-13b0ac": "", children: "Licensing" }),
+          /* @__PURE__ */ a("button", { className: "faq-tab", "data-cat": "performance", "data-rk-13b0ac": "", children: "Performance" }),
+          /* @__PURE__ */ a("button", { className: "faq-tab", "data-cat": "support", "data-rk-13b0ac": "", children: "Support" })
+        ] })
+      ] }),
+      /* @__PURE__ */ a("div", { className: "faq-list", "data-rk-13b0ac": "", children: s.map((n, b) => /* @__PURE__ */ e("details", { className: "faq-item", "data-category": n.category, "data-rk-13b0ac": "", children: [
+        /* @__PURE__ */ e("summary", { className: "faq-question", "data-rk-13b0ac": "", children: [
+          /* @__PURE__ */ a("span", { className: "faq-question-text", "data-rk-13b0ac": "", children: n.q }),
+          /* @__PURE__ */ a("span", { className: "faq-chevron", "aria-hidden": "true", "data-rk-13b0ac": "", children: /* @__PURE__ */ a("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", "data-rk-13b0ac": "", children: /* @__PURE__ */ a("path", { d: "m6 9 6 6 6-6", "data-rk-13b0ac": "" }) }) })
+        ] }),
+        /* @__PURE__ */ a("div", { className: "faq-answer", "data-rk-13b0ac": "", children: /* @__PURE__ */ a("p", { "data-rk-13b0ac": "", children: n.a }) })
+      ] }, b)) }),
+      /* @__PURE__ */ e("div", { className: "faq-support-box", "data-rk-13b0ac": "", children: [
+        /* @__PURE__ */ a("div", { className: "support-icon", "data-rk-13b0ac": "", children: "💬" }),
+        /* @__PURE__ */ e("div", { className: "support-info", "data-rk-13b0ac": "", children: [
+          /* @__PURE__ */ a("h4", { "data-rk-13b0ac": "", children: "Still have questions?" }),
+          /* @__PURE__ */ a("p", { "data-rk-13b0ac": "", children: "Can't find the answer you're looking for? Chat to our friendly team." })
+        ] }),
+        /* @__PURE__ */ a("a", { href: "#contact", className: "support-btn", "data-rk-13b0ac": "", children: "Get in Touch" })
+      ] })
+    ] })
+  ] }) });
+}
+function T(c) {
+  const t = {};
+  for (const d of String(c ?? "").split(";")) {
+    const r = d.indexOf(":");
+    if (r < 0) continue;
+    const s = d.slice(0, r).trim();
+    s && (t[s.startsWith("--") ? s : s.replace(/-([a-z])/g, (i, n) => n.toUpperCase())] = d.slice(r + 1).trim());
+  }
+  return t;
+}
+function oa({
+  badge: c = "Global Scale",
+  title: t = "Built for Production at Enterprise Scale",
+  subtitle: d = "Powering millions of monthly page views with flawless reliability, instant static caching, and ultra-low latency.",
+  className: r = ""
+}) {
+  const s = [
+    {
+      value: "200+",
+      label: "Handcrafted UI Components",
+      change: "+45 this quarter",
+      positive: !0,
+      desc: "From atomic buttons to full landing sections."
+    },
+    {
+      value: "99.99%",
+      label: "Uptime & Reliability",
+      change: "Zero incidents",
+      positive: !0,
+      desc: "Hosted on global edge CDN distribution networks."
+    },
+    {
+      value: "< 50ms",
+      label: "Time to First Byte (TTFB)",
+      change: "3.2x faster",
+      positive: !0,
+      desc: "Pre-rendered static HTML with immutable cache."
+    },
+    {
+      value: "10k+",
+      label: "Active Developers",
+      change: "+120% YoY growth",
+      positive: !0,
+      desc: "Deploying production React apps worldwide."
+    }
+  ];
+  return /* @__PURE__ */ a(N, { children: /* @__PURE__ */ a("div", { className: "cq-stats-metric-showcase-cq", "data-rk-edcafc": "", children: /* @__PURE__ */ e("section", { className: `stats-section ${r}`, "aria-labelledby": "stats-title", "data-rk-edcafc": "", children: [
+    /* @__PURE__ */ a("div", { className: "stats-bg", "aria-hidden": "true", "data-rk-edcafc": "", children: /* @__PURE__ */ a("div", { className: "stats-glow", "data-rk-edcafc": "" }) }),
+    /* @__PURE__ */ e("div", { className: "container", "data-rk-edcafc": "", children: [
+      /* @__PURE__ */ e("div", { className: "section-header", "data-rk-edcafc": "", children: [
+        c && /* @__PURE__ */ a("span", { className: "section-badge", "data-rk-edcafc": "", children: c }),
+        /* @__PURE__ */ a("h2", { id: "stats-title", className: "section-title", "data-rk-edcafc": "", children: t }),
+        /* @__PURE__ */ a("p", { className: "section-subtitle", "data-rk-edcafc": "", children: d })
+      ] }),
+      /* @__PURE__ */ a("div", { className: "stats-grid", "data-rk-edcafc": "", children: s.map((i, n) => /* @__PURE__ */ e("article", { className: "stat-card", "data-rk-edcafc": "", children: [
+        /* @__PURE__ */ e("div", { className: "stat-top", "data-rk-edcafc": "", children: [
+          /* @__PURE__ */ a("span", { className: "stat-num", "data-rk-edcafc": "", children: i.value }),
+          /* @__PURE__ */ a("span", { className: "stat-badge", "data-rk-edcafc": "", children: i.change })
+        ] }),
+        /* @__PURE__ */ a("h3", { className: "stat-label", "data-rk-edcafc": "", children: i.label }),
+        /* @__PURE__ */ a("p", { className: "stat-desc", "data-rk-edcafc": "", children: i.desc }),
+        /* @__PURE__ */ a("div", { className: "stat-chart-bar", "aria-hidden": "true", "data-rk-edcafc": "", children: /* @__PURE__ */ a("div", { className: "chart-progress", style: T(`width: ${75 + n * 8}%;`), "data-rk-edcafc": "" }) })
+      ] }, n)) }),
+      /* @__PURE__ */ e("div", { className: "telemetry-banner", "data-rk-edcafc": "", children: [
+        /* @__PURE__ */ e("div", { className: "telemetry-live", "data-rk-edcafc": "", children: [
+          /* @__PURE__ */ a("span", { className: "live-dot", "data-rk-edcafc": "" }),
+          /* @__PURE__ */ a("span", { className: "live-label", "data-rk-edcafc": "", children: "LIVE NETWORK TELEMETRY" })
+        ] }),
+        /* @__PURE__ */ e("div", { className: "telemetry-items", "data-rk-edcafc": "", children: [
+          /* @__PURE__ */ e("div", { className: "telemetry-item", "data-rk-edcafc": "", children: [
+            /* @__PURE__ */ a("span", { className: "tel-name", "data-rk-edcafc": "", children: "Edge POPs:" }),
+            /* @__PURE__ */ a("span", { className: "tel-val", "data-rk-edcafc": "", children: "310 Cities" })
+          ] }),
+          /* @__PURE__ */ e("div", { className: "telemetry-item", "data-rk-edcafc": "", children: [
+            /* @__PURE__ */ a("span", { className: "tel-name", "data-rk-edcafc": "", children: "Global CDN Latency:" }),
+            /* @__PURE__ */ a("span", { className: "tel-val", "data-rk-edcafc": "", children: "18ms avg" })
+          ] }),
+          /* @__PURE__ */ e("div", { className: "telemetry-item", "data-rk-edcafc": "", children: [
+            /* @__PURE__ */ a("span", { className: "tel-name", "data-rk-edcafc": "", children: "Asset Compression:" }),
+            /* @__PURE__ */ a("span", { className: "tel-val", "data-rk-edcafc": "", children: "Brotli / Gzip Enabled" })
+          ] })
+        ] })
+      ] })
+    ] })
+  ] }) }) });
+}
+function M(c) {
+  const t = {};
+  for (const d of String(c ?? "").split(";")) {
+    const r = d.indexOf(":");
+    if (r < 0) continue;
+    const s = d.slice(0, r).trim();
+    s && (t[s.startsWith("--") ? s : s.replace(/-([a-z])/g, (i, n) => n.toUpperCase())] = d.slice(r + 1).trim());
+  }
+  return t;
+}
+function ha({
+  badge: c = "Our Team",
+  title: t = "Built by Engineers, Designers & Open Source Believers",
+  subtitle: d = "Meet the passionate team behind the React Components Kit, crafting tools to elevate modern web interfaces.",
+  className: r = ""
+}) {
+  const s = [
+    {
+      name: "Alexandre Moreau",
+      role: "Lead Architect & Founder",
+      bio: "Passionate about zero-runtime systems and developer experience.",
+      initials: "AM",
+      avatarColor: "linear-gradient(135deg, #6366f1, #a855f7)",
+      github: "https://github.com",
+      twitter: "https://x.com"
+    },
+    {
+      name: "Elena Rostova",
+      role: "Head of Design & UI/UX",
+      bio: "Design systems veteran specializing in dark-mode glassmorphism and WCAG compliance.",
+      initials: "ER",
+      avatarColor: "linear-gradient(135deg, #eab308, #d97706)",
+      github: "https://github.com",
+      twitter: "https://x.com"
+    },
+    {
+      name: "Liam Chen",
+      role: "Senior 3D & Graphics Engineer",
+      bio: "Creator of the WebGL and Three.js shader particle background engines.",
+      initials: "LC",
+      avatarColor: "linear-gradient(135deg, #06b6d4, #3b82f6)",
+      github: "https://github.com",
+      twitter: "https://x.com"
+    },
+    {
+      name: "Sophia Martinez",
+      role: "Core Maintainer & DX Lead",
+      bio: "Obsessed with strict TypeScript typings, automated testing, and bundling performance.",
+      initials: "SM",
+      avatarColor: "linear-gradient(135deg, #10b981, #059669)",
+      github: "https://github.com",
+      twitter: "https://x.com"
+    }
+  ];
+  return /* @__PURE__ */ a(N, { children: /* @__PURE__ */ a("div", { className: "cq-team-grid-section-cq", "data-rk-e56c49": "", children: /* @__PURE__ */ e("section", { className: `team-section ${r}`, "aria-labelledby": "team-title", "data-rk-e56c49": "", children: [
+    /* @__PURE__ */ a("div", { className: "team-bg", "aria-hidden": "true", "data-rk-e56c49": "", children: /* @__PURE__ */ a("div", { className: "team-glow", "data-rk-e56c49": "" }) }),
+    /* @__PURE__ */ e("div", { className: "container", "data-rk-e56c49": "", children: [
+      /* @__PURE__ */ e("div", { className: "section-header", "data-rk-e56c49": "", children: [
+        c && /* @__PURE__ */ a("span", { className: "section-badge", "data-rk-e56c49": "", children: c }),
+        /* @__PURE__ */ a("h2", { id: "team-title", className: "section-title", "data-rk-e56c49": "", children: t }),
+        /* @__PURE__ */ a("p", { className: "section-subtitle", "data-rk-e56c49": "", children: d })
+      ] }),
+      /* @__PURE__ */ a("div", { className: "team-grid", "data-rk-e56c49": "", children: s.map((i, n) => /* @__PURE__ */ e("article", { className: "member-card", "data-rk-e56c49": "", children: [
+        /* @__PURE__ */ a("div", { className: "member-avatar", style: M(`background: ${i.avatarColor};`), "data-rk-e56c49": "", children: /* @__PURE__ */ a("span", { "data-rk-e56c49": "", children: i.initials }) }),
+        /* @__PURE__ */ a("h3", { className: "member-name", "data-rk-e56c49": "", children: i.name }),
+        /* @__PURE__ */ a("span", { className: "member-role", "data-rk-e56c49": "", children: i.role }),
+        /* @__PURE__ */ a("p", { className: "member-bio", "data-rk-e56c49": "", children: i.bio }),
+        /* @__PURE__ */ e("div", { className: "member-socials", "data-rk-e56c49": "", children: [
+          /* @__PURE__ */ a("a", { href: i.github, target: "_blank", rel: "noopener", "aria-label": `${i.name} on GitHub`, className: "social-icon", "data-rk-e56c49": "", children: /* @__PURE__ */ e("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "data-rk-e56c49": "", children: [
+            /* @__PURE__ */ a("path", { d: "M15 22v-4a4.8 4.8 0 0 0-1-3.5c3 0 6-2 6-5.5.08-1.25-.27-2.48-1-3.5.28-1.15.28-2.35 0-3.5 0 0-1 0-3 1.5-2.64-.5-5.36-.5-8 0C6 2 5 2 5 2c-.3 1.15-.3 2.35 0 3.5A5.403 5.403 0 0 0 4 9c0 3.5 3 5.5 6 5.5-.39.49-.68 1.05-.85 1.65-.17.6-.22 1.23-.15 1.85v4", "data-rk-e56c49": "" }),
+            /* @__PURE__ */ a("path", { d: "M9 18c-4.51 2-5-2-7-2", "data-rk-e56c49": "" })
+          ] }) }),
+          /* @__PURE__ */ a("a", { href: i.twitter, target: "_blank", rel: "noopener", "aria-label": `${i.name} on Twitter`, className: "social-icon", "data-rk-e56c49": "", children: /* @__PURE__ */ a("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "data-rk-e56c49": "", children: /* @__PURE__ */ a("path", { d: "M22 4s-.7 2.1-2 3.4c1.6 10-9.4 17.3-18 11.6 2.2.1 4.4-.6 6-2C3 15.5.5 9.6 3 5c2.2 2.6 5.6 4.1 9 4-.9-4.2 4-6.6 7-3.8 1.1 0 3-1.2 3-1.2z", "data-rk-e56c49": "" }) }) })
+        ] })
+      ] }, n)) }),
+      /* @__PURE__ */ e("div", { className: "hiring-banner", "data-rk-e56c49": "", children: [
+        /* @__PURE__ */ e("div", { className: "hiring-info", "data-rk-e56c49": "", children: [
+          /* @__PURE__ */ a("span", { className: "hiring-tag", "data-rk-e56c49": "", children: "WE ARE HIRING" }),
+          /* @__PURE__ */ a("h4", { "data-rk-e56c49": "", children: "Want to help shape the future of React components?" }),
+          /* @__PURE__ */ a("p", { "data-rk-e56c49": "", children: "We are looking for frontend wizards, designers, and open-source contributors." })
+        ] }),
+        /* @__PURE__ */ a("a", { href: "#careers", className: "hiring-btn", "data-rk-e56c49": "", children: "View Open Roles →" })
+      ] })
+    ] })
+  ] }) }) });
+}
+function ma({
+  badge: c = "Get In Touch",
+  title: t = "Let's Build Something Exceptional Together",
+  subtitle: d = "Have a question, custom component inquiry, or need enterprise support? Our team is here to assist.",
+  className: r = ""
+}) {
+  return /* @__PURE__ */ a(N, { children: /* @__PURE__ */ a("div", { className: "cq-contact-glass-form-cq", "data-rk-6b0fee": "", children: /* @__PURE__ */ e("section", { className: `contact-section ${r}`, "aria-labelledby": "contact-title", "data-rk-6b0fee": "", children: [
+    /* @__PURE__ */ a("div", { className: "contact-bg", "aria-hidden": "true", "data-rk-6b0fee": "", children: /* @__PURE__ */ a("div", { className: "contact-glow", "data-rk-6b0fee": "" }) }),
+    /* @__PURE__ */ a("div", { className: "container", "data-rk-6b0fee": "", children: /* @__PURE__ */ e("div", { className: "contact-grid", "data-rk-6b0fee": "", children: [
+      /* @__PURE__ */ e("div", { className: "contact-info", "data-rk-6b0fee": "", children: [
+        c && /* @__PURE__ */ a("span", { className: "contact-badge", "data-rk-6b0fee": "", children: c }),
+        /* @__PURE__ */ a("h2", { id: "contact-title", className: "contact-title", "data-rk-6b0fee": "", children: t }),
+        /* @__PURE__ */ a("p", { className: "contact-subtitle", "data-rk-6b0fee": "", children: d }),
+        /* @__PURE__ */ e("div", { className: "sla-badge", "data-rk-6b0fee": "", children: [
+          /* @__PURE__ */ a("span", { className: "sla-dot", "data-rk-6b0fee": "" }),
+          /* @__PURE__ */ e("span", { "data-rk-6b0fee": "", children: [
+            "Average response time: ",
+            /* @__PURE__ */ a("strong", { "data-rk-6b0fee": "", children: "under 2 hours" })
+          ] })
+        ] }),
+        /* @__PURE__ */ e("div", { className: "channels-list", "data-rk-6b0fee": "", children: [
+          /* @__PURE__ */ e("div", { className: "channel-card", "data-rk-6b0fee": "", children: [
+            /* @__PURE__ */ a("div", { className: "channel-icon", "data-rk-6b0fee": "", children: /* @__PURE__ */ e("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "data-rk-6b0fee": "", children: [
+              /* @__PURE__ */ a("rect", { width: "20", height: "16", x: "2", y: "4", rx: "2", "data-rk-6b0fee": "" }),
+              /* @__PURE__ */ a("path", { d: "m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7", "data-rk-6b0fee": "" })
+            ] }) }),
+            /* @__PURE__ */ e("div", { className: "channel-details", "data-rk-6b0fee": "", children: [
+              /* @__PURE__ */ a("span", { className: "channel-label", "data-rk-6b0fee": "", children: "Direct Email" }),
+              /* @__PURE__ */ a("a", { href: "mailto:support@reactcomponents.dev", className: "channel-link", "data-rk-6b0fee": "", children: "support@reactcomponents.dev" })
+            ] })
+          ] }),
+          /* @__PURE__ */ e("div", { className: "channel-card", "data-rk-6b0fee": "", children: [
+            /* @__PURE__ */ a("div", { className: "channel-icon", "data-rk-6b0fee": "", children: /* @__PURE__ */ e("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "data-rk-6b0fee": "", children: [
+              /* @__PURE__ */ a("path", { d: "M15 22v-4a4.8 4.8 0 0 0-1-3.5c3 0 6-2 6-5.5.08-1.25-.27-2.48-1-3.5.28-1.15.28-2.35 0-3.5 0 0-1 0-3 1.5-2.64-.5-5.36-.5-8 0C6 2 5 2 5 2c-.3 1.15-.3 2.35 0 3.5A5.403 5.403 0 0 0 4 9c0 3.5 3 5.5 6 5.5-.39.49-.68 1.05-.85 1.65-.17.6-.22 1.23-.15 1.85v4", "data-rk-6b0fee": "" }),
+              /* @__PURE__ */ a("path", { d: "M9 18c-4.51 2-5-2-7-2", "data-rk-6b0fee": "" })
+            ] }) }),
+            /* @__PURE__ */ e("div", { className: "channel-details", "data-rk-6b0fee": "", children: [
+              /* @__PURE__ */ a("span", { className: "channel-label", "data-rk-6b0fee": "", children: "Open Source GitHub" }),
+              /* @__PURE__ */ a("a", { href: "https://github.com", target: "_blank", rel: "noopener", className: "channel-link", "data-rk-6b0fee": "", children: "github.com/react-components" })
+            ] })
+          ] }),
+          /* @__PURE__ */ e("div", { className: "channel-card", "data-rk-6b0fee": "", children: [
+            /* @__PURE__ */ a("div", { className: "channel-icon", "data-rk-6b0fee": "", children: /* @__PURE__ */ a("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "data-rk-6b0fee": "", children: /* @__PURE__ */ a("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-6b0fee": "" }) }) }),
+            /* @__PURE__ */ e("div", { className: "channel-details", "data-rk-6b0fee": "", children: [
+              /* @__PURE__ */ a("span", { className: "channel-label", "data-rk-6b0fee": "", children: "Community Discord" }),
+              /* @__PURE__ */ a("a", { href: "https://discord.com", target: "_blank", rel: "noopener", className: "channel-link", "data-rk-6b0fee": "", children: "discord.gg/react-components" })
+            ] })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ a("div", { className: "contact-form-wrap", "data-rk-6b0fee": "", children: /* @__PURE__ */ e("form", { className: "contact-form", "data-rk-6b0fee": "", children: [
+        /* @__PURE__ */ a("h3", { className: "form-title", "data-rk-6b0fee": "", children: "Send us a message" }),
+        /* @__PURE__ */ a("p", { className: "form-desc", "data-rk-6b0fee": "", children: "Fill in the details below and we will get back to you promptly." }),
+        /* @__PURE__ */ e("div", { className: "form-row", "data-rk-6b0fee": "", children: [
+          /* @__PURE__ */ e("div", { className: "form-group", "data-rk-6b0fee": "", children: [
+            /* @__PURE__ */ a("label", { htmlFor: "c-name", "data-rk-6b0fee": "", children: "Full Name" }),
+            /* @__PURE__ */ a("input", { type: "text", id: "c-name", required: !0, placeholder: "Alex Morgan", className: "form-input", "data-rk-6b0fee": "" })
+          ] }),
+          /* @__PURE__ */ e("div", { className: "form-group", "data-rk-6b0fee": "", children: [
+            /* @__PURE__ */ a("label", { htmlFor: "c-email", "data-rk-6b0fee": "", children: "Work Email" }),
+            /* @__PURE__ */ a("input", { type: "email", id: "c-email", required: !0, placeholder: "alex@company.com", className: "form-input", "data-rk-6b0fee": "" })
+          ] })
+        ] }),
+        /* @__PURE__ */ e("div", { className: "form-group", "data-rk-6b0fee": "", children: [
+          /* @__PURE__ */ a("label", { htmlFor: "c-subject", "data-rk-6b0fee": "", children: "Subject / Inquiry Type" }),
+          /* @__PURE__ */ e("select", { id: "c-subject", className: "form-select", "data-rk-6b0fee": "", children: [
+            /* @__PURE__ */ a("option", { value: "general", "data-rk-6b0fee": "", children: "General Question" }),
+            /* @__PURE__ */ a("option", { value: "enterprise", "data-rk-6b0fee": "", children: "Enterprise Custom Components" }),
+            /* @__PURE__ */ a("option", { value: "bug", "data-rk-6b0fee": "", children: "Bug Report / Issue" }),
+            /* @__PURE__ */ a("option", { value: "partnership", "data-rk-6b0fee": "", children: "Partnership & Sponsorship" })
+          ] })
+        ] }),
+        /* @__PURE__ */ e("div", { className: "form-group", "data-rk-6b0fee": "", children: [
+          /* @__PURE__ */ a("label", { htmlFor: "c-message", "data-rk-6b0fee": "", children: "Your Message" }),
+          /* @__PURE__ */ a("textarea", { id: "c-message", required: !0, rows: 4, placeholder: "Tell us how we can help...", className: "form-textarea", "data-rk-6b0fee": "" })
+        ] }),
+        /* @__PURE__ */ e("button", { type: "submit", className: "submit-btn", "data-rk-6b0fee": "", children: [
+          /* @__PURE__ */ a("span", { "data-rk-6b0fee": "", children: "Send Message" }),
+          /* @__PURE__ */ e("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "data-rk-6b0fee": "", children: [
+            /* @__PURE__ */ a("path", { d: "m22 2-7 20-4-9-9-4Z", "data-rk-6b0fee": "" }),
+            /* @__PURE__ */ a("path", { d: "M22 2 11 13", "data-rk-6b0fee": "" })
+          ] })
+        ] })
+      ] }) })
+    ] }) })
+  ] }) }) });
+}
+function E(...c) {
+  const t = [], d = (r) => {
+    if (r) {
+      if (typeof r == "string" || typeof r == "number") t.push(String(r));
+      else if (Array.isArray(r)) r.forEach(d);
+      else if (typeof r == "object")
+        for (const [s, i] of Object.entries(r)) i && t.push(s);
+    }
+  };
+  return c.forEach(d), t.join(" ");
+}
+function ka({
+  eyebrow: c = "WALL OF LOVE",
+  title: t = "Trusted by thousands of React builders",
+  subtitle: d = "Discover why developers, indie hackers, and creative agencies rely on React Components Kit for production websites."
+}) {
+  return /* @__PURE__ */ a(N, { children: /* @__PURE__ */ e("section", { className: "testi-section", "data-rk-6335bb": "", children: [
+    /* @__PURE__ */ e("div", { className: "testi-section__header", "data-rk-6335bb": "", children: [
+      /* @__PURE__ */ a("span", { className: "testi-section__eyebrow", "data-rk-6335bb": "", children: c }),
+      /* @__PURE__ */ a("h2", { className: "testi-section__title", "data-rk-6335bb": "", children: t }),
+      /* @__PURE__ */ a("p", { className: "testi-section__subtitle", "data-rk-6335bb": "", children: d })
+    ] }),
+    /* @__PURE__ */ a("div", { className: "testi-section__grid", "data-rk-6335bb": "", children: [
+      {
+        name: "Elena Rostova",
+        role: "Principal Architect @ Veloce Labs",
+        avatar: "https://images.unsplash.com/photo-1534528741775-53994a69daeb?w=100&auto=format&fit=crop&q=80",
+        quote: "The pure zero-JS philosophy with React 5 is game-changing. Our Core Web Vitals score hit 100 on every audited route without tweaking hydration.",
+        stars: 5,
+        highlight: !0
+      },
+      {
+        name: "Marcus Vance",
+        role: "Founder @ HyperSync",
+        avatar: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=100&auto=format&fit=crop&q=80",
+        quote: "Copying and pasting self-contained React components directly shaved two full sprints off our SaaS launch timeline.",
+        stars: 5
+      },
+      {
+        name: "Sofia Chen",
+        role: "Senior UI/UX Designer",
+        avatar: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=100&auto=format&fit=crop&q=80",
+        quote: "The glassmorphic dark palette with gold accents feels extraordinarily premium right out of the box. Highly recommended.",
+        stars: 5
+      }
+    ].map((s, i) => /* @__PURE__ */ e("article", { className: E(["testi-card", { "testi-card--highlight": s.highlight }]), "data-rk-6335bb": "", children: [
+      /* @__PURE__ */ a("div", { className: "testi-card__stars", "aria-label": `${s.stars} out of 5 stars`, "data-rk-6335bb": "", children: Array.from({ length: s.stars }).map((n, b) => /* @__PURE__ */ a("span", { "data-rk-6335bb": "", children: "★" }, b)) }),
+      /* @__PURE__ */ e("blockquote", { className: "testi-card__quote", "data-rk-6335bb": "", children: [
+        '"',
+        s.quote,
+        '"'
+      ] }),
+      /* @__PURE__ */ e("div", { className: "testi-card__author", "data-rk-6335bb": "", children: [
+        /* @__PURE__ */ a("img", { src: s.avatar, alt: s.name, className: "testi-card__avatar", loading: "lazy", "data-rk-6335bb": "" }),
+        /* @__PURE__ */ e("div", { className: "testi-card__meta", "data-rk-6335bb": "", children: [
+          /* @__PURE__ */ a("h5", { className: "testi-card__name", "data-rk-6335bb": "", children: s.name }),
+          /* @__PURE__ */ a("span", { className: "testi-card__role", "data-rk-6335bb": "", children: s.role })
+        ] })
+      ] })
+    ] }, i)) })
+  ] }) });
+}
+function pa({
+  badge: c = "NEW: REACT 19 PRODUCTION SUITE",
+  title: t = "Craft stunning web apps at lightspeed",
+  subtitle: d = "A cohesive collection of 150+ dark-mode first, accessible React components. Zero dependencies, pure vanilla CSS, full TypeScript support.",
+  primaryCtaText: r = "Explore Components",
+  primaryCtaHref: s = "/docs/glass-button",
+  secondaryCtaText: i = "View on GitHub",
+  secondaryCtaHref: n = "https://github.com/konstantinWDK/react-components",
+  children: b
+}) {
+  return /* @__PURE__ */ a(N, { children: /* @__PURE__ */ a("div", { className: "cq-hero-showcase-split-cq", "data-rk-723e29": "", children: /* @__PURE__ */ a("section", { className: "split-hero", "data-rk-723e29": "", children: /* @__PURE__ */ e("div", { className: "split-hero__inner", "data-rk-723e29": "", children: [
+    /* @__PURE__ */ e("div", { className: "split-hero__content", "data-rk-723e29": "", children: [
+      /* @__PURE__ */ e("div", { className: "split-hero__badge", "data-rk-723e29": "", children: [
+        /* @__PURE__ */ a("span", { className: "dot", "data-rk-723e29": "" }),
+        /* @__PURE__ */ a("span", { "data-rk-723e29": "", children: c })
+      ] }),
+      /* @__PURE__ */ a("h1", { className: "split-hero__title", "data-rk-723e29": "", children: t }),
+      /* @__PURE__ */ a("p", { className: "split-hero__subtitle", "data-rk-723e29": "", children: d }),
+      /* @__PURE__ */ e("div", { className: "split-hero__actions", "data-rk-723e29": "", children: [
+        /* @__PURE__ */ e("a", { href: s, className: "btn btn--primary", "data-rk-723e29": "", children: [
+          r,
+          /* @__PURE__ */ a("span", { "aria-hidden": "true", "data-rk-723e29": "", children: "→" })
+        ] }),
+        /* @__PURE__ */ a("a", { href: n, target: "_blank", rel: "noopener", className: "btn btn--secondary", "data-rk-723e29": "", children: i })
+      ] }),
+      /* @__PURE__ */ e("div", { className: "split-hero__install", "data-rk-723e29": "", children: [
+        /* @__PURE__ */ a("span", { className: "prompt", "data-rk-723e29": "", children: "$" }),
+        /* @__PURE__ */ a("code", { "data-rk-723e29": "", children: "npm install react-component-kit-ui" })
+      ] })
+    ] }),
+    /* @__PURE__ */ a("div", { className: "split-hero__visual", "data-rk-723e29": "", children: /* @__PURE__ */ e("div", { className: "glass-device", "data-rk-723e29": "", children: [
+      /* @__PURE__ */ e("div", { className: "glass-device__bar", "data-rk-723e29": "", children: [
+        /* @__PURE__ */ a("span", { className: "d-dot d-dot--red", "data-rk-723e29": "" }),
+        /* @__PURE__ */ a("span", { className: "d-dot d-dot--yellow", "data-rk-723e29": "" }),
+        /* @__PURE__ */ a("span", { className: "d-dot d-dot--green", "data-rk-723e29": "" }),
+        /* @__PURE__ */ a("span", { className: "glass-device__url", "data-rk-723e29": "", children: "reactcomponents.dev/preview" })
+      ] }),
+      /* @__PURE__ */ a("div", { className: "glass-device__body", "data-rk-723e29": "", children: b ?? /* @__PURE__ */ a(N, { children: /* @__PURE__ */ e("div", { className: "mock-widget", "data-rk-723e29": "", children: [
+        /* @__PURE__ */ a("span", { className: "mock-icon", "data-rk-723e29": "", children: "⚡" }),
+        /* @__PURE__ */ a("h4", { "data-rk-723e29": "", children: "Production SSR Ready" }),
+        /* @__PURE__ */ a("p", { "data-rk-723e29": "", children: "Zero JavaScript hydration overhead by default." }),
+        /* @__PURE__ */ e("div", { className: "mock-metrics", "data-rk-723e29": "", children: [
+          /* @__PURE__ */ e("div", { "data-rk-723e29": "", children: [
+            /* @__PURE__ */ a("span", { "data-rk-723e29": "", children: "Score" }),
+            /* @__PURE__ */ a("strong", { "data-rk-723e29": "", children: "100" })
+          ] }),
+          /* @__PURE__ */ e("div", { "data-rk-723e29": "", children: [
+            /* @__PURE__ */ a("span", { "data-rk-723e29": "", children: "A11y" }),
+            /* @__PURE__ */ a("strong", { "data-rk-723e29": "", children: "AA" })
+          ] }),
+          /* @__PURE__ */ e("div", { "data-rk-723e29": "", children: [
+            /* @__PURE__ */ a("span", { "data-rk-723e29": "", children: "Speed" }),
+            /* @__PURE__ */ a("strong", { "data-rk-723e29": "", children: "0.2s" })
+          ] })
+        ] })
+      ] }) }) })
+    ] }) })
+  ] }) }) }) });
+}
+function ba({
+  announcement: c = "New: 50 sections & 45 SVG charts",
+  announcementHref: t = "#",
+  title: d = "Build landing pages that *feel* expensive",
+  subtitle: r = "Accessible, zero-dependency React components with a dark, refined aesthetic. Copy, paste, ship.",
+  primary: s = { label: "Browse components", href: "#" },
+  secondary: i = { label: "Read the docs", href: "#" },
+  trust: n = ["MIT licensed", "WCAG AA", "No runtime JS required"],
+  variant: b = "glow",
+  size: p = "lg",
+  className: k = ""
+}) {
+  const l = `hmc-${g().replace(/[^a-zA-Z0-9]/g, "")}`, h = d.split(/\*(.+?)\*/);
+  return /* @__PURE__ */ a(N, { children: /* @__PURE__ */ e("section", { className: `hmc hmc--${b} hmc--${p} ${k}`, "aria-labelledby": l, "data-rk-9ae33e": "", children: [
+    /* @__PURE__ */ a("div", { className: "hmc__bg", "aria-hidden": "true", "data-rk-9ae33e": "" }),
+    /* @__PURE__ */ e("div", { className: "hmc__inner", "data-rk-9ae33e": "", children: [
+      c && /* @__PURE__ */ e("a", { className: "hmc__pill", href: t, "data-rk-9ae33e": "", children: [
+        /* @__PURE__ */ a("span", { className: "hmc__dot", "aria-hidden": "true", "data-rk-9ae33e": "" }),
+        c,
+        /* @__PURE__ */ a("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", "aria-hidden": "true", "data-rk-9ae33e": "", children: /* @__PURE__ */ a("path", { d: "M5 12h14M13 6l6 6-6 6", "data-rk-9ae33e": "" }) })
+      ] }),
+      /* @__PURE__ */ a("h1", { id: l, className: "hmc__title", "data-rk-9ae33e": "", children: h.map((m, f) => f % 2 ? /* @__PURE__ */ a("em", { "data-rk-9ae33e": "", children: m }) : m) }),
+      /* @__PURE__ */ a("p", { className: "hmc__subtitle", "data-rk-9ae33e": "", children: r }),
+      /* @__PURE__ */ e("div", { className: "hmc__actions", "data-rk-9ae33e": "", children: [
+        /* @__PURE__ */ a("a", { className: "hmc__btn hmc__btn--primary", href: s.href, "data-rk-9ae33e": "", children: s.label }),
+        /* @__PURE__ */ a("a", { className: "hmc__btn hmc__btn--ghost", href: i.href, "data-rk-9ae33e": "", children: i.label })
+      ] }),
+      n.length > 0 && /* @__PURE__ */ a("ul", { className: "hmc__trust", "data-rk-9ae33e": "", children: n.map((m, f) => /* @__PURE__ */ e("li", { "data-rk-9ae33e": "", children: [
+        /* @__PURE__ */ a("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-9ae33e": "", children: /* @__PURE__ */ a("path", { d: "M20 6 9 17l-5-5", "data-rk-9ae33e": "" }) }),
+        m
+      ] }, f)) })
+    ] })
+  ] }) });
+}
+function L(c) {
+  const t = {};
+  for (const d of String(c ?? "").split(";")) {
+    const r = d.indexOf(":");
+    if (r < 0) continue;
+    const s = d.slice(0, r).trim();
+    s && (t[s.startsWith("--") ? s : s.replace(/-([a-z])/g, (i, n) => n.toUpperCase())] = d.slice(r + 1).trim());
+  }
+  return t;
+}
+function ua({
+  eyebrow: c = "For developers",
+  title: t = "From zero to production in one command",
+  subtitle: d = "Scaffold a fully accessible React site with sections, charts and design tokens already wired up.",
+  command: r = "npm create vite@latest my-app -- --template react-ts",
+  lines: s = [
+    { type: "cmd", text: "npm create vite@latest my-app -- --template react-ts" },
+    { type: "out", text: "Scaffolding project in ./my-site …" },
+    { type: "ok", text: "50 sections installed" },
+    { type: "ok", text: "45 SVG charts installed" },
+    { type: "cmd", text: "npm run build" },
+    { type: "out", text: "12 pages built in 1.84s" },
+    { type: "ok", text: "Lighthouse: 100 · 100 · 100 · 100" }
+  ],
+  primary: i = { label: "Get started", href: "#" },
+  variant: n = "default",
+  size: b = "md",
+  className: p = ""
+}) {
+  const k = `ht-${g().replace(/[^a-zA-Z0-9]/g, "")}`, l = _(!1);
+  return y(() => {
+    l.current || (l.current = !0, document.querySelectorAll(".ht__copy-btn").forEach((h) => {
+      h.addEventListener("click", async () => {
+        var f;
+        const m = (f = h.parentElement) == null ? void 0 : f.querySelector(".ht__status");
+        try {
+          await navigator.clipboard.writeText(h.dataset.copy || ""), h.classList.add("is-copied"), m && (m.textContent = "Copied to clipboard"), setTimeout(() => {
+            h.classList.remove("is-copied"), m && (m.textContent = "");
+          }, 1800);
+        } catch {
+          m && (m.textContent = "Copy failed — select the text manually");
+        }
+      });
+    }));
+  }, []), /* @__PURE__ */ a(N, { children: /* @__PURE__ */ a("div", { className: "cq-hero-terminal-cq", "data-rk-ac30d5": "", children: /* @__PURE__ */ a("section", { className: `ht ht--${n} ht--${b} ${p}`, "aria-labelledby": k, "data-rk-ac30d5": "", children: /* @__PURE__ */ e("div", { className: "ht__inner", "data-rk-ac30d5": "", children: [
+    /* @__PURE__ */ e("div", { className: "ht__copy", "data-rk-ac30d5": "", children: [
+      /* @__PURE__ */ a("p", { className: "ht__eyebrow", "data-rk-ac30d5": "", children: c }),
+      /* @__PURE__ */ a("h1", { id: k, className: "ht__title", "data-rk-ac30d5": "", children: t }),
+      /* @__PURE__ */ a("p", { className: "ht__subtitle", "data-rk-ac30d5": "", children: d }),
+      /* @__PURE__ */ e("div", { className: "ht__install", "data-rk-ac30d5": "", children: [
+        /* @__PURE__ */ e("code", { className: "ht__cmd", "data-rk-ac30d5": "", children: [
+          /* @__PURE__ */ a("span", { "aria-hidden": "true", "data-rk-ac30d5": "", children: "$ " }),
+          r
+        ] }),
+        /* @__PURE__ */ e("button", { type: "button", className: "ht__copy-btn", "data-copy": r, "aria-label": "Copy install command", "data-rk-ac30d5": "", children: [
+          /* @__PURE__ */ e("svg", { className: "ht__icon-copy", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", "aria-hidden": "true", "data-rk-ac30d5": "", children: [
+            /* @__PURE__ */ a("rect", { x: "9", y: "9", width: "13", height: "13", rx: "2", "data-rk-ac30d5": "" }),
+            /* @__PURE__ */ a("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1", "data-rk-ac30d5": "" })
+          ] }),
+          /* @__PURE__ */ a("svg", { className: "ht__icon-ok", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", "aria-hidden": "true", "data-rk-ac30d5": "", children: /* @__PURE__ */ a("path", { d: "M20 6 9 17l-5-5", "data-rk-ac30d5": "" }) })
+        ] }),
+        /* @__PURE__ */ a("span", { className: "ht__status", role: "status", "aria-live": "polite", "data-rk-ac30d5": "" })
+      ] }),
+      /* @__PURE__ */ e("a", { className: "ht__btn", href: i.href, "data-rk-ac30d5": "", children: [
+        i.label,
+        /* @__PURE__ */ a("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", "aria-hidden": "true", "data-rk-ac30d5": "", children: /* @__PURE__ */ a("path", { d: "M5 12h14M13 6l6 6-6 6", "data-rk-ac30d5": "" }) })
+      ] })
+    ] }),
+    /* @__PURE__ */ e("div", { className: "ht__terminal", role: "img", "aria-label": `Terminal transcript: ${s.map((h) => h.text).join(". ")}`, "data-rk-ac30d5": "", children: [
+      /* @__PURE__ */ e("div", { className: "ht__bar", "aria-hidden": "true", "data-rk-ac30d5": "", children: [
+        /* @__PURE__ */ a("span", { "data-rk-ac30d5": "" }),
+        /* @__PURE__ */ a("span", { "data-rk-ac30d5": "" }),
+        /* @__PURE__ */ a("span", { "data-rk-ac30d5": "" }),
+        /* @__PURE__ */ a("p", { "data-rk-ac30d5": "", children: "~/my-site — zsh" })
+      ] }),
+      /* @__PURE__ */ e("ol", { className: "ht__lines", "aria-hidden": "true", "data-rk-ac30d5": "", children: [
+        s.map((h, m) => /* @__PURE__ */ e("li", { className: `ht__line ht__line--${h.type}`, style: L(`--i:${m}`), "data-rk-ac30d5": "", children: [
+          h.type === "cmd" && /* @__PURE__ */ a("span", { className: "ht__prompt", "data-rk-ac30d5": "", children: "❯" }),
+          h.type === "ok" && /* @__PURE__ */ a("span", { className: "ht__ok", "data-rk-ac30d5": "", children: "✓" }),
+          h.text
+        ] }, m)),
+        /* @__PURE__ */ e("li", { className: "ht__line ht__cursor", style: L(`--i:${s.length}`), "data-rk-ac30d5": "", children: [
+          /* @__PURE__ */ a("span", { className: "ht__prompt", "data-rk-ac30d5": "", children: "❯" }),
+          /* @__PURE__ */ a("span", { className: "ht__caret", "data-rk-ac30d5": "" })
+        ] })
+      ] })
+    ] })
+  ] }) }) }) });
+}
+function B(c) {
+  const t = {};
+  for (const d of String(c ?? "").split(";")) {
+    const r = d.indexOf(":");
+    if (r < 0) continue;
+    const s = d.slice(0, r).trim();
+    s && (t[s.startsWith("--") ? s : s.replace(/-([a-z])/g, (i, n) => n.toUpperCase())] = d.slice(r + 1).trim());
+  }
+  return t;
+}
+function Na({
+  badge: c = "Private beta · Spring 2027",
+  title: t = "Analytics that respect your users",
+  subtitle: d = "Cookieless, privacy-first insights with beautiful dashboards. Join the waitlist for early access and founder pricing.",
+  action: r = "#",
+  buttonLabel: s = "Join waitlist",
+  successMessage: i = "You're on the list! Check your inbox to confirm.",
+  count: n = 4280,
+  variant: b = "aurora",
+  size: p = "lg",
+  className: k = ""
+}) {
+  const l = `hw-${g().replace(/[^a-zA-Z0-9]/g, "")}`, h = ["AK", "MR", "JS", "LP", "TW"], m = ["var(--chart-1, #3987e5)", "var(--chart-2, #d95926)", "var(--chart-3, #199e70)", "var(--chart-5, #d55181)", "var(--chart-7, #9085e9)"], f = _(!1);
+  return y(() => {
+    f.current || (f.current = !0, document.querySelectorAll(".hw__form").forEach((v) => {
+      const o = v.querySelector('input[type="email"]'), u = document.getElementById((o == null ? void 0 : o.getAttribute("aria-describedby")) || "");
+      v.addEventListener("submit", (w) => {
+        if (w.preventDefault(), !(!o || !u)) {
+          if (!o.value || !o.checkValidity()) {
+            o.setAttribute("aria-invalid", "true"), u.dataset.state = "error", u.textContent = "Please enter a valid email address.", o.focus();
+            return;
+          }
+          o.removeAttribute("aria-invalid"), u.dataset.state = "success", u.textContent = v.dataset.success || "Thanks!", v.classList.add("is-done"), o.value = "";
+        }
+      }), o == null || o.addEventListener("input", () => {
+        o.removeAttribute("aria-invalid"), u && u.dataset.state === "error" && (u.textContent = "");
+      });
+    }));
+  }, []), /* @__PURE__ */ a(N, { children: /* @__PURE__ */ a("div", { className: "cq-hero-waitlist-cq", "data-rk-536aca": "", children: /* @__PURE__ */ e("section", { className: `hw hw--${b} hw--${p} ${k}`, "aria-labelledby": l, "data-rk-536aca": "", children: [
+    /* @__PURE__ */ e("div", { className: "hw__aurora", "aria-hidden": "true", "data-rk-536aca": "", children: [
+      /* @__PURE__ */ a("span", { "data-rk-536aca": "" }),
+      /* @__PURE__ */ a("span", { "data-rk-536aca": "" }),
+      /* @__PURE__ */ a("span", { "data-rk-536aca": "" })
+    ] }),
+    /* @__PURE__ */ e("div", { className: "hw__inner", "data-rk-536aca": "", children: [
+      /* @__PURE__ */ e("span", { className: "hw__badge", "data-rk-536aca": "", children: [
+        /* @__PURE__ */ a("span", { className: "hw__pulse", "aria-hidden": "true", "data-rk-536aca": "" }),
+        c
+      ] }),
+      /* @__PURE__ */ a("h1", { id: l, className: "hw__title", "data-rk-536aca": "", children: t }),
+      /* @__PURE__ */ a("p", { className: "hw__subtitle", "data-rk-536aca": "", children: d }),
+      /* @__PURE__ */ e("form", { className: "hw__form", action: r, method: "post", noValidate: !0, "data-success": i, "data-rk-536aca": "", children: [
+        /* @__PURE__ */ a("label", { htmlFor: `${l}-email`, className: "hw__sr", "data-rk-536aca": "", children: "Email address" }),
+        /* @__PURE__ */ a("input", { id: `${l}-email`, className: "hw__input", type: "email", name: "email", placeholder: "you@company.com", autoComplete: "email", required: !0, "aria-describedby": `${l}-msg`, "data-rk-536aca": "" }),
+        /* @__PURE__ */ e("button", { className: "hw__btn", type: "submit", "data-rk-536aca": "", children: [
+          /* @__PURE__ */ a("span", { "data-rk-536aca": "", children: s }),
+          /* @__PURE__ */ a("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", "aria-hidden": "true", "data-rk-536aca": "", children: /* @__PURE__ */ a("path", { d: "M5 12h14M13 6l6 6-6 6", "data-rk-536aca": "" }) })
+        ] })
+      ] }),
+      /* @__PURE__ */ a("p", { id: `${l}-msg`, className: "hw__msg", role: "status", "aria-live": "polite", "data-rk-536aca": "" }),
+      /* @__PURE__ */ e("div", { className: "hw__proof", "data-rk-536aca": "", children: [
+        /* @__PURE__ */ a("div", { className: "hw__avatars", "aria-hidden": "true", "data-rk-536aca": "", children: h.map((v, o) => /* @__PURE__ */ a("span", { style: B(`background:${m[o]}`), "data-rk-536aca": "", children: v }, o)) }),
+        /* @__PURE__ */ e("p", { "data-rk-536aca": "", children: [
+          /* @__PURE__ */ e("strong", { "data-rk-536aca": "", children: [
+            n.toLocaleString("en-US"),
+            "+"
+          ] }),
+          " builders already joined"
+        ] })
+      ] })
+    ] })
+  ] }) }) });
+}
+function D(c) {
+  const t = {};
+  for (const d of String(c ?? "").split(";")) {
+    const r = d.indexOf(":");
+    if (r < 0) continue;
+    const s = d.slice(0, r).trim();
+    s && (t[s.startsWith("--") ? s : s.replace(/-([a-z])/g, (i, n) => n.toUpperCase())] = d.slice(r + 1).trim());
+  }
+  return t;
+}
+function fa({
+  title: c = "How the kit helps your team",
+  rows: t = [
+    {
+      eyebrow: "Insights",
+      title: "Dashboards your stakeholders actually read",
+      text: "Drop-in SVG charts with tooltips, legends and table fallbacks. No chart library to configure.",
+      bullets: ["45 chart types", "Colorblind-safe palette", "Keyboard-accessible marks"],
+      visual: "chart"
+    },
+    {
+      eyebrow: "Developer experience",
+      title: "Typed props, sensible defaults",
+      text: "Every component ships a TypeScript Props interface and renders beautifully with zero configuration.",
+      bullets: ["Strict TypeScript", "JSDoc on every prop", "Copy-paste friendly"],
+      visual: "code"
+    },
+    {
+      eyebrow: "Design system",
+      title: "One token file to re-theme everything",
+      text: "Swap colors, radii and spacing in global.css and every section updates consistently.",
+      bullets: ["CSS custom properties", "Dark-first", "8pt spacing grid"],
+      visual: "stack"
+    }
+  ],
+  startReversed: d = !1,
+  variant: r = "glass",
+  size: s = "md",
+  className: i = ""
+}) {
+  const n = `far-${g().replace(/[^a-zA-Z0-9]/g, "")}`, b = [38, 62, 48, 80, 66, 92, 74];
+  return /* @__PURE__ */ a(N, { children: /* @__PURE__ */ a("div", { className: "cq-feature-alternating-rows-cq", "data-rk-43b840": "", children: /* @__PURE__ */ e("section", { className: `far far--${r} far--${s} ${i}`, "aria-labelledby": n, "data-rk-43b840": "", children: [
+    /* @__PURE__ */ a("h2", { id: n, className: "far__sr", "data-rk-43b840": "", children: c }),
+    /* @__PURE__ */ a("div", { className: "far__inner", "data-rk-43b840": "", children: t.map((p, k) => {
+      const l = d ? k % 2 === 0 : k % 2 === 1;
+      return /* @__PURE__ */ e("article", { className: `far__row ${l ? "far__row--rev" : ""}`, "data-rk-43b840": "", children: [
+        /* @__PURE__ */ e("div", { className: "far__copy", "data-rk-43b840": "", children: [
+          /* @__PURE__ */ a("p", { className: "far__eyebrow", "data-rk-43b840": "", children: p.eyebrow }),
+          /* @__PURE__ */ a("h3", { className: "far__title", "data-rk-43b840": "", children: p.title }),
+          /* @__PURE__ */ a("p", { className: "far__text", "data-rk-43b840": "", children: p.text }),
+          /* @__PURE__ */ a("ul", { className: "far__bullets", "data-rk-43b840": "", children: p.bullets.map((h, m) => /* @__PURE__ */ e("li", { "data-rk-43b840": "", children: [
+            /* @__PURE__ */ a("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.4", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", "data-rk-43b840": "", children: /* @__PURE__ */ a("path", { d: "M20 6 9 17l-5-5", "data-rk-43b840": "" }) }),
+            h
+          ] }, m)) })
+        ] }),
+        /* @__PURE__ */ e("div", { className: "far__visual", "aria-hidden": "true", "data-rk-43b840": "", children: [
+          p.visual === "chart" && /* @__PURE__ */ a("div", { className: "far__chart", "data-rk-43b840": "", children: b.map((h, m) => /* @__PURE__ */ a("span", { style: D(`--h:${h}%; --d:${m * 80}ms`), "data-rk-43b840": "" }, m)) }),
+          p.visual === "code" && /* @__PURE__ */ a("pre", { className: "far__code", "data-rk-43b840": "", children: /* @__PURE__ */ e("code", { "data-rk-43b840": "", children: [
+            /* @__PURE__ */ a("span", { className: "k", "data-rk-43b840": "", children: "interface" }),
+            " ",
+            /* @__PURE__ */ a("span", { className: "t", "data-rk-43b840": "", children: "Props" }),
+            " ",
+            "{",
+            "title?: ",
+            /* @__PURE__ */ a("span", { className: "t", "data-rk-43b840": "", children: "string" }),
+            "; variant?: ",
+            /* @__PURE__ */ a("span", { className: "s", "data-rk-43b840": "", children: "'glass'" }),
+            " | ",
+            /* @__PURE__ */ a("span", { className: "s", "data-rk-43b840": "", children: "'solid'" }),
+            "; size?: ",
+            /* @__PURE__ */ a("span", { className: "s", "data-rk-43b840": "", children: "'sm'" }),
+            " | ",
+            /* @__PURE__ */ a("span", { className: "s", "data-rk-43b840": "", children: "'md'" }),
+            " | ",
+            /* @__PURE__ */ a("span", { className: "s", "data-rk-43b840": "", children: "'lg'" }),
+            ";",
+            "}",
+            /* @__PURE__ */ a("span", { className: "c", "data-rk-43b840": "", children: "// Sensible defaults, zero config" }),
+            "<",
+            /* @__PURE__ */ a("span", { className: "t", "data-rk-43b840": "", children: "LineChart" }),
+            " />"
+          ] }) }),
+          p.visual === "stack" && /* @__PURE__ */ e("div", { className: "far__stack", "data-rk-43b840": "", children: [
+            /* @__PURE__ */ a("span", { style: { "--c": "var(--chart-1, #3987e5)" }, "data-rk-43b840": "", children: "--chart-1" }),
+            /* @__PURE__ */ a("span", { style: { "--c": "var(--c-primary-light, #d4a017)" }, "data-rk-43b840": "", children: "--c-primary" }),
+            /* @__PURE__ */ a("span", { style: { "--c": "var(--chart-3, #199e70)" }, "data-rk-43b840": "", children: "--chart-pos" }),
+            /* @__PURE__ */ a("span", { style: { "--c": "var(--chart-7, #9085e9)" }, "data-rk-43b840": "", children: "--r-lg: 20px" })
+          ] })
+        ] })
+      ] }, k);
+    }) })
+  ] }) }) });
+}
+function va({
+  title: c = "One platform, every workflow",
+  subtitle: t = "Switch between capabilities to see how teams use the kit.",
+  tabs: d = [
+    { label: "Marketing", title: "Launch pages in an afternoon", text: "Assemble hero, features, pricing and FAQ sections into conversion-ready landing pages.", points: ["24 new section blocks", "SEO-friendly markup", "Instant static builds"], stat: "3.4×", statLabel: "faster page launches" },
+    { label: "Product", title: "In-app analytics without a chart library", text: "Render KPI tiles, funnels and cohort tables straight from your data at build time.", points: ["45 SVG charts", "Tooltips & table view", "Zero client JS"], stat: "0 kB", statLabel: "chart runtime shipped" },
+    { label: "Engineering", title: "Accessible components you can trust", text: "Every component is keyboard navigable and screen-reader tested, with visible focus states.", points: ["WCAG 2.2 AA", "Typed props", "Reduced-motion aware"], stat: "100", statLabel: "Lighthouse accessibility" }
+  ],
+  variant: r = "pills",
+  size: s = "md",
+  className: i = ""
+}) {
+  const b = `fts-${g().replace(/[^a-zA-Z0-9]/g, "")}`, p = _(!1);
+  return y(() => {
+    p.current || (p.current = !0, document.querySelectorAll("[data-fts]").forEach((k) => {
+      const l = Array.from(k.querySelectorAll('[role="tab"]')), h = (m, f = !0) => {
+        l.forEach((v) => {
+          const o = v === m;
+          v.setAttribute("aria-selected", String(o)), v.tabIndex = o ? 0 : -1;
+          const u = document.getElementById(v.getAttribute("aria-controls") || "");
+          u && (u.hidden = !o);
+        }), f && m.focus();
+      };
+      l.forEach((m, f) => {
+        m.addEventListener("click", () => h(m, !1)), m.addEventListener("keydown", (v) => {
+          const o = { ArrowRight: f + 1, ArrowLeft: f - 1, Home: 0, End: l.length - 1 };
+          v.key in o && (v.preventDefault(), h(l[(o[v.key] + l.length) % l.length]));
+        });
+      });
+    }));
+  }, []), /* @__PURE__ */ a(N, { children: /* @__PURE__ */ a("div", { className: "cq-feature-tabs-showcase-cq", "data-rk-6565e6": "", children: /* @__PURE__ */ a("section", { className: `fts fts--${r} fts--${s} ${i}`, "aria-labelledby": b, "data-rk-6565e6": "", children: /* @__PURE__ */ e("div", { className: "fts__inner", "data-rk-6565e6": "", children: [
+    /* @__PURE__ */ e("header", { className: "fts__head", "data-rk-6565e6": "", children: [
+      /* @__PURE__ */ a("h2", { id: b, className: "fts__title", "data-rk-6565e6": "", children: c }),
+      /* @__PURE__ */ a("p", { className: "fts__subtitle", "data-rk-6565e6": "", children: t })
+    ] }),
+    /* @__PURE__ */ e("div", { className: "fts__tabs", "data-fts": !0, "data-rk-6565e6": "", children: [
+      /* @__PURE__ */ a("div", { className: "fts__list", role: "tablist", "aria-label": c, "data-rk-6565e6": "", children: d.map((k, l) => /* @__PURE__ */ a("button", { type: "button", role: "tab", className: "fts__tab", id: `${b}-tab-${l}`, "aria-controls": `${b}-panel-${l}`, "aria-selected": l === 0 ? "true" : "false", tabIndex: l === 0 ? 0 : -1, "data-rk-6565e6": "", children: k.label }, l)) }),
+      d.map((k, l) => /* @__PURE__ */ e("div", { className: "fts__panel", role: "tabpanel", id: `${b}-panel-${l}`, "aria-labelledby": `${b}-tab-${l}`, tabIndex: 0, hidden: l !== 0, "data-rk-6565e6": "", children: [
+        /* @__PURE__ */ e("div", { className: "fts__copy", "data-rk-6565e6": "", children: [
+          /* @__PURE__ */ a("h3", { className: "fts__panel-title", "data-rk-6565e6": "", children: k.title }),
+          /* @__PURE__ */ a("p", { className: "fts__text", "data-rk-6565e6": "", children: k.text }),
+          /* @__PURE__ */ a("ul", { className: "fts__points", "data-rk-6565e6": "", children: k.points.map((h, m) => /* @__PURE__ */ e("li", { "data-rk-6565e6": "", children: [
+            /* @__PURE__ */ a("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-6565e6": "", children: /* @__PURE__ */ a("path", { d: "M20 6 9 17l-5-5", "data-rk-6565e6": "" }) }),
+            h
+          ] }, m)) })
+        ] }),
+        /* @__PURE__ */ e("div", { className: "fts__stat", "data-rk-6565e6": "", children: [
+          /* @__PURE__ */ a("span", { className: "fts__stat-value", "data-rk-6565e6": "", children: k.stat }),
+          /* @__PURE__ */ a("span", { className: "fts__stat-label", "data-rk-6565e6": "", children: k.statLabel })
+        ] })
+      ] }, l))
+    ] })
+  ] }) }) }) });
+}
+function P(c) {
+  const t = {};
+  for (const d of String(c ?? "").split(";")) {
+    const r = d.indexOf(":");
+    if (r < 0) continue;
+    const s = d.slice(0, r).trim();
+    s && (t[s.startsWith("--") ? s : s.replace(/-([a-z])/g, (i, n) => n.toUpperCase())] = d.slice(r + 1).trim());
+  }
+  return t;
+}
+function ga({
+  title: c = "Plays well with your stack",
+  subtitle: t = "Connect the tools your team already uses. New integrations every month.",
+  items: d = [
+    { name: "Slack", category: "Messaging", description: "Post alerts and weekly digests to channels.", status: "available" },
+    { name: "GitHub", category: "Developer", description: "Annotate charts with deploys and releases.", status: "available" },
+    { name: "Stripe", category: "Payments", description: "Sync MRR, churn and invoices automatically.", status: "available" },
+    { name: "Linear", category: "Developer", description: "Turn insights into issues in one click.", status: "beta" },
+    { name: "Notion", category: "Docs", description: "Embed live charts in your team wiki.", status: "available" },
+    { name: "HubSpot", category: "CRM", description: "Attribute revenue to campaigns and deals.", status: "beta" },
+    { name: "Postgres", category: "Data", description: "Query your warehouse with zero ETL.", status: "available" },
+    { name: "Discord", category: "Messaging", description: "Community metrics and bot notifications.", status: "soon" }
+  ],
+  variant: r = "card",
+  size: s = "md",
+  className: i = ""
+}) {
+  const n = `ig-${g().replace(/[^a-zA-Z0-9]/g, "")}`, b = ["All", ...new Set(d.map((h) => h.category))], p = ["var(--chart-1, #3987e5)", "var(--chart-2, #d95926)", "var(--chart-3, #199e70)", "var(--chart-4, #c98500)", "var(--chart-5, #d55181)", "var(--chart-7, #9085e9)"], k = { available: "Available", beta: "Beta", soon: "Coming soon" }, l = _(!1);
+  return y(() => {
+    l.current || (l.current = !0, document.querySelectorAll("[data-ig]").forEach((h) => {
+      const m = h.querySelectorAll(".ig__chip"), f = h.querySelectorAll(".ig__tile"), v = h.querySelector(".ig__count");
+      m.forEach((o) => {
+        o.addEventListener("click", () => {
+          const u = o.dataset.filter;
+          m.forEach((S) => S.setAttribute("aria-pressed", String(S === o)));
+          let w = 0;
+          f.forEach((S) => {
+            const C = u === "All" || S.dataset.category === u;
+            S.hidden = !C, C && (w += 1);
+          }), v && (v.textContent = `${w} integration${w === 1 ? "" : "s"}${u === "All" ? "" : ` in ${u}`}`);
+        });
+      });
+    }));
+  }, []), /* @__PURE__ */ a(N, { children: /* @__PURE__ */ a("section", { className: `ig ig--${r} ig--${s} ${i}`, "aria-labelledby": n, "data-ig": !0, "data-rk-32bfaf": "", children: /* @__PURE__ */ e("div", { className: "ig__inner", "data-rk-32bfaf": "", children: [
+    /* @__PURE__ */ e("header", { className: "ig__head", "data-rk-32bfaf": "", children: [
+      /* @__PURE__ */ a("h2", { id: n, className: "ig__title", "data-rk-32bfaf": "", children: c }),
+      /* @__PURE__ */ a("p", { className: "ig__subtitle", "data-rk-32bfaf": "", children: t })
+    ] }),
+    /* @__PURE__ */ a("div", { className: "ig__filters", role: "group", "aria-label": "Filter integrations by category", "data-rk-32bfaf": "", children: b.map((h, m) => /* @__PURE__ */ a("button", { type: "button", className: "ig__chip", "data-filter": h, "aria-pressed": m === 0 ? "true" : "false", "data-rk-32bfaf": "", children: h }, m)) }),
+    /* @__PURE__ */ e("p", { className: "ig__count", role: "status", "aria-live": "polite", "data-rk-32bfaf": "", children: [
+      d.length,
+      " integrations"
+    ] }),
+    /* @__PURE__ */ a("ul", { className: "ig__grid", "data-rk-32bfaf": "", children: d.map((h, m) => /* @__PURE__ */ e("li", { className: "ig__tile", "data-category": h.category, "data-rk-32bfaf": "", children: [
+      /* @__PURE__ */ a("span", { className: "ig__logo", style: P(`--c:${p[m % p.length]}`), "aria-hidden": "true", "data-rk-32bfaf": "", children: h.name.slice(0, 2) }),
+      /* @__PURE__ */ e("div", { className: "ig__body", "data-rk-32bfaf": "", children: [
+        /* @__PURE__ */ e("div", { className: "ig__row", "data-rk-32bfaf": "", children: [
+          /* @__PURE__ */ a("h3", { className: "ig__name", "data-rk-32bfaf": "", children: h.name }),
+          h.status && /* @__PURE__ */ a("span", { className: `ig__status ig__status--${h.status}`, "data-rk-32bfaf": "", children: k[h.status] })
+        ] }),
+        /* @__PURE__ */ a("p", { className: "ig__desc", "data-rk-32bfaf": "", children: h.description }),
+        /* @__PURE__ */ a("span", { className: "ig__cat", "data-rk-32bfaf": "", children: h.category })
+      ] })
+    ] }, m)) })
+  ] }) }) });
+}
+function _a({
+  title: c = "One price. Everything included.",
+  subtitle: t = "Lifetime access to every component, section and future update.",
+  planName: d = "Lifetime license",
+  price: r = "$149",
+  period: s = "one-time payment",
+  originalPrice: i = "$249",
+  features: n = [
+    "250+ components & sections",
+    "45 dependency-free SVG charts",
+    "Lifetime updates",
+    "Unlimited projects",
+    "Commercial license",
+    "Figma design kit",
+    "Private community",
+    "Priority email support"
+  ],
+  cta: b = { label: "Get lifetime access", href: "#" },
+  guarantee: p = "30-day money-back guarantee. No questions asked.",
+  variant: k = "glow",
+  size: l = "md",
+  className: h = ""
+}) {
+  const m = `psp-${g().replace(/[^a-zA-Z0-9]/g, "")}`;
+  return /* @__PURE__ */ a(N, { children: /* @__PURE__ */ a("div", { className: "cq-pricing-single-plan-cq", "data-rk-ed3ab2": "", children: /* @__PURE__ */ a("section", { className: `psp psp--${k} psp--${l} ${h}`, "aria-labelledby": m, "data-rk-ed3ab2": "", children: /* @__PURE__ */ e("div", { className: "psp__inner", "data-rk-ed3ab2": "", children: [
+    /* @__PURE__ */ e("header", { className: "psp__head", "data-rk-ed3ab2": "", children: [
+      /* @__PURE__ */ a("h2", { id: m, className: "psp__title", "data-rk-ed3ab2": "", children: c }),
+      /* @__PURE__ */ a("p", { className: "psp__subtitle", "data-rk-ed3ab2": "", children: t })
+    ] }),
+    /* @__PURE__ */ e("div", { className: "psp__card", "data-rk-ed3ab2": "", children: [
+      /* @__PURE__ */ e("div", { className: "psp__price-col", "data-rk-ed3ab2": "", children: [
+        /* @__PURE__ */ a("p", { className: "psp__plan", "data-rk-ed3ab2": "", children: d }),
+        /* @__PURE__ */ e("p", { className: "psp__price", "data-rk-ed3ab2": "", children: [
+          i && /* @__PURE__ */ e("s", { className: "psp__orig", "data-rk-ed3ab2": "", children: [
+            /* @__PURE__ */ a("span", { className: "psp__sr", "data-rk-ed3ab2": "", children: "Was " }),
+            i
+          ] }),
+          /* @__PURE__ */ e("span", { className: "psp__amount", "data-rk-ed3ab2": "", children: [
+            /* @__PURE__ */ a("span", { className: "psp__sr", "data-rk-ed3ab2": "", children: "Now " }),
+            r
+          ] })
+        ] }),
+        /* @__PURE__ */ a("p", { className: "psp__period", "data-rk-ed3ab2": "", children: s }),
+        /* @__PURE__ */ a("a", { className: "psp__cta", href: b.href, "data-rk-ed3ab2": "", children: b.label }),
+        /* @__PURE__ */ e("p", { className: "psp__guarantee", "data-rk-ed3ab2": "", children: [
+          /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", "data-rk-ed3ab2": "", children: [
+            /* @__PURE__ */ a("path", { d: "M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z", "data-rk-ed3ab2": "" }),
+            /* @__PURE__ */ a("path", { d: "m9 12 2 2 4-4", "data-rk-ed3ab2": "" })
+          ] }),
+          p
+        ] })
+      ] }),
+      /* @__PURE__ */ e("div", { className: "psp__features-col", "data-rk-ed3ab2": "", children: [
+        /* @__PURE__ */ a("h3", { className: "psp__features-title", "data-rk-ed3ab2": "", children: "What’s included" }),
+        /* @__PURE__ */ a("ul", { className: "psp__features", "data-rk-ed3ab2": "", children: n.map((f, v) => /* @__PURE__ */ e("li", { "data-rk-ed3ab2": "", children: [
+          /* @__PURE__ */ a("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.4", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", "data-rk-ed3ab2": "", children: /* @__PURE__ */ a("path", { d: "M20 6 9 17l-5-5", "data-rk-ed3ab2": "" }) }),
+          f
+        ] }, v)) })
+      ] })
+    ] })
+  ] }) }) }) });
+}
+function ya({
+  quote: c = "We replaced three tools and a chart library with this kit. Our product pages load twice as fast and our conversion rate has never been higher.",
+  name: t = "Elena Vasquez",
+  role: d = "VP of Marketing, Orbitly",
+  company: r = "Orbitly",
+  metrics: s = [
+    { value: "2.1×", label: "faster page loads" },
+    { value: "+38%", label: "trial conversion" },
+    { value: "−64%", label: "front-end bundle size" }
+  ],
+  link: i = { label: "Read the case study", href: "#" },
+  variant: n = "split",
+  size: b = "md",
+  className: p = ""
+}) {
+  const k = t.split(" ").map((l) => l[0]).slice(0, 2).join("");
+  return /* @__PURE__ */ a(N, { children: /* @__PURE__ */ a("div", { className: "cq-testimonial-featured-cq", "data-rk-bd39f1": "", children: /* @__PURE__ */ a("section", { className: `tf tf--${n} tf--${b} ${p}`, "aria-label": `Customer story: ${r}`, "data-rk-bd39f1": "", children: /* @__PURE__ */ e("div", { className: "tf__inner", "data-rk-bd39f1": "", children: [
+    /* @__PURE__ */ e("figure", { className: "tf__figure", "data-rk-bd39f1": "", children: [
+      /* @__PURE__ */ e("p", { className: "tf__company", "aria-hidden": "true", "data-rk-bd39f1": "", children: [
+        /* @__PURE__ */ e("svg", { width: "22", height: "22", viewBox: "0 0 24 24", "aria-hidden": "true", "data-rk-bd39f1": "", children: [
+          /* @__PURE__ */ a("circle", { cx: "12", cy: "12", r: "10", fill: "none", stroke: "currentColor", strokeWidth: "2", "data-rk-bd39f1": "" }),
+          /* @__PURE__ */ a("circle", { cx: "12", cy: "12", r: "4", fill: "currentColor", "data-rk-bd39f1": "" })
+        ] }),
+        r
+      ] }),
+      /* @__PURE__ */ a("svg", { className: "tf__mark", width: "48", height: "36", viewBox: "0 0 48 36", "aria-hidden": "true", "data-rk-bd39f1": "", children: /* @__PURE__ */ a("path", { d: "M0 36V22C0 9 7 2 20 0l2 5C14 7 11 12 11 18h9v18H0zm28 0V22C28 9 35 2 48 0l2 5c-8 2-11 7-11 13h9v18H28z", fill: "currentColor", "data-rk-bd39f1": "" }) }),
+      /* @__PURE__ */ a("blockquote", { className: "tf__quote", "data-rk-bd39f1": "", children: /* @__PURE__ */ a("p", { "data-rk-bd39f1": "", children: c }) }),
+      /* @__PURE__ */ e("figcaption", { className: "tf__author", "data-rk-bd39f1": "", children: [
+        /* @__PURE__ */ a("span", { className: "tf__avatar", "aria-hidden": "true", "data-rk-bd39f1": "", children: k }),
+        /* @__PURE__ */ e("span", { "data-rk-bd39f1": "", children: [
+          /* @__PURE__ */ a("strong", { "data-rk-bd39f1": "", children: t }),
+          /* @__PURE__ */ a("span", { className: "tf__role", "data-rk-bd39f1": "", children: d })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ e("div", { className: "tf__side", "data-rk-bd39f1": "", children: [
+      /* @__PURE__ */ a("dl", { className: "tf__metrics", "data-rk-bd39f1": "", children: s.map((l, h) => /* @__PURE__ */ e("div", { className: "tf__metric", "data-rk-bd39f1": "", children: [
+        /* @__PURE__ */ a("dt", { "data-rk-bd39f1": "", children: l.label }),
+        /* @__PURE__ */ a("dd", { "data-rk-bd39f1": "", children: l.value })
+      ] }, h)) }),
+      i && /* @__PURE__ */ e("a", { className: "tf__link", href: i.href, "data-rk-bd39f1": "", children: [
+        i.label,
+        /* @__PURE__ */ a("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", "aria-hidden": "true", "data-rk-bd39f1": "", children: /* @__PURE__ */ a("path", { d: "M5 12h14M13 6l6 6-6 6", "data-rk-bd39f1": "" }) })
+      ] })
+    ] })
+  ] }) }) }) });
+}
+function W(c) {
+  const t = {};
+  for (const d of String(c ?? "").split(";")) {
+    const r = d.indexOf(":");
+    if (r < 0) continue;
+    const s = d.slice(0, r).trim();
+    s && (t[s.startsWith("--") ? s : s.replace(/-([a-z])/g, (i, n) => n.toUpperCase())] = d.slice(r + 1).trim());
+  }
+  return t;
+}
+function wa({
+  title: c = "Ready to ship your best page yet?",
+  text: t = "Join thousands of teams building fast, accessible React sites. Free forever for personal projects.",
+  primary: d = { label: "Get started free", href: "#" },
+  secondary: r = { label: "Talk to sales", href: "#" },
+  image: s,
+  imageAlt: i = "",
+  chips: n = [
+    { value: "99.9%", label: "uptime" },
+    { value: "< 50ms", label: "TTFB" },
+    { value: "100", label: "Lighthouse" }
+  ],
+  variant: b = "mesh",
+  size: p = "md",
+  className: k = ""
+}) {
+  const l = `csi-${g().replace(/[^a-zA-Z0-9]/g, "")}`;
+  return /* @__PURE__ */ a(N, { children: /* @__PURE__ */ a("div", { className: "cq-cta-split-image-cq", "data-rk-56220c": "", children: /* @__PURE__ */ a("section", { className: `csi csi--${b} csi--${p} ${k}`, "aria-labelledby": l, "data-rk-56220c": "", children: /* @__PURE__ */ e("div", { className: "csi__box", "data-rk-56220c": "", children: [
+    /* @__PURE__ */ e("div", { className: "csi__copy", "data-rk-56220c": "", children: [
+      /* @__PURE__ */ a("h2", { id: l, className: "csi__title", "data-rk-56220c": "", children: c }),
+      /* @__PURE__ */ a("p", { className: "csi__text", "data-rk-56220c": "", children: t }),
+      /* @__PURE__ */ e("div", { className: "csi__actions", "data-rk-56220c": "", children: [
+        /* @__PURE__ */ a("a", { className: "csi__btn csi__btn--primary", href: d.href, "data-rk-56220c": "", children: d.label }),
+        r && /* @__PURE__ */ a("a", { className: "csi__btn csi__btn--ghost", href: r.href, "data-rk-56220c": "", children: r.label })
+      ] })
+    ] }),
+    /* @__PURE__ */ a("div", { className: "csi__visual", "data-rk-56220c": "", children: s ? /* @__PURE__ */ a("img", { src: s, alt: i, loading: "lazy", decoding: "async", "data-rk-56220c": "" }) : /* @__PURE__ */ a("div", { className: "csi__mesh", "aria-hidden": "true", "data-rk-56220c": "", children: n.map((h, m) => /* @__PURE__ */ e("span", { className: "csi__chip", style: W(`--i:${m}`), "data-rk-56220c": "", children: [
+      /* @__PURE__ */ a("strong", { "data-rk-56220c": "", children: h.value }),
+      h.label
+    ] }, m)) }) })
+  ] }) }) }) });
+}
+function Sa({
+  eyebrow: c = "Live metrics",
+  title: t = "Growth you can see",
+  subtitle: d = "Real numbers from teams running on the kit, updated every build.",
+  kpis: r = [
+    { label: "Monthly visitors", value: "1.2M", change: 18.4, trend: [60, 64, 70, 72, 80, 88, 95, 104, 120] },
+    { label: "Conversion rate", value: "4.6%", change: 0.9, trend: [3.4, 3.6, 3.7, 3.9, 4, 4.2, 4.3, 4.5, 4.6] },
+    { label: "Avg. load time", value: "0.8s", change: -22, invert: !0, trend: [1.3, 1.25, 1.1, 1.05, 1, 0.95, 0.9, 0.85, 0.8] },
+    { label: "Bounce rate", value: "31%", change: -4.2, invert: !0, trend: [38, 37, 36, 35, 34, 33, 33, 32, 31] }
+  ],
+  variant: s = "glass",
+  size: i = "md",
+  className: n = ""
+}) {
+  const b = `sds-${g().replace(/[^a-zA-Z0-9]/g, "")}`;
+  return /* @__PURE__ */ a(N, { children: /* @__PURE__ */ a("div", { className: "cq-stats-dashboard-section-cq", "data-rk-e3f5a0": "", children: /* @__PURE__ */ a("section", { className: `sds sds--${i} ${n}`, "aria-labelledby": b, "data-rk-e3f5a0": "", children: /* @__PURE__ */ e("div", { className: "sds__inner", "data-rk-e3f5a0": "", children: [
+    /* @__PURE__ */ e("header", { className: "sds__head", "data-rk-e3f5a0": "", children: [
+      /* @__PURE__ */ e("p", { className: "sds__eyebrow", "data-rk-e3f5a0": "", children: [
+        /* @__PURE__ */ a("span", { className: "sds__live", "aria-hidden": "true", "data-rk-e3f5a0": "" }),
+        c
+      ] }),
+      /* @__PURE__ */ a("h2", { id: b, className: "sds__title", "data-rk-e3f5a0": "", children: t }),
+      /* @__PURE__ */ a("p", { className: "sds__subtitle", "data-rk-e3f5a0": "", children: d })
+    ] }),
+    /* @__PURE__ */ a("div", { className: "sds__kpis", "data-rk-e3f5a0": "", children: r.map((p, k) => /* @__PURE__ */ a(q, { label: p.label, value: p.value, change: p.change, trend: p.trend, invert: p.invert, period: "vs last quarter", variant: s, size: "sm" }, k)) }),
+    /* @__PURE__ */ e("div", { className: "sds__charts", "data-rk-e3f5a0": "", children: [
+      /* @__PURE__ */ a(A, { title: "Sessions by channel", subtitle: "Thousands per month", variant: s }),
+      /* @__PURE__ */ a($, { title: "Top landing pages", subtitle: "Visitors, last 30 days", variant: s })
+    ] })
+  ] }) }) }) });
+}
+function Ca({
+  title: c = "Join the team",
+  subtitle: t = "We’re a small, remote-first crew building tools for the open web.",
+  jobs: d = [
+    { title: "Senior Frontend Engineer", department: "Engineering", location: "Europe", type: "Full-time", remote: !0, href: "#" },
+    { title: "Design Systems Engineer", department: "Engineering", location: "Americas", type: "Full-time", remote: !0, href: "#" },
+    { title: "Product Designer", department: "Design", location: "Barcelona", type: "Full-time", href: "#" },
+    { title: "Developer Advocate", department: "Marketing", location: "Anywhere", type: "Contract", remote: !0, href: "#" }
+  ],
+  perks: r = ["Remote-first", "4-day work week", "Learning budget", "Equity for everyone"],
+  cta: s = { label: "Send an open application", href: "#" },
+  variant: i = "list",
+  size: n = "md",
+  className: b = ""
+}) {
+  const p = `co-${g().replace(/[^a-zA-Z0-9]/g, "")}`, k = [...new Set(d.map((l) => l.department))];
+  return /* @__PURE__ */ a(N, { children: /* @__PURE__ */ a("div", { className: "cq-careers-openings-cq", "data-rk-6d35fa": "", children: /* @__PURE__ */ a("section", { className: `co co--${i} co--${n} ${b}`, "aria-labelledby": p, "data-rk-6d35fa": "", children: /* @__PURE__ */ e("div", { className: "co__inner", "data-rk-6d35fa": "", children: [
+    /* @__PURE__ */ e("header", { className: "co__head", "data-rk-6d35fa": "", children: [
+      /* @__PURE__ */ e("div", { "data-rk-6d35fa": "", children: [
+        /* @__PURE__ */ a("h2", { id: p, className: "co__title", "data-rk-6d35fa": "", children: c }),
+        /* @__PURE__ */ a("p", { className: "co__subtitle", "data-rk-6d35fa": "", children: t })
+      ] }),
+      /* @__PURE__ */ e("span", { className: "co__count", "data-rk-6d35fa": "", children: [
+        d.length,
+        " open roles"
+      ] })
+    ] }),
+    /* @__PURE__ */ a("ul", { className: "co__perks", "aria-label": "Perks", "data-rk-6d35fa": "", children: r.map((l, h) => /* @__PURE__ */ a("li", { "data-rk-6d35fa": "", children: l }, h)) }),
+    k.map((l, h) => /* @__PURE__ */ e("div", { className: "co__dept", "data-rk-6d35fa": "", children: [
+      /* @__PURE__ */ a("h3", { className: "co__dept-title", "data-rk-6d35fa": "", children: l }),
+      /* @__PURE__ */ a("ul", { className: "co__jobs", "data-rk-6d35fa": "", children: d.filter((m) => m.department === l).map((m, f) => /* @__PURE__ */ a("li", { "data-rk-6d35fa": "", children: /* @__PURE__ */ e("a", { className: "co__job", href: m.href, "data-rk-6d35fa": "", children: [
+        /* @__PURE__ */ a("span", { className: "co__job-title", "data-rk-6d35fa": "", children: m.title }),
+        /* @__PURE__ */ e("span", { className: "co__meta", "data-rk-6d35fa": "", children: [
+          /* @__PURE__ */ e("span", { className: "co__tag", "data-rk-6d35fa": "", children: [
+            /* @__PURE__ */ e("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", "aria-hidden": "true", "data-rk-6d35fa": "", children: [
+              /* @__PURE__ */ a("path", { d: "M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0z", "data-rk-6d35fa": "" }),
+              /* @__PURE__ */ a("circle", { cx: "12", cy: "10", r: "3", "data-rk-6d35fa": "" })
+            ] }),
+            m.location
+          ] }),
+          /* @__PURE__ */ a("span", { className: "co__tag", "data-rk-6d35fa": "", children: m.type }),
+          m.remote && /* @__PURE__ */ a("span", { className: "co__tag co__tag--remote", "data-rk-6d35fa": "", children: "Remote" })
+        ] }),
+        /* @__PURE__ */ a("svg", { className: "co__arrow", width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", "aria-hidden": "true", "data-rk-6d35fa": "", children: /* @__PURE__ */ a("path", { d: "M7 17 17 7M8 7h9v9", "data-rk-6d35fa": "" }) })
+      ] }) }, f)) })
+    ] }, h)),
+    s && /* @__PURE__ */ e("p", { className: "co__cta", "data-rk-6d35fa": "", children: [
+      "Don’t see your role? ",
+      /* @__PURE__ */ a("a", { href: s.href, "data-rk-6d35fa": "", children: s.label })
+    ] })
+  ] }) }) }) });
+}
+function G(c) {
+  const t = {};
+  for (const d of String(c ?? "").split(";")) {
+    const r = d.indexOf(":");
+    if (r < 0) continue;
+    const s = d.slice(0, r).trim();
+    s && (t[s.startsWith("--") ? s : s.replace(/-([a-z])/g, (i, n) => n.toUpperCase())] = d.slice(r + 1).trim());
+  }
+  return t;
+}
+function xa({
+  title: c = "Talk to a human",
+  subtitle: t = "We’re distributed across three time zones, so someone is usually awake.",
+  offices: d = [
+    { city: "San Francisco", address: "548 Market St, CA 94104", x: 17, y: 40 },
+    { city: "Barcelona", address: "Carrer de Pallars 99, 08018", x: 49, y: 36 },
+    { city: "Singapore", address: "1 Raffles Place, 048616", x: 77, y: 58 }
+  ],
+  channels: r = [
+    { label: "Email", value: "hello@example.com", href: "mailto:hello@example.com", icon: "mail" },
+    { label: "Phone", value: "+1 (555) 010-2030", href: "tel:+15550102030", icon: "phone" },
+    { label: "Live chat", value: "Mon–Fri, 9am–6pm", href: "#", icon: "chat" }
+  ],
+  variant: s = "dots",
+  size: i = "md",
+  className: n = ""
+}) {
+  const b = `csm-${g().replace(/[^a-zA-Z0-9]/g, "")}`, p = {
+    mail: '<rect x="2" y="4" width="20" height="16" rx="2"/><path d="m22 7-10 6L2 7"/>',
+    phone: '<path d="M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1 1 .4 1.9.7 2.8a2 2 0 0 1-.5 2.1L8 9.9a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.4c.9.3 1.8.6 2.8.7a2 2 0 0 1 1.7 2z"/>',
+    chat: '<path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/>'
+  }, k = (o, u) => o > 8 && o < 30 && u > 22 && u < 52 || o > 22 && o < 34 && u > 52 && u < 88 || o > 44 && o < 58 && u > 22 && u < 46 || o > 46 && o < 60 && u > 46 && u < 80 || o > 58 && o < 88 && u > 20 && u < 56 || o > 78 && o < 92 && u > 68 && u < 84, l = [];
+  for (let o = 6; o < 94; o += 3) for (let u = 2; u < 98; u += 2) k(u, o) && l.push([u, o]);
+  const h = 160, m = 110, f = h / 100, v = m / 100;
+  return /* @__PURE__ */ a(N, { children: /* @__PURE__ */ a("div", { className: "cq-contact-split-map-cq", "data-rk-06aea3": "", children: /* @__PURE__ */ a("section", { className: `csm csm--${s} csm--${i} ${n}`, "aria-labelledby": b, "data-rk-06aea3": "", children: /* @__PURE__ */ e("div", { className: "csm__inner", "data-rk-06aea3": "", children: [
+    /* @__PURE__ */ e("div", { className: "csm__info", "data-rk-06aea3": "", children: [
+      /* @__PURE__ */ a("h2", { id: b, className: "csm__title", "data-rk-06aea3": "", children: c }),
+      /* @__PURE__ */ a("p", { className: "csm__subtitle", "data-rk-06aea3": "", children: t }),
+      /* @__PURE__ */ a("ul", { className: "csm__channels", "data-rk-06aea3": "", children: r.map((o, u) => /* @__PURE__ */ a("li", { "data-rk-06aea3": "", children: /* @__PURE__ */ e("a", { className: "csm__channel", href: o.href, "data-rk-06aea3": "", children: [
+        /* @__PURE__ */ a("span", { className: "csm__icon", "aria-hidden": "true", "data-rk-06aea3": "", children: /* @__PURE__ */ a("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round", dangerouslySetInnerHTML: { __html: p[o.icon] }, "data-rk-06aea3": "" }) }),
+        /* @__PURE__ */ e("span", { "data-rk-06aea3": "", children: [
+          /* @__PURE__ */ a("span", { className: "csm__label", "data-rk-06aea3": "", children: o.label }),
+          /* @__PURE__ */ a("span", { className: "csm__value", "data-rk-06aea3": "", children: o.value })
+        ] })
+      ] }) }, u)) }),
+      /* @__PURE__ */ a("ul", { className: "csm__offices", "data-rk-06aea3": "", children: d.map((o, u) => /* @__PURE__ */ a("li", { "data-rk-06aea3": "", children: /* @__PURE__ */ e("address", { "data-rk-06aea3": "", children: [
+        /* @__PURE__ */ a("strong", { "data-rk-06aea3": "", children: o.city }),
+        o.address
+      ] }) }, u)) })
+    ] }),
+    /* @__PURE__ */ e("div", { className: "csm__map", role: "img", "aria-label": `Map showing offices in ${d.map((o) => o.city).join(", ")}`, "data-rk-06aea3": "", children: [
+      /* @__PURE__ */ e("svg", { viewBox: `0 0 ${h} ${m}`, "aria-hidden": "true", "data-rk-06aea3": "", children: [
+        s !== "plain" && l.map(([o, u]) => s === "grid" ? /* @__PURE__ */ a("rect", { x: o * f - 0.8, y: u * v - 0.8, width: "1.6", height: "1.6", fill: "rgb(var(--ink-rgb, 255 255 255) / 0.14)", "data-rk-06aea3": "" }) : /* @__PURE__ */ a("circle", { cx: o * f, cy: u * v, r: "0.75", fill: "rgb(var(--ink-rgb, 255 255 255) / 0.18)", "data-rk-06aea3": "" })),
+        d.map((o, u) => /* @__PURE__ */ e("g", { "data-rk-06aea3": "", children: [
+          /* @__PURE__ */ a("circle", { className: "csm__ping", cx: o.x * f, cy: o.y * v, r: "3", fill: "none", stroke: "var(--c-primary-light, #d4a017)", strokeWidth: "0.4", "data-rk-06aea3": "" }),
+          /* @__PURE__ */ a("circle", { cx: o.x * f, cy: o.y * v, r: "1.6", fill: "var(--c-primary-light, #d4a017)", "data-rk-06aea3": "" })
+        ] }, u))
+      ] }),
+      d.map((o, u) => /* @__PURE__ */ a("span", { className: "csm__pin", style: G(`left:${o.x}%; top:${o.y}%`), "aria-hidden": "true", "data-rk-06aea3": "", children: o.city }, u))
+    ] })
+  ] }) }) }) });
+}
+function R(...c) {
+  const t = [], d = (r) => {
+    if (r) {
+      if (typeof r == "string" || typeof r == "number") t.push(String(r));
+      else if (Array.isArray(r)) r.forEach(d);
+      else if (typeof r == "object")
+        for (const [s, i] of Object.entries(r)) i && t.push(s);
+    }
+  };
+  return c.forEach(d), t.join(" ");
+}
+function F(c) {
+  const t = {};
+  for (const d of String(c ?? "").split(";")) {
+    const r = d.indexOf(":");
+    if (r < 0) continue;
+    const s = d.slice(0, r).trim();
+    s && (t[s.startsWith("--") ? s : s.replace(/-([a-z])/g, (i, n) => n.toUpperCase())] = d.slice(r + 1).trim());
+  }
+  return t;
+}
+function La({
+  title: c = "From the blog",
+  viewAll: t = { label: "View all posts", href: "#" },
+  posts: d = [
+    { title: "Building zero-JS charts with SVG and React", excerpt: "How we replaced a 200 kB charting library with build-time SVG, without losing tooltips or accessibility.", category: "Engineering", date: "2026-10-28", readTime: "8 min", author: "Marcus Lee", href: "#" },
+    { title: "Designing for dark mode first", excerpt: "Contrast, elevation and color tokens that hold up at night.", category: "Design", date: "2026-10-21", readTime: "5 min", author: "Sofía Ruiz", href: "#" },
+    { title: "The accessibility checklist we run on every component", excerpt: "Focus, keyboard, contrast and screen readers — our exact process.", category: "Accessibility", date: "2026-10-14", readTime: "6 min", author: "Priya Natarajan", href: "#" },
+    { title: "Landing page anatomy: 7 sections that convert", excerpt: "A data-backed look at hero, proof, pricing and FAQ placement.", category: "Growth", date: "2026-10-07", readTime: "7 min", author: "Alicia Gómez", href: "#" }
+  ],
+  variant: r = "cards",
+  size: s = "md",
+  className: i = ""
+}) {
+  const n = `bgs-${g().replace(/[^a-zA-Z0-9]/g, "")}`, b = [
+    "radial-gradient(circle at 20% 20%, rgba(57,135,229,.65), transparent 55%), radial-gradient(circle at 80% 80%, rgba(144,133,233,.55), transparent 50%), #101018",
+    "radial-gradient(circle at 70% 30%, color-mix(in srgb, var(--c-primary-light, #d4a017) 60%, transparent), transparent 50%), #15120a",
+    "radial-gradient(circle at 30% 70%, rgba(25,158,112,.6), transparent 55%), #0b1411",
+    "radial-gradient(circle at 60% 40%, rgba(213,81,129,.55), transparent 55%), #150b10"
+  ], p = (k) => (/* @__PURE__ */ new Date(`${k}T00:00:00Z`)).toLocaleDateString("en-US", { month: "short", day: "numeric", year: "numeric", timeZone: "UTC" });
+  return /* @__PURE__ */ a(N, { children: /* @__PURE__ */ a("div", { className: "cq-blog-grid-section-cq", "data-rk-1eb7bb": "", children: /* @__PURE__ */ a("section", { className: `bgs bgs--${r} bgs--${s} ${i}`, "aria-labelledby": n, "data-rk-1eb7bb": "", children: /* @__PURE__ */ e("div", { className: "bgs__inner", "data-rk-1eb7bb": "", children: [
+    /* @__PURE__ */ e("header", { className: "bgs__head", "data-rk-1eb7bb": "", children: [
+      /* @__PURE__ */ a("h2", { id: n, className: "bgs__title", "data-rk-1eb7bb": "", children: c }),
+      t && /* @__PURE__ */ e("a", { className: "bgs__all", href: t.href, "data-rk-1eb7bb": "", children: [
+        t.label,
+        /* @__PURE__ */ a("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", "aria-hidden": "true", "data-rk-1eb7bb": "", children: /* @__PURE__ */ a("path", { d: "M5 12h14M13 6l6 6-6 6", "data-rk-1eb7bb": "" }) })
+      ] })
+    ] }),
+    /* @__PURE__ */ a("ul", { className: "bgs__grid", "data-rk-1eb7bb": "", children: d.map((k, l) => /* @__PURE__ */ a("li", { className: R(["bgs__post", { "bgs__post--featured": l === 0 }]), "data-rk-1eb7bb": "", children: /* @__PURE__ */ e("article", { className: "bgs__card", "data-rk-1eb7bb": "", children: [
+      /* @__PURE__ */ a("div", { className: "bgs__cover", style: F(k.image ? void 0 : `background:${b[l % b.length]}`), "data-rk-1eb7bb": "", children: k.image && /* @__PURE__ */ a("img", { src: k.image, alt: "", loading: "lazy", decoding: "async", "data-rk-1eb7bb": "" }) }),
+      /* @__PURE__ */ e("div", { className: "bgs__body", "data-rk-1eb7bb": "", children: [
+        /* @__PURE__ */ e("p", { className: "bgs__meta", "data-rk-1eb7bb": "", children: [
+          /* @__PURE__ */ a("span", { className: "bgs__cat", "data-rk-1eb7bb": "", children: k.category }),
+          /* @__PURE__ */ a("time", { dateTime: k.date, "data-rk-1eb7bb": "", children: p(k.date) }),
+          /* @__PURE__ */ a("span", { "aria-hidden": "true", "data-rk-1eb7bb": "", children: "·" }),
+          /* @__PURE__ */ e("span", { "data-rk-1eb7bb": "", children: [
+            k.readTime,
+            " read"
+          ] })
+        ] }),
+        /* @__PURE__ */ a("h3", { className: "bgs__post-title", "data-rk-1eb7bb": "", children: /* @__PURE__ */ a("a", { href: k.href, "data-rk-1eb7bb": "", children: k.title }) }),
+        /* @__PURE__ */ a("p", { className: "bgs__excerpt", "data-rk-1eb7bb": "", children: k.excerpt }),
+        /* @__PURE__ */ e("p", { className: "bgs__author", "data-rk-1eb7bb": "", children: [
+          "By ",
+          k.author
+        ] })
+      ] })
+    ] }) }, l)) })
+  ] }) }) }) });
+}
+function qa({
+  title: c = "Changelog",
+  subtitle: t = "New components, improvements and fixes, shipped every week.",
+  releases: d = [
+    { version: "v0.5.1", date: "2026-11-04", title: "Official MCP Server & 1-Click AI Integrations", changes: [
+      { type: "new", text: "Official remote SSE MCP server (mcp.reactcomponents.dev) and local stdio mode." },
+      { type: "new", text: "1-click CLI installer (`npx react-component-kit-ui mcp install <client>`) for Cursor, Claude, Codex, Lovable and universal MCP." },
+      { type: "new", text: "Dedicated /mcp interactive landing page with client tabs and tools catalog." },
+      { type: "new", text: "8 built-in AI tools with real-time discovery of 340+ components, templates, and design tokens." }
+    ] },
+    { version: "v0.4.1", date: "2026-11-04", title: "Multi-page templates & e-commerce suite", changes: [
+      { type: "new", text: "Three complete production templates: Nova Store, Forma Studio & The Lobby." },
+      { type: "new", text: "17 e-commerce components with persistent cart, filters and checkout." },
+      { type: "new", text: "Light theme tokens with adaptive ink-rgb contrast and theme toggle." }
+    ] },
+    { version: "v0.4.0", date: "2026-11-03", title: "SVG charts & 24 new sections", changes: [
+      { type: "new", text: "40 zero-dependency SVG charts with tooltips and table fallbacks." },
+      { type: "new", text: "Waitlist, terminal and dashboard hero sections." },
+      { type: "improved", text: "Chart color tokens validated for color-vision deficiency." }
+    ] },
+    { version: "v0.3.1", date: "2026-10-27", title: "Localized SEO", changes: [
+      { type: "improved", text: "Meta titles and descriptions in English, Spanish and Russian." },
+      { type: "fixed", text: "Code blocks no longer appear in search snippets." }
+    ] },
+    { version: "v0.3.0", date: "2026-10-12", title: "Notes & categories", changes: [
+      { type: "new", text: "Browse-by-category section on the home page." },
+      { type: "fixed", text: "Category titles resolve correctly in every locale." }
+    ] }
+  ],
+  subscribe: r = { label: "Subscribe via RSS", href: "#" },
+  variant: s = "timeline",
+  size: i = "md",
+  className: n = ""
+}) {
+  const b = `cls-${g().replace(/[^a-zA-Z0-9]/g, "")}`, p = { new: "New", improved: "Improved", fixed: "Fixed" }, k = {
+    new: '<path d="M12 5v14M5 12h14"/>',
+    improved: '<path d="M12 19V5M5 12l7-7 7 7"/>',
+    fixed: '<path d="M20 6 9 17l-5-5"/>'
+  }, l = (h) => (/* @__PURE__ */ new Date(`${h}T00:00:00Z`)).toLocaleDateString("en-US", { month: "long", day: "numeric", year: "numeric", timeZone: "UTC" });
+  return /* @__PURE__ */ a(N, { children: /* @__PURE__ */ a("div", { className: "cq-changelog-section-cq", "data-rk-01cab4": "", children: /* @__PURE__ */ a("section", { className: `cls cls--${s} cls--${i} ${n}`, "aria-labelledby": b, "data-rk-01cab4": "", children: /* @__PURE__ */ e("div", { className: "cls__inner", "data-rk-01cab4": "", children: [
+    /* @__PURE__ */ e("header", { className: "cls__head", "data-rk-01cab4": "", children: [
+      /* @__PURE__ */ e("div", { "data-rk-01cab4": "", children: [
+        /* @__PURE__ */ a("h2", { id: b, className: "cls__title", "data-rk-01cab4": "", children: c }),
+        /* @__PURE__ */ a("p", { className: "cls__subtitle", "data-rk-01cab4": "", children: t })
+      ] }),
+      r && /* @__PURE__ */ e("a", { className: "cls__subscribe", href: r.href, "data-rk-01cab4": "", children: [
+        /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", "aria-hidden": "true", "data-rk-01cab4": "", children: [
+          /* @__PURE__ */ a("path", { d: "M4 11a9 9 0 0 1 9 9M4 4a16 16 0 0 1 16 16", "data-rk-01cab4": "" }),
+          /* @__PURE__ */ a("circle", { cx: "5", cy: "19", r: "1", fill: "currentColor", "data-rk-01cab4": "" })
+        ] }),
+        r.label
+      ] })
+    ] }),
+    /* @__PURE__ */ a("ol", { className: "cls__list", "data-rk-01cab4": "", children: d.map((h, m) => /* @__PURE__ */ e("li", { className: "cls__release", "data-rk-01cab4": "", children: [
+      /* @__PURE__ */ e("div", { className: "cls__when", "data-rk-01cab4": "", children: [
+        /* @__PURE__ */ a("span", { className: "cls__version", "data-rk-01cab4": "", children: h.version }),
+        /* @__PURE__ */ a("time", { dateTime: h.date, "data-rk-01cab4": "", children: l(h.date) })
+      ] }),
+      /* @__PURE__ */ e("article", { className: "cls__body", "data-rk-01cab4": "", children: [
+        /* @__PURE__ */ a("h3", { className: "cls__release-title", "data-rk-01cab4": "", children: h.title }),
+        /* @__PURE__ */ a("ul", { className: "cls__changes", "data-rk-01cab4": "", children: h.changes.map((f, v) => /* @__PURE__ */ e("li", { "data-rk-01cab4": "", children: [
+          /* @__PURE__ */ e("span", { className: `cls__type cls__type--${f.type}`, "data-rk-01cab4": "", children: [
+            /* @__PURE__ */ a("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "3", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", dangerouslySetInnerHTML: { __html: k[f.type] }, "data-rk-01cab4": "" }),
+            p[f.type]
+          ] }),
+          /* @__PURE__ */ a("span", { "data-rk-01cab4": "", children: f.text })
+        ] }, v)) })
+      ] })
+    ] }, m)) })
+  ] }) }) }) });
+}
+export {
+  Q as A,
+  La as B,
+  H as C,
+  U as D,
+  na as F,
+  ea as H,
+  ga as I,
+  J as L,
+  K as N,
+  Y as O,
+  sa as P,
+  Sa as S,
+  ha as T,
+  j as a,
+  Ca as b,
+  qa as c,
+  ma as d,
+  xa as e,
+  la as f,
+  ia as g,
+  wa as h,
+  fa as i,
+  ta as j,
+  va as k,
+  ra as l,
+  V as m,
+  Z as n,
+  X as o,
+  ba as p,
+  pa as q,
+  aa as r,
+  ua as s,
+  Na as t,
+  _a as u,
+  ca as v,
+  oa as w,
+  ya as x,
+  ka as y,
+  da as z
+};