@nextlevel_korea/design-system 1.1.5 → 2.0.0

package/dist/index.js

@@ -1,4 +1,4 @@
-import te, { useState as S, useRef as ae, useEffect as J } from "react";
+import te, { useState as C, useRef as ae, useEffect as X } from "react";
 var W = { exports: {} }, $ = {};
 /**
  * @license React
@@ -9,27 +9,27 @@ var W = { exports: {} }, $ = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var X;
+var Z;
 function oe() {
-  if (X) return $;
-  X = 1;
-  var u = Symbol.for("react.transitional.element"), s = Symbol.for("react.fragment");
-  function f(h, d, n) {
-    var m = null;
-    if (n !== void 0 && (m = "" + n), d.key !== void 0 && (m = "" + d.key), "key" in d) {
-      n = {};
-      for (var x in d)
-        x !== "key" && (n[x] = d[x]);
-    } else n = d;
-    return d = n.ref, {
-      $$typeof: u,
-      type: h,
-      key: m,
-      ref: d !== void 0 ? d : null,
-      props: n
+  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 = f, $.jsxs = f, $;
+  return $.Fragment = s, $.jsx = i, $.jsxs = i, $;
 }
 var E = {};
 /**
@@ -41,24 +41,24 @@ var E = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Z;
+var I;
 function se() {
-  return Z || (Z = 1, process.env.NODE_ENV !== "production" && function() {
-    function u(e) {
+  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 k:
+        case t:
           return "Fragment";
-        case P:
-          return "Profiler";
         case A:
+          return "Profiler";
+        case O:
           return "StrictMode";
-        case b:
+        case o:
           return "Suspense";
-        case T:
+        case f:
           return "SuspenseList";
         case Q:
           return "Activity";
@@ -67,21 +67,21 @@ function se() {
         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 t:
+          case z:
             return "Portal";
           case _:
             return (e.displayName || "Context") + ".Provider";
-          case R:
+          case P:
             return (e._context.displayName || "Context") + ".Consumer";
-          case o:
+          case S:
             var a = e.render;
             return e = e.displayName, e || (e = a.displayName || a.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
-          case I:
-            return a = e.displayName || null, a !== null ? a : u(e.type) || "Memo";
-          case H:
+          case T:
+            return a = e.displayName || null, a !== null ? a : m(e.type) || "Memo";
+          case G:
             a = e._payload, e = e._init;
             try {
-              return u(e(a));
+              return m(e(a));
             } catch {
             }
         }
@@ -90,7 +90,7 @@ function se() {
     function s(e) {
       return "" + e;
     }
-    function f(e) {
+    function i(e) {
       try {
         s(e);
         var a = !1;
@@ -99,34 +99,34 @@ function se() {
       }
       if (a) {
         a = console;
-        var l = a.error, i = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        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.",
-          i
+          c
         ), s(e);
       }
     }
-    function h(e) {
-      if (e === k) return "<>";
-      if (typeof e == "object" && e !== null && e.$$typeof === H)
+    function p(e) {
+      if (e === t) return "<>";
+      if (typeof e == "object" && e !== null && e.$$typeof === G)
         return "<...>";
       try {
-        var a = u(e);
+        var a = m(e);
         return a ? "<" + a + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
-    function d() {
-      var e = B.A;
+    function n() {
+      var e = D.A;
       return e === null ? null : e.getOwner();
     }
-    function n() {
+    function u() {
       return Error("react-stack-top-frame");
     }
-    function m(e) {
-      if (G.call(e, "key")) {
+    function h(e) {
+      if (H.call(e, "key")) {
         var a = Object.getOwnPropertyDescriptor(e, "key").get;
         if (a && a.isReactWarning) return !1;
       }
@@ -134,7 +134,7 @@ function se() {
     }
     function x(e, a) {
       function l() {
-        z || (z = !0, console.error(
+        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
         ));
@@ -144,22 +144,22 @@ function se() {
         configurable: !0
       });
     }
-    function j() {
-      var e = u(this.type);
-      return U[e] || (U[e] = !0, console.error(
+    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 O(e, a, l, i, v, p, F, M) {
-      return l = p.ref, e = {
-        $$typeof: C,
+    function k(e, a, l, c, v, b, M, Y) {
+      return l = b.ref, e = {
+        $$typeof: j,
         type: e,
         key: a,
-        props: p,
+        props: b,
         _owner: v
       }, (l !== void 0 ? l : null) !== null ? Object.defineProperty(e, "ref", {
         enumerable: !1,
-        get: j
+        get: y
       }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
         configurable: !1,
         enumerable: !1,
@@ -174,68 +174,68 @@ function se() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: F
+        value: M
       }), Object.defineProperty(e, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: M
+        value: Y
       }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
     }
-    function N(e, a, l, i, v, p, F, M) {
-      var c = a.children;
-      if (c !== void 0)
-        if (i)
-          if (ee(c)) {
-            for (i = 0; i < c.length; i++)
-              w(c[i]);
-            Object.freeze && Object.freeze(c);
+    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 w(c);
-      if (G.call(a, "key")) {
-        c = u(e);
-        var y = Object.keys(a).filter(function(re) {
+        else N(d);
+      if (H.call(a, "key")) {
+        d = m(e);
+        var w = Object.keys(a).filter(function(re) {
           return re !== "key";
         });
-        i = 0 < y.length ? "{key: someKey, " + y.join(": ..., ") + ": ...}" : "{key: someKey}", q[c + i] || (y = 0 < y.length ? "{" + y.join(": ..., ") + ": ...}" : "{}", console.error(
+        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} />`,
-          i,
           c,
-          y,
-          c
-        ), q[c + i] = !0);
+          d,
+          w,
+          d
+        ), J[d + c] = !0);
       }
-      if (c = null, l !== void 0 && (f(l), c = "" + l), m(a) && (f(a.key), c = "" + a.key), "key" in a) {
+      if (d = null, l !== void 0 && (i(l), d = "" + l), h(a) && (i(a.key), d = "" + a.key), "key" in a) {
         l = {};
-        for (var Y in a)
-          Y !== "key" && (l[Y] = a[Y]);
+        for (var B in a)
+          B !== "key" && (l[B] = a[B]);
       } else l = a;
-      return c && x(
+      return d && x(
         l,
         typeof e == "function" ? e.displayName || e.name || "Unknown" : e
-      ), O(
+      ), k(
         e,
-        c,
-        p,
+        d,
+        b,
         v,
-        d(),
+        n(),
         l,
-        F,
-        M
+        M,
+        Y
       );
     }
-    function w(e) {
-      typeof e == "object" && e !== null && e.$$typeof === C && e._store && (e._store.validated = 1);
+    function N(e) {
+      typeof e == "object" && e !== null && e.$$typeof === j && e._store && (e._store.validated = 1);
     }
-    var g = te, C = Symbol.for("react.transitional.element"), t = Symbol.for("react.portal"), k = Symbol.for("react.fragment"), A = Symbol.for("react.strict_mode"), P = Symbol.for("react.profiler"), R = Symbol.for("react.consumer"), _ = Symbol.for("react.context"), o = Symbol.for("react.forward_ref"), b = Symbol.for("react.suspense"), T = Symbol.for("react.suspense_list"), I = Symbol.for("react.memo"), H = Symbol.for("react.lazy"), Q = Symbol.for("react.activity"), K = Symbol.for("react.client.reference"), B = g.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, G = Object.prototype.hasOwnProperty, ee = Array.isArray, D = console.createTask ? console.createTask : function() {
+    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 = {
@@ -243,33 +243,33 @@ React keys must be passed directly to JSX without using spread:
         return e();
       }
     };
-    var z, U = {}, L = g["react-stack-bottom-frame"].bind(
+    var U, L = {}, V = g["react-stack-bottom-frame"].bind(
       g,
-      n
-    )(), V = D(h(n)), q = {};
-    E.Fragment = k, E.jsx = function(e, a, l, i, v) {
-      var p = 1e4 > B.recentlyCreatedOwnerStacks++;
-      return N(
+      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,
-        i,
+        c,
         v,
-        p ? Error("react-stack-top-frame") : L,
-        p ? D(h(e)) : V
+        b ? Error("react-stack-top-frame") : V,
+        b ? F(p(e)) : q
       );
-    }, E.jsxs = function(e, a, l, i, v) {
-      var p = 1e4 > B.recentlyCreatedOwnerStacks++;
-      return N(
+    }, E.jsxs = function(e, a, l, c, v) {
+      var b = 1e4 > D.recentlyCreatedOwnerStacks++;
+      return R(
         e,
         a,
         l,
         !0,
-        i,
+        c,
         v,
-        p ? Error("react-stack-top-frame") : L,
-        p ? D(h(e)) : V
+        b ? Error("react-stack-top-frame") : V,
+        b ? F(p(e)) : q
       );
     };
   }()), E;
@@ -277,14 +277,15 @@ React keys must be passed directly to JSX without using spread:
 process.env.NODE_ENV === "production" ? W.exports = oe() : W.exports = se();
 var r = W.exports;
 const le = ({
-  logo: u,
+  logo: m,
   navList: s,
-  colors: f,
-  sidebarPosition: h = "left"
+  eventButton: i,
+  colors: p,
+  sidebarPosition: n = "left"
 }) => {
-  const [d, n] = S(null), [m, x] = S(!1), [j, O] = S(
+  const [u, h] = C(null), [x, y] = C(!1), [k, R] = C(
     null
-  ), [N, w] = S(!1), g = ae(null), t = { ...{
+  ), [N, g] = C(!1), j = ae(null), t = { ...{
     headerBg: "bg-white",
     sidebarBg: "bg-white",
     sidebarGradientFrom: "from-white",
@@ -308,89 +309,75 @@ const le = ({
     sidebarShadow: "shadow-2xl",
     overlayBg: "bg-black",
     overlayOpacity: "bg-opacity-50"
-  }, ...f || {} }, k = (o) => {
-    n(d === o ? null : o);
+  }, ...p || {} }, O = (o) => {
+    h(u === o ? null : o);
   }, A = (o) => {
-    O(j === o ? null : o);
+    R(k === o ? null : o);
   }, P = () => {
-    w(!0), x(!m);
-  }, R = () => {
-    w(!0), x(!1);
+    g(!0), y(!x);
   }, _ = () => {
-    w(!1), x(!1);
+    g(!0), y(!1);
+  }, S = () => {
+    g(!1), y(!1);
   };
-  return J(() => {
-    const o = (b) => {
-      g.current && !g.current.contains(b.target) && n(null);
+  return X(() => {
+    const o = (f) => {
+      j.current && !j.current.contains(f.target) && h(null);
     };
     return document.addEventListener("mousedown", o), () => {
       document.removeEventListener("mousedown", o);
     };
-  }, []), J(() => (m ? document.body.style.overflow = "hidden" : document.body.style.overflow = "unset", () => {
+  }, []), X(() => (x ? document.body.style.overflow = "hidden" : document.body.style.overflow = "unset", () => {
     document.body.style.overflow = "unset";
-  }), [m]), /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+  }), [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: u && /* @__PURE__ */ r.jsx("a", { href: "/", children: /* @__PURE__ */ r.jsx(
+          /* @__PURE__ */ r.jsx("div", { className: "flex items-center space-x-4", children: m && /* @__PURE__ */ r.jsx("a", { href: "/", children: /* @__PURE__ */ r.jsx(
             "img",
             {
-              src: u,
+              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: g, children: [
+          /* @__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 b;
+              var f;
               return /* @__PURE__ */ r.jsxs("div", { className: "relative", children: [
                 /* @__PURE__ */ r.jsx(
                   "button",
                   {
-                    onClick: () => o.sub ? k(o.idx) : void 0,
+                    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.jsxs(r.Fragment, { children: [
-                      o.name,
-                      /* @__PURE__ */ r.jsx(
-                        "svg",
-                        {
-                          className: "w-4 h-4 ml-1",
-                          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("a", { href: o.path, children: o.name })
+                    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"} ${d === o.idx ? "opacity-100 translate-y-0 pointer-events-auto" : "opacity-0 -translate-y-2 pointer-events-none"}`,
+                    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(
-                        "div",
+                        "svg",
                         {
-                          className: `absolute -top-2 w-4 h-4 ${t.dropdownBg} border-l border-t ${t.dropdownBorder} transform rotate-45 ${o.idx === (s == null ? void 0 : s.length) ? "right-4" : "left-1/2 -translate-x-1/2"}`
+                          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: (b = o.sub) == null ? void 0 : b.map((T) => /* @__PURE__ */ r.jsx(
+                      /* @__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: () => n(null),
+                          onClick: () => h(null),
                           children: T.name
                         },
                         T.idx
@@ -400,6 +387,14 @@ const le = ({
                 )
               ] }, 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",
               {
@@ -432,14 +427,14 @@ const le = ({
     /* @__PURE__ */ r.jsx(
       "div",
       {
-        className: `fixed inset-0 ${t.overlayBg} z-50 md:hidden ${m ? `${t.overlayOpacity} backdrop-blur-sm` : "bg-opacity-0 backdrop-blur-none pointer-events-none"} ${N ? "transition-all duration-300 ease-in-out" : ""}`,
-        onClick: R
+        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 ${h === "left" ? "left-0" : "right-0"} h-full w-4/5 xsm:w-80 ${t.sidebarBg} ${t.sidebarShadow} transform z-50 md:hidden ${m ? "translate-x-0" : h === "left" ? "-translate-x-full" : "translate-x-full"} ${N ? "transition-all duration-300 ease-in-out" : ""}`,
+        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",
           {
@@ -468,7 +463,7 @@ const le = ({
                     /* @__PURE__ */ r.jsx(
                       "button",
                       {
-                        onClick: R,
+                        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",
@@ -493,7 +488,7 @@ const le = ({
                   ]
                 }
               ),
-              /* @__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(
+              /* @__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`,
@@ -522,7 +517,7 @@ const le = ({
                           /* @__PURE__ */ r.jsx(
                             "svg",
                             {
-                              className: `shrink-0 w-4 h-4 text-gray-400 transition-all duration-200 ${j === o.idx ? "rotate-180 text-primary" : "group-hover:text-gray-600"}`,
+                              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",
@@ -543,23 +538,23 @@ const le = ({
                     /* @__PURE__ */ r.jsx(
                       "div",
                       {
-                        className: `overflow-hidden transition-all duration-300 ease-in-out ${j === o.idx ? "max-h-96 opacity-100" : "max-h-0 opacity-0"}`,
+                        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((b) => /* @__PURE__ */ r.jsx("li", { children: /* @__PURE__ */ r.jsxs(
+                            children: /* @__PURE__ */ r.jsx("ul", { className: "py-2", children: o.sub.map((f) => /* @__PURE__ */ r.jsx("li", { children: /* @__PURE__ */ r.jsxs(
                               "a",
                               {
-                                href: b.path,
+                                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: _,
+                                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: b.name })
+                                  /* @__PURE__ */ r.jsx("span", { children: f.name })
                                 ]
                               }
-                            ) }, b.idx)) })
+                            ) }, f.idx)) })
                           }
                         )
                       }
@@ -571,7 +566,7 @@ const le = ({
                 {
                   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: _,
+                  onClick: S,
                   children: /* @__PURE__ */ r.jsxs("div", { className: "flex items-center space-x-3", children: [
                     /* @__PURE__ */ r.jsx(
                       "div",
@@ -588,19 +583,22 @@ const le = ({
                     )
                   ] })
                 }
-              ) }, o.idx)) }) })
+              ) }, 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: u,
-  companyInfo: s,
-  socialLinks: f = [],
-  colors: h
-}) => {
+}, ie = ({ logo: m, companyInfo: s, colors: i }) => {
   const n = { ...{
     footerBg: "bg-gray-900",
     footerGradientFrom: "from-gray-900",
@@ -614,7 +612,7 @@ const le = ({
     accent: "bg-primary",
     border: "border-gray-700",
     shadow: "shadow-lg"
-  }, ...h || {} }, m = () => {
+  }, ...i || {} }, u = () => {
     window.scrollTo({
       top: 0,
       behavior: "smooth"
@@ -628,7 +626,7 @@ const le = ({
         /* @__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: m,
+            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(
@@ -668,10 +666,10 @@ const le = ({
               /* @__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: [
-                    u && /* @__PURE__ */ r.jsx("div", { className: "mb-4", children: /* @__PURE__ */ r.jsx(
+                    m && /* @__PURE__ */ r.jsx("div", { className: "mb-4", children: /* @__PURE__ */ r.jsx(
                       "img",
                       {
-                        src: u,
+                        src: m,
                         alt: "Logo",
                         className: "h-12 w-auto object-contain"
                       }
@@ -690,25 +688,7 @@ const le = ({
                         "주소: ",
                         s.address
                       ] })
-                    ] }),
-                    f.length > 0 && /* @__PURE__ */ r.jsx("div", { className: "flex space-x-4", children: f.map((x, j) => /* @__PURE__ */ r.jsx(
-                      "a",
-                      {
-                        href: x.url,
-                        target: "_blank",
-                        rel: "noopener noreferrer",
-                        className: `p-2 rounded-full ${n.linkText} ${n.linkTextHover} transition-colors duration-200`,
-                        children: /* @__PURE__ */ r.jsx(
-                          "img",
-                          {
-                            src: x.icon,
-                            alt: x.name,
-                            className: "w-5 h-5"
-                          }
-                        )
-                      },
-                      j
-                    )) })
+                    ] })
                   ] }),
                   /* @__PURE__ */ r.jsx("div", { className: "flex-1" })
                 ] }),