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

package/dist/chunks/ProductCardMinimal-lQi5vy3-.js

@@ -0,0 +1,88 @@
+"use client";
+import { jsx as e, Fragment as u, jsxs as r } from "react/jsx-runtime";
+import { useRef as j, useEffect as O } from "react";
+import { b as C, P as y, f as w } from "./cart-store-u-ScUvte.js";
+function L(...a) {
+  const t = [], n = (i) => {
+    if (i) {
+      if (typeof i == "string" || typeof i == "number") t.push(String(i));
+      else if (Array.isArray(i)) i.forEach(n);
+      else if (typeof i == "object")
+        for (const [s, l] of Object.entries(i)) l && t.push(s);
+    }
+  };
+  return a.forEach(n), t.join(" ");
+}
+function E(a) {
+  const t = {};
+  for (const n of String(a ?? "").split(";")) {
+    const i = n.indexOf(":");
+    if (i < 0) continue;
+    const s = n.slice(0, i).trim();
+    s && (t[s.startsWith("--") ? s : s.replace(/-([a-z])/g, (l, o) => o.toUpperCase())] = n.slice(i + 1).trim());
+  }
+  return t;
+}
+function q({
+  product: a = {
+    slug: "linen-overshirt",
+    name: "Linen Overshirt",
+    price: 145,
+    category: "clothing",
+    badge: "New",
+    colors: [{ name: "Oat", hex: "#d9cbb3" }, { name: "Ink", hex: "#22252b" }, { name: "Rust", hex: "#9c3d1c" }],
+    sizes: ["XS", "S", "M", "L", "XL"],
+    icon: "shirt",
+    hue: 30
+  },
+  href: t = "#",
+  index: n,
+  currency: i = "EUR",
+  locale: s = "en-GB",
+  cartKey: l = "ack-cart",
+  quickAdd: o = !0,
+  ratio: m = "3 / 4",
+  variant: z = "plain",
+  size: S = "md",
+  headingLevel: v = "h3",
+  className: x = ""
+}) {
+  var g, p, N;
+  const A = v, h = { currency: i, locale: s }, d = a.inStock !== !1, b = { id: a.slug, name: a.name, price: a.price, icon: a.icon, hue: a.hue, image: a.image }, _ = (p = (g = a.colors) == null ? void 0 : g[0]) == null ? void 0 : p.name, f = `pcm-${a.slug}`, k = j(!1);
+  return O(() => {
+    k.current || (k.current = !0, C(document));
+  }, []), /* @__PURE__ */ e(u, { children: /* @__PURE__ */ r("article", { className: L(["pcm", `pcm--${z}`, `pcm--${S}`, x]), "aria-labelledby": f, "data-product": !0, "data-name": a.name.toLowerCase(), "data-category": a.category, "data-price": a.price, "data-rating": a.rating ?? 0, "data-colors": (a.colors ?? []).map((c) => c.name.toLowerCase()).join(","), "data-stock": d ? "in" : "out", "data-rk-5864b0": "", children: [
+    /* @__PURE__ */ r("div", { className: "pcm__media", "data-rk-5864b0": "", children: [
+      /* @__PURE__ */ e("div", { className: "pcm__view pcm__view--a", "data-rk-5864b0": "", children: /* @__PURE__ */ e(y, { image: a.image, alt: a.name, icon: a.icon, hue: a.hue, ratio: m, variant: "soft", size: "lg" }) }),
+      /* @__PURE__ */ e("div", { className: "pcm__view pcm__view--b", "aria-hidden": "true", "data-rk-5864b0": "", children: /* @__PURE__ */ e(y, { icon: a.icon, hue: (a.hue ?? 30) + 20, ratio: m, variant: "glow", size: "sm" }) }),
+      (a.badge || !d) && /* @__PURE__ */ e("span", { className: "pcm__badge", "data-rk-5864b0": "", children: d ? a.badge : "Sold out" }),
+      n !== void 0 && /* @__PURE__ */ r("span", { className: "pcm__index", "aria-hidden": "true", "data-rk-5864b0": "", children: [
+        "N° ",
+        String(n).padStart(2, "0")
+      ] }),
+      o && d && /* @__PURE__ */ e("div", { className: "pcm__quick", role: "group", "aria-label": `Quick add ${a.name}`, "data-rk-5864b0": "", children: (N = a.sizes) != null && N.length ? /* @__PURE__ */ r(u, { children: [
+        /* @__PURE__ */ e("span", { className: "pcm__quick-label", "aria-hidden": "true", "data-rk-5864b0": "", children: "Quick add" }),
+        /* @__PURE__ */ e("div", { className: "pcm__sizes", "data-rk-5864b0": "", children: a.sizes.map((c) => /* @__PURE__ */ e("button", { type: "button", className: "pcm__size", "data-add-to-cart": JSON.stringify({ ...b, variant: [_, c].filter(Boolean).join(" / ") }), "data-cart-key": l, "data-open-cart": "false", "aria-label": `Add ${a.name}, size ${c}`, "data-rk-5864b0": "", children: /* @__PURE__ */ e("span", { "data-label": !0, "data-rk-5864b0": "", children: c }) })) })
+      ] }) : /* @__PURE__ */ e("button", { type: "button", className: "pcm__size pcm__size--wide", "data-add-to-cart": JSON.stringify({ ...b, variant: _ }), "data-cart-key": l, "data-open-cart": "false", "data-added-label": "Added", "aria-label": `Add ${a.name} to bag`, "data-rk-5864b0": "", children: /* @__PURE__ */ e("span", { "data-label": !0, "data-rk-5864b0": "", children: "Add to bag +" }) }) })
+    ] }),
+    /* @__PURE__ */ r("div", { className: "pcm__info", "data-rk-5864b0": "", children: [
+      /* @__PURE__ */ e(A, { className: "pcm__title", id: f, "data-rk-5864b0": "", children: /* @__PURE__ */ e("a", { className: "pcm__link", href: t, "data-rk-5864b0": "", children: a.name }) }),
+      /* @__PURE__ */ r("p", { className: "pcm__price", "data-rk-5864b0": "", children: [
+        /* @__PURE__ */ e("span", { "data-rk-5864b0": "", children: w(a.price, h) }),
+        a.compareAt && /* @__PURE__ */ r("s", { "data-rk-5864b0": "", children: [
+          /* @__PURE__ */ e("span", { className: "sr-only", "data-rk-5864b0": "", children: "Was " }),
+          w(a.compareAt, h)
+        ] })
+      ] }),
+      a.colors && a.colors.length > 0 && /* @__PURE__ */ r("p", { className: "pcm__colors", "data-rk-5864b0": "", children: [
+        /* @__PURE__ */ e("span", { className: "pcm__dots", "aria-hidden": "true", "data-rk-5864b0": "", children: a.colors.slice(0, 4).map((c, $) => /* @__PURE__ */ e("i", { style: E(`--sw: ${c.hex}`), "data-rk-5864b0": "" }, $)) }),
+        a.colors.length,
+        " ",
+        a.colors.length === 1 ? "colour" : "colours"
+      ] })
+    ] })
+  ] }) });
+}
+export {
+  q as P
+};

package/dist/chunks/QuickJumpDock-DZzwR0vg.js

@@ -0,0 +1,294 @@
+"use client";
+import { jsx as a, Fragment as r, jsxs as e } from "react/jsx-runtime";
+import { L as l } from "./LogoWithGalaxy-q_3-9vGU.js";
+import { useRef as h, useEffect as f } from "react";
+function v({}) {
+  return /* @__PURE__ */ a(r, { children: /* @__PURE__ */ e("ul", { className: "anchor-nav", "data-rk-f60bfc": "", children: [
+    /* @__PURE__ */ a("li", { "data-rk-f60bfc": "", children: /* @__PURE__ */ a("a", { href: "#intro", className: "active", "data-rk-f60bfc": "", children: "Introduction" }) }),
+    /* @__PURE__ */ a("li", { "data-rk-f60bfc": "", children: /* @__PURE__ */ a("a", { href: "#features", "data-rk-f60bfc": "", children: "Features" }) }),
+    /* @__PURE__ */ a("li", { "data-rk-f60bfc": "", children: /* @__PURE__ */ a("a", { href: "#pricing", "data-rk-f60bfc": "", children: "Pricing" }) }),
+    /* @__PURE__ */ a("li", { "data-rk-f60bfc": "", children: /* @__PURE__ */ a("a", { href: "#faq", "data-rk-f60bfc": "", children: "FAQ" }) })
+  ] }) });
+}
+function b({}) {
+  return /* @__PURE__ */ a(r, { children: /* @__PURE__ */ e("div", { className: "bottom-nav", "data-rk-0f9377": "", children: [
+    /* @__PURE__ */ a("a", { href: "#", className: "active", "data-rk-0f9377": "", children: "🏠" }),
+    /* @__PURE__ */ a("a", { href: "#", "data-rk-0f9377": "", children: "🔍" }),
+    /* @__PURE__ */ a("a", { href: "#", "data-rk-0f9377": "", children: "🔔" }),
+    /* @__PURE__ */ a("a", { href: "#", "data-rk-0f9377": "", children: "👤" })
+  ] }) });
+}
+function N({}) {
+  return /* @__PURE__ */ a(r, { children: /* @__PURE__ */ e("nav", { className: "crumbs", "data-rk-a2645c": "", children: [
+    /* @__PURE__ */ a("a", { href: "/", "data-rk-a2645c": "", children: "Home" }),
+    /* @__PURE__ */ a("span", { className: "sep", "data-rk-a2645c": "", children: "/" }),
+    /* @__PURE__ */ a("a", { href: "/docs", "data-rk-a2645c": "", children: "Documentation" }),
+    /* @__PURE__ */ a("span", { className: "sep", "data-rk-a2645c": "", children: "/" }),
+    /* @__PURE__ */ a("span", { className: "curr", "data-rk-a2645c": "", children: "Navigation" })
+  ] }) });
+}
+function p({}) {
+  return /* @__PURE__ */ a(r, { children: /* @__PURE__ */ e("button", { className: "burger", "data-rk-641974": "", children: [
+    /* @__PURE__ */ a("span", { "data-rk-641974": "" }),
+    /* @__PURE__ */ a("span", { "data-rk-641974": "" }),
+    /* @__PURE__ */ a("span", { "data-rk-641974": "" })
+  ] }) });
+}
+function g({}) {
+  return /* @__PURE__ */ a(r, { children: /* @__PURE__ */ e("div", { className: "cmd-palette", "data-rk-edffd8": "", children: [
+    /* @__PURE__ */ a("div", { className: "cmd-search", "data-rk-edffd8": "", children: "🔍 Type a command..." }),
+    /* @__PURE__ */ e("div", { className: "cmd-list", "data-rk-edffd8": "", children: [
+      /* @__PURE__ */ e("div", { className: "cmd-item", "data-rk-edffd8": "", children: [
+        /* @__PURE__ */ a("span", { "data-rk-edffd8": "", children: "📄 Create new page" }),
+        /* @__PURE__ */ a("kbd", { "data-rk-edffd8": "", children: "⌘N" })
+      ] }),
+      /* @__PURE__ */ e("div", { className: "cmd-item", "data-rk-edffd8": "", children: [
+        /* @__PURE__ */ a("span", { "data-rk-edffd8": "", children: "🚀 Deploy to Vercel" }),
+        /* @__PURE__ */ a("kbd", { "data-rk-edffd8": "", children: "⌘D" })
+      ] }),
+      /* @__PURE__ */ e("div", { className: "cmd-item", "data-rk-edffd8": "", children: [
+        /* @__PURE__ */ a("span", { "data-rk-edffd8": "", children: "⚙️ Open settings" }),
+        /* @__PURE__ */ a("kbd", { "data-rk-edffd8": "", children: "⌘," })
+      ] })
+    ] })
+  ] }) });
+}
+function w({}) {
+  return /* @__PURE__ */ a(r, { children: /* @__PURE__ */ e("div", { className: "dot-nav", "data-rk-4601d6": "", children: [
+    /* @__PURE__ */ a("button", { className: "active", "data-rk-4601d6": "" }),
+    /* @__PURE__ */ a("button", { "data-rk-4601d6": "" }),
+    /* @__PURE__ */ a("button", { "data-rk-4601d6": "" }),
+    /* @__PURE__ */ a("button", { "data-rk-4601d6": "" })
+  ] }) });
+}
+function x({}) {
+  return /* @__PURE__ */ a(r, { children: /* @__PURE__ */ e("div", { className: "float-tabs", "data-rk-437683": "", children: [
+    /* @__PURE__ */ a("button", { className: "active", "data-rk-437683": "", children: "Discover" }),
+    /* @__PURE__ */ a("button", { "data-rk-437683": "", children: "Trending" }),
+    /* @__PURE__ */ a("button", { "data-rk-437683": "", children: "Following" })
+  ] }) });
+}
+function y({
+  brandHref: i = "/",
+  links: d,
+  actions: n
+}) {
+  return /* @__PURE__ */ a(r, { children: /* @__PURE__ */ a("header", { className: "glass-nav", "data-rk-947bdc": "", children: /* @__PURE__ */ e("div", { className: "glass-nav__inner", "data-rk-947bdc": "", children: [
+    /* @__PURE__ */ a("a", { href: i, className: "glass-nav__brand", "data-rk-947bdc": "", children: /* @__PURE__ */ a(l, { size: "small" }) }),
+    /* @__PURE__ */ a("nav", { className: "glass-nav__links", "data-rk-947bdc": "", children: d }),
+    /* @__PURE__ */ a("div", { className: "glass-nav__actions", "data-rk-947bdc": "", children: n })
+  ] }) }) });
+}
+function S({}) {
+  return /* @__PURE__ */ a(r, { children: /* @__PURE__ */ e("div", { className: "lang-pill", "data-rk-c3a6ea": "", children: [
+    /* @__PURE__ */ a("span", { className: "curr", "data-rk-c3a6ea": "", children: "EN" }),
+    /* @__PURE__ */ e("div", { className: "list", "data-rk-c3a6ea": "", children: [
+      /* @__PURE__ */ a("span", { "data-rk-c3a6ea": "", children: "ES" }),
+      /* @__PURE__ */ a("span", { "data-rk-c3a6ea": "", children: "FR" }),
+      /* @__PURE__ */ a("span", { "data-rk-c3a6ea": "", children: "JP" })
+    ] })
+  ] }) });
+}
+function _({}) {
+  return /* @__PURE__ */ a(r, { children: /* @__PURE__ */ a("div", { className: "mega-wrap", "data-rk-71025a": "", children: /* @__PURE__ */ e("div", { className: "mega-grid", "data-rk-71025a": "", children: [
+    /* @__PURE__ */ e("div", { className: "mega-col", "data-rk-71025a": "", children: [
+      /* @__PURE__ */ a("h5", { "data-rk-71025a": "", children: "Products" }),
+      /* @__PURE__ */ a("a", { href: "#", "data-rk-71025a": "", children: "Analytics" }),
+      /* @__PURE__ */ a("a", { href: "#", "data-rk-71025a": "", children: "CRM" }),
+      /* @__PURE__ */ a("a", { href: "#", "data-rk-71025a": "", children: "Support" })
+    ] }),
+    /* @__PURE__ */ e("div", { className: "mega-col", "data-rk-71025a": "", children: [
+      /* @__PURE__ */ a("h5", { "data-rk-71025a": "", children: "Resources" }),
+      /* @__PURE__ */ a("a", { href: "#", "data-rk-71025a": "", children: "Documentation" }),
+      /* @__PURE__ */ a("a", { href: "#", "data-rk-71025a": "", children: "Tutorials" }),
+      /* @__PURE__ */ a("a", { href: "#", "data-rk-71025a": "", children: "Guides" })
+    ] })
+  ] }) }) });
+}
+function P({}) {
+  return /* @__PURE__ */ a(r, { children: /* @__PURE__ */ e("aside", { className: "sidebar", "data-rk-9276eb": "", children: [
+    /* @__PURE__ */ a("div", { className: "sidebar-logo", "data-rk-9276eb": "", children: /* @__PURE__ */ a(l, { size: "small" }) }),
+    /* @__PURE__ */ e("nav", { className: "sidebar-nav", "data-rk-9276eb": "", children: [
+      /* @__PURE__ */ a("a", { href: "#", className: "active", "data-rk-9276eb": "", children: "Overview" }),
+      /* @__PURE__ */ a("a", { href: "#", "data-rk-9276eb": "", children: "Projects" }),
+      /* @__PURE__ */ a("a", { href: "#", "data-rk-9276eb": "", children: "Team" }),
+      /* @__PURE__ */ a("a", { href: "#", "data-rk-9276eb": "", children: "Settings" })
+    ] })
+  ] }) });
+}
+function M({}) {
+  return /* @__PURE__ */ a(r, { children: /* @__PURE__ */ e("nav", { className: "pagination", "data-rk-96af1a": "", children: [
+    /* @__PURE__ */ a("button", { className: "prev", "data-rk-96af1a": "", children: "←" }),
+    /* @__PURE__ */ e("div", { className: "pages", "data-rk-96af1a": "", children: [
+      /* @__PURE__ */ a("a", { href: "#", className: "active", "data-rk-96af1a": "", children: "1" }),
+      /* @__PURE__ */ a("a", { href: "#", "data-rk-96af1a": "", children: "2" }),
+      /* @__PURE__ */ a("a", { href: "#", "data-rk-96af1a": "", children: "3" }),
+      /* @__PURE__ */ a("span", { "data-rk-96af1a": "", children: "..." }),
+      /* @__PURE__ */ a("a", { href: "#", "data-rk-96af1a": "", children: "12" })
+    ] }),
+    /* @__PURE__ */ a("button", { className: "next", "data-rk-96af1a": "", children: "→" })
+  ] }) });
+}
+function T({}) {
+  return /* @__PURE__ */ a(r, { children: /* @__PURE__ */ e("div", { className: "inf-load", "data-rk-3ece11": "", children: [
+    /* @__PURE__ */ a("div", { className: "dot-spin", "data-rk-3ece11": "" }),
+    /* @__PURE__ */ a("span", { "data-rk-3ece11": "", children: "Loading more items..." })
+  ] }) });
+}
+function I({}) {
+  return /* @__PURE__ */ a(r, { children: /* @__PURE__ */ e("div", { className: "radial-wrap", "data-rk-e0eadf": "", children: [
+    /* @__PURE__ */ a("div", { className: "toggle", "data-rk-e0eadf": "", children: "+" }),
+    /* @__PURE__ */ e("div", { className: "icons", "data-rk-e0eadf": "", children: [
+      /* @__PURE__ */ a("div", { style: { "--i": "1" }, "data-rk-e0eadf": "", children: "📷" }),
+      /* @__PURE__ */ a("div", { style: { "--i": "2" }, "data-rk-e0eadf": "", children: "📁" }),
+      /* @__PURE__ */ a("div", { style: { "--i": "3" }, "data-rk-e0eadf": "", children: "✉️" })
+    ] })
+  ] }) });
+}
+function j({}) {
+  return /* @__PURE__ */ a(r, { children: /* @__PURE__ */ e("div", { className: "retro-menu", "data-rk-00ab44": "", children: [
+    /* @__PURE__ */ a("div", { className: "item selected", "data-rk-00ab44": "", children: "▶ LOAD GAME" }),
+    /* @__PURE__ */ a("div", { className: "item", "data-rk-00ab44": "", children: "OPTIONS" }),
+    /* @__PURE__ */ a("div", { className: "item", "data-rk-00ab44": "", children: "EXIT" })
+  ] }) });
+}
+function A({}) {
+  const i = h(!1);
+  return f(() => {
+    i.current || (i.current = !0, window.addEventListener("scroll", () => {
+      const d = document.getElementById("scroll-bar"), n = document.documentElement.scrollTop, t = document.documentElement.scrollHeight - document.documentElement.clientHeight, c = n / t * 100;
+      d && (d.style.width = c + "%");
+    }));
+  }, []), /* @__PURE__ */ a(r, { children: /* @__PURE__ */ a("div", { className: "scroll-ind", id: "scroll-bar", "data-rk-75c240": "" }) });
+}
+function C({}) {
+  return /* @__PURE__ */ a(r, { children: /* @__PURE__ */ a("footer", { className: "glass-foot", "data-rk-d147a1": "", children: /* @__PURE__ */ e("div", { className: "foot-grid", "data-rk-d147a1": "", children: [
+    /* @__PURE__ */ e("div", { className: "foot-brand", "data-rk-d147a1": "", children: [
+      /* @__PURE__ */ a(l, { size: "medium" }),
+      /* @__PURE__ */ a("p", { "data-rk-d147a1": "", children: "Premium components for the next web." })
+    ] }),
+    /* @__PURE__ */ e("div", { className: "foot-links", "data-rk-d147a1": "", children: [
+      /* @__PURE__ */ e("div", { "data-rk-d147a1": "", children: [
+        /* @__PURE__ */ a("h5", { "data-rk-d147a1": "", children: "Project" }),
+        /* @__PURE__ */ a("a", { href: "#", "data-rk-d147a1": "", children: "Github" }),
+        /* @__PURE__ */ a("a", { href: "#", "data-rk-d147a1": "", children: "License" })
+      ] }),
+      /* @__PURE__ */ e("div", { "data-rk-d147a1": "", children: [
+        /* @__PURE__ */ a("h5", { "data-rk-d147a1": "", children: "Support" }),
+        /* @__PURE__ */ a("a", { href: "#", "data-rk-d147a1": "", children: "Issues" }),
+        /* @__PURE__ */ a("a", { href: "#", "data-rk-d147a1": "", children: "Discord" })
+      ] })
+    ] })
+  ] }) }) });
+}
+function E({}) {
+  return /* @__PURE__ */ a(r, { children: /* @__PURE__ */ e("nav", { className: "u-tabs", "data-rk-f35f3a": "", children: [
+    /* @__PURE__ */ a("a", { href: "#", className: "active", "data-rk-f35f3a": "", children: "Profile" }),
+    /* @__PURE__ */ a("a", { href: "#", "data-rk-f35f3a": "", children: "Password" }),
+    /* @__PURE__ */ a("a", { href: "#", "data-rk-f35f3a": "", children: "Sessions" }),
+    /* @__PURE__ */ a("div", { className: "indicator", "data-rk-f35f3a": "" })
+  ] }) });
+}
+function G({}) {
+  return /* @__PURE__ */ a(r, { children: /* @__PURE__ */ e("div", { className: "u-nav", "data-rk-50205e": "", children: [
+    /* @__PURE__ */ a("div", { className: "u-avatar", "data-rk-50205e": "", children: "JS" }),
+    /* @__PURE__ */ e("div", { className: "u-menu", "data-rk-50205e": "", children: [
+      /* @__PURE__ */ a("a", { href: "#", "data-rk-50205e": "", children: "Your Profile" }),
+      /* @__PURE__ */ a("a", { href: "#", "data-rk-50205e": "", children: "Settings" }),
+      /* @__PURE__ */ a("hr", { "data-rk-50205e": "" }),
+      /* @__PURE__ */ a("a", { href: "#", className: "logout", "data-rk-50205e": "", children: "Logout" })
+    ] })
+  ] }) });
+}
+function B({}) {
+  return /* @__PURE__ */ a(r, { children: /* @__PURE__ */ e("div", { className: "v-tabs", "data-rk-0ae995": "", children: [
+    /* @__PURE__ */ a("button", { className: "v-tab active", "data-rk-0ae995": "", children: "General" }),
+    /* @__PURE__ */ a("button", { className: "v-tab", "data-rk-0ae995": "", children: "Account" }),
+    /* @__PURE__ */ a("button", { className: "v-tab", "data-rk-0ae995": "", children: "Security" }),
+    /* @__PURE__ */ a("button", { className: "v-tab", "data-rk-0ae995": "", children: "Notifications" })
+  ] }) });
+}
+function s(...i) {
+  const d = [], n = (t) => {
+    if (t) {
+      if (typeof t == "string" || typeof t == "number") d.push(String(t));
+      else if (Array.isArray(t)) t.forEach(n);
+      else if (typeof t == "object")
+        for (const [c, o] of Object.entries(t)) o && d.push(c);
+    }
+  };
+  return i.forEach(n), d.join(" ");
+}
+function D({
+  items: i = [
+    { label: "All Items", href: "#all", count: 124, active: !0 },
+    { label: "Components", href: "#components", count: 86 },
+    { label: "Templates", href: "#templates", count: 18 },
+    { label: "Icons", href: "#icons", count: 20 },
+    { label: "Guides", href: "#guides" }
+  ],
+  className: d = ""
+}) {
+  return /* @__PURE__ */ a(r, { children: /* @__PURE__ */ a("nav", { className: s(["subnav-pills", d]), "aria-label": "Sub navigation", "data-rk-101a64": "", children: /* @__PURE__ */ a("div", { className: "subnav-pills__track", "data-rk-101a64": "", children: i.map((n, t) => /* @__PURE__ */ e("a", { href: n.href, className: s(["subnav-pills__link", { "is-active": n.active }]), "aria-current": n.active ? "page" : void 0, "data-rk-101a64": "", children: [
+    /* @__PURE__ */ a("span", { "data-rk-101a64": "", children: n.label }),
+    n.count !== void 0 && /* @__PURE__ */ a("span", { className: "subnav-pills__count", "data-rk-101a64": "", children: n.count })
+  ] }, t)) }) }) });
+}
+function L({
+  items: i = [
+    {
+      label: "Home",
+      href: "/",
+      icon: '<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m3 9 9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/><polyline points="9 22 9 12 15 12 15 22"/></svg>'
+    },
+    {
+      label: "Components",
+      href: "/docs/glass-button",
+      icon: '<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="3" rx="2"/><path d="M3 9h18"/><path d="M9 21V9"/></svg>'
+    },
+    {
+      label: "Sections",
+      href: "/sections",
+      icon: '<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="7" height="9" x="3" y="3" rx="1"/><rect width="7" height="5" x="14" y="3" rx="1"/><rect width="7" height="9" x="14" y="12" rx="1"/><rect width="7" height="5" x="3" y="16" rx="1"/></svg>'
+    },
+    {
+      label: "Search",
+      href: "#search",
+      icon: '<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"/><path d="m21 21-4.3-4.3"/></svg>'
+    },
+    {
+      label: "GitHub",
+      href: "https://github.com/konstantinWDK/react-components",
+      icon: '<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><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"/></svg>'
+    }
+  ]
+}) {
+  return /* @__PURE__ */ a(r, { children: /* @__PURE__ */ a("nav", { className: "quick-dock", "aria-label": "Quick dock navigation", "data-dock": !0, "data-rk-6aad51": "", children: i.map((d, n) => /* @__PURE__ */ e("a", { href: d.href, className: "quick-dock__item", "aria-label": d.label, "data-rk-6aad51": "", children: [
+    /* @__PURE__ */ a("span", { className: "quick-dock__tooltip", "aria-hidden": "true", "data-rk-6aad51": "", children: d.label }),
+    /* @__PURE__ */ a("span", { className: "quick-dock__icon", dangerouslySetInnerHTML: { __html: d.icon }, "data-rk-6aad51": "" })
+  ] }, n)) }) });
+}
+export {
+  v as A,
+  b as B,
+  g as C,
+  w as D,
+  x as F,
+  y as G,
+  S as L,
+  _ as M,
+  M as P,
+  L as Q,
+  I as R,
+  A as S,
+  E as T,
+  G as U,
+  B as V,
+  N as a,
+  p as b,
+  P as c,
+  T as d,
+  j as e,
+  C as f,
+  D as g
+};