@maomaolabs/core 1.0.2 → 1.1.0

package/dist/index.es.js

@@ -1,21 +1,25 @@
 "use client";
-import { jsx as i, Fragment as X, jsxs as _ } from "react/jsx-runtime";
-import C, { useSyncExternalStore as ve, useState as $, useRef as z, useEffect as V, memo as Y, useCallback as f, useMemo as D, createContext as ge, useContext as xe } from "react";
-import { createPortal as ie } from "react-dom";
-function wn({ children: e }) {
-  return /* @__PURE__ */ i(X, { children: e });
+import { jsx as o, Fragment as G, jsxs as p } from "react/jsx-runtime";
+import J, { createContext as ne, useContext as ie, useSyncExternalStore as Ce, useState as z, useRef as M, useEffect as H, memo as V, useCallback as f, useMemo as E } from "react";
+import { createPortal as oe } from "react-dom";
+const se = ne("default");
+function we() {
+  return ie(se);
+}
+function Rn({ children: e, systemStyle: t = "default" }) {
+  return /* @__PURE__ */ o(se.Provider, { value: t, children: e });
 }
-function ye(e) {
+function $e(e) {
   let t;
-  const o = /* @__PURE__ */ new Set(), n = (r, l) => {
+  const i = /* @__PURE__ */ new Set(), n = (r, l) => {
     const u = typeof r == "function" ? r(t) : r;
-    u !== t && (t = l ? u : Object.assign({}, t, u), o.forEach((d) => d()));
-  }, s = () => t, c = (r) => (o.add(r), () => {
-    o.delete(r);
+    u !== t && (t = l ? u : Object.assign({}, t, u), i.forEach((d) => d()));
+  }, s = () => t, c = (r) => (i.add(r), () => {
+    i.delete(r);
   });
   t = e(n, s);
   const a = (r) => {
-    const l = ve(c, s, s);
+    const l = Ce(c, s, s);
     return r ? r(l) : l;
   };
   return Object.assign(a, {
@@ -24,29 +28,29 @@ function ye(e) {
     subscribe: c
   }), a;
 }
-const se = 768, Me = 200, ze = () => typeof window < "u" && window.innerWidth <= se, te = (e, t) => {
-  const o = e.find((r) => r.id === t);
-  if (!o)
+const re = 768, Ne = 200, Le = () => typeof window < "u" && window.innerWidth <= re, U = (e, t) => {
+  const i = e.find((r) => r.id === t);
+  if (!i)
     return e;
-  const c = [...[...e].sort((r, l) => (r.zIndex || 0) - (l.zIndex || 0)).filter((r) => r.id !== t), o], a = new Map(c.map((r, l) => [r.id, l + 1]));
+  const c = [...[...e].sort((r, l) => (r.zIndex || 0) - (l.zIndex || 0)).filter((r) => r.id !== t), i], a = new Map(c.map((r, l) => [r.id, l + 1]));
   return e.map((r) => ({
     ...r,
     zIndex: a.get(r.id)
   }));
-}, ee = ye((e) => ({
+}, Q = $e((e) => ({
   windows: [],
   snapPreview: null,
   setSnapPreview: (t) => e({ snapPreview: t }),
   openWindow: (t) => {
-    e((o) => {
-      const n = o.windows;
-      if (n.find((h) => h.id === t.id))
+    e((i) => {
+      const n = i.windows;
+      if (n.find((m) => m.id === t.id))
         return {
-          windows: te(n, t.id).map(
+          windows: U(n, t.id).map(
             (x) => x.id === t.id ? { ...x, isMinimized: !1 } : x
           )
         };
-      const c = ze(), { initialSize: a, initialPosition: r, ...l } = t, u = t, d = n.length > 0 ? Math.max(...n.map((h) => h.zIndex || 0)) : 0, m = {
+      const c = Le(), { initialSize: a, initialPosition: r, ...l } = t, u = t, d = n.length > 0 ? Math.max(...n.map((m) => m.zIndex || 0)) : 0, h = {
         ...l,
         zIndex: d + 1,
         isMinimized: !1,
@@ -55,46 +59,46 @@ const se = 768, Me = 200, ze = () => typeof window < "u" && window.innerWidth <=
         size: u.size || a || { width: 400, height: 300 },
         position: u.position || r || { x: 50, y: 50 }
       };
-      return { windows: [...n, m] };
+      return { windows: [...n, h] };
     });
   },
   closeWindow: (t) => {
-    e((o) => ({
-      windows: o.windows.filter((n) => n.id !== t)
+    e((i) => ({
+      windows: i.windows.filter((n) => n.id !== t)
     }));
   },
   focusWindow: (t) => {
-    e((o) => o.windows.some((c) => c.id === t) ? {
-      windows: te(o.windows, t).map(
+    e((i) => i.windows.some((c) => c.id === t) ? {
+      windows: U(i.windows, t).map(
         (c) => c.id === t ? { ...c, isMinimized: !1 } : c
       )
-    } : o);
+    } : i);
   },
-  updateWindow: (t, o) => {
+  updateWindow: (t, i) => {
     e((n) => ({
-      windows: n.windows.map((s) => s.id === t ? { ...s, ...o } : s)
+      windows: n.windows.map((s) => s.id === t ? { ...s, ...i } : s)
     }));
   }
 }));
-function re() {
-  return ee((e) => ({
+function le() {
+  return Q((e) => ({
     openWindow: e.openWindow,
     closeWindow: e.closeWindow,
     focusWindow: e.focusWindow,
     updateWindow: e.updateWindow
   }));
 }
-function le() {
-  return ee((e) => ({
+function ce() {
+  return Q((e) => ({
     snapPreview: e.snapPreview,
     setSnapPreview: e.setSnapPreview
   }));
 }
-function ce() {
-  return ee((e) => e.windows);
+function ae() {
+  return Q((e) => e.windows);
 }
-function we() {
-  const [e, t] = $(!1);
+function ke() {
+  const [e, t] = z(!1);
   return {
     isOpen: e,
     setIsOpen: t,
@@ -103,78 +107,78 @@ function we() {
     }
   };
 }
-const Ce = "_container_173at_1", $e = "_menuLeft_173at_29", Ne = "_dockWrapper_173at_43", Le = "_menuRight_173at_55", We = "_dock_173at_43", Te = "_catIcon_173at_103", ke = "_launcher_173at_119", Re = "_folderWrapper_173at_159", Ie = "_folderMenuPortal_173at_173", Se = "_folderMenuPortalVisible_173at_217", Be = "_folderLabel_173at_229", Ee = "_menuContentBase_173at_263", Oe = "_menuContentRight_173at_379 _menuContentBase_173at_263", He = "_menuOpen_173at_389", Ae = "_menuClosed_173at_401", De = "_menuContentLeft_173at_413 _menuContentBase_173at_263", g = {
-  container: Ce,
-  menuLeft: $e,
-  dockWrapper: Ne,
-  menuRight: Le,
-  dock: We,
-  catIcon: Te,
-  launcher: ke,
-  folderWrapper: Re,
-  folderMenuPortal: Ie,
-  folderMenuPortalVisible: Se,
-  folderLabel: Be,
-  menuContentBase: Ee,
-  menuContentRight: Oe,
-  menuOpen: He,
-  menuClosed: Ae,
-  menuContentLeft: De
-}, Pe = "_zzzContainer_13qis_1", Fe = "_z_13qis_1", Ve = "_floatZ_13qis_1", J = {
-  zzzContainer: Pe,
-  z: Fe,
-  floatZ: Ve
+const Te = "_container_173at_1", We = "_menuLeft_173at_29", Re = "_dockWrapper_173at_43", Se = "_menuRight_173at_55", Ie = "_dock_173at_43", Be = "_catIcon_173at_103", Ee = "_launcher_173at_119", Oe = "_folderWrapper_173at_159", He = "_folderMenuPortal_173at_173", Ae = "_folderMenuPortalVisible_173at_217", De = "_folderLabel_173at_229", Pe = "_menuContentBase_173at_263", Fe = "_menuContentRight_173at_379 _menuContentBase_173at_263", Ve = "_menuOpen_173at_389", je = "_menuClosed_173at_401", Ze = "_menuContentLeft_173at_413 _menuContentBase_173at_263", v = {
+  container: Te,
+  menuLeft: We,
+  dockWrapper: Re,
+  menuRight: Se,
+  dock: Ie,
+  catIcon: Be,
+  launcher: Ee,
+  folderWrapper: Oe,
+  folderMenuPortal: He,
+  folderMenuPortalVisible: Ae,
+  folderLabel: De,
+  menuContentBase: Pe,
+  menuContentRight: Fe,
+  menuOpen: Ve,
+  menuClosed: je,
+  menuContentLeft: Ze
+}, qe = "_zzzContainer_13qis_1", Xe = "_z_13qis_1", Ye = "_floatZ_13qis_1", X = {
+  zzzContainer: qe,
+  z: Xe,
+  floatZ: Ye
 };
-function ae({ show: e }) {
-  return /* @__PURE__ */ i(X, { children: e && /* @__PURE__ */ _("div", { className: J.zzzContainer, "aria-hidden": "true", children: [
-    /* @__PURE__ */ i("span", { className: J.z, children: "z" }),
-    /* @__PURE__ */ i("span", { className: J.z, children: "z" }),
-    /* @__PURE__ */ i("span", { className: J.z, children: "z" })
+function de({ show: e }) {
+  return /* @__PURE__ */ o(G, { children: e && /* @__PURE__ */ p("div", { className: X.zzzContainer, "aria-hidden": "true", children: [
+    /* @__PURE__ */ o("span", { className: X.z, children: "z" }),
+    /* @__PURE__ */ o("span", { className: X.z, children: "z" }),
+    /* @__PURE__ */ o("span", { className: X.z, children: "z" })
   ] }) });
 }
-const je = "_buttonWrapper_1hhpx_1", qe = "_button_1hhpx_1", Ze = "_activeIndicator_1hhpx_61", Xe = "_preview_1hhpx_85", Ye = "_fadeIn_1hhpx_1", Ge = "_previewHeader_1hhpx_125", Ke = "_previewTitle_1hhpx_143", Je = "_previewClose_1hhpx_163", Qe = "_previewBody_1hhpx_203", Ue = "_previewContent_1hhpx_231", et = "_labelTooltip_1hhpx_255", tt = "_fadeInLabel_1hhpx_1", B = {
-  buttonWrapper: je,
-  button: qe,
-  activeIndicator: Ze,
-  preview: Xe,
-  fadeIn: Ye,
-  previewHeader: Ge,
-  previewTitle: Ke,
-  previewClose: Je,
-  previewBody: Qe,
-  previewContent: Ue,
-  labelTooltip: et,
-  fadeInLabel: tt
+const Ge = "_buttonWrapper_1hhpx_1", Ke = "_button_1hhpx_1", Je = "_activeIndicator_1hhpx_61", Qe = "_preview_1hhpx_85", Ue = "_fadeIn_1hhpx_1", et = "_previewHeader_1hhpx_125", tt = "_previewTitle_1hhpx_143", nt = "_previewClose_1hhpx_163", it = "_previewBody_1hhpx_203", ot = "_previewContent_1hhpx_231", st = "_labelTooltip_1hhpx_255", rt = "_fadeInLabel_1hhpx_1", S = {
+  buttonWrapper: Ge,
+  button: Ke,
+  activeIndicator: Je,
+  preview: Qe,
+  fadeIn: Ue,
+  previewHeader: et,
+  previewTitle: tt,
+  previewClose: nt,
+  previewBody: it,
+  previewContent: ot,
+  labelTooltip: st,
+  fadeInLabel: rt
 };
-function nt({ windowId: e }) {
-  const t = z(null);
-  return V(() => {
-    const o = t.current;
-    if (!o)
+function lt({ windowId: e }) {
+  const t = M(null);
+  return H(() => {
+    const i = t.current;
+    if (!i)
       return;
-    const n = ot(e);
+    const n = ct(e);
     if (!n) {
-      o.replaceChildren();
+      i.replaceChildren();
       return;
     }
-    const s = it(n);
-    o.replaceChildren(s);
-  }, [e]), /* @__PURE__ */ i("div", { ref: t, className: "window-preview-container" });
+    const s = at(n);
+    i.replaceChildren(s);
+  }, [e]), /* @__PURE__ */ o("div", { ref: t, className: "window-preview-container" });
 }
-function ot(e) {
+function ct(e) {
   const t = document.getElementById(`window-${e}`);
   return t instanceof HTMLElement ? t : null;
 }
-function it(e) {
+function at(e) {
   const t = e.cloneNode(!0);
-  return st(t), t;
+  return dt(t), t;
 }
-function st(e) {
-  e.removeAttribute("id"), e.querySelectorAll("[id]").forEach((o) => o.removeAttribute("id")), rt(e);
+function dt(e) {
+  e.removeAttribute("id"), e.querySelectorAll("[id]").forEach((i) => i.removeAttribute("id")), ut(e);
   const t = e.querySelector(".window-scrollbar");
   t && t.style.setProperty("display", "flex", "important");
 }
-function rt(e) {
+function ut(e) {
   const t = {
     display: "flex",
     position: "static",
@@ -187,95 +191,98 @@ function rt(e) {
     zIndex: "auto",
     boxShadow: "none"
   };
-  for (const [o, n] of Object.entries(t))
-    e.style.setProperty(o, n, "important");
+  for (const [i, n] of Object.entries(t))
+    e.style.setProperty(i, n, "important");
 }
-const lt = "_controls_1014q_1", ct = "_button_1014q_13", at = "_close_1014q_59", Z = {
-  controls: lt,
-  button: ct,
-  close: at
-}, dt = () => /* @__PURE__ */ _("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
-  /* @__PURE__ */ i("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
-  /* @__PURE__ */ i("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+const mt = "_controls_1rfhk_1", ht = "_button_1rfhk_13", ft = "_close_1rfhk_59", _t = "_minimize_1rfhk_79", pt = "_maximize_1rfhk_87", A = {
+  controls: mt,
+  button: ht,
+  close: ft,
+  minimize: _t,
+  maximize: pt
+}, bt = () => /* @__PURE__ */ p("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+  /* @__PURE__ */ o("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+  /* @__PURE__ */ o("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
 ] });
-function de({ onClose: e, disabled: t }) {
-  return /* @__PURE__ */ i(
+function ue({ onClose: e, disabled: t }) {
+  return /* @__PURE__ */ o(
     "button",
     {
-      className: `terminal-btn close ${Z.button} ${Z.close}`,
+      className: `terminal-btn ${A.button} ${A.close}`,
       onClick: e,
       disabled: t,
       title: "Close",
-      children: /* @__PURE__ */ i(dt, {})
+      "data-action": "close",
+      children: /* @__PURE__ */ o(bt, {})
     }
   );
 }
-function ut({ icon: e, onClick: t, label: o, isActive: n, onClose: s, component: c, windowId: a, showTooltip: r = !0 }) {
-  const [l, u] = $(!1), d = z(null), m = z(null), h = () => {
-    m.current && (clearTimeout(m.current), m.current = null), u(!0);
+function gt({ icon: e, onClick: t, label: i, isActive: n, onClose: s, component: c, windowId: a, showTooltip: r = !0 }) {
+  const [l, u] = z(!1), d = M(null), h = M(null), m = () => {
+    h.current && (clearTimeout(h.current), h.current = null), u(!0);
   }, x = () => {
-    m.current = setTimeout(() => {
+    h.current = setTimeout(() => {
       u(!1);
     }, 100);
   };
-  return /* @__PURE__ */ _(
+  return /* @__PURE__ */ p(
     "div",
     {
       ref: d,
-      className: B.buttonWrapper,
-      onMouseEnter: h,
+      className: S.buttonWrapper,
+      onMouseEnter: m,
       onMouseLeave: x,
       children: [
-        l && typeof document < "u" && ie(
-          n && s ? /* @__PURE__ */ _(
+        l && typeof document < "u" && oe(
+          n && s ? /* @__PURE__ */ p(
             "div",
             {
-              className: B.preview,
+              className: S.preview,
               style: {
                 left: d.current ? d.current.getBoundingClientRect().left + d.current.getBoundingClientRect().width / 2 : 0,
                 top: d.current ? d.current.getBoundingClientRect().top : 0
               },
-              onMouseEnter: h,
+              onMouseEnter: m,
               onMouseLeave: x,
               children: [
-                /* @__PURE__ */ _("div", { className: B.previewHeader, children: [
-                  /* @__PURE__ */ i("span", { className: B.previewTitle, children: o }),
-                  /* @__PURE__ */ i(
-                    de,
+                /* @__PURE__ */ p("div", { className: S.previewHeader, children: [
+                  /* @__PURE__ */ o("span", { className: S.previewTitle, children: i }),
+                  /* @__PURE__ */ o(
+                    ue,
                     {
-                      onClose: (p) => {
-                        p == null || p.preventDefault(), p == null || p.stopPropagation(), s();
+                      onClose: (_) => {
+                        _ == null || _.preventDefault(), _ == null || _.stopPropagation(), s();
                       }
                     }
                   )
                 ] }),
-                /* @__PURE__ */ i("div", { className: B.previewBody, onClick: (p) => {
-                  p.stopPropagation(), t();
-                }, children: /* @__PURE__ */ i("div", { className: B.previewContent, children: a ? /* @__PURE__ */ i(nt, { windowId: a }) : c }) })
+                /* @__PURE__ */ o("div", { className: S.previewBody, onClick: (_) => {
+                  _.stopPropagation(), t();
+                }, children: /* @__PURE__ */ o("div", { className: S.previewContent, children: a ? /* @__PURE__ */ o(lt, { windowId: a }) : c }) })
               ]
             }
-          ) : r ? /* @__PURE__ */ i(
+          ) : r ? /* @__PURE__ */ o(
             "div",
             {
-              className: B.labelTooltip,
+              className: S.labelTooltip,
               style: {
                 left: d.current ? d.current.getBoundingClientRect().left + d.current.getBoundingClientRect().width / 2 : 0,
                 top: d.current ? d.current.getBoundingClientRect().top : 0
               },
-              children: o
+              children: i
             }
           ) : null,
           document.body
         ),
-        /* @__PURE__ */ _(
+        /* @__PURE__ */ p(
           "button",
           {
             onClick: t,
-            "aria-label": o,
-            className: B.button,
+            "aria-label": i,
+            className: S.button,
             children: [
               e,
-              n && /* @__PURE__ */ i("div", { className: B.activeIndicator })
+              n && /* @__PURE__ */ o("div", { className: S.activeIndicator })
             ]
           }
         )
@@ -283,10 +290,10 @@ function ut({ icon: e, onClick: t, label: o, isActive: n, onClose: s, component:
     }
   );
 }
-const mt = C.memo(ut), G = mt, ue = Y(({ window: e, currentWindows: t, openWindow: o }) => {
-  const n = t.some((c) => c.id === e.id), s = f(() => o(e), [o, e]);
-  return /* @__PURE__ */ i(
-    G,
+const vt = J.memo(gt), Z = vt, me = V(({ window: e, currentWindows: t, openWindow: i }) => {
+  const n = t.some((c) => c.id === e.id), s = f(() => i(e), [i, e]);
+  return /* @__PURE__ */ o(
+    Z,
     {
       icon: e.icon,
       label: e.title,
@@ -294,12 +301,12 @@ const mt = C.memo(ut), G = mt, ue = Y(({ window: e, currentWindows: t, openWindo
       isActive: n
     }
   );
-}), me = () => /* @__PURE__ */ i("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ i("path", { d: "M4 20h16a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.93a2 2 0 0 1-1.66-.9l-.82-1.2A2 2 0 0 0 7.93 2H4a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2Z" }) }), ht = Y(({ folder: e, currentWindows: t, openWindow: o }) => {
-  const [n, s] = $(!1), [c, a] = $(!1), [r, l] = $(!1), [u, d] = $(null), m = z(null), h = z(null);
-  V(() => {
+}), he = () => /* @__PURE__ */ o("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ o("path", { d: "M4 20h16a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.93a2 2 0 0 1-1.66-.9l-.82-1.2A2 2 0 0 0 7.93 2H4a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2Z" }) }), xt = V(({ folder: e, currentWindows: t, openWindow: i }) => {
+  const [n, s] = z(!1), [c, a] = z(!1), [r, l] = z(!1), [u, d] = z(null), h = M(null), m = M(null);
+  H(() => {
     if (n) {
-      if (m.current) {
-        const b = m.current.getBoundingClientRect();
+      if (h.current) {
+        const b = h.current.getBoundingClientRect();
         d({
           left: b.left + b.width / 2,
           bottom: window.innerHeight - b.top + 10
@@ -315,51 +322,51 @@ const mt = C.memo(ut), G = mt, ue = Y(({ window: e, currentWindows: t, openWindo
     }
   }, [n]);
   const x = f(() => {
-    h.current && (clearTimeout(h.current), h.current = null), s(!0);
-  }, []), p = f(() => {
-    h.current = setTimeout(() => {
+    m.current && (clearTimeout(m.current), m.current = null), s(!0);
+  }, []), _ = f(() => {
+    m.current = setTimeout(() => {
       s(!1);
     }, 200);
   }, []);
-  return /* @__PURE__ */ _(
+  return /* @__PURE__ */ p(
     "div",
     {
-      ref: m,
-      className: g.folderWrapper,
+      ref: h,
+      className: v.folderWrapper,
       onMouseEnter: x,
-      onMouseLeave: p,
+      onMouseLeave: _,
       children: [
-        c && u && typeof document < "u" && ie(
-          /* @__PURE__ */ _(
+        c && u && typeof document < "u" && oe(
+          /* @__PURE__ */ p(
             "div",
             {
-              className: `${g.folderMenuPortal} ${r ? g.folderMenuPortalVisible : ""}`,
+              className: `${v.folderMenuPortal} ${r ? v.folderMenuPortalVisible : ""}`,
               style: {
                 left: u.left,
                 bottom: u.bottom
               },
               onMouseEnter: x,
-              onMouseLeave: p,
+              onMouseLeave: _,
               children: [
-                e.apps.map((b) => /* @__PURE__ */ i(
-                  ue,
+                e.apps.map((b) => /* @__PURE__ */ o(
+                  me,
                   {
                     window: b,
                     currentWindows: t,
-                    openWindow: o
+                    openWindow: i
                   },
                   b.id
                 )),
-                /* @__PURE__ */ i("div", { className: g.folderLabel, children: e.title })
+                /* @__PURE__ */ o("div", { className: v.folderLabel, children: e.title })
               ]
             }
           ),
           document.body
         ),
-        /* @__PURE__ */ i(
-          G,
+        /* @__PURE__ */ o(
+          Z,
           {
-            icon: e.icon || /* @__PURE__ */ i(me, {}),
+            icon: e.icon || /* @__PURE__ */ o(he, {}),
             label: e.title,
             onClick: () => s((b) => !b),
             isActive: !1,
@@ -369,10 +376,10 @@ const mt = C.memo(ut), G = mt, ue = Y(({ window: e, currentWindows: t, openWindo
       ]
     }
   );
-}), ft = Y(({ window: e, currentWindows: t, openWindow: o, closeWindow: n }) => {
-  const s = t.some((r) => r.id === e.id), c = f(() => o({ ...e, zIndex: 0, layer: e.layer || "normal" }), [o, e]), a = f(() => n(e.id), [n, e.id]);
-  return /* @__PURE__ */ i(
-    G,
+}), yt = V(({ window: e, currentWindows: t, openWindow: i, closeWindow: n }) => {
+  const s = t.some((r) => r.id === e.id), c = f(() => i({ ...e, zIndex: 0, layer: e.layer || "normal" }), [i, e]), a = f(() => n(e.id), [n, e.id]);
+  return /* @__PURE__ */ o(
+    Z,
     {
       icon: e.icon,
       label: e.title,
@@ -384,17 +391,17 @@ const mt = C.memo(ut), G = mt, ue = Y(({ window: e, currentWindows: t, openWindo
     }
   );
 });
-function _t(e) {
+function zt(e) {
   return "apps" in e;
 }
-function he(e, t) {
-  const o = D(() => Array.isArray(e) ? e : [], [e]);
-  return D(() => o, [o]), {
-    windowsOptions: o,
-    isFolder: _t
+function fe(e, t) {
+  const i = E(() => Array.isArray(e) ? e : [], [e]);
+  return E(() => i, [i]), {
+    windowsOptions: i,
+    isFolder: zt
   };
 }
-const U = {
+const K = {
   idle: `/\\_/\\
 ( -.- )
 > ^ <`,
@@ -405,38 +412,38 @@ const U = {
 ( ^.^ )
 > ^ <`
 };
-function pt({
+function Mt({
   openWindow: e,
   closeWindow: t,
-  toolbarItems: o = [],
+  toolbarItems: i = [],
   currentWindows: n,
   isOpen: s,
   toggleOpen: c,
   setIsOpen: a,
   showLogo: r = !0
 }) {
-  const l = C.useRef(null), { windowsOptions: u, isFolder: d } = he(o), m = s ? U.open : n.length > 0 ? U.active : U.idle, h = () => {
+  const l = J.useRef(null), { windowsOptions: u, isFolder: d } = fe(i), h = s ? K.open : n.length > 0 ? K.active : K.idle, m = () => {
     l.current && (clearTimeout(l.current), l.current = null);
   }, x = () => {
-    h(), a(!0);
-  }, p = () => {
-    h();
+    m(), a(!0);
+  }, _ = () => {
+    m();
   }, b = () => {
     l.current = setTimeout(() => {
       a(!1);
     }, 100);
   };
-  return C.useEffect(() => () => {
+  return J.useEffect(() => () => {
     l.current && clearTimeout(l.current);
-  }, []), /* @__PURE__ */ _(
+  }, []), /* @__PURE__ */ p(
     "div",
     {
-      className: g.container,
+      className: v.container,
       role: "toolbar",
       "aria-label": "Desktop Toolbar",
       children: [
-        /* @__PURE__ */ i("div", { className: `${g.menuLeft} ${n.length > 0 ? g.menuOpen : g.menuClosed}`, children: /* @__PURE__ */ i("div", { className: g.menuContentLeft, children: n.map((y) => /* @__PURE__ */ i(
-          ft,
+        /* @__PURE__ */ o("div", { className: `${v.menuLeft} ${n.length > 0 ? v.menuOpen : v.menuClosed}`, children: /* @__PURE__ */ o("div", { className: v.menuContentLeft, children: n.map((y) => /* @__PURE__ */ o(
+          yt,
           {
             window: y,
             currentWindows: n,
@@ -445,46 +452,46 @@ function pt({
           },
           y.id
         )) }) }),
-        /* @__PURE__ */ i(
+        /* @__PURE__ */ o(
           "div",
           {
-            className: g.dockWrapper,
+            className: v.dockWrapper,
             onMouseEnter: x,
             onMouseLeave: b,
-            children: /* @__PURE__ */ i("div", { className: g.dock, children: /* @__PURE__ */ _(
+            children: /* @__PURE__ */ o("div", { className: v.dock, children: /* @__PURE__ */ p(
               "button",
               {
-                className: g.launcher,
+                className: v.launcher,
                 onClick: c,
                 "aria-label": s ? "Close Menu" : "Open Menu",
                 "aria-expanded": s,
                 children: [
-                  r && /* @__PURE__ */ _(X, { children: [
-                    /* @__PURE__ */ i(ae, { show: !s && n.length === 0 }),
-                    /* @__PURE__ */ i("span", { className: `${g.catIcon}`, children: m })
+                  r && /* @__PURE__ */ p(G, { children: [
+                    /* @__PURE__ */ o(de, { show: !s && n.length === 0 }),
+                    /* @__PURE__ */ o("span", { className: `${v.catIcon}`, children: h })
                   ] }),
-                  !r && /* @__PURE__ */ i("span", { className: g.catIcon, style: { fontSize: "1.5rem" }, children: "🪟" })
+                  !r && /* @__PURE__ */ o("span", { className: v.catIcon, style: { fontSize: "1.5rem" }, children: "🪟" })
                 ]
               }
             ) })
           }
         ),
-        /* @__PURE__ */ i(
+        /* @__PURE__ */ o(
           "div",
           {
-            className: `${g.menuRight} ${s ? g.menuOpen : g.menuClosed}`,
-            onMouseEnter: p,
+            className: `${v.menuRight} ${s ? v.menuOpen : v.menuClosed}`,
+            onMouseEnter: _,
             onMouseLeave: b,
-            children: /* @__PURE__ */ i("div", { className: g.menuContentRight, children: u.map((y, T) => d(y) ? /* @__PURE__ */ i(
-              ht,
+            children: /* @__PURE__ */ o("div", { className: v.menuContentRight, children: u.map((y, L) => d(y) ? /* @__PURE__ */ o(
+              xt,
               {
                 folder: y,
                 currentWindows: n,
                 openWindow: e
               },
-              y.id ?? T
-            ) : n.some((N) => N.id === y.id) ? null : /* @__PURE__ */ i(
-              ue,
+              y.id ?? L
+            ) : n.some((O) => O.id === y.id) ? null : /* @__PURE__ */ o(
+              me,
               {
                 window: y,
                 currentWindows: n,
@@ -498,24 +505,24 @@ function pt({
     }
   );
 }
-const bt = "_desktopOnly_ec5se_1", vt = "_mobileOnly_ec5se_9", gt = "_icon_ec5se_17", ne = {
-  desktopOnly: bt,
-  mobileOnly: vt,
-  icon: gt
-}, xt = "_pawButton_n7khn_1", yt = "_mobileItems_n7khn_57", Mt = "_mobileItemsVisible_n7khn_103", zt = "_mobileIcon_n7khn_115", wt = "_folderContainer_n7khn_191", Ct = "_folderHeader_n7khn_203", $t = "_folderContent_n7khn_213", O = {
-  pawButton: xt,
-  mobileItems: yt,
-  mobileItemsVisible: Mt,
-  mobileIcon: zt,
-  folderContainer: wt,
-  folderHeader: Ct,
-  folderContent: $t
-}, fe = Y(({ window: e, currentWindows: t, openWindow: o, closeMenu: n }) => {
+const Ct = "_desktopOnly_ec5se_1", wt = "_mobileOnly_ec5se_9", $t = "_icon_ec5se_17", ee = {
+  desktopOnly: Ct,
+  mobileOnly: wt,
+  icon: $t
+}, Nt = "_pawButton_n7khn_1", Lt = "_mobileItems_n7khn_57", kt = "_mobileItemsVisible_n7khn_103", Tt = "_mobileIcon_n7khn_115", Wt = "_folderContainer_n7khn_191", Rt = "_folderHeader_n7khn_203", St = "_folderContent_n7khn_213", B = {
+  pawButton: Nt,
+  mobileItems: Lt,
+  mobileItemsVisible: kt,
+  mobileIcon: Tt,
+  folderContainer: Wt,
+  folderHeader: Rt,
+  folderContent: St
+}, _e = V(({ window: e, currentWindows: t, openWindow: i, closeMenu: n }) => {
   const s = t.some((a) => a.id === e.id), c = f(() => {
-    o(e), n();
-  }, [o, e, n]);
-  return /* @__PURE__ */ i(
-    G,
+    i(e), n();
+  }, [i, e, n]);
+  return /* @__PURE__ */ o(
+    Z,
     {
       icon: e.icon,
       label: e.title,
@@ -524,101 +531,101 @@ const bt = "_desktopOnly_ec5se_1", vt = "_mobileOnly_ec5se_9", gt = "_icon_ec5se
       showTooltip: !1
     }
   );
-}), Nt = Y(({ folder: e, currentWindows: t, openWindow: o, closeMenu: n }) => {
-  const [s, c] = $(!1);
-  return /* @__PURE__ */ _("div", { className: O.folderContainer, children: [
-    /* @__PURE__ */ i("div", { className: O.folderHeader, children: /* @__PURE__ */ i(
-      G,
+}), It = V(({ folder: e, currentWindows: t, openWindow: i, closeMenu: n }) => {
+  const [s, c] = z(!1);
+  return /* @__PURE__ */ p("div", { className: B.folderContainer, children: [
+    /* @__PURE__ */ o("div", { className: B.folderHeader, children: /* @__PURE__ */ o(
+      Z,
       {
-        icon: e.icon || /* @__PURE__ */ i(me, {}),
+        icon: e.icon || /* @__PURE__ */ o(he, {}),
         label: e.title,
         onClick: () => c((a) => !a),
         isActive: s,
         showTooltip: !1
       }
     ) }),
-    s && /* @__PURE__ */ i("div", { className: O.folderContent, children: e.apps.map((a) => /* @__PURE__ */ i(
-      fe,
+    s && /* @__PURE__ */ o("div", { className: B.folderContent, children: e.apps.map((a) => /* @__PURE__ */ o(
+      _e,
       {
         window: a,
         currentWindows: t,
-        openWindow: o,
+        openWindow: i,
         closeMenu: n
       },
       a.id
     )) })
   ] });
-}), oe = {
+}), te = {
   IDLE: `/\\_/\\
 ( -.- )`,
   OPEN: `/\\_/\\
 ( ^.^ )`
 };
-function Lt({
+function Bt({
   openWindow: e,
   toolbarItems: t,
-  currentWindows: o,
+  currentWindows: i,
   isOpen: n,
   toggleOpen: s,
   setIsOpen: c
 }) {
-  const { windowsOptions: a, isFolder: r } = he(t), l = n ? oe.OPEN : oe.IDLE, u = () => c(!1);
-  return /* @__PURE__ */ _("div", { className: ne.mobileOnly, children: [
-    /* @__PURE__ */ i("div", { className: `${O.mobileItems} ${n ? O.mobileItemsVisible : ""}`, children: a.length === 0 ? /* @__PURE__ */ i("span", { children: "No apps available" }) : a.map((d, m) => r(d) ? /* @__PURE__ */ i(
-      Nt,
+  const { windowsOptions: a, isFolder: r } = fe(t), l = n ? te.OPEN : te.IDLE, u = () => c(!1);
+  return /* @__PURE__ */ p("div", { className: ee.mobileOnly, children: [
+    /* @__PURE__ */ o("div", { className: `${B.mobileItems} ${n ? B.mobileItemsVisible : ""}`, children: a.length === 0 ? /* @__PURE__ */ o("span", { children: "No apps available" }) : a.map((d, h) => r(d) ? /* @__PURE__ */ o(
+      It,
       {
         folder: d,
-        currentWindows: o,
+        currentWindows: i,
         openWindow: e,
         closeMenu: u
       },
-      d.id || m
-    ) : /* @__PURE__ */ i(
-      fe,
+      d.id || h
+    ) : /* @__PURE__ */ o(
+      _e,
       {
         window: d,
-        currentWindows: o,
+        currentWindows: i,
         openWindow: e,
         closeMenu: u
       },
       d.id
     )) }),
-    /* @__PURE__ */ _(
+    /* @__PURE__ */ p(
       "button",
       {
-        className: `${O.pawButton} ${n ? O.pawButtonActive : ""}`,
+        className: `${B.pawButton} ${n ? B.pawButtonActive : ""}`,
         onClick: s,
         children: [
-          /* @__PURE__ */ i(ae, { show: !n }),
-          /* @__PURE__ */ i("span", { className: `${ne.icon} ${O.mobileIcon}`, children: l })
+          /* @__PURE__ */ o(de, { show: !n }),
+          /* @__PURE__ */ o("span", { className: `${ee.icon} ${B.mobileIcon}`, children: l })
         ]
       }
     )
   ] });
 }
-function _e(e = 768) {
-  const [t, o] = $(!1);
-  return V(() => {
-    const n = window.matchMedia(`(max-width: ${e}px)`), s = () => o(n.matches);
+function pe(e = 768) {
+  const [t, i] = z(!1);
+  return H(() => {
+    const n = window.matchMedia(`(max-width: ${e}px)`), s = () => i(n.matches);
     return s(), n.addEventListener("change", s), () => n.removeEventListener("change", s);
   }, [e]), t;
 }
-function Cn({ toolbarItems: e, ...t }) {
-  const { openWindow: o, closeWindow: n } = re(), s = ce(), { isOpen: c, toggleOpen: a, setIsOpen: r } = we(), l = _e();
-  return /* @__PURE__ */ i(X, { children: l ? /* @__PURE__ */ i(
-    Lt,
+function Sn({ toolbarItems: e, ...t }) {
+  const { openWindow: i, closeWindow: n } = le(), s = ae(), { isOpen: c, toggleOpen: a, setIsOpen: r } = ke(), l = pe();
+  return /* @__PURE__ */ o(G, { children: l ? /* @__PURE__ */ o(
+    Bt,
     {
-      openWindow: o,
+      openWindow: i,
       toolbarItems: e,
       currentWindows: s,
       isOpen: c,
       toggleOpen: a,
       setIsOpen: r
     }
-  ) : /* @__PURE__ */ i(
-    pt,
+  ) : /* @__PURE__ */ o(
+    Mt,
     {
-      openWindow: o,
+      openWindow: i,
       closeWindow: n,
       toolbarItems: e,
       currentWindows: s,
@@ -629,268 +636,332 @@ function Cn({ toolbarItems: e, ...t }) {
     }
   ) });
 }
-const pe = ge(null), Wt = () => {
-  const e = xe(pe);
+const be = ne(null), Et = () => {
+  const e = ie(be);
   if (!e)
     throw new Error("useWindowUI must be used within Window (WindowContext.Provider)");
   return e;
-}, Tt = 300, kt = 42, Rt = { width: 500, height: 300 }, It = { x: 100, y: 100 }, F = 20;
-function St(e, t, o, n, s) {
-  const c = z(!1), a = z({ x: 0, y: 0 }), r = f((d) => {
+}, Ot = 300, Ht = 42, At = { width: 500, height: 300 }, Dt = { x: 100, y: 100 }, F = 20;
+function Pt(e, t, i, n, s) {
+  const c = M(!1), a = M({ x: 0, y: 0 }), r = f((d) => {
     if (!c.current)
       return;
     s == null || s(d.clientX, d.clientY);
-    const m = Math.min(
+    const h = Math.min(
       Math.max(0, d.clientX - a.current.x),
       window.innerWidth - e.width
-    ), h = Math.min(
+    ), m = Math.min(
       Math.max(0, d.clientY - a.current.y),
       window.innerHeight - e.height
     );
-    o.current && (o.current.style.left = `${m}px`, o.current.style.top = `${h}px`), n({ x: m, y: h });
+    i.current && (i.current.style.left = `${h}px`, i.current.style.top = `${m}px`), n({ x: h, y: m });
   }, [e, n, s]), l = f((d) => {
-    var m;
-    (m = window.getSelection()) == null || m.removeAllRanges(), document.body.style.userSelect = "none", a.current = {
+    var h;
+    (h = window.getSelection()) == null || h.removeAllRanges(), document.body.style.userSelect = "none", a.current = {
       x: d.clientX - t.x,
       y: d.clientY - t.y
     }, c.current = !0;
   }, [t.x, t.y]), u = f(() => {
     c.current = !1, document.body.style.userSelect = "auto";
   }, []);
-  return D(() => ({
+  return E(() => ({
     dragTo: r,
     startDrag: l,
     stopDrag: u,
     isDragging: c
   }), [r, l, u]);
 }
-function Bt(e, t, o) {
-  const n = z(!1), s = z({ x: 0, y: 0, w: 0, h: 0 }), c = f((l) => {
+function Ft(e, t, i) {
+  const n = M(!1), s = M({ x: 0, y: 0, w: 0, h: 0 }), c = f((l) => {
     if (!n.current)
       return;
-    const u = Math.min(window.innerWidth, Math.max(Tt, s.current.w + l.clientX - s.current.x)), d = Math.min(window.innerHeight, Math.max(kt, s.current.h + l.clientY - s.current.y));
-    t.current && (t.current.style.width = `${u}px`, t.current.style.height = `${d}px`), o({ width: u, height: d });
-  }, [o]), a = f((l) => {
+    const u = Math.min(window.innerWidth, Math.max(Ot, s.current.w + l.clientX - s.current.x)), d = Math.min(window.innerHeight, Math.max(Ht, s.current.h + l.clientY - s.current.y));
+    t.current && (t.current.style.width = `${u}px`, t.current.style.height = `${d}px`), i({ width: u, height: d });
+  }, [i]), a = f((l) => {
     var u;
     (u = window.getSelection()) == null || u.removeAllRanges(), document.body.style.userSelect = "none", s.current = { x: l.clientX, y: l.clientY, w: e.width, h: e.height }, n.current = !0;
   }, [e.width, e.height]), r = f(() => {
     n.current = !1, document.body.style.userSelect = "auto";
   }, []);
-  return D(() => ({
+  return E(() => ({
     resizeTo: c,
     startResize: a,
     stopResize: r,
     isResizing: n
   }), [c, a, r]);
 }
-function Et(e) {
-  const t = z(null), o = f((s, c) => {
+function Vt(e) {
+  const t = M(null), i = f((s, c) => {
     const a = window.innerWidth, r = window.innerHeight;
     let l = null;
     s < F ? c < F ? l = "top-left" : c > r - F ? l = "bottom-left" : l = "left" : s > a - F && (c < F ? l = "top-right" : c > r - F ? l = "bottom-right" : l = "right"), l !== t.current && (t.current = l, e == null || e(l ? { side: l } : null));
   }, [e]), n = f(() => {
     t.current = null, e == null || e(null);
   }, [e]);
-  return D(() => ({ currentSide: t, detectSnap: o, resetSnap: n }), [o, n]);
+  return E(() => ({ currentSide: t, detectSnap: i, resetSnap: n }), [i, n]);
 }
-function Ot({
-  initialSize: e = Rt,
-  initialPosition: t = It,
-  isSnapped: o,
+function jt({
+  initialSize: e = At,
+  initialPosition: t = Dt,
+  isSnapped: i,
   onSnap: n,
   onUnsnap: s,
   setSnapPreview: c,
   onPositionChange: a,
   onSizeChange: r
 }) {
-  const [l, u] = $(e), [d, m] = $(t), [h, x] = $(!1), [p, b] = $(!1), y = z(e), T = z(t), N = z(null), E = f((w) => {
-    T.current = w;
-  }, []), H = f((w) => {
-    y.current = w;
+  const [l, u] = z(e), [d, h] = z(t), [m, x] = z(!1), [_, b] = z(!1), y = M(e), L = M(t), O = M(null), k = f((C) => {
+    L.current = C;
+  }, []), T = f((C) => {
+    y.current = C;
   }, []);
-  V(() => {
-    u(e), H(e);
-  }, [e, H]), V(() => {
-    m(t), E(t);
-  }, [t, E]);
-  const k = Et(c), R = St(l, d, N, E, k.detectSnap), L = Bt(l, N, H), P = f((w) => {
-    x(!0), R.startDrag(w);
-  }, [R]), K = f((w) => {
-    b(!0), L.startResize(w);
-  }, [L]);
-  return V(() => {
-    if (!h && !p)
+  H(() => {
+    u(e), T(e);
+  }, [e, T]), H(() => {
+    h(t), k(t);
+  }, [t, k]);
+  const W = Vt(c), $ = Pt(l, d, O, k, W.detectSnap), R = Ft(l, O, T), D = f((C) => {
+    x(!0), $.startDrag(C);
+  }, [$]), P = f((C) => {
+    b(!0), R.startResize(C);
+  }, [R]);
+  return H(() => {
+    if (!m && !_)
       return;
-    const w = (S) => {
-      R.dragTo(S), L.resizeTo(S);
-    }, I = () => {
-      if (R.isDragging.current) {
-        const S = T.current.x !== d.x || T.current.y !== d.y;
-        m(T.current), k.currentSide.current && n ? (n(k.currentSide.current), k.resetSnap()) : S && (o && (s == null || s()), a == null || a(T.current)), R.stopDrag(), x(!1);
+    const C = (w) => {
+      $.dragTo(w), R.resizeTo(w);
+    }, q = () => {
+      if ($.isDragging.current) {
+        const w = L.current.x !== d.x || L.current.y !== d.y;
+        h(L.current), W.currentSide.current && n ? (n(W.currentSide.current), W.resetSnap()) : w && (i && (s == null || s()), a == null || a(L.current)), $.stopDrag(), x(!1);
       }
-      L.isResizing.current && (u(y.current), r == null || r(y.current), o && (s == null || s()), L.stopResize(), b(!1));
+      R.isResizing.current && (u(y.current), r == null || r(y.current), i && (s == null || s()), R.stopResize(), b(!1));
     };
-    return window.addEventListener("mousemove", w), window.addEventListener("mouseup", I), () => {
-      window.removeEventListener("mousemove", w), window.removeEventListener("mouseup", I);
+    return window.addEventListener("mousemove", C), window.addEventListener("mouseup", q), () => {
+      window.removeEventListener("mousemove", C), window.removeEventListener("mouseup", q);
     };
-  }, [R, L, n, s, o, k, a, r, h, p]), D(() => ({
+  }, [$, R, n, s, i, W, a, r, m, _]), E(() => ({
     size: l,
     position: d,
-    windowRef: N,
-    drag: P,
-    resize: K,
-    isDragging: h,
-    isResizing: p
-  }), [l, d, h, p, P, K]);
+    windowRef: O,
+    drag: D,
+    resize: P,
+    isDragging: m,
+    isResizing: _
+  }), [l, d, m, _, D, P]);
 }
-const Ht = () => /* @__PURE__ */ i("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ i("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", ry: "2" }) }), At = () => /* @__PURE__ */ _("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
-  /* @__PURE__ */ i("rect", { x: "5", y: "9", width: "14", height: "14", rx: "2", ry: "2" }),
-  /* @__PURE__ */ i("path", { d: "M9 5h10a2 2 0 0 1 2 2v10" })
+const Zt = () => /* @__PURE__ */ o("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ o("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", ry: "2" }) }), qt = () => /* @__PURE__ */ p("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+  /* @__PURE__ */ o("rect", { x: "5", y: "9", width: "14", height: "14", rx: "2", ry: "2" }),
+  /* @__PURE__ */ o("path", { d: "M9 5h10a2 2 0 0 1 2 2v10" })
 ] });
-function Dt({ onClick: e, isMaximized: t, disabled: o }) {
-  return /* @__PURE__ */ i(
+function Xt({ onClick: e, isMaximized: t, disabled: i }) {
+  return /* @__PURE__ */ o(
     "button",
     {
-      className: `terminal-btn ${Z.button}`,
+      className: `terminal-btn ${A.button} ${A.maximize}`,
       onClick: () => {
         e();
       },
-      disabled: o,
+      disabled: i,
       title: t ? "Restore" : "Maximize",
-      children: t ? /* @__PURE__ */ i(At, {}) : /* @__PURE__ */ i(Ht, {})
+      "data-action": "maximize",
+      children: t ? /* @__PURE__ */ o(qt, {}) : /* @__PURE__ */ o(Zt, {})
     }
   );
 }
-const Pt = () => /* @__PURE__ */ i("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ i("line", { x1: "5", y1: "12", x2: "19", y2: "12" }) });
-function Ft({ onClick: e, isMinimized: t, disabled: o }) {
-  return /* @__PURE__ */ i(
+const Yt = () => /* @__PURE__ */ o("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ o("line", { x1: "5", y1: "12", x2: "19", y2: "12" }) });
+function Gt({ onClick: e, isMinimized: t, disabled: i }) {
+  return /* @__PURE__ */ o(
     "button",
     {
-      className: `terminal-btn ${Z.button}`,
+      className: `terminal-btn ${A.button} ${A.minimize}`,
       onClick: () => {
         e();
       },
-      disabled: o || t,
+      disabled: i || t,
       title: t ? "Restore" : "Minimize",
-      children: /* @__PURE__ */ i(Pt, {})
+      "data-action": "minimize",
+      children: /* @__PURE__ */ o(Yt, {})
     }
   );
 }
-const Vt = "_container_m621b_1", jt = "_header_m621b_27", qt = "_body_m621b_57", Zt = "_resizeHandle_m621b_73", Xt = "_content_m621b_93", Yt = "_scrollbar_m621b_181", Gt = "_transition_m621b_225", Kt = "_focused_m621b_247", Jt = "_maximized_m621b_261", Qt = "_minimized_m621b_279", Ut = "_visible_m621b_287", en = "_hidden_m621b_297", tn = "_scrollbarX_m621b_351", W = {
-  container: Vt,
-  header: jt,
-  body: qt,
-  resizeHandle: Zt,
-  content: Xt,
-  scrollbar: Yt,
-  transition: Gt,
-  focused: Kt,
-  maximized: Jt,
-  minimized: Qt,
-  visible: Ut,
-  hidden: en,
-  scrollbarX: tn
-}, nn = "_title_tn8yk_1", on = "_brandText_tn8yk_25", sn = "_windowIcon_tn8yk_35", Q = {
-  title: nn,
-  brandText: on,
-  windowIcon: sn
+const Kt = "_container_xnmir_1", Jt = "_header_xnmir_27", Qt = "_body_xnmir_57", Ut = "_resizeHandle_xnmir_73", en = "_content_xnmir_93", tn = "_scrollbar_xnmir_181", nn = "_transition_xnmir_225", on = "_focused_xnmir_247", sn = "_maximized_xnmir_259", rn = "_minimized_xnmir_277", ln = "_visible_xnmir_285", cn = "_hidden_xnmir_295", an = "_scrollbarX_xnmir_347", N = {
+  container: Kt,
+  header: Jt,
+  body: Qt,
+  resizeHandle: Ut,
+  content: en,
+  scrollbar: tn,
+  transition: nn,
+  focused: on,
+  maximized: sn,
+  minimized: rn,
+  visible: ln,
+  hidden: cn,
+  scrollbarX: an
+}, dn = "_title_tn8yk_1", un = "_brandText_tn8yk_25", mn = "_windowIcon_tn8yk_35", Y = {
+  title: dn,
+  brandText: un,
+  windowIcon: mn
 };
-function rn({ onClose: e, title: t, icon: o, canMinimize: n, canMaximize: s, canClose: c }) {
+function hn({ onClose: e, title: t, icon: i, canMinimize: n, canMaximize: s, canClose: c }) {
   const {
     drag: a,
     isMaximized: r,
     isMinimized: l,
     minimize: u,
     maximize: d,
-    restore: m
-  } = Wt(), h = _e(se);
-  return /* @__PURE__ */ _(
+    restore: h
+  } = Et(), m = pe(re);
+  return /* @__PURE__ */ p(
     "div",
     {
-      className: `window-header ${W.header}`,
+      className: `window-header ${N.header}`,
       onMouseDown: a,
       children: [
-        /* @__PURE__ */ _("span", { className: `window-title ${Q.title}`, children: [
-          o && /* @__PURE__ */ i("span", { className: `window-icon ${Q.windowIcon} ${Q.brandText}`, children: o }),
-          /* @__PURE__ */ i("span", { className: `brand-text ${Q.brandText}`, children: t })
+        /* @__PURE__ */ p("span", { className: `window-title ${Y.title}`, children: [
+          i && /* @__PURE__ */ o("span", { className: `window-icon ${Y.windowIcon} ${Y.brandText}`, children: i }),
+          /* @__PURE__ */ o("span", { className: `brand-text ${Y.brandText}`, children: t })
         ] }),
-        /* @__PURE__ */ _("div", { className: `window-controls ${Z.controls}`, children: [
-          /* @__PURE__ */ i(Ft, { onClick: u, isMinimized: l, disabled: n === !1 }),
-          /* @__PURE__ */ i(Dt, { onClick: r ? m : d, isMaximized: r, disabled: s === !1 || h }),
-          /* @__PURE__ */ i(de, { onClose: e, disabled: c === !1 })
+        /* @__PURE__ */ p("div", { className: `window-controls ${A.controls}`, children: [
+          /* @__PURE__ */ o(Gt, { onClick: u, isMinimized: l, disabled: n === !1 }),
+          /* @__PURE__ */ o(Xt, { onClick: r ? h : d, isMaximized: r, disabled: s === !1 || m }),
+          /* @__PURE__ */ o(ue, { onClose: e, disabled: c === !1 })
         ] })
       ]
     }
   );
 }
-const ln = ({ window: e }) => {
-  const { closeWindow: t, focusWindow: o, updateWindow: n } = re(), { setSnapPreview: s } = le(), [c, a] = C.useState(!1), [r, l] = C.useState(!1), u = C.useRef(null);
-  C.useEffect(() => {
-    let M;
-    return M = requestAnimationFrame(() => a(!0)), () => {
-      cancelAnimationFrame(M), u.current && clearTimeout(u.current);
+function fn() {
+  if (typeof window > "u")
+    return {
+      left: { width: 0, height: 0, x: 0, y: 0 },
+      right: { width: 0, height: 0, x: 0, y: 0 },
+      "top-left": { width: 0, height: 0, x: 0, y: 0 },
+      "top-right": { width: 0, height: 0, x: 0, y: 0 },
+      "bottom-left": { width: 0, height: 0, x: 0, y: 0 },
+      "bottom-right": { width: 0, height: 0, x: 0, y: 0 }
+    };
+  const e = window.innerWidth / 2, t = window.innerHeight / 2, i = window.innerHeight;
+  return {
+    left: {
+      width: e,
+      height: i,
+      x: 0,
+      y: 0
+    },
+    right: {
+      width: e,
+      height: i,
+      x: e,
+      y: 0
+    },
+    "top-left": {
+      width: e,
+      height: t,
+      x: 0,
+      y: 0
+    },
+    "top-right": {
+      width: e,
+      height: t,
+      x: e,
+      y: 0
+    },
+    "bottom-left": {
+      width: e,
+      height: t,
+      x: 0,
+      y: t
+    },
+    "bottom-right": {
+      width: e,
+      height: t,
+      x: e,
+      y: t
+    }
+  };
+}
+const _n = ({ window: e }) => {
+  const { closeWindow: t, focusWindow: i, updateWindow: n } = le(), { setSnapPreview: s } = ce(), c = we(), [a, r] = z(!1), [l, u] = z(!1), d = M(null);
+  H(() => {
+    let I;
+    return I = requestAnimationFrame(() => r(!0)), () => {
+      cancelAnimationFrame(I), d.current && clearTimeout(d.current);
     };
   }, []);
-  const d = f(() => {
-    l(!0), u.current = setTimeout(() => {
+  const h = f(() => {
+    u(!0), d.current = setTimeout(() => {
       t(e.id);
-    }, Me);
+    }, Ne);
   }, [t, e.id]), m = f(() => {
     n(e.id, { isMinimized: !0 });
-  }, [n, e.id]), h = f(() => {
-    n(e.id, { isMaximized: !0, isMinimized: !1, isSnapped: !1 });
   }, [n, e.id]), x = f(() => {
+    n(e.id, { isMaximized: !0, isMinimized: !1, isSnapped: !1 });
+  }, [n, e.id]), _ = f(() => {
     n(e.id, { isMinimized: !1, isMaximized: !1, isSnapped: !1 });
-  }, [n, e.id]), p = C.useCallback((M) => {
-    let be = window.innerWidth / 2, j = window.innerHeight, A = 0, q = 0;
-    M === "left" ? A = 0 : M === "right" ? A = window.innerWidth / 2 : M === "top-left" ? (j = window.innerHeight / 2, A = 0, q = 0) : M === "top-right" ? (j = window.innerHeight / 2, A = window.innerWidth / 2, q = 0) : M === "bottom-left" ? (j = window.innerHeight / 2, A = 0, q = window.innerHeight / 2) : M === "bottom-right" && (j = window.innerHeight / 2, A = window.innerWidth / 2, q = window.innerHeight / 2), n(e.id, {
-      isSnapped: !0,
-      isMaximized: !1,
-      isMinimized: !1,
-      size: { width: be, height: j },
-      position: { x: A, y: q }
-    });
-  }, [n, e.id]), b = C.useCallback(() => {
+  }, [n, e.id]), b = f(
+    (I) => {
+      const ve = fn(), { width: xe, height: ye, x: ze, y: Me } = ve[I];
+      n(e.id, {
+        isSnapped: !0,
+        isMaximized: !1,
+        isMinimized: !1,
+        size: { width: xe, height: ye },
+        position: { x: ze, y: Me }
+      });
+    },
+    [n, e.id]
+  ), y = f(() => {
     n(e.id, { isSnapped: !1 });
-  }, [n, e.id]), y = C.useCallback((M) => {
-    n(e.id, { position: M });
-  }, [n, e.id]), T = C.useCallback((M) => {
-    n(e.id, { size: M });
+  }, [n, e.id]), L = f((I) => {
+    n(e.id, { position: I });
+  }, [n, e.id]), O = f((I) => {
+    n(e.id, { size: I });
   }, [n, e.id]), {
-    size: N,
-    position: E,
-    isDragging: H,
-    isResizing: k,
+    size: k,
+    position: T,
+    isDragging: W,
+    isResizing: $,
     drag: R,
-    resize: L,
+    resize: D,
     windowRef: P
-  } = Ot({
+  } = jt({
     initialSize: e.size,
     initialPosition: e.position,
     isMinimized: e.isMinimized || !1,
     isMaximized: e.isMaximized || !1,
     isSnapped: e.isSnapped || !1,
-    onSnap: p,
-    onUnsnap: b,
+    onSnap: b,
+    onUnsnap: y,
     setSnapPreview: s,
-    onPositionChange: y,
-    onSizeChange: T
-  }), K = D(() => ({
-    size: N,
-    position: E,
-    isDragging: H,
-    isResizing: k,
+    onPositionChange: L,
+    onSizeChange: O
+  }), C = E(() => ({
+    size: k,
+    position: T,
+    isDragging: W,
+    isResizing: $,
     drag: R,
-    resize: L,
+    resize: D,
     windowRef: P,
     isMinimized: e.isMinimized || !1,
     isMaximized: e.isMaximized || !1,
     isSnapped: e.isSnapped || !1,
     minimize: m,
-    maximize: h,
-    restore: x
-  }), [N, E, H, k, R, L, P, e.isMinimized, e.isMaximized, e.isSnapped, m, h, x]), w = c && !r && !e.isMinimized, I = e.isMaximized, S = e.isMinimized;
-  return /* @__PURE__ */ i(pe.Provider, { value: K, children: /* @__PURE__ */ _(
+    maximize: x,
+    restore: _
+  }), [k, T, W, $, R, D, P, e.isMinimized, e.isMaximized, e.isSnapped, m, x, _]), q = a && !l && !e.isMinimized, w = e.isMaximized, j = e.isMinimized, ge = E(() => ({
+    width: w ? void 0 : k.width,
+    height: j || w ? void 0 : k.height,
+    left: w ? void 0 : T.x,
+    top: w ? void 0 : T.y,
+    zIndex: e.zIndex,
+    display: "flex",
+    pointerEvents: j ? "none" : "auto",
+    ...e.style
+  }), [k, T, w, j, e.zIndex, e.style]);
+  return /* @__PURE__ */ o(be.Provider, { value: C, children: /* @__PURE__ */ p(
     "div",
     {
       ref: P,
@@ -900,27 +971,21 @@ const ln = ({ window: e }) => {
       "aria-modal": "false",
       tabIndex: -1,
       className: `window-container
-            ${W.container}
-            ${!H && !k ? `${W.transition} window-transition` : ""}
-            ${w ? W.visible : W.hidden}
-            ${I ? W.maximized : ""}
-            ${S ? W.minimized : ""}
+        ${N.container}
+        ${!W && !$ ? `${N.transition} window-transition` : ""}
+        ${q ? N.visible : N.hidden}
+        ${w ? N.maximized : ""}
+        ${j ? N.minimized : ""}
+        ${e.className || ""}
         `,
-      style: {
-        width: I ? void 0 : N.width,
-        height: S || I ? void 0 : N.height,
-        left: I ? void 0 : E.x,
-        top: I ? void 0 : E.y,
-        zIndex: e.zIndex,
-        display: "flex",
-        pointerEvents: S ? "none" : "auto"
-      },
-      onMouseDown: () => o(e.id),
+      "data-system-style": c,
+      style: ge,
+      onMouseDown: () => i(e.id),
       children: [
-        /* @__PURE__ */ i(
-          rn,
+        /* @__PURE__ */ o(
+          hn,
           {
-            onClose: d,
+            onClose: h,
             title: e.title,
             icon: e.icon,
             canClose: e.canClose,
@@ -928,115 +993,115 @@ const ln = ({ window: e }) => {
             canMaximize: e.canMaximize
           }
         ),
-        /* @__PURE__ */ i(
+        /* @__PURE__ */ o(
           "div",
           {
-            className: `window-scrollbar ${W.scrollbar} ${W.content}`,
-            style: { display: S ? "none" : "flex" },
+            className: `window-scrollbar ${N.scrollbar} ${N.content}`,
+            style: { display: j ? "none" : "flex" },
             children: e.component
           }
         ),
-        !I && /* @__PURE__ */ i(
+        !w && /* @__PURE__ */ o(
           "div",
           {
-            className: `window-resize-handle ${W.resizeHandle}`,
-            onMouseDown: L
+            className: `window-resize-handle ${N.resizeHandle}`,
+            onMouseDown: D
           }
         )
       ]
     }
   ) });
-}, cn = C.memo(ln), an = "_overlay_16s5n_1", dn = "_overlayCorner_16s5n_37", un = "_visible_16s5n_69", mn = "_left_16s5n_89", hn = "_right_16s5n_101", fn = "_topLeft_16s5n_113", _n = "_topRight_16s5n_129", pn = "_bottomLeft_16s5n_145", bn = "_bottomRight_16s5n_161", v = {
-  overlay: an,
-  overlayCorner: dn,
-  visible: un,
-  left: mn,
-  right: hn,
-  topLeft: fn,
-  topRight: _n,
-  bottomLeft: pn,
-  bottomRight: bn
+}, pn = V(_n), bn = "_overlay_16s5n_1", gn = "_overlayCorner_16s5n_37", vn = "_visible_16s5n_69", xn = "_left_16s5n_89", yn = "_right_16s5n_101", zn = "_topLeft_16s5n_113", Mn = "_topRight_16s5n_129", Cn = "_bottomLeft_16s5n_145", wn = "_bottomRight_16s5n_161", g = {
+  overlay: bn,
+  overlayCorner: gn,
+  visible: vn,
+  left: xn,
+  right: yn,
+  topLeft: zn,
+  topRight: Mn,
+  bottomLeft: Cn,
+  bottomRight: wn
 };
-function vn({ side: e }) {
-  return e ? /* @__PURE__ */ _(X, { children: [
-    /* @__PURE__ */ i(
+function $n({ side: e }) {
+  return e ? /* @__PURE__ */ p(G, { children: [
+    /* @__PURE__ */ o(
       "div",
       {
         className: `
-            ${v.overlay} 
-            ${v.left} 
-            ${e === "left" ? v.visible : ""}
+            ${g.overlay} 
+            ${g.left} 
+            ${e === "left" ? g.visible : ""}
         `
       }
     ),
-    /* @__PURE__ */ i(
+    /* @__PURE__ */ o(
       "div",
       {
         className: `
-            ${v.overlay} 
-            ${v.right} 
-            ${e === "right" ? v.visible : ""}
+            ${g.overlay} 
+            ${g.right} 
+            ${e === "right" ? g.visible : ""}
         `
       }
     ),
-    /* @__PURE__ */ i(
+    /* @__PURE__ */ o(
       "div",
       {
         className: `
-            ${v.overlayCorner} 
-            ${v.topLeft} 
-            ${e === "top-left" ? v.visible : ""}
+            ${g.overlayCorner} 
+            ${g.topLeft} 
+            ${e === "top-left" ? g.visible : ""}
         `
       }
     ),
-    /* @__PURE__ */ i(
+    /* @__PURE__ */ o(
       "div",
       {
         className: `
-            ${v.overlayCorner} 
-            ${v.topRight} 
-            ${e === "top-right" ? v.visible : ""}
+            ${g.overlayCorner} 
+            ${g.topRight} 
+            ${e === "top-right" ? g.visible : ""}
         `
       }
     ),
-    /* @__PURE__ */ i(
+    /* @__PURE__ */ o(
       "div",
       {
         className: `
-            ${v.overlayCorner} 
-            ${v.bottomLeft} 
-            ${e === "bottom-left" ? v.visible : ""}
+            ${g.overlayCorner} 
+            ${g.bottomLeft} 
+            ${e === "bottom-left" ? g.visible : ""}
         `
       }
     ),
-    /* @__PURE__ */ i(
+    /* @__PURE__ */ o(
       "div",
       {
         className: `
-            ${v.overlayCorner} 
-            ${v.bottomRight} 
-            ${e === "bottom-right" ? v.visible : ""}
+            ${g.overlayCorner} 
+            ${g.bottomRight} 
+            ${e === "bottom-right" ? g.visible : ""}
         `
       }
     )
   ] }) : null;
 }
-const gn = "_manager_1t6jq_1", xn = {
-  manager: gn
+const Nn = "_manager_1t6jq_1", Ln = {
+  manager: Nn
 };
-function $n() {
-  const e = ce(), { snapPreview: t } = le();
-  return /* @__PURE__ */ _("div", { className: xn.manager, children: [
-    /* @__PURE__ */ i(vn, { side: t ? t.side : null }),
-    e.map((o) => /* @__PURE__ */ i(cn, { window: o }, o.id))
+function In() {
+  const e = ae(), { snapPreview: t } = ce();
+  return /* @__PURE__ */ p("div", { className: Ln.manager, children: [
+    /* @__PURE__ */ o($n, { side: t ? t.side : null }),
+    e.map((i) => /* @__PURE__ */ o(pn, { window: i }, i.id))
   ] });
 }
 export {
-  Cn as Toolbar,
-  cn as Window,
-  $n as WindowManager,
-  wn as WindowSystemProvider,
-  re as useWindowActions,
-  le as useWindowSnap,
-  ce as useWindows
+  Sn as Toolbar,
+  pn as Window,
+  In as WindowManager,
+  Rn as WindowSystemProvider,
+  le as useWindowActions,
+  ce as useWindowSnap,
+  ae as useWindows
 };