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

package/dist/chunks/FloatingFeedbackWidget-D_0EpalW.js

@@ -0,0 +1,348 @@
+"use client";
+import { jsx as a, Fragment as r, jsxs as e } from "react/jsx-runtime";
+import { L as u } from "./LogoWithGalaxy-q_3-9vGU.js";
+import { useRef as h, useEffect as k } from "react";
+function g({}) {
+  return /* @__PURE__ */ a(r, { children: /* @__PURE__ */ a("div", { className: "age-gate", "data-rk-99adbd": "", children: /* @__PURE__ */ e("div", { className: "age-card", "data-rk-99adbd": "", children: [
+    /* @__PURE__ */ a("h2", { "data-rk-99adbd": "", children: "Age Verification" }),
+    /* @__PURE__ */ a("p", { "data-rk-99adbd": "", children: "Please confirm you are 18 or older to view this site." }),
+    /* @__PURE__ */ e("div", { className: "acts-row", "data-rk-99adbd": "", children: [
+      /* @__PURE__ */ a("button", { className: "no", "data-rk-99adbd": "", children: "Exit" }),
+      /* @__PURE__ */ a("button", { className: "yes", "data-rk-99adbd": "", children: "I am 18+" })
+    ] })
+  ] }) }) });
+}
+function y({}) {
+  return /* @__PURE__ */ a(r, { children: /* @__PURE__ */ a("div", { className: "mask", "data-rk-88f2da": "" }) });
+}
+function _({}) {
+  return /* @__PURE__ */ a(r, { children: /* @__PURE__ */ a("div", { className: "sheet-overlay", "data-rk-61863a": "", children: /* @__PURE__ */ e("div", { className: "sheet-content", "data-rk-61863a": "", children: [
+    /* @__PURE__ */ a("div", { className: "drag-handle", "data-rk-61863a": "" }),
+    /* @__PURE__ */ a("h3", { "data-rk-61863a": "", children: "Select Option" }),
+    /* @__PURE__ */ e("div", { className: "options", "data-rk-61863a": "", children: [
+      /* @__PURE__ */ a("div", { "data-rk-61863a": "", children: "Archive" }),
+      /* @__PURE__ */ a("div", { "data-rk-61863a": "", children: "Delete" }),
+      /* @__PURE__ */ a("div", { "data-rk-61863a": "", children: "Share" })
+    ] })
+  ] }) }) });
+}
+function w({}) {
+  return /* @__PURE__ */ a(r, { children: /* @__PURE__ */ a("div", { className: "cmd-overlay", "data-rk-1922ac": "", children: /* @__PURE__ */ e("div", { className: "cmd-box", "data-rk-1922ac": "", children: [
+    /* @__PURE__ */ a("div", { className: "cmd-input", "data-rk-1922ac": "", children: /* @__PURE__ */ a("input", { type: "text", placeholder: "Search commands...", "data-rk-1922ac": "" }) }),
+    /* @__PURE__ */ e("div", { className: "cmd-results", "data-rk-1922ac": "", children: [
+      /* @__PURE__ */ e("div", { className: "res", "data-rk-1922ac": "", children: [
+        /* @__PURE__ */ a("span", { "data-rk-1922ac": "", children: "Recent: Dashboard" }),
+        /* @__PURE__ */ a("kbd", { "data-rk-1922ac": "", children: "↵" })
+      ] }),
+      /* @__PURE__ */ e("div", { className: "res", "data-rk-1922ac": "", children: [
+        /* @__PURE__ */ a("span", { "data-rk-1922ac": "", children: "Docs: Navigation" }),
+        /* @__PURE__ */ a("kbd", { "data-rk-1922ac": "", children: "↵" })
+      ] })
+    ] })
+  ] }) }) });
+}
+function x({}) {
+  return /* @__PURE__ */ a(r, { children: /* @__PURE__ */ e("div", { className: "ctx-menu", "data-rk-5a94ea": "", children: [
+    /* @__PURE__ */ e("div", { className: "ctx-group", "data-rk-5a94ea": "", children: [
+      /* @__PURE__ */ a("div", { className: "ctx-item", "data-rk-5a94ea": "", children: "Copy Link" }),
+      /* @__PURE__ */ a("div", { className: "ctx-item", "data-rk-5a94ea": "", children: "Duplicate" })
+    ] }),
+    /* @__PURE__ */ a("hr", { "data-rk-5a94ea": "" }),
+    /* @__PURE__ */ a("div", { className: "ctx-item danger", "data-rk-5a94ea": "", children: "Delete Item" })
+  ] }) });
+}
+function S({}) {
+  return /* @__PURE__ */ a(r, { children: /* @__PURE__ */ e("div", { className: "cookie-bar", "data-rk-bdb372": "", children: [
+    /* @__PURE__ */ e("div", { className: "text", "data-rk-bdb372": "", children: [
+      "We use cookies to improve your experience. ",
+      /* @__PURE__ */ a("a", { href: "#", "data-rk-bdb372": "", children: "Learn more" })
+    ] }),
+    /* @__PURE__ */ e("div", { className: "acts", "data-rk-bdb372": "", children: [
+      /* @__PURE__ */ a("button", { className: "opt", "data-rk-bdb372": "", children: "Options" }),
+      /* @__PURE__ */ a("button", { className: "acc", "data-rk-bdb372": "", children: "Accept All" })
+    ] })
+  ] }) });
+}
+function A({}) {
+  return /* @__PURE__ */ a(r, { children: /* @__PURE__ */ a("div", { className: "exit-modal", "data-rk-aa5def": "", children: /* @__PURE__ */ e("div", { className: "exit-card", "data-rk-aa5def": "", children: [
+    /* @__PURE__ */ a("h2", { "data-rk-aa5def": "", children: "Wait! Before you go..." }),
+    /* @__PURE__ */ a("p", { "data-rk-aa5def": "", children: "Get 20% off your first order when you join our mailing list." }),
+    /* @__PURE__ */ a("input", { type: "email", placeholder: "Your email", "data-rk-aa5def": "" }),
+    /* @__PURE__ */ a("button", { "data-rk-aa5def": "", children: "Get My Code" })
+  ] }) }) });
+}
+function E({}) {
+  return /* @__PURE__ */ a(r, { children: /* @__PURE__ */ e("div", { className: "tray", "data-rk-1cad28": "", children: [
+    /* @__PURE__ */ a("button", { className: "tray-btn", "data-rk-1cad28": "", children: "✏️ Edit" }),
+    /* @__PURE__ */ a("div", { className: "sep", "data-rk-1cad28": "" }),
+    /* @__PURE__ */ a("button", { className: "tray-btn", "data-rk-1cad28": "", children: "↗️ Share" })
+  ] }) });
+}
+function C({}) {
+  return /* @__PURE__ */ a(r, { children: /* @__PURE__ */ e("div", { className: "help-bubble", "data-rk-da86e5": "", children: [
+    /* @__PURE__ */ a("div", { className: "tip", "data-rk-da86e5": "", children: "We are online!" }),
+    /* @__PURE__ */ a("div", { className: "icon", "data-rk-da86e5": "", children: "💬" })
+  ] }) });
+}
+function j({}) {
+  return /* @__PURE__ */ a(r, { children: /* @__PURE__ */ e("div", { className: "lightbox", "data-rk-746ba1": "", children: [
+    /* @__PURE__ */ a("div", { className: "close", "data-rk-746ba1": "", children: "×" }),
+    /* @__PURE__ */ a("div", { className: "img-preview", "data-rk-746ba1": "" }),
+    /* @__PURE__ */ a("div", { className: "caption", "data-rk-746ba1": "", children: "Nature Landscape / 2024" })
+  ] }) });
+}
+function L({}) {
+  return /* @__PURE__ */ a(r, { children: /* @__PURE__ */ a("div", { className: "load-overlay", "data-rk-7704fd": "", children: /* @__PURE__ */ a("div", { className: "spinner", "data-rk-7704fd": "" }) }) });
+}
+function O({}) {
+  return /* @__PURE__ */ a(r, { children: /* @__PURE__ */ e("div", { className: "mob-nav", "data-rk-69811e": "", children: [
+    /* @__PURE__ */ a("div", { className: "mob-close", "data-rk-69811e": "", children: "×" }),
+    /* @__PURE__ */ e("nav", { className: "mob-links", "data-rk-69811e": "", children: [
+      /* @__PURE__ */ a("a", { href: "#", "data-rk-69811e": "", children: "Home" }),
+      /* @__PURE__ */ a("a", { href: "#", "data-rk-69811e": "", children: "Features" }),
+      /* @__PURE__ */ a("a", { href: "#", "data-rk-69811e": "", children: "Pricing" }),
+      /* @__PURE__ */ a("a", { href: "#", "data-rk-69811e": "", children: "Team" })
+    ] })
+  ] }) });
+}
+function F({}) {
+  return /* @__PURE__ */ a(r, { children: /* @__PURE__ */ a("div", { className: "modal-overlay", "data-rk-e1e17c": "", children: /* @__PURE__ */ e("div", { className: "modal-card anim-scale-up", "data-rk-e1e17c": "", children: [
+    /* @__PURE__ */ a("div", { className: "modal-close", "data-rk-e1e17c": "", children: "×" }),
+    /* @__PURE__ */ a("h3", { "data-rk-e1e17c": "", children: "Confirm Action" }),
+    /* @__PURE__ */ a("p", { "data-rk-e1e17c": "", children: "Are you sure you want to proceed with this sensitive operation?" }),
+    /* @__PURE__ */ e("div", { className: "modal-actions", "data-rk-e1e17c": "", children: [
+      /* @__PURE__ */ a("button", { className: "cancel", "data-rk-e1e17c": "", children: "Cancel" }),
+      /* @__PURE__ */ a("button", { className: "confirm", "data-rk-e1e17c": "", children: "Continue" })
+    ] })
+  ] }) }) });
+}
+function q({}) {
+  return /* @__PURE__ */ a(r, { children: /* @__PURE__ */ a("div", { className: "popover", "data-rk-c14527": "", children: /* @__PURE__ */ e("div", { className: "pop-inner", "data-rk-c14527": "", children: [
+    /* @__PURE__ */ a("div", { className: "pop-item", "data-rk-c14527": "", children: "Edit Account" }),
+    /* @__PURE__ */ a("div", { className: "pop-item", "data-rk-c14527": "", children: "Billing" }),
+    /* @__PURE__ */ a("hr", { "data-rk-c14527": "" }),
+    /* @__PURE__ */ a("div", { className: "pop-item logout", "data-rk-c14527": "", children: "Logout" })
+  ] }) }) });
+}
+function T({}) {
+  return /* @__PURE__ */ a(r, { children: /* @__PURE__ */ e("div", { className: "search-hero", "data-rk-a5f9ea": "", children: [
+    /* @__PURE__ */ a("div", { className: "close", "data-rk-a5f9ea": "", children: "Esc" }),
+    /* @__PURE__ */ a("input", { type: "text", placeholder: "Start searching...", autoFocus: !0, "data-rk-a5f9ea": "" }),
+    /* @__PURE__ */ e("div", { className: "hints", "data-rk-a5f9ea": "", children: [
+      "Search for ",
+      /* @__PURE__ */ a("span", { "data-rk-a5f9ea": "", children: "components" }),
+      ", ",
+      /* @__PURE__ */ a("span", { "data-rk-a5f9ea": "", children: "guides" }),
+      ", or ",
+      /* @__PURE__ */ a("span", { "data-rk-a5f9ea": "", children: "authors" })
+    ] })
+  ] }) });
+}
+function B({ children: l }) {
+  return /* @__PURE__ */ a(r, { children: /* @__PURE__ */ e("div", { className: "drawer-wrap", "data-rk-e9a0cd": "", children: [
+    /* @__PURE__ */ a("div", { className: "drawer-overlay", "data-rk-e9a0cd": "" }),
+    /* @__PURE__ */ e("div", { className: "drawer-panel right", "data-rk-e9a0cd": "", children: [
+      /* @__PURE__ */ e("div", { className: "drawer-header", "data-rk-e9a0cd": "", children: [
+        /* @__PURE__ */ a("h3", { "data-rk-e9a0cd": "", children: "Filters" }),
+        /* @__PURE__ */ a("span", { "data-rk-e9a0cd": "", children: "×" })
+      ] }),
+      /* @__PURE__ */ a("div", { className: "drawer-body", "data-rk-e9a0cd": "", children: l })
+    ] })
+  ] }) });
+}
+function D({}) {
+  return /* @__PURE__ */ a(r, { children: /* @__PURE__ */ a("div", { className: "splash", "data-rk-ccfb24": "", children: /* @__PURE__ */ a("div", { className: "logo-anim", "data-rk-ccfb24": "", children: /* @__PURE__ */ a(u, { size: "large" }) }) }) });
+}
+function M({}) {
+  return /* @__PURE__ */ a(r, { children: /* @__PURE__ */ a("div", { className: "spot-mask", "data-rk-48346e": "" }) });
+}
+function P({}) {
+  return /* @__PURE__ */ a(r, { children: /* @__PURE__ */ e("div", { className: "toast-stack", "data-rk-e22de0": "", children: [
+    /* @__PURE__ */ a("div", { className: "toast-mini success", "data-rk-e22de0": "", children: "Profile updated!" }),
+    /* @__PURE__ */ a("div", { className: "toast-mini error", "data-rk-e22de0": "", children: "Failed to sync changes." })
+  ] }) });
+}
+function W({}) {
+  return /* @__PURE__ */ a(r, { children: /* @__PURE__ */ e("div", { className: "act-tip", "data-rk-b6e742": "", children: [
+    /* @__PURE__ */ a("div", { className: "tip-body", "data-rk-b6e742": "", children: "Action required" }),
+    /* @__PURE__ */ e("div", { className: "tip-btns", "data-rk-b6e742": "", children: [
+      /* @__PURE__ */ a("button", { className: "fix", "data-rk-b6e742": "", children: "Fix" }),
+      /* @__PURE__ */ a("button", { className: "ign", "data-rk-b6e742": "", children: "Ignore" })
+    ] })
+  ] }) });
+}
+function z({
+  title: l = "Privacy & Cookie Settings",
+  description: s = "We use cookies and telemetry to improve performance, analyze usage, and customize your experience."
+}) {
+  const i = [
+    { id: "necessary", name: "Strictly Necessary", desc: "Required for core authentication and security.", locked: !0 },
+    { id: "analytics", name: "Performance & Analytics", desc: "Anonymous traffic data to improve component reliability.", locked: !1 },
+    { id: "marketing", name: "Targeted Experience", desc: "Personalized recommendations based on library interactions.", locked: !1 }
+  ], d = h(!1);
+  return k(() => {
+    if (d.current) return;
+    d.current = !0;
+    function t() {
+      document.querySelectorAll("[data-cookie-drawer]").forEach((c) => {
+        var m, o;
+        const n = () => {
+          c.style.transform = "translateY(120%)", c.style.opacity = "0", setTimeout(() => c.remove(), 350);
+        };
+        (m = c.querySelector("[data-cookie-reject]")) == null || m.addEventListener("click", n), (o = c.querySelector("[data-cookie-accept]")) == null || o.addEventListener("click", n);
+      });
+    }
+    t();
+  }, []), /* @__PURE__ */ a(r, { children: /* @__PURE__ */ e("aside", { className: "cookie-drawer", role: "dialog", "aria-modal": "true", "aria-label": l, "data-cookie-drawer": !0, "data-rk-5e1b22": "", children: [
+    /* @__PURE__ */ e("div", { className: "cookie-drawer__header", "data-rk-5e1b22": "", children: [
+      /* @__PURE__ */ a("div", { className: "cookie-drawer__icon", "data-rk-5e1b22": "", children: "🍪" }),
+      /* @__PURE__ */ e("div", { className: "cookie-drawer__titles", "data-rk-5e1b22": "", children: [
+        /* @__PURE__ */ a("h4", { className: "cookie-drawer__title", "data-rk-5e1b22": "", children: l }),
+        /* @__PURE__ */ a("p", { className: "cookie-drawer__desc", "data-rk-5e1b22": "", children: s })
+      ] })
+    ] }),
+    /* @__PURE__ */ a("div", { className: "cookie-drawer__categories", "data-rk-5e1b22": "", children: i.map((t, c) => /* @__PURE__ */ e("div", { className: "cookie-cat", "data-rk-5e1b22": "", children: [
+      /* @__PURE__ */ e("div", { className: "cookie-cat__info", "data-rk-5e1b22": "", children: [
+        /* @__PURE__ */ a("span", { className: "cookie-cat__name", "data-rk-5e1b22": "", children: t.name }),
+        /* @__PURE__ */ a("span", { className: "cookie-cat__desc", "data-rk-5e1b22": "", children: t.desc })
+      ] }),
+      /* @__PURE__ */ e("label", { className: "switch", "data-rk-5e1b22": "", children: [
+        /* @__PURE__ */ a("input", { type: "checkbox", defaultChecked: t.locked, disabled: t.locked, name: t.id, "data-rk-5e1b22": "" }),
+        /* @__PURE__ */ a("span", { className: "slider", "data-rk-5e1b22": "" })
+      ] })
+    ] }, c)) }),
+    /* @__PURE__ */ e("div", { className: "cookie-drawer__actions", "data-rk-5e1b22": "", children: [
+      /* @__PURE__ */ a("button", { type: "button", className: "btn btn--secondary", "data-cookie-reject": !0, "data-rk-5e1b22": "", children: "Reject All" }),
+      /* @__PURE__ */ a("button", { type: "button", className: "btn btn--primary", "data-cookie-accept": !0, "data-rk-5e1b22": "", children: "Accept Selected" })
+    ] })
+  ] }) });
+}
+function f(l) {
+  const s = {};
+  for (const i of String(l ?? "").split(";")) {
+    const d = i.indexOf(":");
+    if (d < 0) continue;
+    const t = i.slice(0, d).trim();
+    t && (s[t.startsWith("--") ? t : t.replace(/-([a-z])/g, (c, n) => n.toUpperCase())] = i.slice(d + 1).trim());
+  }
+  return s;
+}
+function I({
+  beforeImage: l = "https://images.unsplash.com/photo-1518770660439-4636190af475?w=800&auto=format&fit=crop&q=80",
+  afterImage: s = "https://images.unsplash.com/photo-1550751827-4bd374c3f58b?w=800&auto=format&fit=crop&q=80",
+  beforeLabel: i = "Before (Wireframe)",
+  afterLabel: d = "After (Production)",
+  initialPosition: t = 50
+}) {
+  const c = h(!1);
+  return k(() => {
+    if (c.current) return;
+    c.current = !0;
+    function n() {
+      document.querySelectorAll("[data-img-compare]").forEach((m) => {
+        const o = m.querySelector("[data-compare-range]");
+        o && o.addEventListener("input", () => {
+          m.style.setProperty("--pos", `${o.value}%`);
+        });
+      });
+    }
+    n();
+  }, []), /* @__PURE__ */ a(r, { children: /* @__PURE__ */ e("div", { className: "img-compare", "data-img-compare": !0, style: f(`--pos: ${t}%;`), "data-rk-886e9f": "", children: [
+    /* @__PURE__ */ e("div", { className: "img-compare__layer img-compare__layer--after", "data-rk-886e9f": "", children: [
+      /* @__PURE__ */ a("img", { src: s, alt: d, loading: "lazy", "data-rk-886e9f": "" }),
+      /* @__PURE__ */ a("span", { className: "img-compare__tag img-compare__tag--after", "data-rk-886e9f": "", children: d })
+    ] }),
+    /* @__PURE__ */ e("div", { className: "img-compare__layer img-compare__layer--before", "data-compare-before": !0, "data-rk-886e9f": "", children: [
+      /* @__PURE__ */ a("img", { src: l, alt: i, loading: "lazy", "data-rk-886e9f": "" }),
+      /* @__PURE__ */ a("span", { className: "img-compare__tag img-compare__tag--before", "data-rk-886e9f": "", children: i })
+    ] }),
+    /* @__PURE__ */ e("div", { className: "img-compare__handle", "data-compare-handle": !0, "aria-hidden": "true", "data-rk-886e9f": "", children: [
+      /* @__PURE__ */ a("div", { className: "handle-line", "data-rk-886e9f": "" }),
+      /* @__PURE__ */ e("div", { className: "handle-button", "data-rk-886e9f": "", children: [
+        /* @__PURE__ */ a("span", { "data-rk-886e9f": "", children: "‹" }),
+        /* @__PURE__ */ a("span", { "data-rk-886e9f": "", children: "›" })
+      ] })
+    ] }),
+    /* @__PURE__ */ a("input", { type: "range", min: "0", max: "100", defaultValue: t, className: "img-compare__range", "aria-label": "Drag to compare images", "data-compare-range": !0, "data-rk-886e9f": "" })
+  ] }) });
+}
+function b(...l) {
+  const s = [], i = (d) => {
+    if (d) {
+      if (typeof d == "string" || typeof d == "number") s.push(String(d));
+      else if (Array.isArray(d)) d.forEach(i);
+      else if (typeof d == "object")
+        for (const [t, c] of Object.entries(d)) c && s.push(t);
+    }
+  };
+  return l.forEach(i), s.join(" ");
+}
+function H({
+  title: l = "Send Feedback",
+  position: s = "bottom-right"
+}) {
+  const i = h(!1);
+  return k(() => {
+    if (i.current) return;
+    i.current = !0;
+    function d() {
+      document.querySelectorAll("[data-feedback-widget]").forEach((t) => {
+        const c = t.querySelector("[data-fb-trigger]"), n = t.querySelector("[data-fb-card]"), m = t.querySelector("[data-fb-close]"), o = t.querySelector("[data-fb-send]");
+        !c || !n || (c.addEventListener("click", () => {
+          n.hidden = !n.hidden;
+        }), m == null || m.addEventListener("click", () => {
+          n.hidden = !0;
+        }), o == null || o.addEventListener("click", () => {
+          n.innerHTML = '<p style="text-align:center;font-size:0.85rem;color:#10b981;font-weight:700;margin:1rem 0;">✓ Thank you for your feedback!</p>', setTimeout(() => {
+            n.hidden = !0;
+          }, 2e3);
+        }));
+      });
+    }
+    d();
+  }, []), /* @__PURE__ */ a(r, { children: /* @__PURE__ */ e("div", { className: b(["fb-widget", `fb-widget--${s}`]), "data-feedback-widget": !0, "data-rk-2e965a": "", children: [
+    /* @__PURE__ */ e("button", { type: "button", className: "fb-widget__trigger", "aria-label": "Open feedback modal", "data-fb-trigger": !0, "data-rk-2e965a": "", 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-2e965a": "", 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-2e965a": "" }) }),
+      /* @__PURE__ */ a("span", { "data-rk-2e965a": "", children: "Feedback" })
+    ] }),
+    /* @__PURE__ */ e("div", { className: "fb-widget__card", "data-fb-card": !0, hidden: !0, "data-rk-2e965a": "", children: [
+      /* @__PURE__ */ e("div", { className: "fb-widget__head", "data-rk-2e965a": "", children: [
+        /* @__PURE__ */ a("h5", { className: "fb-widget__title", "data-rk-2e965a": "", children: l }),
+        /* @__PURE__ */ a("button", { type: "button", className: "fb-widget__close", "aria-label": "Close", "data-fb-close": !0, "data-rk-2e965a": "", children: "×" })
+      ] }),
+      /* @__PURE__ */ e("div", { className: "fb-widget__emojis", "data-rk-2e965a": "", children: [
+        /* @__PURE__ */ a("button", { type: "button", className: "emoji-btn", "aria-label": "Sad", "data-rk-2e965a": "", children: "🙁" }),
+        /* @__PURE__ */ a("button", { type: "button", className: "emoji-btn", "aria-label": "Neutral", "data-rk-2e965a": "", children: "😐" }),
+        /* @__PURE__ */ a("button", { type: "button", className: "emoji-btn emoji-btn--selected", "aria-label": "Happy", "data-rk-2e965a": "", children: "😊" }),
+        /* @__PURE__ */ a("button", { type: "button", className: "emoji-btn", "aria-label": "Love it", "data-rk-2e965a": "", children: "🤩" })
+      ] }),
+      /* @__PURE__ */ a("textarea", { placeholder: "Any details to share? (optional)", className: "fb-widget__textarea", rows: 2, "data-rk-2e965a": "" }),
+      /* @__PURE__ */ a("button", { type: "button", className: "fb-widget__send", "data-fb-send": !0, "data-rk-2e965a": "", children: "Send Feedback" })
+    ] })
+  ] }) });
+}
+export {
+  g as A,
+  y as B,
+  w as C,
+  A as E,
+  H as F,
+  C as H,
+  I,
+  j as L,
+  O as M,
+  F as O,
+  q as P,
+  T as S,
+  P as T,
+  _ as a,
+  x as b,
+  S as c,
+  z as d,
+  E as e,
+  L as f,
+  B as g,
+  D as h,
+  M as i,
+  W as j
+};

package/dist/chunks/FooterMegaSection-DG1qtKuZ.js

@@ -0,0 +1,67 @@
+"use client";
+import { jsx as e, Fragment as p, jsxs as a } from "react/jsx-runtime";
+import { useId as _ } from "react";
+function v({
+  brand: i = "React Kit",
+  tagline: s = "Accessible, zero-dependency components for building beautiful React sites.",
+  columns: n = [
+    { title: "Product", links: [{ label: "Components", href: "#" }, { label: "Sections", href: "#" }, { label: "Charts", href: "#" }, { label: "Changelog", href: "#" }] },
+    { title: "Resources", links: [{ label: "Documentation", href: "#" }, { label: "Installation", href: "#" }, { label: "Notes", href: "#" }, { label: "Showcase", href: "#" }] },
+    { title: "Company", links: [{ label: "About", href: "#" }, { label: "Careers", href: "#" }, { label: "Contact", href: "#" }] },
+    { title: "Legal", links: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }, { label: "License (MIT)", href: "#" }] }
+  ],
+  socials: o = [
+    { label: "GitHub", href: "#", icon: "github" },
+    { label: "X (Twitter)", href: "#", icon: "x" },
+    { label: "Discord", href: "#", icon: "discord" },
+    { label: "YouTube", href: "#", icon: "youtube" }
+  ],
+  status: t = "All systems operational",
+  copyright: h = `© ${(/* @__PURE__ */ new Date()).getFullYear()} React Kit. All rights reserved.`,
+  variant: b = "default",
+  size: m = "md",
+  className: f = ""
+}) {
+  const u = {
+    github: '<path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.9a3.4 3.4 0 0 0-.9-2.6c3.1-.4 6.4-1.5 6.4-7A5.4 5.4 0 0 0 20 4.8 5 5 0 0 0 19.9 1S18.7.6 16 2.5a13.4 13.4 0 0 0-7 0C6.3.6 5.1 1 5.1 1A5 5 0 0 0 5 4.8a5.4 5.4 0 0 0-1.5 3.7c0 5.4 3.3 6.6 6.4 7a3.4 3.4 0 0 0-.9 2.6V22"/>',
+    x: '<path d="M4 4l16 16M20 4 4 20"/>',
+    discord: '<path d="M8 12h.01M16 12h.01"/><path d="M7.5 7.5c3-1 6-1 9 0M7 16.5c3 1 7 1 10 0"/><path d="M15.5 17l1 3c3-1 5-3 5.5-4.5.5-4-1-8-3-11-1.5-.8-3-1.2-4.5-1.5L14 4.5M8.5 17l-1 3c-3-1-5-3-5.5-4.5-.5-4 1-8 3-11 1.5-.8 3-1.2 4.5-1.5L10 4.5"/>',
+    youtube: '<path d="M2.5 17a24 24 0 0 1 0-10 2 2 0 0 1 1.4-1.4 49.6 49.6 0 0 1 16.2 0A2 2 0 0 1 21.5 7a24 24 0 0 1 0 10 2 2 0 0 1-1.4 1.4 49.6 49.6 0 0 1-16.2 0A2 2 0 0 1 2.5 17"/><path d="m10 15 5-3-5-3z"/>'
+  }, l = `fms-${_().replace(/[^a-zA-Z0-9]/g, "")}`;
+  return /* @__PURE__ */ e(p, { children: /* @__PURE__ */ e("div", { className: "cq-footer-mega-section-cq", "data-rk-6cdbde": "", children: /* @__PURE__ */ a("footer", { className: `fms fms--${b} fms--${m} ${f}`, "aria-labelledby": l, "data-rk-6cdbde": "", children: [
+    /* @__PURE__ */ e("h2", { id: l, className: "fms__sr", "data-rk-6cdbde": "", children: "Site footer" }),
+    /* @__PURE__ */ a("div", { className: "fms__inner", "data-rk-6cdbde": "", children: [
+      /* @__PURE__ */ a("div", { className: "fms__top", "data-rk-6cdbde": "", children: [
+        /* @__PURE__ */ a("div", { className: "fms__brand", "data-rk-6cdbde": "", children: [
+          /* @__PURE__ */ a("a", { className: "fms__logo", href: "/", "data-rk-6cdbde": "", children: [
+            /* @__PURE__ */ e("svg", { width: "28", height: "28", viewBox: "0 0 24 24", "aria-hidden": "true", "data-rk-6cdbde": "", children: /* @__PURE__ */ e("path", { d: "M12 2 3 20h4l5-10 5 10h4z", fill: "var(--c-primary-light, #d4a017)", "data-rk-6cdbde": "" }) }),
+            i
+          ] }),
+          /* @__PURE__ */ e("p", { className: "fms__tagline", "data-rk-6cdbde": "", children: s }),
+          /* @__PURE__ */ a("form", { className: "fms__news", action: "#", method: "post", "data-rk-6cdbde": "", children: [
+            /* @__PURE__ */ e("label", { htmlFor: `${l}-email`, className: "fms__news-label", "data-rk-6cdbde": "", children: "Get product updates" }),
+            /* @__PURE__ */ a("div", { className: "fms__news-field", "data-rk-6cdbde": "", children: [
+              /* @__PURE__ */ e("input", { id: `${l}-email`, type: "email", name: "email", placeholder: "you@company.com", autoComplete: "email", required: !0, "data-rk-6cdbde": "" }),
+              /* @__PURE__ */ e("button", { type: "submit", "aria-label": "Subscribe to product updates", "data-rk-6cdbde": "", children: /* @__PURE__ */ e("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", "aria-hidden": "true", "data-rk-6cdbde": "", children: /* @__PURE__ */ e("path", { d: "M5 12h14M13 6l6 6-6 6", "data-rk-6cdbde": "" }) }) })
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ e("nav", { className: "fms__cols", "aria-label": "Footer", "data-rk-6cdbde": "", children: n.map((d, r) => /* @__PURE__ */ a("div", { className: "fms__col", "data-rk-6cdbde": "", children: [
+          /* @__PURE__ */ e("h3", { className: "fms__col-title", "data-rk-6cdbde": "", children: d.title }),
+          /* @__PURE__ */ e("ul", { "data-rk-6cdbde": "", children: d.links.map((c, k) => /* @__PURE__ */ e("li", { "data-rk-6cdbde": "", children: /* @__PURE__ */ e("a", { href: c.href, "data-rk-6cdbde": "", children: c.label }) }, k)) })
+        ] }, r)) })
+      ] }),
+      /* @__PURE__ */ a("div", { className: "fms__bottom", "data-rk-6cdbde": "", children: [
+        /* @__PURE__ */ e("p", { className: "fms__copy", "data-rk-6cdbde": "", children: h }),
+        t && /* @__PURE__ */ a("a", { className: "fms__status", href: "#", "data-rk-6cdbde": "", children: [
+          /* @__PURE__ */ e("span", { className: "fms__dot", "aria-hidden": "true", "data-rk-6cdbde": "" }),
+          t
+        ] }),
+        /* @__PURE__ */ e("ul", { className: "fms__socials", "data-rk-6cdbde": "", children: o.map((d, r) => /* @__PURE__ */ e("li", { "data-rk-6cdbde": "", children: /* @__PURE__ */ e("a", { href: d.href, "aria-label": d.label, "data-rk-6cdbde": "", children: /* @__PURE__ */ e("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", dangerouslySetInnerHTML: { __html: u[d.icon] }, "data-rk-6cdbde": "" }) }) }, r)) })
+      ] })
+    ] })
+  ] }) }) });
+}
+export {
+  v as F
+};