@mounaji_npm/saas-template 0.1.1 → 0.1.2

package/dist/mounajisaastemplate.es.js

@@ -1,6 +1,6 @@
-import de, { createContext as ue, useState as A, useCallback as U, useMemo as re, useContext as fe, useEffect as ne, useRef as pe } from "react";
-import { TOKEN_CSS_MAP as te, TokensProvider as me } from "@mounaji_npm/tokens";
-var C = { exports: {} }, S = {};
+import je, { createContext as we, useState as B, useCallback as N, useMemo as me, useContext as Ee, useEffect as Y, useRef as O, useLayoutEffect as ae } from "react";
+import { TokensProvider as Se } from "@mounaji_npm/tokens";
+var ee = { exports: {} }, Z = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -10,29 +10,29 @@ var C = { exports: {} }, S = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var K;
-function xe() {
-  if (K) return S;
-  K = 1;
-  var r = Symbol.for("react.transitional.element"), o = Symbol.for("react.fragment");
-  function t(i, a, s) {
-    var u = null;
-    if (s !== void 0 && (u = "" + s), a.key !== void 0 && (u = "" + a.key), "key" in a) {
-      s = {};
-      for (var c in a)
-        c !== "key" && (s[c] = a[c]);
-    } else s = a;
-    return a = s.ref, {
-      $$typeof: r,
-      type: i,
-      key: u,
-      ref: a !== void 0 ? a : null,
-      props: s
+var le;
+function _e() {
+  if (le) return Z;
+  le = 1;
+  var e = Symbol.for("react.transitional.element"), n = Symbol.for("react.fragment");
+  function o(s, i, l) {
+    var f = null;
+    if (l !== void 0 && (f = "" + l), i.key !== void 0 && (f = "" + i.key), "key" in i) {
+      l = {};
+      for (var a in i)
+        a !== "key" && (l[a] = i[a]);
+    } else l = i;
+    return i = l.ref, {
+      $$typeof: e,
+      type: s,
+      key: f,
+      ref: i !== void 0 ? i : null,
+      props: l
     };
   }
-  return S.Fragment = o, S.jsx = t, S.jsxs = t, S;
+  return Z.Fragment = n, Z.jsx = o, Z.jsxs = o, Z;
 }
-var R = {};
+var Q = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -42,428 +42,406 @@ var R = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Q;
-function he() {
-  return Q || (Q = 1, process.env.NODE_ENV !== "production" && (function() {
-    function r(e) {
-      if (e == null) return null;
-      if (typeof e == "function")
-        return e.$$typeof === se ? null : e.displayName || e.name || null;
-      if (typeof e == "string") return e;
-      switch (e) {
-        case _:
+var de;
+function ke() {
+  return de || (de = 1, process.env.NODE_ENV !== "production" && (function() {
+    function e(r) {
+      if (r == null) return null;
+      if (typeof r == "function")
+        return r.$$typeof === P ? null : r.displayName || r.name || null;
+      if (typeof r == "string") return r;
+      switch (r) {
+        case M:
           return "Fragment";
-        case O:
+        case T:
           return "Profiler";
         case j:
           return "StrictMode";
-        case w:
+        case k:
           return "Suspense";
-        case D:
+        case W:
           return "SuspenseList";
-        case ie:
+        case X:
           return "Activity";
       }
-      if (typeof e == "object")
-        switch (typeof e.tag == "number" && console.error(
+      if (typeof r == "object")
+        switch (typeof r.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-        ), e.$$typeof) {
-          case d:
-            return "Portal";
+        ), r.$$typeof) {
           case I:
-            return e.displayName || "Context";
-          case P:
-            return (e._context.displayName || "Context") + ".Consumer";
+            return "Portal";
+          case E:
+            return r.displayName || "Context";
+          case x:
+            return (r._context.displayName || "Context") + ".Consumer";
+          case b:
+            var c = r.render;
+            return r = r.displayName, r || (r = c.displayName || c.name || "", r = r !== "" ? "ForwardRef(" + r + ")" : "ForwardRef"), r;
+          case L:
+            return c = r.displayName || null, c !== null ? c : e(r.type) || "Memo";
           case F:
-            var l = e.render;
-            return e = e.displayName, e || (e = l.displayName || l.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
-          case B:
-            return l = e.displayName || null, l !== null ? l : r(e.type) || "Memo";
-          case z:
-            l = e._payload, e = e._init;
+            c = r._payload, r = r._init;
             try {
-              return r(e(l));
+              return e(r(c));
             } catch {
             }
         }
       return null;
     }
-    function o(e) {
-      return "" + e;
+    function n(r) {
+      return "" + r;
     }
-    function t(e) {
+    function o(r) {
       try {
-        o(e);
-        var l = !1;
+        n(r);
+        var c = !1;
       } catch {
-        l = !0;
+        c = !0;
       }
-      if (l) {
-        l = console;
-        var p = l.error, m = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return p.call(
-          l,
+      if (c) {
+        c = console;
+        var w = c.error, S = typeof Symbol == "function" && Symbol.toStringTag && r[Symbol.toStringTag] || r.constructor.name || "Object";
+        return w.call(
+          c,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          m
-        ), o(e);
+          S
+        ), n(r);
       }
     }
-    function i(e) {
-      if (e === _) return "<>";
-      if (typeof e == "object" && e !== null && e.$$typeof === z)
+    function s(r) {
+      if (r === M) return "<>";
+      if (typeof r == "object" && r !== null && r.$$typeof === F)
         return "<...>";
       try {
-        var l = r(e);
-        return l ? "<" + l + ">" : "<...>";
+        var c = e(r);
+        return c ? "<" + c + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
-    function a() {
-      var e = N.A;
-      return e === null ? null : e.getOwner();
+    function i() {
+      var r = $.A;
+      return r === null ? null : r.getOwner();
     }
-    function s() {
+    function l() {
       return Error("react-stack-top-frame");
     }
-    function u(e) {
-      if (J.call(e, "key")) {
-        var l = Object.getOwnPropertyDescriptor(e, "key").get;
-        if (l && l.isReactWarning) return !1;
+    function f(r) {
+      if (z.call(r, "key")) {
+        var c = Object.getOwnPropertyDescriptor(r, "key").get;
+        if (c && c.isReactWarning) return !1;
       }
-      return e.key !== void 0;
+      return r.key !== void 0;
     }
-    function c(e, l) {
-      function p() {
-        V || (V = !0, console.error(
+    function a(r, c) {
+      function w() {
+        m || (m = !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)",
-          l
+          c
         ));
       }
-      p.isReactWarning = !0, Object.defineProperty(e, "key", {
-        get: p,
+      w.isReactWarning = !0, Object.defineProperty(r, "key", {
+        get: w,
         configurable: !0
       });
     }
-    function f() {
-      var e = r(this.type);
-      return X[e] || (X[e] = !0, console.error(
+    function h() {
+      var r = e(this.type);
+      return A[r] || (A[r] = !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;
+      )), r = this.props.ref, r !== void 0 ? r : null;
     }
-    function b(e, l, p, m, T, M) {
-      var x = p.ref;
-      return e = {
-        $$typeof: k,
-        type: e,
-        key: l,
-        props: p,
-        _owner: m
-      }, (x !== void 0 ? x : null) !== null ? Object.defineProperty(e, "ref", {
+    function d(r, c, w, S, K, te) {
+      var _ = w.ref;
+      return r = {
+        $$typeof: C,
+        type: r,
+        key: c,
+        props: w,
+        _owner: S
+      }, (_ !== void 0 ? _ : null) !== null ? Object.defineProperty(r, "ref", {
         enumerable: !1,
-        get: f
-      }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
+        get: h
+      }) : Object.defineProperty(r, "ref", { enumerable: !1, value: null }), r._store = {}, Object.defineProperty(r._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: 0
-      }), Object.defineProperty(e, "_debugInfo", {
+      }), Object.defineProperty(r, "_debugInfo", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: null
-      }), Object.defineProperty(e, "_debugStack", {
+      }), Object.defineProperty(r, "_debugStack", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: T
-      }), Object.defineProperty(e, "_debugTask", {
+        value: K
+      }), Object.defineProperty(r, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: M
-      }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
+        value: te
+      }), Object.freeze && (Object.freeze(r.props), Object.freeze(r)), r;
     }
-    function h(e, l, p, m, T, M) {
-      var x = l.children;
-      if (x !== void 0)
-        if (m)
-          if (le(x)) {
-            for (m = 0; m < x.length; m++)
-              v(x[m]);
-            Object.freeze && Object.freeze(x);
+    function y(r, c, w, S, K, te) {
+      var _ = c.children;
+      if (_ !== void 0)
+        if (S)
+          if (U(_)) {
+            for (S = 0; S < _.length; S++)
+              u(_[S]);
+            Object.freeze && Object.freeze(_);
           } 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 v(x);
-      if (J.call(l, "key")) {
-        x = r(e);
-        var E = Object.keys(l).filter(function(ce) {
-          return ce !== "key";
+        else u(_);
+      if (z.call(c, "key")) {
+        _ = e(r);
+        var J = Object.keys(c).filter(function(ve) {
+          return ve !== "key";
         });
-        m = 0 < E.length ? "{key: someKey, " + E.join(": ..., ") + ": ...}" : "{key: someKey}", Z[x + m] || (E = 0 < E.length ? "{" + E.join(": ..., ") + ": ...}" : "{}", console.error(
+        S = 0 < J.length ? "{key: someKey, " + J.join(": ..., ") + ": ...}" : "{key: someKey}", se[_ + S] || (J = 0 < J.length ? "{" + J.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} />`,
-          m,
-          x,
-          E,
-          x
-        ), Z[x + m] = !0);
+          S,
+          _,
+          J,
+          _
+        ), se[_ + S] = !0);
       }
-      if (x = null, p !== void 0 && (t(p), x = "" + p), u(l) && (t(l.key), x = "" + l.key), "key" in l) {
-        p = {};
-        for (var L in l)
-          L !== "key" && (p[L] = l[L]);
-      } else p = l;
-      return x && c(
-        p,
-        typeof e == "function" ? e.displayName || e.name || "Unknown" : e
-      ), b(
-        e,
-        x,
-        p,
-        a(),
-        T,
-        M
+      if (_ = null, w !== void 0 && (o(w), _ = "" + w), f(c) && (o(c.key), _ = "" + c.key), "key" in c) {
+        w = {};
+        for (var re in c)
+          re !== "key" && (w[re] = c[re]);
+      } else w = c;
+      return _ && a(
+        w,
+        typeof r == "function" ? r.displayName || r.name || "Unknown" : r
+      ), d(
+        r,
+        _,
+        w,
+        i(),
+        K,
+        te
       );
     }
-    function v(e) {
-      y(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === z && (e._payload.status === "fulfilled" ? y(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
+    function u(r) {
+      v(r) ? r._store && (r._store.validated = 1) : typeof r == "object" && r !== null && r.$$typeof === F && (r._payload.status === "fulfilled" ? v(r._payload.value) && r._payload.value._store && (r._payload.value._store.validated = 1) : r._store && (r._store.validated = 1));
     }
-    function y(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === k;
+    function v(r) {
+      return typeof r == "object" && r !== null && r.$$typeof === C;
     }
-    var g = de, k = Symbol.for("react.transitional.element"), d = Symbol.for("react.portal"), _ = Symbol.for("react.fragment"), j = Symbol.for("react.strict_mode"), O = Symbol.for("react.profiler"), P = Symbol.for("react.consumer"), I = Symbol.for("react.context"), F = Symbol.for("react.forward_ref"), w = Symbol.for("react.suspense"), D = Symbol.for("react.suspense_list"), B = Symbol.for("react.memo"), z = Symbol.for("react.lazy"), ie = Symbol.for("react.activity"), se = Symbol.for("react.client.reference"), N = g.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, J = Object.prototype.hasOwnProperty, le = Array.isArray, W = console.createTask ? console.createTask : function() {
+    var p = je, C = Symbol.for("react.transitional.element"), I = Symbol.for("react.portal"), M = Symbol.for("react.fragment"), j = Symbol.for("react.strict_mode"), T = Symbol.for("react.profiler"), x = Symbol.for("react.consumer"), E = Symbol.for("react.context"), b = Symbol.for("react.forward_ref"), k = Symbol.for("react.suspense"), W = Symbol.for("react.suspense_list"), L = Symbol.for("react.memo"), F = Symbol.for("react.lazy"), X = Symbol.for("react.activity"), P = Symbol.for("react.client.reference"), $ = p.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, z = Object.prototype.hasOwnProperty, U = Array.isArray, H = console.createTask ? console.createTask : function() {
       return null;
     };
-    g = {
-      react_stack_bottom_frame: function(e) {
-        return e();
+    p = {
+      react_stack_bottom_frame: function(r) {
+        return r();
       }
     };
-    var V, X = {}, H = g.react_stack_bottom_frame.bind(
-      g,
-      s
-    )(), G = W(i(s)), Z = {};
-    R.Fragment = _, R.jsx = function(e, l, p) {
-      var m = 1e4 > N.recentlyCreatedOwnerStacks++;
-      return h(
-        e,
-        l,
-        p,
+    var m, A = {}, q = p.react_stack_bottom_frame.bind(
+      p,
+      l
+    )(), ie = H(s(l)), se = {};
+    Q.Fragment = M, Q.jsx = function(r, c, w) {
+      var S = 1e4 > $.recentlyCreatedOwnerStacks++;
+      return y(
+        r,
+        c,
+        w,
         !1,
-        m ? Error("react-stack-top-frame") : H,
-        m ? W(i(e)) : G
+        S ? Error("react-stack-top-frame") : q,
+        S ? H(s(r)) : ie
       );
-    }, R.jsxs = function(e, l, p) {
-      var m = 1e4 > N.recentlyCreatedOwnerStacks++;
-      return h(
-        e,
-        l,
-        p,
+    }, Q.jsxs = function(r, c, w) {
+      var S = 1e4 > $.recentlyCreatedOwnerStacks++;
+      return y(
+        r,
+        c,
+        w,
         !0,
-        m ? Error("react-stack-top-frame") : H,
-        m ? W(i(e)) : G
+        S ? Error("react-stack-top-frame") : q,
+        S ? H(s(r)) : ie
       );
     };
-  })()), R;
+  })()), Q;
 }
-var ee;
-function be() {
-  return ee || (ee = 1, process.env.NODE_ENV === "production" ? C.exports = xe() : C.exports = he()), C.exports;
+var ce;
+function Re() {
+  return ce || (ce = 1, process.env.NODE_ENV === "production" ? ee.exports = _e() : ee.exports = ke()), ee.exports;
 }
-var n = be();
-const oe = ue({
+var t = Re();
+const be = we({
   modules: [],
   register: () => {
   },
   unregister: () => {
   }
 });
-function ge({ children: r, initialModules: o = [] }) {
-  const [t, i] = A([]), a = U((c) => {
-    i((f) => f.find((h) => h.id === c.id) ? f.map((h) => h.id === c.id ? c : h) : [...f, c]);
-  }, []), s = U((c) => {
-    i((f) => f.filter((b) => b.id !== c));
-  }, []), u = re(() => {
-    const c = /* @__PURE__ */ new Map();
-    return [...o, ...t].forEach((f) => c.set(f.id, f)), Array.from(c.values());
-  }, [o, t]);
-  return /* @__PURE__ */ n.jsx(oe.Provider, { value: { modules: u, register: a, unregister: s }, children: r });
+function Ce({ children: e, initialModules: n = [] }) {
+  const [o, s] = B([]), i = N((a) => {
+    s((h) => h.find((y) => y.id === a.id) ? h.map((y) => y.id === a.id ? a : y) : [...h, a]);
+  }, []), l = N((a) => {
+    s((h) => h.filter((d) => d.id !== a));
+  }, []), f = me(() => {
+    const a = /* @__PURE__ */ new Map();
+    return [...n, ...o].forEach((h) => a.set(h.id, h)), Array.from(a.values());
+  }, [n, o]);
+  return /* @__PURE__ */ t.jsx(be.Provider, { value: { modules: f, register: i, unregister: l }, children: e });
 }
-function ae() {
-  return fe(oe);
+function ge() {
+  return Ee(be);
 }
-function Me(r, o = !0) {
-  const { register: t, unregister: i } = ae();
-  ne(() => {
-    if (!(!o || !(r != null && r.id)))
-      return t(r), () => i(r.id);
-  }, [r == null ? void 0 : r.id, o]);
+function Je(e, n = !0) {
+  const { register: o, unregister: s } = ge();
+  Y(() => {
+    if (!(!n || !(e != null && e.id)))
+      return o(e), () => s(e.id);
+  }, [e == null ? void 0 : e.id, n]);
 }
-function ve() {
-  const { modules: r } = ae();
-  return re(() => {
-    const o = r.filter((a) => !a.hidden), t = /* @__PURE__ */ new Map();
-    o.forEach((a) => {
-      const s = a.section ?? "__TOP__";
-      t.has(s) || t.set(s, []), t.get(s).push(a);
-    }), t.forEach((a) => a.sort((s, u) => (s.order ?? 99) - (u.order ?? 99)));
-    const i = [];
-    return t.has("__TOP__") && i.push({ label: null, items: t.get("__TOP__") }), Array.from(t.entries()).filter(([a]) => a !== "__TOP__").sort(([a], [s]) => a.localeCompare(s)).forEach(([a, s]) => i.push({ label: a, items: s })), i;
-  }, [r]);
+function Te() {
+  const { modules: e } = ge();
+  return me(() => {
+    const n = e.filter((i) => !i.hidden), o = /* @__PURE__ */ new Map();
+    n.forEach((i) => {
+      const l = i.section ?? "__TOP__";
+      o.has(l) || o.set(l, []), o.get(l).push(i);
+    }), o.forEach((i) => i.sort((l, f) => (l.order ?? 99) - (f.order ?? 99)));
+    const s = [];
+    return o.has("__TOP__") && s.push({ label: null, items: o.get("__TOP__") }), Array.from(o.entries()).filter(([i]) => i !== "__TOP__").sort(([i], [l]) => i.localeCompare(l)).forEach(([i, l]) => s.push({ label: i, items: l })), s;
+  }, [e]);
 }
-function ye(r) {
-  if (!r) return {};
-  const o = {};
-  return Object.entries(r).forEach(([t, i]) => {
-    const a = te[t];
-    a && (o[a] = i);
-  }), o;
+const D = 3e3, ue = 1024;
+function fe(e, n = "width") {
+  const o = {
+    fast: { dur: "340ms", ease: "cubic-bezier(0.16, 1, 0.3, 1)" },
+    normal: { dur: "380ms", ease: "cubic-bezier(0.16, 1, 0.3, 1)" },
+    slow: { dur: "700ms", ease: "cubic-bezier(0.4, 0, 0.2, 1)" }
+  }, { dur: s, ease: i } = o[e] ?? o.normal;
+  return n.split(",").map((l) => `${l.trim()} ${s} ${i}`).join(", ");
 }
-const ke = 220, je = 60;
-function _e({
-  logo: r,
-  bottomItems: o = [],
-  collapsed: t = !1,
-  onCollapse: i,
-  activePath: a = "/",
-  onNavigate: s,
-  LinkComponent: u = "a",
-  tokens: c,
-  style: f
-}) {
-  const b = ve(), [h, v] = A(/* @__PURE__ */ new Set()), y = U((d) => {
-    v((_) => {
-      const j = new Set(_);
-      return j.has(d) ? j.delete(d) : j.add(d), j;
-    });
+function V(e, n, o, s, i) {
+  return e ? `var(${n}, ${o})` : `var(${s}, ${i})`;
+}
+const g = {
+  navBg: (e) => V(e, "--mn-color-nav-dark", "#07091C", "--mn-color-nav-light", "#E1DAD0"),
+  border: (e) => V(e, "--mn-border-dark", "rgba(255,255,255,0.07)", "--mn-border-light", "#C9C2B6"),
+  borderMd: (e) => V(e, "--mn-border-md-dark", "rgba(255,255,255,0.13)", "--mn-border-md-light", "#BDB5A8"),
+  textPri: (e) => V(e, "--mn-text-primary-dark", "#F0F4FF", "--mn-text-primary-light", "#1C1915"),
+  textSec: (e) => V(e, "--mn-text-secondary-dark", "#94A3B8", "--mn-text-secondary-light", "#47413C"),
+  textMuted: (e) => V(e, "--mn-text-muted-dark", "#64748B", "--mn-text-muted-light", "#7A7470"),
+  activeItemBg: (e) => e ? "rgba(255,255,255,0.08)" : "rgba(59,130,246,0.10)",
+  hoverItemBg: (e) => e ? "rgba(255,255,255,0.04)" : "rgba(0,0,0,0.04)",
+  bottomBg: (e) => e ? "rgba(0,0,0,0.20)" : "rgba(0,0,0,0.03)",
+  userCard: (e) => e ? "rgba(255,255,255,0.04)" : "rgba(0,0,0,0.04)",
+  mobileTopBg: (e) => e ? "rgba(0,0,0,0)" : "rgba(255,255,255,0.95)"
+}, Ae = ({ size: e = 16, style: n }) => /* @__PURE__ */ t.jsx("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", style: n, children: /* @__PURE__ */ t.jsx("path", { d: "M15 18l-6-6 6-6" }) }), ye = ({ size: e = 16, style: n }) => /* @__PURE__ */ t.jsx("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", style: n, children: /* @__PURE__ */ t.jsx("path", { d: "M9 18l6-6-6-6" }) }), xe = ({ size: e = 14, style: n }) => /* @__PURE__ */ t.jsx("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", style: n, children: /* @__PURE__ */ t.jsx("path", { d: "M6 9l6 6 6-6" }) }), Me = ({ size: e = 18 }) => /* @__PURE__ */ t.jsxs("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: [
+  /* @__PURE__ */ t.jsx("line", { x1: "3", y1: "6", x2: "21", y2: "6" }),
+  /* @__PURE__ */ t.jsx("line", { x1: "3", y1: "12", x2: "21", y2: "12" }),
+  /* @__PURE__ */ t.jsx("line", { x1: "3", y1: "18", x2: "21", y2: "18" })
+] }), Ie = ({ size: e = 16 }) => /* @__PURE__ */ t.jsxs("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: [
+  /* @__PURE__ */ t.jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+  /* @__PURE__ */ t.jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+] });
+function Be({ onCollapse: e, onExpand: n }) {
+  const o = O(null), s = O({ active: !1, startX: 0, startY: 0, moved: !1 });
+  Y(() => {
+    const a = o.current;
+    a && (a.style.opacity = "1", a.style.transform = "");
   }, []);
-  function g(d) {
-    return d === "/" ? a === "/" : a === d || a.startsWith(d + "/");
-  }
-  const k = t ? je : ke;
-  return /* @__PURE__ */ n.jsxs(
-    "aside",
+  const i = N((a) => {
+    const h = a.touches[0];
+    s.current = { active: !0, startX: h.clientX, startY: h.clientY, moved: !1 };
+    const d = o.current;
+    d && (d.style.transition = "box-shadow 0.1s ease", d.style.transform = "scale(1.12)", d.style.boxShadow = "0 0 0 6px rgba(99,102,241,0.2), 0 8px 28px rgba(99,102,241,0.55)");
+  }, []), l = N((a) => {
+    if (!s.current.active) return;
+    const h = a.touches[0], d = h.clientX - s.current.startX, y = h.clientY - s.current.startY;
+    (Math.abs(d) > 5 || Math.abs(y) > 5) && (s.current.moved = !0);
+    const u = o.current;
+    u && (u.style.transition = "none", u.style.transform = `translate(${d * 0.45}px, ${y * 0.45}px) scale(1.1)`);
+  }, []), f = N((a) => {
+    if (!s.current.active) return;
+    const h = a.changedTouches[0], d = h.clientX - s.current.startX, y = h.clientY - s.current.startY;
+    s.current.active = !1;
+    const u = o.current;
+    if (u && (u.style.transition = "transform 0.38s cubic-bezier(0.16,1,0.3,1), box-shadow 0.25s ease", u.style.boxShadow = "0 4px 18px rgba(99,102,241,0.4)"), s.current.moved) {
+      const v = Math.abs(d), p = Math.abs(y);
+      v >= p * 0.75 && v > 22 ? (u && (u.style.transform = `translateX(${d > 0 ? 24 : -24}px) scale(0.85)`, u.style.opacity = "0"), setTimeout(() => n(), 80)) : p > v && p > 22 ? (u && (u.style.transform = "translateY(-10px) scale(1.06)"), setTimeout(() => {
+        u && (u.style.transform = "scale(1) translateY(0)");
+      }, 80)) : u && (u.style.transform = "scale(1) translate(0,0)");
+    } else
+      u && (u.style.transform = "scale(1) translate(0,0)"), e();
+  }, [e, n]);
+  return /* @__PURE__ */ t.jsx(
+    "button",
     {
+      ref: o,
+      onTouchStart: i,
+      onTouchMove: l,
+      onTouchEnd: f,
+      onClick: e,
+      title: "Open sidebar",
       style: {
         position: "fixed",
-        top: 0,
-        left: 0,
-        bottom: 0,
-        width: k,
+        top: 12,
+        left: 12,
+        zIndex: 50,
+        width: 40,
+        height: 40,
+        borderRadius: "50%",
         display: "flex",
-        flexDirection: "column",
-        backgroundColor: "var(--mn-color-nav-dark, #07091C)",
-        borderRight: "1px solid var(--mn-border-dark, rgba(255,255,255,0.07))",
-        transition: "width 340ms cubic-bezier(0.16,1,0.3,1)",
-        overflow: "hidden",
-        zIndex: 40,
-        fontFamily: "var(--mn-font-family, inherit)",
-        ...ye(c),
-        ...f
+        alignItems: "center",
+        justifyContent: "center",
+        background: "linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%)",
+        border: "1px solid rgba(139,92,246,0.5)",
+        color: "#fff",
+        cursor: "pointer",
+        touchAction: "none",
+        boxShadow: "0 4px 18px rgba(99,102,241,0.4)",
+        animation: "mn-fab-appear 0.42s cubic-bezier(0.16,1,0.3,1) both, mn-fab-ring 2.8s ease-in-out 0.6s infinite"
       },
-      children: [
-        /* @__PURE__ */ n.jsxs("div", { style: {
-          height: 56,
-          display: "flex",
-          alignItems: "center",
-          justifyContent: t ? "center" : "space-between",
-          padding: t ? "0" : "0 12px 0 16px",
-          borderBottom: "1px solid var(--mn-border-dark, rgba(255,255,255,0.07))",
-          flexShrink: 0,
-          gap: 8
-        }, children: [
-          !t && /* @__PURE__ */ n.jsx("div", { style: { display: "flex", alignItems: "center", gap: 8, minWidth: 0, overflow: "hidden" }, children: r ?? /* @__PURE__ */ n.jsx(we, {}) }),
-          /* @__PURE__ */ n.jsx(Re, { collapsed: t, onCollapse: () => i == null ? void 0 : i(!t) })
-        ] }),
-        /* @__PURE__ */ n.jsx("nav", { style: { flex: 1, overflowY: "auto", overflowX: "hidden", padding: "8px 0" }, children: b.map((d) => /* @__PURE__ */ n.jsx(
-          Ee,
-          {
-            section: d,
-            collapsed: t,
-            isActive: g,
-            expandedIds: h,
-            onToggle: y,
-            onNavigate: s,
-            LinkComponent: u
-          },
-          d.label ?? "__top__"
-        )) }),
-        o.length > 0 && /* @__PURE__ */ n.jsx("div", { style: {
-          borderTop: "1px solid var(--mn-border-dark, rgba(255,255,255,0.07))",
-          padding: "8px 0",
-          flexShrink: 0
-        }, children: o.map((d) => /* @__PURE__ */ n.jsx(
-          q,
-          {
-            item: d,
-            collapsed: t,
-            active: g(d.path),
-            onNavigate: s,
-            LinkComponent: u
-          },
-          d.id
-        )) })
-      ]
+      children: /* @__PURE__ */ t.jsx(Me, { size: 18 })
     }
   );
 }
-function Ee({ section: r, collapsed: o, isActive: t, expandedIds: i, onToggle: a, onNavigate: s, LinkComponent: u }) {
-  return /* @__PURE__ */ n.jsxs("div", { style: { marginBottom: 4 }, children: [
-    r.label && !o && /* @__PURE__ */ n.jsx("p", { style: {
-      padding: "8px 16px 4px",
-      fontSize: 10,
-      fontWeight: 600,
-      letterSpacing: "0.08em",
+function Oe({ label: e, isDark: n }) {
+  return /* @__PURE__ */ t.jsxs("div", { style: { padding: "20px 12px 4px", display: "flex", alignItems: "center", gap: 8 }, children: [
+    /* @__PURE__ */ t.jsx("span", { className: "mn-text-reveal", style: {
+      fontSize: 9,
+      fontWeight: 700,
       textTransform: "uppercase",
-      color: "var(--mn-text-muted-dark, #64748B)",
-      margin: 0,
-      whiteSpace: "nowrap",
-      overflow: "hidden"
-    }, children: r.label }),
-    r.label && o && /* @__PURE__ */ n.jsx("div", { style: { height: 8 } }),
-    r.items.map((c) => /* @__PURE__ */ n.jsx(
-      q,
-      {
-        item: c,
-        collapsed: o,
-        active: t(c.path),
-        expanded: i.has(c.id),
-        onToggle: () => {
-          var f;
-          return ((f = c.children) == null ? void 0 : f.length) && a(c.id);
-        },
-        onNavigate: s,
-        LinkComponent: u,
-        isActive: t
-      },
-      c.id
-    ))
+      letterSpacing: "0.15em",
+      color: g.textMuted(n),
+      whiteSpace: "nowrap"
+    }, children: e }),
+    /* @__PURE__ */ t.jsx("div", { style: { flex: 1, height: 1, backgroundColor: g.border(n) } })
   ] });
 }
-function q({ item: r, collapsed: o, active: t, expanded: i, onToggle: a, onNavigate: s, LinkComponent: u, isActive: c }) {
-  var k;
-  const f = ((k = r.children) == null ? void 0 : k.length) > 0, b = !!r.disabled, h = {
+function ne({ item: e, collapsed: n, active: o, expanded: s, onToggle: i, onNavigate: l, onLinkClick: f, LinkComponent: a, isActiveFn: h, isDark: d }) {
+  var E;
+  const [y, u] = B(!1), v = ((E = e.children) == null ? void 0 : E.length) > 0, p = !!e.disabled, C = {
     display: "flex",
     alignItems: "center",
-    justifyContent: o ? "center" : "flex-start",
-    gap: o ? 0 : 10,
-    width: "100%",
-    padding: o ? "0" : "0 12px",
-    margin: "1px 6px",
-    width: "calc(100% - 12px)",
-    height: 36,
+    position: "relative",
+    justifyContent: n ? "center" : "flex-start",
+    gap: n ? 0 : 10,
+    padding: n ? 0 : "0 10px",
+    margin: n ? "1px auto" : "1px 6px",
+    width: n ? 40 : "calc(100% - 12px)",
+    height: n ? 40 : 36,
     borderRadius: "var(--mn-radius-lg, 0.75rem)",
     fontSize: "var(--mn-font-size-sm, 0.875rem)",
-    fontWeight: 500,
-    cursor: b ? "not-allowed" : "pointer",
-    opacity: b ? 0.4 : 1,
+    fontWeight: o && !v ? 600 : 500,
+    cursor: p ? "not-allowed" : "pointer",
+    opacity: p ? 0.4 : 1,
     textDecoration: "none",
     border: "none",
     outline: "none",
@@ -471,445 +449,794 @@ function q({ item: r, collapsed: o, active: t, expanded: i, onToggle: a, onNavig
     whiteSpace: "nowrap",
     overflow: "hidden",
     fontFamily: "var(--mn-font-family, inherit)",
-    ...t ? {
-      backgroundColor: "rgba(255,255,255,0.08)",
-      color: "var(--mn-text-primary-dark, #F0F4FF)"
-    } : {
-      backgroundColor: "transparent",
-      color: "var(--mn-text-secondary-dark, #94A3B8)"
-    }
-  }, v = /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
-    /* @__PURE__ */ n.jsx(Se, { icon: r.icon, active: t }),
-    !o && /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
-      /* @__PURE__ */ n.jsx("span", { style: { flex: 1, overflow: "hidden", textOverflow: "ellipsis" }, children: r.label }),
-      r.badge && /* @__PURE__ */ n.jsx("span", { style: {
+    backgroundColor: o && !v ? g.activeItemBg(d) : y && !p ? g.hoverItemBg(d) : "transparent",
+    color: o && !v ? g.textPri(d) : g.textSec(d)
+  }, I = o && !v ? "var(--mn-color-primary, #3B82F6)" : g.textMuted(d), M = e.icon ? typeof e.icon == "string" ? /* @__PURE__ */ t.jsx("span", { style: { fontSize: 14, width: 16, textAlign: "center", flexShrink: 0 }, children: e.icon }) : typeof e.icon == "function" ? e.icon({ style: { width: 16, height: 16, color: I, flexShrink: 0 } }) : /* @__PURE__ */ t.jsx("span", { style: { width: 16, height: 16, color: I, flexShrink: 0, display: "flex", alignItems: "center", justifyContent: "center" }, children: e.icon }) : /* @__PURE__ */ t.jsx("span", { style: { width: 16, flexShrink: 0 } }), j = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+    o && !v && /* @__PURE__ */ t.jsx("span", { style: {
+      position: "absolute",
+      left: 0,
+      top: "50%",
+      transform: "translateY(-50%)",
+      width: 3,
+      height: n ? 24 : 20,
+      borderRadius: "0 4px 4px 0",
+      backgroundColor: "var(--mn-color-primary, #3B82F6)"
+    } }),
+    M,
+    !n && /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+      /* @__PURE__ */ t.jsx("span", { className: "mn-text-reveal", style: { flex: 1, overflow: "hidden", textOverflow: "ellipsis" }, children: e.label }),
+      e.badge && /* @__PURE__ */ t.jsx("span", { className: "mn-text-reveal", style: {
         fontSize: 10,
         fontWeight: 600,
         padding: "1px 6px",
         borderRadius: "var(--mn-radius-full, 9999px)",
-        backgroundColor: "rgba(99,102,241,0.2)",
+        backgroundColor: "rgba(99,102,241,0.15)",
         color: "var(--mn-color-accent, #8B5CF6)",
-        flexShrink: 0
-      }, children: r.badge }),
-      f && /* @__PURE__ */ n.jsx("span", { style: {
-        fontSize: 10,
-        color: "var(--mn-text-muted-dark, #64748B)",
         flexShrink: 0,
-        transform: i ? "rotate(180deg)" : "none",
+        marginLeft: "auto"
+      }, children: e.badge }),
+      o && !v && /* @__PURE__ */ t.jsx("span", { style: {
+        width: 6,
+        height: 6,
+        borderRadius: "50%",
+        flexShrink: 0,
+        backgroundColor: "var(--mn-color-primary, #3B82F6)"
+      } }),
+      v && /* @__PURE__ */ t.jsx(xe, { size: 14, style: {
+        flexShrink: 0,
+        color: g.textMuted(d),
+        transform: s ? "rotate(180deg)" : "none",
         transition: "transform 200ms"
-      }, children: "▾" })
+      } })
     ] })
-  ] }), y = (d) => {
-    if (b) {
-      d.preventDefault();
+  ] }), T = (b) => {
+    if (p) {
+      b.preventDefault();
       return;
     }
-    if (f) {
-      d.preventDefault(), a == null || a();
+    if (v) {
+      b.preventDefault(), i == null || i();
       return;
     }
-    r.external || s && (d.preventDefault(), s(r.path));
-  }, g = {
-    href: r.path,
-    onClick: y,
-    style: h,
-    ...r.external ? { target: "_blank", rel: "noopener noreferrer" } : {},
-    title: o ? r.label : void 0
+    f == null || f(), !e.external && l && (b.preventDefault(), l(e.path));
+  }, x = {
+    onMouseEnter: () => u(!0),
+    onMouseLeave: () => u(!1)
   };
-  return /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
-    f ? /* @__PURE__ */ n.jsx("button", { style: { ...h, background: t ? "rgba(255,255,255,0.08)" : "transparent", width: "calc(100% - 12px)", margin: "1px 6px" }, onClick: y, children: v }) : /* @__PURE__ */ n.jsx(u, { ...g, children: v }),
-    f && i && !o && /* @__PURE__ */ n.jsx("div", { style: { paddingLeft: 16, marginBottom: 4 }, children: r.children.map((d) => /* @__PURE__ */ n.jsx(
-      q,
-      {
-        item: { id: d.id ?? d.path, ...d },
-        collapsed: !1,
-        active: c ? c(d.path) : !1,
-        onNavigate: s,
-        LinkComponent: u
-      },
-      d.id ?? d.path
-    )) })
-  ] });
-}
-function Se({ icon: r, active: o }) {
-  const t = {
-    width: 16,
-    height: 16,
-    flexShrink: 0,
-    color: o ? "var(--mn-color-primary, #3B82F6)" : "inherit"
-  };
-  return r ? typeof r == "string" ? /* @__PURE__ */ n.jsx("span", { style: { fontSize: 14, width: 16, textAlign: "center" }, children: r }) : typeof r == "function" ? r({ style: t }) : /* @__PURE__ */ n.jsx("span", { style: t, children: r }) : /* @__PURE__ */ n.jsx("span", { style: { width: 16 } });
-}
-function Re({ collapsed: r, onCollapse: o }) {
-  return /* @__PURE__ */ n.jsx(
-    "button",
+  return v ? n ? /* @__PURE__ */ t.jsx(a, { href: e.path, style: C, title: e.label, ...x, children: j }) : /* @__PURE__ */ t.jsxs(
+    "div",
     {
-      onClick: o,
-      "aria-label": r ? "Expand sidebar" : "Collapse sidebar",
-      style: {
-        width: 28,
-        height: 28,
-        borderRadius: "var(--mn-radius-md, 0.5rem)",
-        background: "rgba(255,255,255,0.04)",
-        border: "1px solid var(--mn-border-dark, rgba(255,255,255,0.07))",
-        cursor: "pointer",
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "center",
-        color: "var(--mn-text-muted-dark, #64748B)",
-        fontSize: 12,
-        flexShrink: 0,
-        transition: "background-color 150ms"
-      },
-      children: r ? "›" : "‹"
-    }
-  );
-}
-function we() {
-  return /* @__PURE__ */ n.jsx("div", { style: {
-    width: 24,
-    height: 24,
-    borderRadius: 6,
-    background: "var(--mn-color-primary, #3B82F6)",
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "center",
-    fontSize: 11,
-    fontWeight: 800,
-    color: "#fff"
-  }, children: "M" });
-}
-function Te(r) {
-  if (!r) return {};
-  const o = {};
-  return Object.entries(r).forEach(([t, i]) => {
-    const a = te[t];
-    a && (o[a] = i);
-  }), o;
-}
-function Ce({
-  org: r,
-  project: o,
-  onOrgClick: t,
-  onProjectClick: i,
-  onNewProject: a,
-  user: s,
-  onThemeToggle: u,
-  isDark: c = !0,
-  leftSlot: f,
-  centerSlot: b,
-  rightSlot: h,
-  onLogout: v,
-  tokens: y,
-  style: g
-}) {
-  return /* @__PURE__ */ n.jsxs(
-    "header",
-    {
-      style: {
-        height: 52,
-        display: "flex",
-        alignItems: "center",
-        gap: 12,
-        padding: "0 16px",
-        backgroundColor: "var(--mn-color-nav-dark, #07091C)",
-        borderBottom: "1px solid var(--mn-border-dark, rgba(255,255,255,0.07))",
-        backdropFilter: "blur(12px)",
-        WebkitBackdropFilter: "blur(12px)",
-        position: "sticky",
-        top: 0,
-        zIndex: 30,
-        fontFamily: "var(--mn-font-family, inherit)",
-        ...Te(y),
-        ...g
-      },
+      style: { ...C, cursor: "default", backgroundColor: y ? g.hoverItemBg(d) : "transparent" },
+      ...x,
       children: [
-        /* @__PURE__ */ n.jsx("div", { style: { flex: 1, display: "flex", alignItems: "center", gap: 6, minWidth: 0 }, children: f ?? /* @__PURE__ */ n.jsx(
-          Ae,
+        /* @__PURE__ */ t.jsxs(
+          a,
           {
-            org: r,
-            project: o,
-            onOrgClick: t,
-            onProjectClick: i,
-            onNewProject: a
+            href: e.path,
+            onClick: (b) => {
+              f == null || f(), l && (b.preventDefault(), l(e.path));
+            },
+            style: { display: "flex", alignItems: "center", gap: 10, flex: 1, minWidth: 0, textDecoration: "none", color: "inherit" },
+            children: [
+              M,
+              /* @__PURE__ */ t.jsx("span", { className: "mn-text-reveal", style: { flex: 1, overflow: "hidden", textOverflow: "ellipsis", fontSize: "var(--mn-font-size-sm, 0.875rem)", fontWeight: 500 }, children: e.label })
+            ]
           }
-        ) }),
-        b && /* @__PURE__ */ n.jsx("div", { style: { flexShrink: 0 }, children: b }),
-        /* @__PURE__ */ n.jsxs("div", { style: { display: "flex", alignItems: "center", gap: 8, flexShrink: 0 }, children: [
-          u && /* @__PURE__ */ n.jsx(Fe, { onClick: u, title: c ? "Light mode" : "Dark mode", children: c ? "☀" : "☾" }),
-          h,
-          s && /* @__PURE__ */ n.jsx(Pe, { user: s, onLogout: v })
-        ] })
+        ),
+        /* @__PURE__ */ t.jsx(
+          "button",
+          {
+            onClick: (b) => {
+              b.stopPropagation(), i == null || i();
+            },
+            style: { background: "none", border: "none", cursor: "pointer", padding: "0 8px 0 0", display: "flex", color: g.textMuted(d) },
+            children: /* @__PURE__ */ t.jsx(xe, { size: 14, style: { transform: s ? "rotate(180deg)" : "none", transition: "transform 200ms" } })
+          }
+        )
       ]
     }
+  ) : p ? /* @__PURE__ */ t.jsx("div", { style: C, "aria-disabled": "true", title: n ? e.label : void 0, ...x, children: j }) : /* @__PURE__ */ t.jsx(
+    a,
+    {
+      href: e.path,
+      onClick: T,
+      title: n ? e.label : void 0,
+      style: C,
+      ...e.external ? { target: "_blank", rel: "noopener noreferrer" } : {},
+      ...x,
+      children: j
+    }
   );
 }
-function Ae({ org: r, project: o, onOrgClick: t, onProjectClick: i, onNewProject: a }) {
-  return !r && !o ? null : /* @__PURE__ */ n.jsxs("div", { style: { display: "flex", alignItems: "center", gap: 4, minWidth: 0 }, children: [
-    r && /* @__PURE__ */ n.jsxs(
+function he({ collapsed: e, isDark: n, sections: o, bottomItems: s, activePath: i, onNavigate: l, onLinkClick: f, LinkComponent: a, logo: h, user: d, onCollapseClick: y, collapseLabel: u, showExpandBtn: v, onExpandClick: p }) {
+  var T;
+  const [C, I] = B(/* @__PURE__ */ new Set()), M = N((x) => {
+    I((E) => {
+      const b = new Set(E);
+      return b.has(x) ? b.delete(x) : b.add(x), b;
+    });
+  }, []);
+  function j(x) {
+    return x ? x === "/" ? i === "/" : i === x || i.startsWith(x + "/") : !1;
+  }
+  return /* @__PURE__ */ t.jsxs("div", { style: { position: "relative", display: "flex", flexDirection: "column", height: "100%", width: "100%", overflow: "hidden" }, children: [
+    !e && /* @__PURE__ */ t.jsx("div", { "aria-hidden": "true", style: {
+      position: "absolute",
+      top: 0,
+      right: 0,
+      width: 1,
+      height: "100%",
+      zIndex: 1,
+      pointerEvents: "none",
+      background: "linear-gradient(to bottom, transparent 0%, rgba(99,102,241,0) 15%, rgba(99,102,241,0.7) 50%, rgba(99,102,241,0) 85%, transparent 100%)",
+      animation: "mn-scan 0.55s cubic-bezier(0.16,1,0.3,1) both"
+    } }),
+    /* @__PURE__ */ t.jsxs("div", { style: {
+      height: 60,
+      display: "flex",
+      alignItems: "center",
+      flexShrink: 0,
+      justifyContent: e ? "center" : "space-between",
+      padding: e ? "0 14px" : "0 8px 0 16px",
+      borderBottom: `1px solid ${g.border(n)}`,
+      backgroundColor: n ? "transparent" : "rgba(255,255,255,0.95)"
+    }, children: [
+      /* @__PURE__ */ t.jsx(a, { href: "/", onClick: f, style: { display: "flex", alignItems: "center", gap: 10, minWidth: 0, textDecoration: "none", overflow: "hidden" }, children: h ?? /* @__PURE__ */ t.jsx(Fe, {}) }),
+      !e && y && /* @__PURE__ */ t.jsx(
+        "button",
+        {
+          onClick: y,
+          title: u,
+          style: { flexShrink: 0, width: 28, height: 28, borderRadius: 8, background: "none", border: "none", cursor: "pointer", display: "flex", alignItems: "center", justifyContent: "center", color: g.textMuted(n) },
+          children: /* @__PURE__ */ t.jsx(Ae, { size: 16 })
+        }
+      )
+    ] }),
+    e && v && /* @__PURE__ */ t.jsx("div", { style: { display: "flex", justifyContent: "center", padding: "8px 0", borderBottom: `1px solid ${g.border(n)}`, flexShrink: 0 }, children: /* @__PURE__ */ t.jsx(
       "button",
       {
-        onClick: t,
-        style: Y,
-        children: [
-          /* @__PURE__ */ n.jsx(Oe, {}),
-          /* @__PURE__ */ n.jsx("span", { style: { overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: r.name })
-        ]
+        onClick: p,
+        title: "Expand sidebar",
+        style: { width: 32, height: 32, borderRadius: 8, background: "none", border: "none", cursor: "pointer", display: "flex", alignItems: "center", justifyContent: "center", color: g.textMuted(n) },
+        children: /* @__PURE__ */ t.jsx(ye, { size: 16 })
+      }
+    ) }),
+    /* @__PURE__ */ t.jsx("nav", { style: { flex: 1, overflowY: "auto", overflowX: "hidden", padding: "12px 0", scrollbarWidth: "thin" }, children: o.map((x) => /* @__PURE__ */ t.jsxs("div", { style: { marginBottom: 4 }, children: [
+      x.label && !e && /* @__PURE__ */ t.jsx(Oe, { label: x.label, isDark: n }),
+      x.label && e && /* @__PURE__ */ t.jsx("div", { style: { height: 8 } }),
+      /* @__PURE__ */ t.jsx("div", { style: { display: "flex", flexDirection: "column", gap: 2 }, children: x.items.map((E) => {
+        var b;
+        return /* @__PURE__ */ t.jsxs("div", { children: [
+          /* @__PURE__ */ t.jsx(
+            ne,
+            {
+              item: E,
+              collapsed: e,
+              active: j(E.path),
+              expanded: C.has(E.id),
+              onToggle: () => {
+                var k;
+                return ((k = E.children) == null ? void 0 : k.length) && M(E.id);
+              },
+              onNavigate: l,
+              onLinkClick: f,
+              LinkComponent: a,
+              isActiveFn: j,
+              isDark: n
+            }
+          ),
+          !e && C.has(E.id) && ((b = E.children) == null ? void 0 : b.length) > 0 && /* @__PURE__ */ t.jsx("div", { style: { marginLeft: 12, paddingLeft: 12, borderLeft: `1px solid ${g.border(n)}`, marginBottom: 4 }, children: E.children.map((k) => /* @__PURE__ */ t.jsx(
+            ne,
+            {
+              item: { id: k.id ?? k.path, ...k },
+              collapsed: !1,
+              active: j(k.path),
+              onNavigate: l,
+              onLinkClick: f,
+              LinkComponent: a,
+              isDark: n
+            },
+            k.id ?? k.path
+          )) })
+        ] }, E.id);
+      }) })
+    ] }, x.label ?? "__top__")) }),
+    s.length > 0 && /* @__PURE__ */ t.jsxs("div", { style: { flexShrink: 0, borderTop: `1px solid ${g.border(n)}`, padding: "8px 0", backgroundColor: g.bottomBg(n) }, children: [
+      /* @__PURE__ */ t.jsx("div", { style: { display: "flex", flexDirection: "column", gap: 2 }, children: s.map((x) => /* @__PURE__ */ t.jsx(
+        ne,
+        {
+          item: x,
+          collapsed: e,
+          active: i === x.path || i.startsWith(x.path + "/"),
+          onNavigate: l,
+          onLinkClick: f,
+          LinkComponent: a,
+          isDark: n
+        },
+        x.id
+      )) }),
+      d && !e && /* @__PURE__ */ t.jsxs("div", { style: { margin: "8px 8px 0", padding: "10px 12px", borderRadius: "var(--mn-radius-lg, 0.75rem)", backgroundColor: g.userCard(n), border: `1px solid ${g.border(n)}`, display: "flex", alignItems: "center", gap: 10 }, children: [
+        /* @__PURE__ */ t.jsx("div", { style: { width: 28, height: 28, borderRadius: 8, background: "linear-gradient(135deg, #3B82F6, #7C3AED)", display: "flex", alignItems: "center", justifyContent: "center", color: "#fff", fontSize: 11, fontWeight: 700, flexShrink: 0 }, children: (d.name || d.email || "U")[0].toUpperCase() }),
+        /* @__PURE__ */ t.jsxs("div", { style: { minWidth: 0, flex: 1 }, children: [
+          /* @__PURE__ */ t.jsx("p", { className: "mn-text-reveal", style: { margin: 0, fontSize: 12, fontWeight: 600, color: g.textPri(n), overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap", lineHeight: 1.2 }, children: d.name || ((T = d.email) == null ? void 0 : T.split("@")[0]) }),
+          d.email && /* @__PURE__ */ t.jsx("p", { className: "mn-text-reveal", style: { margin: 0, fontSize: 10, color: g.textMuted(n), overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap", lineHeight: 1.2 }, children: d.email })
+        ] })
+      ] }),
+      d && e && /* @__PURE__ */ t.jsx("div", { style: { marginTop: 8, display: "flex", justifyContent: "center" }, children: /* @__PURE__ */ t.jsx("div", { title: d.name || d.email, style: { width: 32, height: 32, borderRadius: 8, background: "linear-gradient(135deg, #3B82F6, #7C3AED)", display: "flex", alignItems: "center", justifyContent: "center", color: "#fff", fontSize: 11, fontWeight: 700 }, children: (d.name || d.email || "U")[0].toUpperCase() }) })
+    ] })
+  ] });
+}
+function Fe() {
+  return /* @__PURE__ */ t.jsx("div", { style: { width: 28, height: 28, borderRadius: 8, background: "linear-gradient(135deg, #3B82F6, #7C3AED)", display: "flex", alignItems: "center", justifyContent: "center", fontSize: 12, fontWeight: 800, color: "#fff", flexShrink: 0 }, children: "M" });
+}
+function Pe({
+  logo: e,
+  bottomItems: n = [],
+  collapsed: o = !1,
+  onCollapse: s,
+  activePath: i = "/",
+  onNavigate: l,
+  LinkComponent: f = "a",
+  isDark: a = !0,
+  user: h,
+  style: d
+}) {
+  const y = Te(), [u, v] = B(
+    () => typeof window < "u" ? window.innerWidth < ue : !1
+  );
+  Y(() => {
+    const m = window.matchMedia(`(max-width: ${ue - 1}px)`), A = (q) => v(q.matches);
+    return m.addEventListener("change", A), () => m.removeEventListener("change", A);
+  }, []);
+  const [p, C] = B("hidden"), [I, M] = B("normal");
+  function j(m, A = "normal") {
+    M(A), C(m);
+  }
+  const T = p === "hidden", x = p === "collapsed", E = p === "expanded", b = p === "fading", k = O(null), W = O(null), L = O(null), F = O(null);
+  ae(() => {
+    const m = fe(I, "width, transform");
+    k.current && (k.current.style.transition = m), W.current && (W.current.style.transition = m);
+  }, [I]);
+  const X = O(o);
+  Y(() => {
+    const m = X.current;
+    X.current = o;
+    const A = L.current;
+    if (A) {
+      if (!o) {
+        A.style.animation = "";
+        return;
+      }
+      m === !1 && (A.style.animation = "mn-content-dip 570ms ease-in-out both");
+    }
+  }, [o]);
+  const P = O(null), $ = O(p), z = N(() => {
+    const m = F.current;
+    m && (m.style.transition = "none", m.style.opacity = "1", m.offsetHeight, m.style.transition = `opacity ${D}ms ease-in`, m.style.opacity = "0", clearTimeout(P.current), P.current = setTimeout(() => j("hidden", "fast"), D));
+  }, []), U = N(() => {
+    clearTimeout(P.current);
+    const m = F.current;
+    m && (m.style.transition = "opacity 300ms ease-out", m.style.opacity = "1");
+  }, []);
+  Y(() => {
+    const m = $.current;
+    if ($.current = p, p === "collapsed") {
+      const q = setTimeout(z, m === "expanded" ? 50 : 0);
+      return () => {
+        clearTimeout(q), clearTimeout(P.current);
+      };
+    }
+    return U(), () => clearTimeout(P.current);
+  }, [p, z, U]), ae(() => {
+    if (!b) return;
+    const m = W.current;
+    if (!m) return;
+    m.style.animation = `mn-mobile-fade-out ${D}ms ease-in both`;
+    const A = setTimeout(() => j("hidden", "fast"), D);
+    return () => {
+      clearTimeout(A), m.style.animation = "", m.style.transition = fe("fast", "width, transform");
+    };
+  }, [b]);
+  const H = {
+    isDark: a,
+    sections: y,
+    bottomItems: n,
+    activePath: i,
+    onNavigate: l,
+    LinkComponent: f,
+    logo: e,
+    user: h
+  };
+  return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+    u && T && /* @__PURE__ */ t.jsx(
+      Be,
+      {
+        onCollapse: () => j("collapsed", "fast"),
+        onExpand: () => j("expanded", "fast")
       }
     ),
-    r && o && /* @__PURE__ */ n.jsx("span", { style: { color: "var(--mn-text-muted-dark, #64748B)", fontSize: 14 }, children: "/" }),
-    o ? /* @__PURE__ */ n.jsxs("button", { onClick: i, style: Y, children: [
-      /* @__PURE__ */ n.jsx("span", { style: { fontSize: 12 }, children: "📁" }),
-      /* @__PURE__ */ n.jsx("span", { style: { overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: o.name })
-    ] }) : a && /* @__PURE__ */ n.jsx(
+    u && !T && !b && /* @__PURE__ */ t.jsx(
       "button",
       {
-        onClick: a,
-        style: { ...Y, color: "var(--mn-color-primary, #3B82F6)", opacity: 0.7 },
-        children: "+ New Project"
+        onClick: () => {
+          j(x ? "expanded" : "hidden", "fast");
+        },
+        title: x ? "Expand sidebar" : "Hide sidebar",
+        style: {
+          position: "fixed",
+          top: 14,
+          left: 16,
+          zIndex: 50,
+          width: 36,
+          height: 36,
+          borderRadius: 10,
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          backgroundColor: a ? "#060919" : "#fff",
+          border: `1px solid ${g.border(a)}`,
+          boxShadow: "0 2px 8px rgba(0,0,0,0.15)",
+          cursor: "pointer",
+          color: g.textSec(a)
+        },
+        children: x ? /* @__PURE__ */ t.jsx(ye, { size: 18 }) : /* @__PURE__ */ t.jsx(Ie, { size: 16 })
+      }
+    ),
+    u && (E || b) && /* @__PURE__ */ t.jsx(
+      "div",
+      {
+        onClick: b ? void 0 : () => j("collapsed", "fast"),
+        style: {
+          position: "fixed",
+          inset: 0,
+          zIndex: 40,
+          backgroundColor: "rgba(0,0,0,0.6)",
+          backdropFilter: "blur(4px)",
+          animation: b ? `mn-backdrop-out ${D}ms ease-in forwards` : "mn-backdrop-in 0.22s ease both",
+          pointerEvents: b ? "none" : void 0
+        }
       }
-    )
+    ),
+    u && /* @__PURE__ */ t.jsx(
+      "aside",
+      {
+        ref: W,
+        onTouchStart: () => {
+          x && z(), b && j("expanded", "fast");
+        },
+        onClick: () => {
+          b && j("expanded", "fast");
+        },
+        style: {
+          position: "fixed",
+          top: 0,
+          left: 0,
+          zIndex: 40,
+          height: "100vh",
+          overflow: "hidden",
+          backgroundColor: g.navBg(a),
+          borderRight: `1px solid ${g.border(a)}`,
+          boxShadow: "0 0 40px rgba(0,0,0,0.3)",
+          width: T || x ? 60 : 288,
+          transform: T ? "translateX(-100%)" : "translateX(0)"
+        },
+        children: /* @__PURE__ */ t.jsx("div", { ref: F, style: { display: "flex", flexDirection: "column", height: "100%", width: "100%" }, children: /* @__PURE__ */ t.jsx(
+          he,
+          {
+            ...H,
+            collapsed: x || T,
+            onLinkClick: () => j("collapsed", "fast"),
+            onCollapseClick: () => j("collapsed", "fast"),
+            collapseLabel: "Minimize sidebar"
+          }
+        ) })
+      }
+    ),
+    !u && /* @__PURE__ */ t.jsx(
+      "aside",
+      {
+        ref: k,
+        style: {
+          position: "fixed",
+          top: 0,
+          left: 0,
+          zIndex: 30,
+          height: "100vh",
+          overflow: "hidden",
+          display: "flex",
+          flexDirection: "column",
+          backgroundColor: g.navBg(a),
+          borderRight: `1px solid ${g.border(a)}`,
+          backdropFilter: "blur(20px)",
+          boxShadow: a ? "1px 0 0 0 rgba(255,255,255,0.04)" : "1px 0 0 0 rgba(0,0,0,0.04)",
+          width: o ? 60 : 220,
+          fontFamily: "var(--mn-font-family, inherit)",
+          ...d
+        },
+        children: /* @__PURE__ */ t.jsx("div", { ref: L, style: { display: "flex", flexDirection: "column", height: "100%", width: "100%" }, children: /* @__PURE__ */ t.jsx(
+          he,
+          {
+            ...H,
+            collapsed: o,
+            onCollapseClick: () => s == null ? void 0 : s(!o),
+            collapseLabel: "Collapse sidebar",
+            showExpandBtn: o,
+            onExpandClick: () => s == null ? void 0 : s(!1)
+          }
+        ) })
+      }
+    ),
+    /* @__PURE__ */ t.jsx("style", { children: `
+        .mn-text-reveal {
+          animation: mn-text-in 0.28s cubic-bezier(0.16,1,0.3,1) both;
+        }
+        @keyframes mn-text-in {
+          0%   { opacity: 0; filter: blur(5px); transform: translateX(-10px); }
+          55%  { filter: blur(1px); }
+          100% { opacity: 1; filter: blur(0); transform: translateX(0); }
+        }
+        @keyframes mn-scan {
+          0%   { transform: translateY(-100%); opacity: 0; }
+          15%  { opacity: 1; }
+          85%  { opacity: 1; }
+          100% { transform: translateY(100%); opacity: 0; }
+        }
+        @keyframes mn-fab-appear {
+          0%   { opacity: 0; transform: scale(0.5); filter: blur(4px); }
+          60%  { filter: blur(0); }
+          100% { opacity: 1; transform: scale(1); filter: blur(0); }
+        }
+        @keyframes mn-fab-ring {
+          0%, 100% { box-shadow: 0 0 0 0   rgba(99,102,241,0.5), 0 4px 18px rgba(99,102,241,0.4); }
+          55%       { box-shadow: 0 0 0 10px rgba(99,102,241,0),   0 4px 18px rgba(99,102,241,0.4); }
+        }
+        @keyframes mn-backdrop-in  { from { opacity: 0; } to { opacity: 1; } }
+        @keyframes mn-backdrop-out { from { opacity: 1; } to { opacity: 0; } }
+        @keyframes mn-content-dip {
+          0%   { opacity: 1; }
+          55%  { opacity: 0; }
+          100% { opacity: 1; }
+        }
+        @keyframes mn-mobile-fade-out {
+          from { opacity: 1; transform: translateX(0); }
+          to   { opacity: 0; transform: translateX(-100%); }
+        }
+      ` })
   ] });
 }
-const Y = {
-  display: "inline-flex",
-  alignItems: "center",
-  gap: 6,
-  padding: "4px 8px",
-  borderRadius: "var(--mn-radius-md, 0.5rem)",
-  background: "none",
-  border: "none",
-  color: "var(--mn-text-secondary-dark, #94A3B8)",
-  fontSize: "var(--mn-font-size-sm, 0.875rem)",
-  fontWeight: 500,
-  cursor: "pointer",
-  maxWidth: 160,
-  fontFamily: "inherit",
-  transition: "background-color 150ms"
+function G(e, n, o, s, i) {
+  return e ? `var(${n}, ${o})` : `var(${s}, ${i})`;
+}
+const R = {
+  navBg: (e) => G(e, "--mn-color-nav-dark", "#07091C", "--mn-color-nav-light", "#E1DAD0"),
+  border: (e) => G(e, "--mn-border-dark", "rgba(255,255,255,0.07)", "--mn-border-light", "#C9C2B6"),
+  cardBg: (e) => G(e, "--mn-color-card-dark", "#0B0F23", "--mn-color-card-light", "#EDE8DE"),
+  textPri: (e) => G(e, "--mn-text-primary-dark", "#F0F4FF", "--mn-text-primary-light", "#1C1915"),
+  textSec: (e) => G(e, "--mn-text-secondary-dark", "#94A3B8", "--mn-text-secondary-light", "#47413C"),
+  textMuted: (e) => G(e, "--mn-text-muted-dark", "#64748B", "--mn-text-muted-light", "#7A7470"),
+  iconBg: (e) => e ? "rgba(255,255,255,0.04)" : "rgba(0,0,0,0.04)",
+  menuHover: (e) => e ? "rgba(255,255,255,0.05)" : "rgba(0,0,0,0.04)"
 };
-function Oe() {
-  return /* @__PURE__ */ n.jsx("span", { style: { width: 8, height: 8, borderRadius: "50%", backgroundColor: "var(--mn-color-accent, #8B5CF6)", flexShrink: 0, display: "inline-block" } });
+function $e({
+  org: e,
+  project: n,
+  onOrgClick: o,
+  onProjectClick: s,
+  onNewProject: i,
+  user: l,
+  onLogout: f,
+  isDark: a = !0,
+  onThemeToggle: h,
+  leftSlot: d,
+  centerSlot: y,
+  rightSlot: u,
+  style: v
+}) {
+  return /* @__PURE__ */ t.jsxs("header", { style: {
+    height: 52,
+    display: "flex",
+    alignItems: "center",
+    gap: 12,
+    padding: "0 16px",
+    backgroundColor: R.navBg(a),
+    borderBottom: `1px solid ${R.border(a)}`,
+    backdropFilter: "blur(12px)",
+    WebkitBackdropFilter: "blur(12px)",
+    position: "sticky",
+    top: 0,
+    zIndex: 30,
+    fontFamily: "var(--mn-font-family, inherit)",
+    transition: "background-color 300ms, border-color 300ms",
+    ...v
+  }, children: [
+    /* @__PURE__ */ t.jsx("div", { style: { flex: 1, display: "flex", alignItems: "center", gap: 6, minWidth: 0 }, children: d ?? /* @__PURE__ */ t.jsx(
+      ze,
+      {
+        org: e,
+        project: n,
+        onOrgClick: o,
+        onProjectClick: s,
+        onNewProject: i,
+        isDark: a
+      }
+    ) }),
+    y && /* @__PURE__ */ t.jsx("div", { style: { flexShrink: 0 }, children: y }),
+    /* @__PURE__ */ t.jsxs("div", { style: { display: "flex", alignItems: "center", gap: 8, flexShrink: 0 }, children: [
+      h && /* @__PURE__ */ t.jsx(Ye, { onClick: h, title: a ? "Light mode" : "Dark mode", isDark: a, children: /* @__PURE__ */ t.jsx("span", { style: { fontSize: 15 }, children: a ? "☀" : "☾" }) }),
+      u,
+      l && /* @__PURE__ */ t.jsx(We, { user: l, onLogout: f, isDark: a })
+    ] })
+  ] });
 }
-function Pe({ user: r, onLogout: o }) {
-  var s;
-  const [t, i] = A(!1), a = pe(null);
-  return ne(() => {
-    if (!t) return;
-    function u(c) {
-      a.current && !a.current.contains(c.target) && i(!1);
+function ze({ org: e, project: n, onOrgClick: o, onProjectClick: s, onNewProject: i, isDark: l }) {
+  if (!e && !n) return null;
+  const f = {
+    display: "inline-flex",
+    alignItems: "center",
+    gap: 6,
+    padding: "4px 8px",
+    borderRadius: "var(--mn-radius-md, 0.5rem)",
+    background: "none",
+    border: "none",
+    color: R.textSec(l),
+    fontSize: "var(--mn-font-size-sm, 0.875rem)",
+    fontWeight: 500,
+    cursor: "pointer",
+    maxWidth: 160,
+    fontFamily: "inherit",
+    transition: "background-color 150ms",
+    whiteSpace: "nowrap",
+    overflow: "hidden",
+    textOverflow: "ellipsis"
+  };
+  return /* @__PURE__ */ t.jsxs("div", { style: { display: "flex", alignItems: "center", gap: 4, minWidth: 0 }, children: [
+    e && /* @__PURE__ */ t.jsxs("button", { onClick: o, style: f, children: [
+      /* @__PURE__ */ t.jsx("span", { style: { width: 8, height: 8, borderRadius: "50%", backgroundColor: "var(--mn-color-accent, #8B5CF6)", flexShrink: 0, display: "inline-block" } }),
+      /* @__PURE__ */ t.jsx("span", { style: { overflow: "hidden", textOverflow: "ellipsis" }, children: e.name })
+    ] }),
+    e && n && /* @__PURE__ */ t.jsx("span", { style: { color: R.textMuted(l), fontSize: 14 }, children: "/" }),
+    n ? /* @__PURE__ */ t.jsxs("button", { onClick: s, style: f, children: [
+      /* @__PURE__ */ t.jsx("span", { style: { fontSize: 12 }, children: "📁" }),
+      /* @__PURE__ */ t.jsx("span", { style: { overflow: "hidden", textOverflow: "ellipsis" }, children: n.name })
+    ] }) : i && /* @__PURE__ */ t.jsx("button", { onClick: i, style: { ...f, color: "var(--mn-color-primary, #3B82F6)", opacity: 0.7 }, children: "+ New Project" })
+  ] });
+}
+function We({ user: e, onLogout: n, isDark: o }) {
+  var f;
+  const [s, i] = B(!1), l = O(null);
+  return Y(() => {
+    if (!s) return;
+    function a(h) {
+      l.current && !l.current.contains(h.target) && i(!1);
     }
-    return document.addEventListener("mousedown", u), () => document.removeEventListener("mousedown", u);
-  }, [t]), /* @__PURE__ */ n.jsxs("div", { ref: a, style: { position: "relative" }, children: [
-    /* @__PURE__ */ n.jsxs(
+    return document.addEventListener("mousedown", a), () => document.removeEventListener("mousedown", a);
+  }, [s]), /* @__PURE__ */ t.jsxs("div", { ref: l, style: { position: "relative" }, children: [
+    /* @__PURE__ */ t.jsxs(
       "button",
       {
-        onClick: () => i((u) => !u),
+        onClick: () => i((a) => !a),
         style: {
           display: "flex",
           alignItems: "center",
           gap: 6,
-          padding: "4px 6px",
+          padding: "4px 8px",
           borderRadius: "var(--mn-radius-md, 0.5rem)",
-          background: "none",
+          background: s ? R.iconBg(o) : "none",
           border: "none",
           cursor: "pointer",
-          color: "var(--mn-text-secondary-dark, #94A3B8)",
-          fontFamily: "inherit"
+          color: R.textSec(o),
+          fontFamily: "inherit",
+          transition: "background-color 150ms"
         },
         children: [
-          /* @__PURE__ */ n.jsx(Ie, { user: r, size: 26 }),
-          /* @__PURE__ */ n.jsx("span", { style: { fontSize: "var(--mn-font-size-sm, 0.875rem)", fontWeight: 500 }, children: ((s = r.name) == null ? void 0 : s.split(" ")[0]) ?? "Account" }),
-          /* @__PURE__ */ n.jsx("span", { style: { fontSize: 10 }, children: "▾" })
+          /* @__PURE__ */ t.jsx(Ne, { user: e, size: 26 }),
+          /* @__PURE__ */ t.jsx("span", { style: { fontSize: "var(--mn-font-size-sm, 0.875rem)", fontWeight: 500 }, children: ((f = e.name) == null ? void 0 : f.split(" ")[0]) ?? "Account" }),
+          /* @__PURE__ */ t.jsx("span", { style: { fontSize: 10, color: R.textMuted(o) }, children: "▾" })
         ]
       }
     ),
-    t && /* @__PURE__ */ n.jsxs("div", { style: {
+    s && /* @__PURE__ */ t.jsxs("div", { style: {
       position: "absolute",
-      top: "100%",
+      top: "calc(100% + 6px)",
       right: 0,
-      marginTop: 6,
-      width: 200,
+      width: 210,
       borderRadius: "var(--mn-radius-lg, 0.75rem)",
-      backgroundColor: "var(--mn-color-card-dark, #0B0F23)",
-      border: "1px solid var(--mn-border-dark, rgba(255,255,255,0.07))",
+      backgroundColor: R.cardBg(o),
+      border: `1px solid ${R.border(o)}`,
       boxShadow: "var(--mn-shadow-lg, 0 4px 30px rgba(0,0,0,0.4))",
       zIndex: 100,
       overflow: "hidden"
     }, children: [
-      /* @__PURE__ */ n.jsxs("div", { style: { padding: "12px 14px", borderBottom: "1px solid var(--mn-border-dark, rgba(255,255,255,0.07))" }, children: [
-        /* @__PURE__ */ n.jsx("p", { style: { margin: 0, fontSize: "0.8125rem", fontWeight: 600, color: "var(--mn-text-primary-dark, #F0F4FF)" }, children: r.name }),
-        r.email && /* @__PURE__ */ n.jsx("p", { style: { margin: "2px 0 0", fontSize: 11, color: "var(--mn-text-muted-dark, #64748B)" }, children: r.email })
+      /* @__PURE__ */ t.jsxs("div", { style: { padding: "12px 14px", borderBottom: `1px solid ${R.border(o)}` }, children: [
+        /* @__PURE__ */ t.jsx("p", { style: { margin: 0, fontSize: "0.8125rem", fontWeight: 600, color: R.textPri(o) }, children: e.name }),
+        e.email && /* @__PURE__ */ t.jsx("p", { style: { margin: "2px 0 0", fontSize: 11, color: R.textMuted(o) }, children: e.email })
       ] }),
-      /* @__PURE__ */ n.jsxs("div", { style: { padding: "6px 0" }, children: [
-        /* @__PURE__ */ n.jsx($, { onClick: () => i(!1), children: "Profile settings" }),
-        /* @__PURE__ */ n.jsx($, { onClick: () => i(!1), children: "API Keys" }),
-        o && /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
-          /* @__PURE__ */ n.jsx("div", { style: { height: 1, backgroundColor: "var(--mn-border-dark, rgba(255,255,255,0.05))", margin: "6px 0" } }),
-          /* @__PURE__ */ n.jsx($, { onClick: () => {
-            i(!1), o();
-          }, danger: !0, children: "Log out" })
+      /* @__PURE__ */ t.jsxs("div", { style: { padding: "6px 0" }, children: [
+        /* @__PURE__ */ t.jsx(oe, { onClick: () => i(!1), isDark: o, children: "Profile settings" }),
+        /* @__PURE__ */ t.jsx(oe, { onClick: () => i(!1), isDark: o, children: "API Keys" }),
+        n && /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+          /* @__PURE__ */ t.jsx("div", { style: { height: 1, backgroundColor: R.border(o), margin: "6px 0" } }),
+          /* @__PURE__ */ t.jsx(oe, { onClick: () => {
+            i(!1), n();
+          }, isDark: o, danger: !0, children: "Log out" })
         ] })
       ] })
     ] })
   ] });
 }
-function $({ children: r, onClick: o, danger: t }) {
-  return /* @__PURE__ */ n.jsx(
+function oe({ children: e, onClick: n, isDark: o, danger: s }) {
+  const [i, l] = B(!1);
+  return /* @__PURE__ */ t.jsx(
     "button",
     {
-      onClick: o,
+      onClick: n,
+      onMouseEnter: () => l(!0),
+      onMouseLeave: () => l(!1),
       style: {
         display: "block",
         width: "100%",
         textAlign: "left",
         padding: "8px 14px",
-        background: "none",
+        background: i ? R.menuHover(o) : "none",
         border: "none",
         fontSize: "var(--mn-font-size-sm, 0.875rem)",
-        color: t ? "var(--mn-color-danger, #EF4444)" : "var(--mn-text-secondary-dark, #94A3B8)",
+        color: s ? "var(--mn-color-danger, #EF4444)" : R.textSec(o),
         cursor: "pointer",
         fontFamily: "inherit",
         transition: "background-color 100ms"
       },
-      children: r
+      children: e
     }
   );
 }
-function Ie({ user: r, size: o = 28 }) {
-  const t = (r.name ?? "?").split(" ").slice(0, 2).map((i) => i[0]).join("").toUpperCase();
-  return /* @__PURE__ */ n.jsx("div", { style: {
-    width: o,
-    height: o,
+function Ne({ user: e, size: n = 28 }) {
+  const o = (e.name ?? e.email ?? "?").split(" ").slice(0, 2).map((s) => s[0]).join("").toUpperCase();
+  return /* @__PURE__ */ t.jsx("div", { style: {
+    width: n,
+    height: n,
     borderRadius: "50%",
-    backgroundColor: "var(--mn-color-accent, #8B5CF6)",
+    background: e.avatar ? `url(${e.avatar}) center/cover` : "linear-gradient(135deg, #6366f1, #8b5cf6)",
     display: "flex",
     alignItems: "center",
     justifyContent: "center",
-    fontSize: o * 0.38,
+    fontSize: n * 0.38,
     fontWeight: 700,
     color: "#fff",
     flexShrink: 0,
-    backgroundImage: r.avatar ? `url(${r.avatar})` : "none",
-    backgroundSize: "cover",
     overflow: "hidden"
-  }, children: !r.avatar && t });
+  }, children: !e.avatar && o });
 }
-function Fe({ children: r, onClick: o, title: t }) {
-  return /* @__PURE__ */ n.jsx(
+function Ye({ children: e, onClick: n, title: o, isDark: s }) {
+  const [i, l] = B(!1);
+  return /* @__PURE__ */ t.jsx(
     "button",
     {
-      onClick: o,
-      title: t,
+      onClick: n,
+      title: o,
+      onMouseEnter: () => l(!0),
+      onMouseLeave: () => l(!1),
       style: {
         width: 32,
         height: 32,
         borderRadius: "var(--mn-radius-md, 0.5rem)",
-        background: "rgba(255,255,255,0.04)",
-        border: "1px solid var(--mn-border-dark, rgba(255,255,255,0.07))",
+        background: i ? R.iconBg(s) : "transparent",
+        border: `1px solid ${R.border(s)}`,
         cursor: "pointer",
         display: "flex",
         alignItems: "center",
         justifyContent: "center",
-        color: "var(--mn-text-secondary-dark, #94A3B8)",
-        fontSize: 14,
+        color: R.textSec(s),
         transition: "background-color 150ms"
       },
-      children: r
+      children: e
     }
   );
 }
-const De = 220, Be = 60;
-function Le({
+const Le = 220, Xe = 60, pe = 1024;
+function Ve({
   // Nav
-  modules: r = [],
-  bottomModules: o = ze,
-  activePath: t = "/",
-  onNavigate: i,
-  LinkComponent: a = "a",
-  logo: s,
+  modules: e = [],
+  bottomModules: n = Ue,
+  activePath: o = "/",
+  onNavigate: s,
+  LinkComponent: i = "a",
+  logo: l,
   // TopNav
-  org: u,
-  project: c,
-  onOrgClick: f,
-  onProjectClick: b,
-  onNewProject: h,
-  user: v,
-  onLogout: y,
-  isDark: g = !0,
-  onThemeToggle: k,
-  topNavLeft: d,
-  topNavCenter: _,
+  org: f,
+  project: a,
+  onOrgClick: h,
+  onProjectClick: d,
+  onNewProject: y,
+  user: u,
+  onLogout: v,
+  isDark: p = !0,
+  onThemeToggle: C,
+  topNavLeft: I,
+  topNavCenter: M,
   topNavRight: j,
   // Tokens
-  tokens: O,
-  tokenPersist: P = !0,
-  tokenStorageKey: I = "mn_design_tokens",
+  tokens: T,
+  tokenPersist: x = !0,
+  tokenStorageKey: E = "mn_design_tokens",
   // Content
-  children: F
+  children: b
 }) {
-  const [w, D] = A(!1), B = w ? Be : De;
-  return /* @__PURE__ */ n.jsx(
-    me,
+  const [k, W] = B(!1), [L, F] = B(
+    () => typeof window < "u" ? window.innerWidth < pe : !1
+  );
+  Y(() => {
+    const $ = window.matchMedia(`(max-width: ${pe - 1}px)`), z = (U) => F(U.matches);
+    return $.addEventListener("change", z), () => $.removeEventListener("change", z);
+  }, []);
+  const X = L ? 0 : k ? Xe : Le, P = p ? "var(--mn-color-bg-dark, #060919)" : "var(--mn-color-bg-light, #E5DED2)";
+  return /* @__PURE__ */ t.jsx(Se, { initialTokens: T, persist: x, storageKey: E, children: /* @__PURE__ */ t.jsx(Ce, { initialModules: e, children: /* @__PURE__ */ t.jsxs(
+    "div",
     {
-      initialTokens: O,
-      persist: P,
-      storageKey: I,
-      children: /* @__PURE__ */ n.jsx(ge, { initialModules: r, children: /* @__PURE__ */ n.jsxs("div", { style: { display: "flex", minHeight: "100vh", backgroundColor: "var(--mn-color-bg-dark, #060919)" }, children: [
-        /* @__PURE__ */ n.jsx(
-          _e,
+      "data-mn-theme": p ? "dark" : "light",
+      style: {
+        display: "flex",
+        minHeight: "100vh",
+        backgroundColor: P,
+        fontFamily: "var(--mn-font-family, system-ui, sans-serif)"
+      },
+      children: [
+        /* @__PURE__ */ t.jsx(
+          Pe,
           {
-            logo: s,
-            bottomItems: o,
-            collapsed: w,
-            onCollapse: D,
-            activePath: t,
-            onNavigate: i,
-            LinkComponent: a
+            logo: l,
+            bottomItems: n,
+            collapsed: k,
+            onCollapse: W,
+            activePath: o,
+            onNavigate: s,
+            LinkComponent: i,
+            isDark: p,
+            user: u
           }
         ),
-        /* @__PURE__ */ n.jsxs("div", { style: {
+        /* @__PURE__ */ t.jsxs("div", { style: {
           flex: 1,
-          marginLeft: B,
+          marginLeft: X,
           transition: "margin-left 340ms cubic-bezier(0.16,1,0.3,1)",
           display: "flex",
           flexDirection: "column",
           minWidth: 0
         }, children: [
-          /* @__PURE__ */ n.jsx(
-            Ce,
+          /* @__PURE__ */ t.jsx(
+            $e,
             {
-              org: u,
-              project: c,
-              onOrgClick: f,
-              onProjectClick: b,
-              onNewProject: h,
-              user: v,
-              onLogout: y,
-              isDark: g,
-              onThemeToggle: k,
-              leftSlot: d,
-              centerSlot: _,
+              org: f,
+              project: a,
+              onOrgClick: h,
+              onProjectClick: d,
+              onNewProject: y,
+              user: u,
+              onLogout: v,
+              isDark: p,
+              onThemeToggle: C,
+              leftSlot: I,
+              centerSlot: M,
               rightSlot: j
             }
           ),
-          /* @__PURE__ */ n.jsx("main", { style: { flex: 1, minHeight: 0 }, children: F })
+          /* @__PURE__ */ t.jsx("main", { style: { flex: 1, minHeight: 0 }, children: b })
         ] })
-      ] }) })
+      ]
     }
-  );
+  ) }) });
 }
-const ze = [
+const Ue = [
   { id: "settings", label: "Settings", icon: "⚙", path: "/settings", order: 1 },
   { id: "help", label: "Help", icon: "?", path: "/help", order: 2 }
 ];
 export {
-  Le as AppShell,
-  ze as DEFAULT_BOTTOM_MODULES,
-  ge as ModuleRegistryProvider,
-  _e as Sidebar,
-  Ce as TopNav,
-  ae as useModuleRegistry,
-  ve as useNavTree,
-  Me as useRegisterModule
+  Ve as AppShell,
+  Ue as DEFAULT_BOTTOM_MODULES,
+  Ce as ModuleRegistryProvider,
+  Pe as Sidebar,
+  $e as TopNav,
+  ge as useModuleRegistry,
+  Te as useNavTree,
+  Je as useRegisterModule
 };
 //# sourceMappingURL=mounajisaastemplate.es.js.map