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

package/dist/chunks/StatsTrendCard--nij2Jv0.js

@@ -0,0 +1,491 @@
+"use client";
+import { jsx as a, Fragment as l, jsxs as i } from "react/jsx-runtime";
+import { useRef as k, useEffect as _ } from "react";
+function u(t) {
+  const c = {};
+  for (const r of String(t ?? "").split(";")) {
+    const e = r.indexOf(":");
+    if (e < 0) continue;
+    const d = r.slice(0, e).trim();
+    d && (c[d.startsWith("--") ? d : d.replace(/-([a-z])/g, (n, s) => s.toUpperCase())] = r.slice(e + 1).trim());
+  }
+  return c;
+}
+function E({ title: t, description: c, tag: r, thumbUrl: e }) {
+  return /* @__PURE__ */ a(l, { children: /* @__PURE__ */ i("article", { className: "blog-h-card", "data-rk-6cf958": "", children: [
+    /* @__PURE__ */ a("div", { className: "blog-h-card__thumb", style: u(e ? `background-image: url('${e}'); background-size: cover;` : ""), "data-rk-6cf958": "" }),
+    /* @__PURE__ */ i("div", { className: "blog-h-card__content", "data-rk-6cf958": "", children: [
+      /* @__PURE__ */ a("span", { className: "blog-h-card__tag", "data-rk-6cf958": "", children: r }),
+      /* @__PURE__ */ a("h4", { className: "blog-h-card__title", "data-rk-6cf958": "", children: t }),
+      /* @__PURE__ */ a("p", { className: "blog-h-card__desc", "data-rk-6cf958": "", children: c })
+    ] })
+  ] }) });
+}
+function W({
+  title: t,
+  subtitle: c,
+  children: r
+}) {
+  return /* @__PURE__ */ a(l, { children: /* @__PURE__ */ i("div", { className: "cyber-card", "data-rk-3d31cd": "", children: [
+    /* @__PURE__ */ a("div", { className: "cyber-card__glitch-line", "data-rk-3d31cd": "" }),
+    /* @__PURE__ */ a("h3", { className: "cyber-card__title", "data-rk-3d31cd": "", children: t }),
+    c && /* @__PURE__ */ a("p", { className: "cyber-card__subtitle", "data-rk-3d31cd": "", children: c }),
+    r
+  ] }) });
+}
+function p(t) {
+  const c = {};
+  for (const r of String(t ?? "").split(";")) {
+    const e = r.indexOf(":");
+    if (e < 0) continue;
+    const d = r.slice(0, e).trim();
+    d && (c[d.startsWith("--") ? d : d.replace(/-([a-z])/g, (n, s) => s.toUpperCase())] = r.slice(e + 1).trim());
+  }
+  return c;
+}
+function L({
+  title: t,
+  price: c,
+  imageUrl: r,
+  tag: e,
+  rating: d,
+  ctaText: n = "Add"
+}) {
+  return /* @__PURE__ */ a(l, { children: /* @__PURE__ */ i("div", { className: "prod-card", "data-rk-0a44ca": "", children: [
+    /* @__PURE__ */ a("div", { className: "prod-card__image", style: p(r ? `background-image: url('${r}'); background-size: cover;` : ""), "data-rk-0a44ca": "" }),
+    /* @__PURE__ */ i("div", { className: "prod-card__info", "data-rk-0a44ca": "", children: [
+      /* @__PURE__ */ i("div", { className: "prod-card__meta", "data-rk-0a44ca": "", children: [
+        e ? /* @__PURE__ */ a("span", { "data-rk-0a44ca": "", children: e }) : /* @__PURE__ */ a("span", { "data-rk-0a44ca": "" }),
+        d ? /* @__PURE__ */ a("span", { "data-rk-0a44ca": "", children: d }) : null
+      ] }),
+      /* @__PURE__ */ a("h4", { className: "prod-card__title", "data-rk-0a44ca": "", children: t }),
+      /* @__PURE__ */ i("div", { className: "prod-card__bot", "data-rk-0a44ca": "", children: [
+        /* @__PURE__ */ a("span", { className: "prod-card__price", "data-rk-0a44ca": "", children: c }),
+        /* @__PURE__ */ a("button", { className: "prod-card__cta", type: "button", "data-rk-0a44ca": "", children: n })
+      ] })
+    ] })
+  ] }) });
+}
+function N(...t) {
+  const c = [], r = (e) => {
+    if (e) {
+      if (typeof e == "string" || typeof e == "number") c.push(String(e));
+      else if (Array.isArray(e)) e.forEach(r);
+      else if (typeof e == "object")
+        for (const [d, n] of Object.entries(e)) n && c.push(d);
+    }
+  };
+  return t.forEach(r), c.join(" ");
+}
+function z({
+  title: t,
+  subtitle: c,
+  hoverable: r = !0,
+  padding: e = "md",
+  children: d
+}) {
+  return /* @__PURE__ */ a(l, { children: /* @__PURE__ */ i("div", { className: N(["glass-card", `glass-card--p${e}`, { "glass-card--hoverable": r }]), "data-rk-30e66c": "", children: [
+    t && /* @__PURE__ */ i("div", { className: "glass-card__header", "data-rk-30e66c": "", children: [
+      /* @__PURE__ */ a("h3", { className: "glass-card__title", "data-rk-30e66c": "", children: t }),
+      c && /* @__PURE__ */ a("p", { className: "glass-card__subtitle", "data-rk-30e66c": "", children: c })
+    ] }),
+    /* @__PURE__ */ a("div", { className: "glass-card__body", "data-rk-30e66c": "", children: d })
+  ] }) });
+}
+function M({ day: t, month: c, title: r, details: e }) {
+  return /* @__PURE__ */ a(l, { children: /* @__PURE__ */ i("div", { className: "event-card", "data-rk-f41cb5": "", children: [
+    /* @__PURE__ */ i("div", { className: "event-card__badge", "data-rk-f41cb5": "", children: [
+      /* @__PURE__ */ a("span", { className: "event-card__day", "data-rk-f41cb5": "", children: t }),
+      c
+    ] }),
+    /* @__PURE__ */ i("div", { className: "event-card__info", "data-rk-f41cb5": "", children: [
+      /* @__PURE__ */ a("h3", { className: "event-card__title", "data-rk-f41cb5": "", children: r }),
+      /* @__PURE__ */ a("p", { className: "event-card__details", "data-rk-f41cb5": "", children: e })
+    ] }),
+    /* @__PURE__ */ a("button", { className: "event-card__join", type: "button", "aria-label": "Join event", "data-rk-f41cb5": "", children: "+" })
+  ] }) });
+}
+function g(t) {
+  const c = {};
+  for (const r of String(t ?? "").split(";")) {
+    const e = r.indexOf(":");
+    if (e < 0) continue;
+    const d = r.slice(0, e).trim();
+    d && (c[d.startsWith("--") ? d : d.replace(/-([a-z])/g, (n, s) => s.toUpperCase())] = r.slice(e + 1).trim());
+  }
+  return c;
+}
+function O({
+  title: t,
+  subtitle: c,
+  glowColor: r = "var(--c-primary, #6366f1)",
+  children: e
+}) {
+  return /* @__PURE__ */ a(l, { children: /* @__PURE__ */ a("div", { className: "glow-wrap", style: g(`--glow-color: ${r};`), "data-rk-a93656": "", children: /* @__PURE__ */ i("div", { className: "glow-content", "data-rk-a93656": "", children: [
+    /* @__PURE__ */ a("h3", { className: "glow-content__title", "data-rk-a93656": "", children: t }),
+    /* @__PURE__ */ a("p", { className: "glow-content__subtitle", "data-rk-a93656": "", children: c }),
+    e
+  ] }) }) });
+}
+function P({ title: t, description: c }) {
+  const r = k(!1);
+  return _(() => {
+    r.current || (r.current = !0, document.querySelectorAll(".tilt-card-inner").forEach((e) => {
+      e.addEventListener("mousemove", (d) => {
+        const n = e.getBoundingClientRect(), s = (d.clientX - n.left - n.width / 2) / 10, o = (d.clientY - n.top - n.height / 2) / -10;
+        e.style.transform = `rotateY(${s}deg) rotateX(${o}deg)`;
+      }), e.addEventListener("mouseleave", () => {
+        e.style.transform = "rotateY(0deg) rotateX(0deg)";
+      });
+    }));
+  }, []), /* @__PURE__ */ a(l, { children: /* @__PURE__ */ a("div", { className: "tilt-card-wrap", "data-rk-c53bbe": "", children: /* @__PURE__ */ i("div", { className: "tilt-card-inner", "data-rk-c53bbe": "", children: [
+    /* @__PURE__ */ a("h3", { className: "tilt-card__title", "data-rk-c53bbe": "", children: t }),
+    /* @__PURE__ */ a("p", { className: "tilt-card__desc", "data-rk-c53bbe": "", children: c })
+  ] }) }) });
+}
+function A({ title: t, priority: c, tag: r }) {
+  return /* @__PURE__ */ a(l, { children: /* @__PURE__ */ i("div", { className: "k-item", "data-rk-445dff": "", children: [
+    /* @__PURE__ */ a("p", { className: "k-item__title", "data-rk-445dff": "", children: t }),
+    /* @__PURE__ */ i("div", { className: "k-item__badges", "data-rk-445dff": "", children: [
+      c && /* @__PURE__ */ a("span", { className: "k-item__badge k-item__badge--prio", "data-rk-445dff": "", children: c }),
+      r && /* @__PURE__ */ a("span", { className: "k-item__badge k-item__badge--opt", "data-rk-445dff": "", children: r })
+    ] })
+  ] }) });
+}
+function B({ title: t, href: c }) {
+  return /* @__PURE__ */ a(l, { children: /* @__PURE__ */ i("a", { href: c, className: "link-card", "data-rk-a901cf": "", children: [
+    /* @__PURE__ */ a("span", { className: "link-card__title", "data-rk-a901cf": "", children: t }),
+    /* @__PURE__ */ a("svg", { className: "link-card__icon", width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", "data-rk-a901cf": "", children: /* @__PURE__ */ a("path", { d: "M5 12h14M12 5l7 7-7 7", "data-rk-a901cf": "" }) })
+  ] }) });
+}
+function h(t) {
+  const c = {};
+  for (const r of String(t ?? "").split(";")) {
+    const e = r.indexOf(":");
+    if (e < 0) continue;
+    const d = r.slice(0, e).trim();
+    d && (c[d.startsWith("--") ? d : d.replace(/-([a-z])/g, (n, s) => s.toUpperCase())] = r.slice(e + 1).trim());
+  }
+  return c;
+}
+function G({ title: t, artist: c, coverUrl: r, progress: e = 40 }) {
+  return /* @__PURE__ */ a(l, { children: /* @__PURE__ */ i("div", { className: "music-mini", "data-rk-ff2e10": "", children: [
+    /* @__PURE__ */ a("div", { className: "music-mini__art", style: h(r ? `background-image: url('${r}'); background-size: cover;` : ""), "data-rk-ff2e10": "" }),
+    /* @__PURE__ */ i("div", { className: "music-mini__track", "data-rk-ff2e10": "", children: [
+      /* @__PURE__ */ a("h4", { className: "music-mini__title", "data-rk-ff2e10": "", children: t }),
+      /* @__PURE__ */ a("p", { className: "music-mini__artist", "data-rk-ff2e10": "", children: c }),
+      /* @__PURE__ */ a("div", { className: "music-mini__progress", role: "progressbar", "aria-valuenow": e, "aria-valuemin": 0, "aria-valuemax": 100, "data-rk-ff2e10": "", children: /* @__PURE__ */ a("div", { className: "music-mini__bar", style: h(`width: ${e}%;`), "data-rk-ff2e10": "" }) })
+    ] }),
+    /* @__PURE__ */ a("button", { className: "music-mini__play", type: "button", "aria-label": "Play track", "data-rk-ff2e10": "", children: "▶" })
+  ] }) });
+}
+function R({
+  padding: t = "md",
+  children: c
+}) {
+  return /* @__PURE__ */ a(l, { children: /* @__PURE__ */ a("div", { className: `neu-card neu-card--p${t}`, "data-rk-6601f7": "", children: c }) });
+}
+function T({ title: t, message: c, type: r = "info" }) {
+  return /* @__PURE__ */ a(l, { children: /* @__PURE__ */ i("div", { className: `notify-card notify-card--${r}`, "data-rk-7cf369": "", children: [
+    /* @__PURE__ */ a("div", { className: "notify-card__dot", "aria-hidden": "true", "data-rk-7cf369": "" }),
+    /* @__PURE__ */ i("div", { className: "notify-card__content", "data-rk-7cf369": "", children: [
+      /* @__PURE__ */ a("strong", { className: "notify-card__title", "data-rk-7cf369": "", children: t }),
+      /* @__PURE__ */ a("p", { className: "notify-card__message", "data-rk-7cf369": "", children: c })
+    ] })
+  ] }) });
+}
+function b(...t) {
+  const c = [], r = (e) => {
+    if (e) {
+      if (typeof e == "string" || typeof e == "number") c.push(String(e));
+      else if (Array.isArray(e)) e.forEach(r);
+      else if (typeof e == "object")
+        for (const [d, n] of Object.entries(e)) n && c.push(d);
+    }
+  };
+  return t.forEach(r), c.join(" ");
+}
+function U({
+  plan: t,
+  price: c,
+  featured: r = !1,
+  children: e
+}) {
+  return /* @__PURE__ */ a(l, { children: /* @__PURE__ */ i("div", { className: b(["price-card", { featured: r }]), "data-rk-29b1af": "", children: [
+    /* @__PURE__ */ a("span", { className: "price-card__plan", "data-rk-29b1af": "", children: t }),
+    /* @__PURE__ */ i("div", { className: "price-card__price", "data-rk-29b1af": "", children: [
+      /* @__PURE__ */ a("span", { "data-rk-29b1af": "", children: "$" }),
+      c
+    ] }),
+    /* @__PURE__ */ a("ul", { className: "price-card__features", "data-rk-29b1af": "", children: e }),
+    /* @__PURE__ */ a("button", { className: "price-card__btn", type: "button", "data-rk-29b1af": "", children: "Choose Plan" })
+  ] }) });
+}
+function v(t) {
+  const c = {};
+  for (const r of String(t ?? "").split(";")) {
+    const e = r.indexOf(":");
+    if (e < 0) continue;
+    const d = r.slice(0, e).trim();
+    d && (c[d.startsWith("--") ? d : d.replace(/-([a-z])/g, (n, s) => s.toUpperCase())] = r.slice(e + 1).trim());
+  }
+  return c;
+}
+function I({
+  name: t,
+  role: c,
+  avatarUrl: r,
+  socials: e
+}) {
+  return /* @__PURE__ */ a(l, { children: /* @__PURE__ */ i("div", { className: "profile-card", "data-rk-97abf6": "", children: [
+    /* @__PURE__ */ a("div", { className: "profile-card__banner", "data-rk-97abf6": "" }),
+    /* @__PURE__ */ a("div", { className: "profile-card__avatar", style: v(r ? `background-image: url('${r}'); background-size: cover;` : ""), "data-rk-97abf6": "" }),
+    /* @__PURE__ */ a("h3", { className: "profile-card__name", "data-rk-97abf6": "", children: t }),
+    /* @__PURE__ */ a("p", { className: "profile-card__role", "data-rk-97abf6": "", children: c }),
+    /* @__PURE__ */ a("div", { className: "profile-card__socials", "data-rk-97abf6": "", children: e ?? /* @__PURE__ */ i(l, { children: [
+      /* @__PURE__ */ a("span", { "aria-hidden": "true", "data-rk-97abf6": "", children: "🐦" }),
+      /* @__PURE__ */ a("span", { "aria-hidden": "true", "data-rk-97abf6": "", children: "💼" }),
+      /* @__PURE__ */ a("span", { "aria-hidden": "true", "data-rk-97abf6": "", children: "🌐" })
+    ] }) })
+  ] }) });
+}
+function F({ title: t, level: c, score: r }) {
+  return /* @__PURE__ */ a(l, { children: /* @__PURE__ */ i("div", { className: "retro-game", "data-rk-d37617": "", children: [
+    /* @__PURE__ */ a("div", { className: "retro-game__scanlines", "data-rk-d37617": "" }),
+    /* @__PURE__ */ a("div", { className: "retro-game__screen", "data-rk-d37617": "", children: c }),
+    /* @__PURE__ */ a("h3", { className: "retro-game__title", "data-rk-d37617": "", children: t }),
+    /* @__PURE__ */ i("div", { className: "retro-game__score", "data-rk-d37617": "", children: [
+      "SCORE: ",
+      r
+    ] })
+  ] }) });
+}
+function H({ label: t, value: c, icon: r }) {
+  return /* @__PURE__ */ a(l, { children: /* @__PURE__ */ i("div", { className: "stat-card", "data-rk-913005": "", children: [
+    /* @__PURE__ */ a("div", { className: "stat-card__icon", "aria-hidden": "true", "data-rk-913005": "", children: r }),
+    /* @__PURE__ */ i("div", { className: "stat-card__info", "data-rk-913005": "", children: [
+      /* @__PURE__ */ a("span", { className: "stat-card__label", "data-rk-913005": "", children: t }),
+      /* @__PURE__ */ a("span", { className: "stat-card__value", "data-rk-913005": "", children: c })
+    ] })
+  ] }) });
+}
+function K({ task: t, date: c, assigneeInitials: r, priority: e = "low" }) {
+  const d = { low: "Low", med: "Medium", high: "High" };
+  return /* @__PURE__ */ a(l, { children: /* @__PURE__ */ i("div", { className: "task-card", "data-rk-11d45c": "", children: [
+    /* @__PURE__ */ a("div", { className: "task-card__tags", "data-rk-11d45c": "", children: /* @__PURE__ */ a("span", { className: `task-card__tag task-card__tag--${e}`, "data-rk-11d45c": "", children: d[e] }) }),
+    /* @__PURE__ */ a("p", { className: "task-card__desc", "data-rk-11d45c": "", children: t }),
+    /* @__PURE__ */ i("div", { className: "task-card__footer", "data-rk-11d45c": "", children: [
+      /* @__PURE__ */ a("span", { className: "task-card__date", "data-rk-11d45c": "", children: c }),
+      /* @__PURE__ */ a("div", { className: "task-card__assignee", "data-rk-11d45c": "", children: r })
+    ] })
+  ] }) });
+}
+function y(t) {
+  const c = {};
+  for (const r of String(t ?? "").split(";")) {
+    const e = r.indexOf(":");
+    if (e < 0) continue;
+    const d = r.slice(0, e).trim();
+    d && (c[d.startsWith("--") ? d : d.replace(/-([a-z])/g, (n, s) => s.toUpperCase())] = r.slice(e + 1).trim());
+  }
+  return c;
+}
+function q({ quote: t, name: c, role: r, avatarUrl: e }) {
+  return /* @__PURE__ */ a(l, { children: /* @__PURE__ */ i("div", { className: "testi-card", "data-rk-49942c": "", children: [
+    /* @__PURE__ */ i("blockquote", { className: "testi-card__quote", "data-rk-49942c": "", children: [
+      '"',
+      t,
+      '"'
+    ] }),
+    /* @__PURE__ */ i("div", { className: "testi-card__author", "data-rk-49942c": "", children: [
+      /* @__PURE__ */ a("div", { className: "testi-card__pic", style: y(e ? `background-image: url('${e}'); background-size: cover;` : ""), "data-rk-49942c": "" }),
+      /* @__PURE__ */ i("div", { className: "testi-card__info", "data-rk-49942c": "", children: [
+        /* @__PURE__ */ a("h5", { className: "testi-card__name", "data-rk-49942c": "", children: c }),
+        /* @__PURE__ */ a("span", { className: "testi-card__role", "data-rk-49942c": "", children: r })
+      ] })
+    ] })
+  ] }) });
+}
+function D({ temp: t, city: c, condition: r, icon: e }) {
+  return /* @__PURE__ */ a(l, { children: /* @__PURE__ */ i("div", { className: "weather-card", "data-rk-877a33": "", children: [
+    /* @__PURE__ */ a("div", { className: "weather-card__temp", "data-rk-877a33": "", children: t }),
+    /* @__PURE__ */ i("div", { className: "weather-card__city", "data-rk-877a33": "", children: [
+      /* @__PURE__ */ a("h4", { className: "weather-card__name", "data-rk-877a33": "", children: c }),
+      /* @__PURE__ */ a("p", { className: "weather-card__cond", "data-rk-877a33": "", children: r })
+    ] }),
+    /* @__PURE__ */ a("div", { className: "weather-card__icon", "aria-hidden": "true", "data-rk-877a33": "", children: e })
+  ] }) });
+}
+function C(...t) {
+  const c = [], r = (e) => {
+    if (e) {
+      if (typeof e == "string" || typeof e == "number") c.push(String(e));
+      else if (Array.isArray(e)) e.forEach(r);
+      else if (typeof e == "object")
+        for (const [d, n] of Object.entries(e)) n && c.push(d);
+    }
+  };
+  return t.forEach(r), c.join(" ");
+}
+function X({
+  planName: t = "Pro Developer",
+  price: c = "$29",
+  period: r = "/month",
+  description: e = "For growing teams and fast production workflows.",
+  features: d = [
+    "Unlimited UI components",
+    "Full source code access",
+    "Commercial license",
+    "Community Discord support"
+  ],
+  featured: n = !1,
+  ctaText: s = "Get Started",
+  ctaHref: o = "#"
+}) {
+  return /* @__PURE__ */ a(l, { children: /* @__PURE__ */ i("div", { className: C(["mini-price-card", { "mini-price-card--featured": n }]), "data-rk-d6e120": "", children: [
+    n && /* @__PURE__ */ a("span", { className: "mini-price-card__badge", "data-rk-d6e120": "", children: "Most Popular" }),
+    /* @__PURE__ */ i("div", { className: "mini-price-card__header", "data-rk-d6e120": "", children: [
+      /* @__PURE__ */ a("h3", { className: "mini-price-card__plan", "data-rk-d6e120": "", children: t }),
+      /* @__PURE__ */ a("p", { className: "mini-price-card__desc", "data-rk-d6e120": "", children: e }),
+      /* @__PURE__ */ i("div", { className: "mini-price-card__amount", "data-rk-d6e120": "", children: [
+        /* @__PURE__ */ a("span", { className: "val", "data-rk-d6e120": "", children: c }),
+        /* @__PURE__ */ a("span", { className: "period", "data-rk-d6e120": "", children: r })
+      ] })
+    ] }),
+    /* @__PURE__ */ a("ul", { className: "mini-price-card__features", "data-rk-d6e120": "", children: d.map((m, f) => /* @__PURE__ */ i("li", { className: "mini-price-card__feature", "data-rk-d6e120": "", children: [
+      /* @__PURE__ */ a("svg", { className: "check-icon", 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-d6e120": "", children: /* @__PURE__ */ a("polyline", { points: "20 6 9 17 4 12", "data-rk-d6e120": "" }) }),
+      /* @__PURE__ */ a("span", { "data-rk-d6e120": "", children: m })
+    ] }, f)) }),
+    /* @__PURE__ */ i("a", { href: o, className: "mini-price-card__btn", "data-rk-d6e120": "", children: [
+      s,
+      /* @__PURE__ */ a("span", { "aria-hidden": "true", "data-rk-d6e120": "", children: "→" })
+    ] })
+  ] }) });
+}
+function w(t) {
+  const c = {};
+  for (const r of String(t ?? "").split(";")) {
+    const e = r.indexOf(":");
+    if (e < 0) continue;
+    const d = r.slice(0, e).trim();
+    d && (c[d.startsWith("--") ? d : d.replace(/-([a-z])/g, (n, s) => s.toUpperCase())] = r.slice(e + 1).trim());
+  }
+  return c;
+}
+function Y({
+  repoName: t = "react-components",
+  owner: c = "konstantinWDK",
+  description: r = "Premium open-source UI component library for React with glassmorphism and accessibility.",
+  language: e = "TypeScript",
+  languageColor: d = "#3178c6",
+  stars: n = 248,
+  forks: s = 32,
+  href: o = "#"
+}) {
+  return /* @__PURE__ */ a(l, { children: /* @__PURE__ */ i("a", { href: o, target: "_blank", rel: "noopener noreferrer", className: "gh-repo-card", "data-rk-02caec": "", children: [
+    /* @__PURE__ */ i("div", { className: "gh-repo-card__head", "data-rk-02caec": "", children: [
+      /* @__PURE__ */ i("svg", { className: "gh-repo-card__icon", width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "data-rk-02caec": "", children: [
+        /* @__PURE__ */ a("path", { d: "M4 19.5v-15A2.5 2.5 0 0 1 6.5 2H20v20H6.5a2.5 2.5 0 0 1-2.5-2.5Z", "data-rk-02caec": "" }),
+        /* @__PURE__ */ a("path", { d: "M6 6h10", "data-rk-02caec": "" }),
+        /* @__PURE__ */ a("path", { d: "M6 10h10", "data-rk-02caec": "" })
+      ] }),
+      /* @__PURE__ */ i("div", { className: "gh-repo-card__title-wrap", "data-rk-02caec": "", children: [
+        /* @__PURE__ */ i("span", { className: "owner", "data-rk-02caec": "", children: [
+          c,
+          "/"
+        ] }),
+        /* @__PURE__ */ a("h4", { className: "name", "data-rk-02caec": "", children: t })
+      ] }),
+      /* @__PURE__ */ a("span", { className: "gh-repo-card__badge", "data-rk-02caec": "", children: "Public" })
+    ] }),
+    /* @__PURE__ */ a("p", { className: "gh-repo-card__desc", "data-rk-02caec": "", children: r }),
+    /* @__PURE__ */ i("div", { className: "gh-repo-card__meta", "data-rk-02caec": "", children: [
+      /* @__PURE__ */ i("div", { className: "gh-repo-card__lang", "data-rk-02caec": "", children: [
+        /* @__PURE__ */ a("span", { className: "lang-dot", style: w(`background-color: ${d};`), "data-rk-02caec": "" }),
+        /* @__PURE__ */ a("span", { "data-rk-02caec": "", children: e })
+      ] }),
+      /* @__PURE__ */ i("div", { className: "gh-repo-card__stat", "data-rk-02caec": "", children: [
+        /* @__PURE__ */ a("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "currentColor", "data-rk-02caec": "", children: /* @__PURE__ */ a("polygon", { points: "12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2", "data-rk-02caec": "" }) }),
+        /* @__PURE__ */ a("span", { "data-rk-02caec": "", children: n.toLocaleString() })
+      ] }),
+      /* @__PURE__ */ i("div", { className: "gh-repo-card__stat", "data-rk-02caec": "", children: [
+        /* @__PURE__ */ i("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "data-rk-02caec": "", children: [
+          /* @__PURE__ */ a("line", { x1: "6", y1: "3", x2: "6", y2: "15", "data-rk-02caec": "" }),
+          /* @__PURE__ */ a("circle", { cx: "18", cy: "6", r: "3", "data-rk-02caec": "" }),
+          /* @__PURE__ */ a("circle", { cx: "6", cy: "18", r: "3", "data-rk-02caec": "" }),
+          /* @__PURE__ */ a("path", { d: "M18 9a9 9 0 0 1-9 9", "data-rk-02caec": "" })
+        ] }),
+        /* @__PURE__ */ a("span", { "data-rk-02caec": "", children: s.toLocaleString() })
+      ] })
+    ] })
+  ] }) });
+}
+function $(...t) {
+  const c = [], r = (e) => {
+    if (e) {
+      if (typeof e == "string" || typeof e == "number") c.push(String(e));
+      else if (Array.isArray(e)) e.forEach(r);
+      else if (typeof e == "object")
+        for (const [d, n] of Object.entries(e)) n && c.push(d);
+    }
+  };
+  return t.forEach(r), c.join(" ");
+}
+function x(t) {
+  const c = {};
+  for (const r of String(t ?? "").split(";")) {
+    const e = r.indexOf(":");
+    if (e < 0) continue;
+    const d = r.slice(0, e).trim();
+    d && (c[d.startsWith("--") ? d : d.replace(/-([a-z])/g, (n, s) => s.toUpperCase())] = r.slice(e + 1).trim());
+  }
+  return c;
+}
+function J({
+  label: t = "Monthly Active Builders",
+  value: c = "14,290",
+  change: r = "+18.4%",
+  trend: e = "up",
+  timeframe: d = "vs last 30 days"
+}) {
+  const n = [35, 55, 40, 75, 60, 90, 80, 100];
+  return /* @__PURE__ */ a(l, { children: /* @__PURE__ */ i("div", { className: "trend-card", "data-rk-0bf6d9": "", children: [
+    /* @__PURE__ */ i("div", { className: "trend-card__top", "data-rk-0bf6d9": "", children: [
+      /* @__PURE__ */ a("span", { className: "trend-card__label", "data-rk-0bf6d9": "", children: t }),
+      /* @__PURE__ */ i("span", { className: $(["trend-card__badge", `trend-card__badge--${e}`]), "data-rk-0bf6d9": "", children: [
+        e === "up" && "↑",
+        e === "down" && "↓",
+        r
+      ] })
+    ] }),
+    /* @__PURE__ */ a("div", { className: "trend-card__value", "data-rk-0bf6d9": "", children: c }),
+    /* @__PURE__ */ i("div", { className: "trend-card__bottom", "data-rk-0bf6d9": "", children: [
+      /* @__PURE__ */ a("span", { className: "trend-card__timeframe", "data-rk-0bf6d9": "", children: d }),
+      /* @__PURE__ */ a("div", { className: "trend-card__chart", "aria-hidden": "true", "data-rk-0bf6d9": "", children: n.map((s, o) => /* @__PURE__ */ a("span", { className: "bar", style: x(`height: ${s}%;`), "data-rk-0bf6d9": "" }, o)) })
+    ] })
+  ] }) });
+}
+export {
+  E as B,
+  W as C,
+  L as E,
+  Y as G,
+  P as I,
+  A as K,
+  B as M,
+  R as N,
+  U as P,
+  F as R,
+  H as S,
+  K as T,
+  D as W,
+  z as a,
+  M as b,
+  O as c,
+  G as d,
+  T as e,
+  X as f,
+  I as g,
+  J as h,
+  q as i
+};

package/dist/chunks/StatusTimelineFeed-BRYwz08g.js

@@ -0,0 +1,62 @@
+"use client";
+import { jsx as s, Fragment as l, jsxs as a } from "react/jsx-runtime";
+function c(...d) {
+  const e = [], i = (t) => {
+    if (t) {
+      if (typeof t == "string" || typeof t == "number") e.push(String(t));
+      else if (Array.isArray(t)) t.forEach(i);
+      else if (typeof t == "object")
+        for (const [n, r] of Object.entries(t)) r && e.push(n);
+    }
+  };
+  return d.forEach(i), e.join(" ");
+}
+function u({
+  events: d = [
+    {
+      title: "Production Deployment #104",
+      desc: "Container vtzmu4t7 synchronized with latest Git commit.",
+      time: "Just now",
+      status: "done"
+    },
+    {
+      title: "Automated Playwright Audits",
+      desc: "All 214 pages verified with 0 visual regressions.",
+      time: "12 mins ago",
+      status: "done"
+    },
+    {
+      title: "Edge Cache Invalidation",
+      desc: "Purging stale Cloudflare and Traefik edge routes.",
+      time: "In progress",
+      status: "active"
+    },
+    {
+      title: "Global CDN Replication",
+      desc: "Waiting for European and US west points of presence.",
+      time: "Queued",
+      status: "pending"
+    }
+  ]
+}) {
+  return /* @__PURE__ */ s(l, { children: /* @__PURE__ */ a("div", { className: "status-feed", "data-rk-e25d10": "", children: [
+    /* @__PURE__ */ s("div", { className: "status-feed__line", "aria-hidden": "true", "data-rk-e25d10": "" }),
+    d.map((e, i) => /* @__PURE__ */ a("div", { className: c(["status-feed__item", `status-feed__item--${e.status}`]), "data-rk-e25d10": "", children: [
+      /* @__PURE__ */ a("div", { className: "status-feed__bullet", "data-rk-e25d10": "", children: [
+        e.status === "done" && "✓",
+        e.status === "active" && "●",
+        e.status === "pending" && "○"
+      ] }),
+      /* @__PURE__ */ a("div", { className: "status-feed__content", "data-rk-e25d10": "", children: [
+        /* @__PURE__ */ a("div", { className: "status-feed__header", "data-rk-e25d10": "", children: [
+          /* @__PURE__ */ s("h5", { className: "status-feed__title", "data-rk-e25d10": "", children: e.title }),
+          /* @__PURE__ */ s("span", { className: "status-feed__time", "data-rk-e25d10": "", children: e.time })
+        ] }),
+        /* @__PURE__ */ s("p", { className: "status-feed__desc", "data-rk-e25d10": "", children: e.desc })
+      ] })
+    ] }, i))
+  ] }) });
+}
+export {
+  u as S
+};

package/dist/chunks/StepBreadcrumbBar-BGXvx5NX.js

@@ -0,0 +1,32 @@
+"use client";
+import { jsx as t, Fragment as o, jsxs as n } from "react/jsx-runtime";
+function c(...s) {
+  const e = [], r = (a) => {
+    if (a) {
+      if (typeof a == "string" || typeof a == "number") e.push(String(a));
+      else if (Array.isArray(a)) a.forEach(r);
+      else if (typeof a == "object")
+        for (const [i, l] of Object.entries(a)) l && e.push(i);
+    }
+  };
+  return s.forEach(r), e.join(" ");
+}
+function f({
+  steps: s = [
+    { step: 1, label: "Account", status: "complete", href: "#step-1" },
+    { step: 2, label: "Plan & Billing", status: "active", href: "#step-2" },
+    { step: 3, label: "Preferences", status: "upcoming", href: "#step-3" },
+    { step: 4, label: "Review", status: "upcoming", href: "#step-4" }
+  ]
+}) {
+  return /* @__PURE__ */ t(o, { children: /* @__PURE__ */ t("nav", { className: "step-nav", "aria-label": "Workflow progress", "data-rk-71122f": "", children: /* @__PURE__ */ t("ol", { className: "step-nav__list", "data-rk-71122f": "", children: s.map((e, r) => /* @__PURE__ */ n("li", { className: c(["step-nav__item", `step-nav__item--${e.status}`]), "data-rk-71122f": "", children: [
+    /* @__PURE__ */ n("a", { href: e.href || "#", className: "step-nav__link", "aria-current": e.status === "active" ? "step" : void 0, "data-rk-71122f": "", children: [
+      /* @__PURE__ */ t("span", { className: "step-nav__circle", "data-rk-71122f": "", children: e.status === "complete" ? /* @__PURE__ */ t("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "3", strokeLinecap: "round", strokeLinejoin: "round", "data-rk-71122f": "", children: /* @__PURE__ */ t("polyline", { points: "20 6 9 17 4 12", "data-rk-71122f": "" }) }) : e.step }),
+      /* @__PURE__ */ t("span", { className: "step-nav__label", "data-rk-71122f": "", children: e.label })
+    ] }),
+    r < s.length - 1 && /* @__PURE__ */ t("div", { className: "step-nav__line", "aria-hidden": "true", "data-rk-71122f": "" })
+  ] }, r)) }) }) });
+}
+export {
+  f as S
+};

package/dist/chunks/StepperInput-Ck_9n2BL.js

@@ -0,0 +1,30 @@
+"use client";
+import { jsx as a, Fragment as h, jsxs as i } from "react/jsx-runtime";
+import { useRef as k, useEffect as S } from "react";
+function N({ label: n, id: u, name: o, value: d = 1, min: m, max: f, step: b = 1 }) {
+  const p = k(!1);
+  return S(() => {
+    p.current || (p.current = !0, document.querySelectorAll("[data-stepper]").forEach((s) => {
+      const e = s.querySelector("[data-step-input]"), l = s.querySelector("[data-step-minus]"), c = s.querySelector("[data-step-plus]");
+      if (!e || !l || !c) return;
+      const r = parseFloat(e.step) || 1, v = e.min !== "" ? parseFloat(e.min) : -1 / 0, y = e.max !== "" ? parseFloat(e.max) : 1 / 0;
+      l.addEventListener("click", () => {
+        const t = parseFloat(e.value) || 0;
+        t - r >= v && (e.value = (t - r).toString());
+      }), c.addEventListener("click", () => {
+        const t = parseFloat(e.value) || 0;
+        t + r <= y && (e.value = (t + r).toString());
+      });
+    }));
+  }, []), /* @__PURE__ */ a(h, { children: /* @__PURE__ */ i("div", { className: "stepper-container", "data-rk-dbf2a1": "", children: [
+    n && /* @__PURE__ */ a("label", { className: "stepper-label", htmlFor: u, "data-rk-dbf2a1": "", children: n }),
+    /* @__PURE__ */ i("div", { className: "stepper", "data-stepper": !0, "data-rk-dbf2a1": "", children: [
+      /* @__PURE__ */ a("button", { type: "button", className: "stepper-btn stepper-btn--minus", "data-step-minus": !0, "aria-label": "Decrease value", "data-rk-dbf2a1": "", children: "−" }),
+      /* @__PURE__ */ a("input", { type: "number", id: u, name: o, min: m, max: f, step: b, defaultValue: d, className: "stepper-input", "data-step-input": !0, "data-rk-dbf2a1": "" }),
+      /* @__PURE__ */ a("button", { type: "button", className: "stepper-btn stepper-btn--plus", "data-step-plus": !0, "aria-label": "Increase value", "data-rk-dbf2a1": "", children: "+" })
+    ] })
+  ] }) });
+}
+export {
+  N as S
+};