@nextlevel_korea/design-system 1.1.6 → 2.0.1

package/dist/index.js

@@ -1,735 +1,2 @@
-import te, { useState as C, useRef as ae, useEffect as X } from "react";
-var W = { exports: {} }, $ = {};
-/**
- * @license React
- * react-jsx-runtime.production.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var Z;
-function oe() {
-  if (Z) return $;
-  Z = 1;
-  var m = Symbol.for("react.transitional.element"), s = Symbol.for("react.fragment");
-  function i(p, n, u) {
-    var h = null;
-    if (u !== void 0 && (h = "" + u), n.key !== void 0 && (h = "" + n.key), "key" in n) {
-      u = {};
-      for (var x in n)
-        x !== "key" && (u[x] = n[x]);
-    } else u = n;
-    return n = u.ref, {
-      $$typeof: m,
-      type: p,
-      key: h,
-      ref: n !== void 0 ? n : null,
-      props: u
-    };
-  }
-  return $.Fragment = s, $.jsx = i, $.jsxs = i, $;
-}
-var E = {};
-/**
- * @license React
- * react-jsx-runtime.development.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var I;
-function se() {
-  return I || (I = 1, process.env.NODE_ENV !== "production" && function() {
-    function m(e) {
-      if (e == null) return null;
-      if (typeof e == "function")
-        return e.$$typeof === K ? null : e.displayName || e.name || null;
-      if (typeof e == "string") return e;
-      switch (e) {
-        case t:
-          return "Fragment";
-        case A:
-          return "Profiler";
-        case O:
-          return "StrictMode";
-        case o:
-          return "Suspense";
-        case f:
-          return "SuspenseList";
-        case Q:
-          return "Activity";
-      }
-      if (typeof e == "object")
-        switch (typeof e.tag == "number" && console.error(
-          "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-        ), e.$$typeof) {
-          case z:
-            return "Portal";
-          case _:
-            return (e.displayName || "Context") + ".Provider";
-          case P:
-            return (e._context.displayName || "Context") + ".Consumer";
-          case S:
-            var a = e.render;
-            return e = e.displayName, e || (e = a.displayName || a.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
-          case T:
-            return a = e.displayName || null, a !== null ? a : m(e.type) || "Memo";
-          case G:
-            a = e._payload, e = e._init;
-            try {
-              return m(e(a));
-            } catch {
-            }
-        }
-      return null;
-    }
-    function s(e) {
-      return "" + e;
-    }
-    function i(e) {
-      try {
-        s(e);
-        var a = !1;
-      } catch {
-        a = !0;
-      }
-      if (a) {
-        a = console;
-        var l = a.error, c = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return l.call(
-          a,
-          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          c
-        ), s(e);
-      }
-    }
-    function p(e) {
-      if (e === t) return "<>";
-      if (typeof e == "object" && e !== null && e.$$typeof === G)
-        return "<...>";
-      try {
-        var a = m(e);
-        return a ? "<" + a + ">" : "<...>";
-      } catch {
-        return "<...>";
-      }
-    }
-    function n() {
-      var e = D.A;
-      return e === null ? null : e.getOwner();
-    }
-    function u() {
-      return Error("react-stack-top-frame");
-    }
-    function h(e) {
-      if (H.call(e, "key")) {
-        var a = Object.getOwnPropertyDescriptor(e, "key").get;
-        if (a && a.isReactWarning) return !1;
-      }
-      return e.key !== void 0;
-    }
-    function x(e, a) {
-      function l() {
-        U || (U = !0, console.error(
-          "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
-          a
-        ));
-      }
-      l.isReactWarning = !0, Object.defineProperty(e, "key", {
-        get: l,
-        configurable: !0
-      });
-    }
-    function y() {
-      var e = m(this.type);
-      return L[e] || (L[e] = !0, console.error(
-        "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
-      )), e = this.props.ref, e !== void 0 ? e : null;
-    }
-    function k(e, a, l, c, v, b, M, Y) {
-      return l = b.ref, e = {
-        $$typeof: j,
-        type: e,
-        key: a,
-        props: b,
-        _owner: v
-      }, (l !== void 0 ? l : null) !== null ? Object.defineProperty(e, "ref", {
-        enumerable: !1,
-        get: y
-      }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: 0
-      }), Object.defineProperty(e, "_debugInfo", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: null
-      }), Object.defineProperty(e, "_debugStack", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: M
-      }), Object.defineProperty(e, "_debugTask", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: Y
-      }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
-    }
-    function R(e, a, l, c, v, b, M, Y) {
-      var d = a.children;
-      if (d !== void 0)
-        if (c)
-          if (ee(d)) {
-            for (c = 0; c < d.length; c++)
-              N(d[c]);
-            Object.freeze && Object.freeze(d);
-          } else
-            console.error(
-              "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
-            );
-        else N(d);
-      if (H.call(a, "key")) {
-        d = m(e);
-        var w = Object.keys(a).filter(function(re) {
-          return re !== "key";
-        });
-        c = 0 < w.length ? "{key: someKey, " + w.join(": ..., ") + ": ...}" : "{key: someKey}", J[d + c] || (w = 0 < w.length ? "{" + w.join(": ..., ") + ": ...}" : "{}", console.error(
-          `A props object containing a "key" prop is being spread into JSX:
-  let props = %s;
-  <%s {...props} />
-React keys must be passed directly to JSX without using spread:
-  let props = %s;
-  <%s key={someKey} {...props} />`,
-          c,
-          d,
-          w,
-          d
-        ), J[d + c] = !0);
-      }
-      if (d = null, l !== void 0 && (i(l), d = "" + l), h(a) && (i(a.key), d = "" + a.key), "key" in a) {
-        l = {};
-        for (var B in a)
-          B !== "key" && (l[B] = a[B]);
-      } else l = a;
-      return d && x(
-        l,
-        typeof e == "function" ? e.displayName || e.name || "Unknown" : e
-      ), k(
-        e,
-        d,
-        b,
-        v,
-        n(),
-        l,
-        M,
-        Y
-      );
-    }
-    function N(e) {
-      typeof e == "object" && e !== null && e.$$typeof === j && e._store && (e._store.validated = 1);
-    }
-    var g = te, j = Symbol.for("react.transitional.element"), z = Symbol.for("react.portal"), t = Symbol.for("react.fragment"), O = Symbol.for("react.strict_mode"), A = Symbol.for("react.profiler"), P = Symbol.for("react.consumer"), _ = Symbol.for("react.context"), S = Symbol.for("react.forward_ref"), o = Symbol.for("react.suspense"), f = Symbol.for("react.suspense_list"), T = Symbol.for("react.memo"), G = Symbol.for("react.lazy"), Q = Symbol.for("react.activity"), K = Symbol.for("react.client.reference"), D = g.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, H = Object.prototype.hasOwnProperty, ee = Array.isArray, F = console.createTask ? console.createTask : function() {
-      return null;
-    };
-    g = {
-      "react-stack-bottom-frame": function(e) {
-        return e();
-      }
-    };
-    var U, L = {}, V = g["react-stack-bottom-frame"].bind(
-      g,
-      u
-    )(), q = F(p(u)), J = {};
-    E.Fragment = t, E.jsx = function(e, a, l, c, v) {
-      var b = 1e4 > D.recentlyCreatedOwnerStacks++;
-      return R(
-        e,
-        a,
-        l,
-        !1,
-        c,
-        v,
-        b ? Error("react-stack-top-frame") : V,
-        b ? F(p(e)) : q
-      );
-    }, E.jsxs = function(e, a, l, c, v) {
-      var b = 1e4 > D.recentlyCreatedOwnerStacks++;
-      return R(
-        e,
-        a,
-        l,
-        !0,
-        c,
-        v,
-        b ? Error("react-stack-top-frame") : V,
-        b ? F(p(e)) : q
-      );
-    };
-  }()), E;
-}
-process.env.NODE_ENV === "production" ? W.exports = oe() : W.exports = se();
-var r = W.exports;
-const le = ({
-  logo: m,
-  navList: s,
-  eventButton: i,
-  colors: p,
-  sidebarPosition: n = "left"
-}) => {
-  const [u, h] = C(null), [x, y] = C(!1), [k, R] = C(
-    null
-  ), [N, g] = C(!1), j = ae(null), t = { ...{
-    headerBg: "bg-white",
-    sidebarBg: "bg-white",
-    sidebarGradientFrom: "from-white",
-    sidebarGradientTo: "to-gray-50",
-    dropdownBg: "bg-white",
-    submenuBg: "bg-gray-50/50",
-    titleText: "bg-gradient-to-r from-primary to-primary-dark bg-clip-text text-transparent",
-    navText: "text-gray-600",
-    navTextHover: "hover:text-primary",
-    sidebarTitleText: "bg-gradient-to-r from-gray-800 to-gray-600 bg-clip-text text-transparent",
-    sidebarNavText: "text-gray-700",
-    sidebarNavTextHover: "hover:text-primary",
-    submenuText: "text-gray-600",
-    submenuTextHover: "hover:text-primary",
-    primary: "bg-primary",
-    primaryDark: "bg-primary-dark",
-    accent: "bg-primary",
-    border: "border-gray-100",
-    dropdownBorder: "border-gray-200",
-    shadow: "shadow-sm",
-    sidebarShadow: "shadow-2xl",
-    overlayBg: "bg-black",
-    overlayOpacity: "bg-opacity-50"
-  }, ...p || {} }, O = (o) => {
-    h(u === o ? null : o);
-  }, A = (o) => {
-    R(k === o ? null : o);
-  }, P = () => {
-    g(!0), y(!x);
-  }, _ = () => {
-    g(!0), y(!1);
-  }, S = () => {
-    g(!1), y(!1);
-  };
-  return X(() => {
-    const o = (f) => {
-      j.current && !j.current.contains(f.target) && h(null);
-    };
-    return document.addEventListener("mousedown", o), () => {
-      document.removeEventListener("mousedown", o);
-    };
-  }, []), X(() => (x ? document.body.style.overflow = "hidden" : document.body.style.overflow = "unset", () => {
-    document.body.style.overflow = "unset";
-  }), [x]), /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-    /* @__PURE__ */ r.jsx(
-      "header",
-      {
-        className: `w-full ${t.headerBg} ${t.shadow} border-b ${t.border} sticky top-0 z-99`,
-        children: /* @__PURE__ */ r.jsxs("div", { className: "w-full max-w-[1240px] px-5 mx-auto flex items-center justify-between h-14 md:h-16", children: [
-          /* @__PURE__ */ r.jsx("div", { className: "flex items-center space-x-4", children: m && /* @__PURE__ */ r.jsx("a", { href: "/", children: /* @__PURE__ */ r.jsx(
-            "img",
-            {
-              src: m,
-              alt: "Logo",
-              className: "h-7 w-auto object-contain md:h-8 cursor-pointer"
-            }
-          ) }) }),
-          /* @__PURE__ */ r.jsxs("div", { className: "flex items-center space-x-6", ref: j, children: [
-            /* @__PURE__ */ r.jsx("nav", { className: "hidden md:flex items-center space-x-6", children: s == null ? void 0 : s.map((o) => {
-              var f;
-              return /* @__PURE__ */ r.jsxs("div", { className: "relative", children: [
-                /* @__PURE__ */ r.jsx(
-                  "button",
-                  {
-                    onClick: () => o.sub ? O(o.idx) : void 0,
-                    className: `${t.navText} ${t.navTextHover} transition-colors duration-200 font-medium flex items-center`,
-                    children: o.sub ? /* @__PURE__ */ r.jsx(r.Fragment, { children: o.name }) : /* @__PURE__ */ r.jsx("a", { href: o.path, children: o.name })
-                  }
-                ),
-                /* @__PURE__ */ r.jsxs(
-                  "div",
-                  {
-                    className: `absolute top-[44px] min-w-[100px] w-auto ${t.dropdownBg} border ${t.dropdownBorder} rounded-lg shadow-lg z-50 transition-all duration-300 ease-in-out transform ${o.idx === (s == null ? void 0 : s.length) ? "right-0" : "left-1/2 transform -translate-x-1/2"} ${u === o.idx ? "opacity-100 translate-y-0 pointer-events-auto" : "opacity-0 -translate-y-2 pointer-events-none"}`,
-                    children: [
-                      /* @__PURE__ */ r.jsx(
-                        "svg",
-                        {
-                          className: `absolute -top-2 w-4 h-4 ${o.idx === (s == null ? void 0 : s.length) ? "right-4" : "left-1/2 -translate-x-1/2"}`,
-                          viewBox: "0 0 24 24",
-                          style: {
-                            fill: "white",
-                            filter: "drop-shadow(0 -1px 0 #e5e7eb)"
-                          },
-                          children: /* @__PURE__ */ r.jsx("path", { d: "M12 2L2 12h20L12 2z" })
-                        }
-                      ),
-                      /* @__PURE__ */ r.jsx("div", { className: "py-2", children: (f = o.sub) == null ? void 0 : f.map((T) => /* @__PURE__ */ r.jsx(
-                        "a",
-                        {
-                          href: T.path,
-                          className: `block px-4 py-2 text-sm whitespace-nowrap ${t.submenuText} hover:bg-gray-100 ${t.submenuTextHover} transition-colors duration-200`,
-                          onClick: () => h(null),
-                          children: T.name
-                        },
-                        T.idx
-                      )) })
-                    ]
-                  }
-                )
-              ] }, o.idx);
-            }) }),
-            i && /* @__PURE__ */ r.jsx(
-              "button",
-              {
-                onClick: i.onClick,
-                className: `hidden md:block px-4 py-2 rounded font-medium transition-all duration-200 ${i.className || "bg-primary text-white hover:bg-primary-dark"}`,
-                children: i.text
-              }
-            ),
-            /* @__PURE__ */ r.jsx(
-              "button",
-              {
-                className: `md:hidden p-2 rounded-lg ${t.navText} hover:bg-gray-100 transition-colors duration-200`,
-                onClick: P,
-                children: /* @__PURE__ */ r.jsx(
-                  "svg",
-                  {
-                    className: "w-6 h-6",
-                    fill: "none",
-                    stroke: "currentColor",
-                    viewBox: "0 0 24 24",
-                    children: /* @__PURE__ */ r.jsx(
-                      "path",
-                      {
-                        strokeLinecap: "round",
-                        strokeLinejoin: "round",
-                        strokeWidth: 2,
-                        d: "M4 6h16M4 12h16M4 18h16"
-                      }
-                    )
-                  }
-                )
-              }
-            )
-          ] })
-        ] })
-      }
-    ),
-    /* @__PURE__ */ r.jsx(
-      "div",
-      {
-        className: `fixed inset-0 ${t.overlayBg} z-50 md:hidden ${x ? `${t.overlayOpacity} backdrop-blur-sm` : "bg-opacity-0 backdrop-blur-none pointer-events-none"} ${N ? "transition-all duration-300 ease-in-out" : ""}`,
-        onClick: _
-      }
-    ),
-    /* @__PURE__ */ r.jsx(
-      "div",
-      {
-        className: `fixed top-0 ${n === "left" ? "left-0" : "right-0"} h-full w-4/5 xsm:w-80 ${t.sidebarBg} ${t.sidebarShadow} transform z-50 md:hidden ${x ? "translate-x-0" : n === "left" ? "-translate-x-full" : "translate-x-full"} ${N ? "transition-all duration-300 ease-in-out" : ""}`,
-        children: /* @__PURE__ */ r.jsxs(
-          "div",
-          {
-            className: `flex flex-col h-full bg-gradient-to-b ${t.sidebarGradientFrom} ${t.sidebarGradientTo}`,
-            children: [
-              /* @__PURE__ */ r.jsxs(
-                "div",
-                {
-                  className: `flex items-center justify-between p-4 border-b ${t.border} ${t.sidebarBg}/80 backdrop-blur-sm`,
-                  children: [
-                    /* @__PURE__ */ r.jsxs("div", { className: "flex items-center space-x-3", children: [
-                      /* @__PURE__ */ r.jsx(
-                        "div",
-                        {
-                          className: `w-2 h-8 bg-gradient-to-b ${t.primary} ${t.primaryDark} rounded-full`
-                        }
-                      ),
-                      /* @__PURE__ */ r.jsx(
-                        "h2",
-                        {
-                          className: `text-xl font-bold ${t.sidebarTitleText}`,
-                          children: "Menu"
-                        }
-                      )
-                    ] }),
-                    /* @__PURE__ */ r.jsx(
-                      "button",
-                      {
-                        onClick: _,
-                        className: "p-2 rounded-full text-gray-400 hover:text-gray-600 hover:bg-gray-100 transition-all duration-200",
-                        children: /* @__PURE__ */ r.jsx(
-                          "svg",
-                          {
-                            className: "w-5 h-5",
-                            fill: "none",
-                            stroke: "currentColor",
-                            viewBox: "0 0 24 24",
-                            children: /* @__PURE__ */ r.jsx(
-                              "path",
-                              {
-                                strokeLinecap: "round",
-                                strokeLinejoin: "round",
-                                strokeWidth: 2,
-                                d: "M6 18L18 6M6 6l12 12"
-                              }
-                            )
-                          }
-                        )
-                      }
-                    )
-                  ]
-                }
-              ),
-              /* @__PURE__ */ r.jsx("nav", { className: "flex-1 overflow-y-auto", children: /* @__PURE__ */ r.jsx("ul", { className: "", children: s == null ? void 0 : s.map((o) => /* @__PURE__ */ r.jsx("li", { children: o.sub ? /* @__PURE__ */ r.jsxs(
-                "div",
-                {
-                  className: `${t.dropdownBg}  ${t.shadow} border-b ${t.border} overflow-hidden`,
-                  children: [
-                    /* @__PURE__ */ r.jsxs(
-                      "button",
-                      {
-                        onClick: () => A(o.idx),
-                        className: `w-full flex items-center justify-between p-4 text-left ${t.sidebarNavText} hover:bg-gray-50 transition-all duration-200 group`,
-                        children: [
-                          /* @__PURE__ */ r.jsxs("div", { className: "flex items-center space-x-3", children: [
-                            /* @__PURE__ */ r.jsx(
-                              "div",
-                              {
-                                className: `w-1.5 h-1.5 ${t.accent} rounded-full opacity-60 group-hover:opacity-100 transition-opacity duration-200`
-                              }
-                            ),
-                            /* @__PURE__ */ r.jsx(
-                              "span",
-                              {
-                                className: `font-semibold text-gray-800 ${t.sidebarNavTextHover} transition-colors duration-200`,
-                                children: o.name
-                              }
-                            )
-                          ] }),
-                          /* @__PURE__ */ r.jsx(
-                            "svg",
-                            {
-                              className: `shrink-0 w-4 h-4 text-gray-400 transition-all duration-200 ${k === o.idx ? "rotate-180 text-primary" : "group-hover:text-gray-600"}`,
-                              fill: "none",
-                              stroke: "currentColor",
-                              viewBox: "0 0 24 24",
-                              children: /* @__PURE__ */ r.jsx(
-                                "path",
-                                {
-                                  strokeLinecap: "round",
-                                  strokeLinejoin: "round",
-                                  strokeWidth: 2,
-                                  d: "M19 9l-7 7-7-7"
-                                }
-                              )
-                            }
-                          )
-                        ]
-                      }
-                    ),
-                    /* @__PURE__ */ r.jsx(
-                      "div",
-                      {
-                        className: `overflow-hidden transition-all duration-300 ease-in-out ${k === o.idx ? "max-h-96 opacity-100" : "max-h-0 opacity-0"}`,
-                        children: /* @__PURE__ */ r.jsx(
-                          "div",
-                          {
-                            className: `${t.submenuBg} border-t ${t.border}`,
-                            children: /* @__PURE__ */ r.jsx("ul", { className: "py-2", children: o.sub.map((f) => /* @__PURE__ */ r.jsx("li", { children: /* @__PURE__ */ r.jsxs(
-                              "a",
-                              {
-                                href: f.path,
-                                className: `px-6 py-3 text-sm ${t.submenuText} hover:bg-white ${t.submenuTextHover} transition-all duration-200 flex items-center space-x-2 group`,
-                                onClick: S,
-                                children: [
-                                  /* @__PURE__ */ r.jsx("div", { className: "w-1 h-1 bg-gray-300 rounded-full group-hover:bg-primary transition-colors duration-200" }),
-                                  /* @__PURE__ */ r.jsx("span", { children: f.name })
-                                ]
-                              }
-                            ) }, f.idx)) })
-                          }
-                        )
-                      }
-                    )
-                  ]
-                }
-              ) : /* @__PURE__ */ r.jsx(
-                "a",
-                {
-                  href: o.path,
-                  className: `block p-4 ${t.sidebarNavText} hover:bg-white ${t.sidebarNavTextHover} transition-all duration-200 font-semibold ${t.dropdownBg} ${t.shadow} border-b ${t.border} group`,
-                  onClick: S,
-                  children: /* @__PURE__ */ r.jsxs("div", { className: "flex items-center space-x-3", children: [
-                    /* @__PURE__ */ r.jsx(
-                      "div",
-                      {
-                        className: `w-1.5 h-1.5 ${t.accent} rounded-full opacity-60 group-hover:opacity-100 transition-opacity duration-200`
-                      }
-                    ),
-                    /* @__PURE__ */ r.jsx(
-                      "span",
-                      {
-                        className: `text-gray-800 ${t.sidebarNavTextHover} transition-colors duration-200`,
-                        children: o.name
-                      }
-                    )
-                  ] })
-                }
-              ) }, o.idx)) }) }),
-              i && /* @__PURE__ */ r.jsx("div", { className: "absolute bottom-0 left-0 right-0 p-4 border-t border-gray-200 bg-white/95 backdrop-blur-sm", children: /* @__PURE__ */ r.jsx(
-                "button",
-                {
-                  onClick: i.onClick,
-                  className: `w-full px-4 py-3 rounded font-medium transition-all duration-200 ${i.className || "bg-primary text-white hover:bg-primary-dark"}`,
-                  children: i.text
-                }
-              ) })
-            ]
-          }
-        )
-      }
-    )
-  ] });
-}, ie = ({ logo: m, companyInfo: s, colors: i }) => {
-  const n = { ...{
-    footerBg: "bg-gray-900",
-    footerGradientFrom: "from-gray-900",
-    footerGradientTo: "to-gray-800",
-    titleText: "text-white",
-    linkText: "text-gray-300",
-    linkTextHover: "hover:text-white",
-    copyrightText: "text-gray-400",
-    primary: "bg-primary",
-    primaryDark: "bg-primary-dark",
-    accent: "bg-primary",
-    border: "border-gray-700",
-    shadow: "shadow-lg"
-  }, ...i || {} }, u = () => {
-    window.scrollTo({
-      top: 0,
-      behavior: "smooth"
-    });
-  };
-  return /* @__PURE__ */ r.jsxs(
-    "footer",
-    {
-      className: `w-full ${n.footerBg} ${n.shadow} relative`,
-      children: [
-        /* @__PURE__ */ r.jsx("div", { className: "max-w-[1240px] mx-auto px-5 relative", children: /* @__PURE__ */ r.jsx("div", { className: "absolute -top-6 right-5 z-20", children: /* @__PURE__ */ r.jsx(
-          "button",
-          {
-            onClick: u,
-            className: `p-3 rounded-full ${n.linkText} ${n.linkTextHover} transition-all duration-300 hover:scale-110 bg-gray-800/80 backdrop-blur-md border border-gray-600/50 shadow-lg`,
-            "aria-label": "맨 위로 이동",
-            children: /* @__PURE__ */ r.jsx(
-              "svg",
-              {
-                className: "w-5 h-5",
-                fill: "none",
-                stroke: "currentColor",
-                viewBox: "0 0 24 24",
-                children: /* @__PURE__ */ r.jsx(
-                  "path",
-                  {
-                    strokeLinecap: "round",
-                    strokeLinejoin: "round",
-                    strokeWidth: 2,
-                    d: "M5 10l7-7m0 0l7 7m-7-7v18"
-                  }
-                )
-              }
-            )
-          }
-        ) }) }),
-        /* @__PURE__ */ r.jsxs(
-          "div",
-          {
-            className: `bg-gradient-to-b ${n.footerGradientFrom} ${n.footerGradientTo} relative overflow-hidden`,
-            children: [
-              /* @__PURE__ */ r.jsx(
-                "div",
-                {
-                  className: "absolute inset-0 pointer-events-none",
-                  style: {
-                    background: "radial-gradient(ellipse 600px 300px at center top, rgba(255,255,255,0.08) 0%, rgba(255,255,255,0.04) 40%, rgba(255,255,255,0.01) 70%, transparent 85%)"
-                  }
-                }
-              ),
-              /* @__PURE__ */ r.jsxs("div", { className: "max-w-[1240px] mx-auto px-5 pt-12 pb-4 relative z-10", children: [
-                /* @__PURE__ */ r.jsxs("div", { className: "flex flex-col lg:flex-row justify-between items-start gap-8 mb-8", children: [
-                  /* @__PURE__ */ r.jsxs("div", { className: "flex-1 max-w-md", children: [
-                    m && /* @__PURE__ */ r.jsx("div", { className: "mb-4", children: /* @__PURE__ */ r.jsx(
-                      "img",
-                      {
-                        src: m,
-                        alt: "Logo",
-                        className: "h-12 w-auto object-contain"
-                      }
-                    ) }),
-                    s && /* @__PURE__ */ r.jsxs("div", { className: "mb-4 break-all", children: [
-                      /* @__PURE__ */ r.jsx("p", { className: `text-sm ${n.linkText} mb-2`, children: [
-                        s.name && `회사명: ${s.name}`,
-                        s.ceo && `대표자: ${s.ceo}`,
-                        s.businessNumber && `사업자등록번호: ${s.businessNumber}`
-                      ].filter(Boolean).join(" | ") }),
-                      /* @__PURE__ */ r.jsx("p", { className: `text-sm ${n.linkText} mb-2`, children: [
-                        s.phone && `연락처: ${s.phone}`,
-                        s.email && `이메일: ${s.email}`
-                      ].filter(Boolean).join(" | ") }),
-                      s.address && /* @__PURE__ */ r.jsxs("p", { className: `text-sm ${n.linkText} mb-2`, children: [
-                        "주소: ",
-                        s.address
-                      ] })
-                    ] })
-                  ] }),
-                  /* @__PURE__ */ r.jsx("div", { className: "flex-1" })
-                ] }),
-                /* @__PURE__ */ r.jsx("div", { className: `border-t ${n.border} pt-4`, children: /* @__PURE__ */ r.jsx("div", { className: "text-center", children: /* @__PURE__ */ r.jsxs(
-                  "p",
-                  {
-                    className: `text-sm ${n.copyrightText} flex flex-col sm:flex-row items-center justify-center space-y-1 sm:space-y-0 sm:space-x-1`,
-                    children: [
-                      /* @__PURE__ */ r.jsx("span", { children: "© 2025 NextLevel, all rights reserved —" }),
-                      /* @__PURE__ */ r.jsxs("span", { className: "flex items-center space-x-1", children: [
-                        /* @__PURE__ */ r.jsx("span", { children: "A product by team" }),
-                        /* @__PURE__ */ r.jsx(
-                          "a",
-                          {
-                            href: "https://prosite.ai.kr/",
-                            target: "_blank",
-                            rel: "noopener noreferrer",
-                            className: "pl-1 cursor-pointer hover:scale-105 transition-transform duration-300",
-                            children: /* @__PURE__ */ r.jsx(
-                              "img",
-                              {
-                                src: "/images/prosite-logo.png",
-                                alt: "ProSite",
-                                className: "h-4 w-auto object-contain"
-                              }
-                            )
-                          }
-                        )
-                      ] })
-                    ]
-                  }
-                ) }) })
-              ] })
-            ]
-          }
-        )
-      ]
-    }
-  );
-};
-export {
-  ie as Footer,
-  le as Header
-};
+export { default as Header } from './components/Header/Header';
+export { default as Footer } from './components/Footer/Footer';