@nice2dev/ui-3d 1.0.5 → 1.0.6

package/dist/cjs/ui/dist/NiceWindow-D1awkyFl.js

@@ -0,0 +1,697 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var coreCfXsl755 = require('./core-CfXsl755.js');
+var we = require('react');
+require('react-dom');
+
+const Dt = ({
+  visible: e,
+  onClose: n,
+  title: r,
+  items: i,
+  showCancelButton: h = true,
+  cancelText: d,
+  className: m,
+  style: g
+}) => {
+  const { t: p } = coreCfXsl755.b();
+  return e ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nice-actionsheet__overlay", onClick: n }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `nice-actionsheet ${m || ""}`, style: g, children: [
+      r && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nice-actionsheet__title", children: r }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nice-actionsheet__items", children: i.map((x, a) => /* @__PURE__ */ jsxRuntime.jsxs(
+        "button",
+        {
+          className: `nice-actionsheet__item ${x.type === "danger" ? "nice-actionsheet__item--danger" : ""}`,
+          disabled: x.disabled,
+          onClick: () => {
+            x.onClick?.(), n();
+          },
+          children: [
+            x.icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nice-actionsheet__icon", children: x.icon }),
+            x.text
+          ]
+        },
+        a
+      )) }),
+      h && /* @__PURE__ */ jsxRuntime.jsx("button", { className: "nice-actionsheet__cancel", onClick: n, children: d || p("cancel", "Cancel") })
+    ] })
+  ] }) : null;
+}, Wt = ({
+  visible: e,
+  onClose: n,
+  targetRef: r,
+  position: i = "bottom",
+  title: h,
+  showArrow: d = true,
+  width: m,
+  children: g,
+  className: p,
+  style: x,
+  displayStyle: a
+}) => {
+  coreCfXsl755.d("tooltip", a);
+  const M = we.useRef(null), [C, f] = we.useState({ top: 0, left: 0 }), N = we.useCallback(() => {
+    const s = r.current, k = M.current;
+    if (!s || !k) return;
+    const c = s.getBoundingClientRect(), v = k.getBoundingClientRect();
+    let _ = 0, I = 0;
+    const R = 8;
+    switch (i) {
+      case "top":
+        _ = c.top - v.height - R, I = c.left + (c.width - v.width) / 2;
+        break;
+      case "bottom":
+        _ = c.bottom + R, I = c.left + (c.width - v.width) / 2;
+        break;
+      case "left":
+        _ = c.top + (c.height - v.height) / 2, I = c.left - v.width - R;
+        break;
+      case "right":
+        _ = c.top + (c.height - v.height) / 2, I = c.right + R;
+        break;
+    }
+    f({ top: _ + window.scrollY, left: I + window.scrollX });
+  }, [r, i]);
+  return we.useEffect(() => {
+    if (e) {
+      requestAnimationFrame(N);
+      const s = (k) => {
+        M.current && !M.current.contains(k.target) && r.current && !r.current.contains(k.target) && n();
+      };
+      return document.addEventListener("mousedown", s), () => document.removeEventListener("mousedown", s);
+    }
+  }, [e, N, n, r]), e ? /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      ref: M,
+      className: `nice-popover nice-popover--${i} ${p || ""}`,
+      style: { ...x, position: "absolute", top: C.top, left: C.left, width: m },
+      children: [
+        d && /* @__PURE__ */ jsxRuntime.jsx("div", { className: `nice-popover__arrow nice-popover__arrow--${i}` }),
+        h && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nice-popover__title", children: h }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nice-popover__content", children: g })
+      ]
+    }
+  ) : null;
+}, Ft = ({
+  visible: e,
+  message: n,
+  container: r,
+  showIndicator: i = true,
+  shading: h = true,
+  className: d,
+  style: m
+}) => {
+  const { t: g } = coreCfXsl755.b();
+  if (!e) return null;
+  const p = !!r?.current, x = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `nice-loadpanel ${d || ""}`, style: m, children: [
+    h && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nice-loadpanel__shade" }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nice-loadpanel__box", children: [
+      i && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nice-spinner nice-spinner--md" }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nice-loadpanel__text", children: n || g("loading", "Loading...") })
+    ] })
+  ] });
+  if (p && r.current) {
+    const a = r.current;
+    return a.style.position = a.style.position || "relative", x;
+  }
+  return x;
+}, Ut = ({
+  direction: e = "row",
+  align: n,
+  justify: r,
+  wrap: i,
+  gap: h,
+  flex: d,
+  children: m,
+  className: g,
+  style: p
+}) => /* @__PURE__ */ jsxRuntime.jsx(
+  "div",
+  {
+    className: `nice-box ${g || ""}`,
+    style: {
+      display: "flex",
+      flexDirection: e,
+      alignItems: n,
+      justifyContent: r,
+      flexWrap: i ? "wrap" : void 0,
+      gap: h,
+      flex: d,
+      ...p
+    },
+    children: m
+  }
+), Gt = ({
+  direction: e = "row",
+  items: n,
+  gap: r,
+  className: i,
+  style: h
+}) => /* @__PURE__ */ jsxRuntime.jsx(
+  "div",
+  {
+    className: `nice-responsivebox ${i || ""}`,
+    style: { display: "flex", flexDirection: e, gap: r, ...h },
+    children: n.map((d, m) => /* @__PURE__ */ jsxRuntime.jsx("div", { style: { flex: d.ratio ?? 1, flexBasis: d.baseSize, flexShrink: d.shrink ?? 1 }, children: d.children }, m))
+  }
+), Vt = ({
+  width: e = 200,
+  height: n = 200,
+  minWidth: r = 50,
+  minHeight: i = 50,
+  maxWidth: h = 1 / 0,
+  maxHeight: d = 1 / 0,
+  handles: m = ["right", "bottom", "bottomRight"],
+  onResize: g,
+  children: p,
+  className: x,
+  style: a
+}) => {
+  const [M, C] = we.useState({ width: e, height: n }), f = we.useRef(null), N = (c, v) => {
+    v.preventDefault();
+    const _ = v.clientX, I = v.clientY, R = M.width, O = M.height, t = (E) => {
+      const T = E.clientX - _, P = E.clientY - I;
+      let S = R, u = O;
+      (c.includes("right") || c === "right") && (S = R + T), (c.includes("bottom") || c === "bottom") && (u = O + P), (c.includes("left") || c === "left") && (S = R - T), (c.includes("top") || c === "top") && (u = O - P), S = Math.max(r, Math.min(h, S)), u = Math.max(i, Math.min(d, u)), C({ width: S, height: u }), g?.({ width: S, height: u });
+    }, l = () => {
+      document.removeEventListener("pointermove", t), document.removeEventListener("pointerup", l);
+    };
+    document.addEventListener("pointermove", t), document.addEventListener("pointerup", l);
+  }, s = (c) => {
+    switch (c) {
+      case "top":
+      case "bottom":
+        return "ns-resize";
+      case "left":
+      case "right":
+        return "ew-resize";
+      case "topLeft":
+      case "bottomRight":
+        return "nwse-resize";
+      case "topRight":
+      case "bottomLeft":
+        return "nesw-resize";
+      default:
+        return "default";
+    }
+  }, k = (c) => {
+    const v = { position: "absolute", zIndex: 1 }, _ = 8;
+    return c === "right" ? { ...v, top: 0, right: -_ / 2, width: _, height: "100%", cursor: s(c) } : c === "bottom" ? { ...v, left: 0, bottom: -_ / 2, width: "100%", height: _, cursor: s(c) } : c === "left" ? { ...v, top: 0, left: -_ / 2, width: _, height: "100%", cursor: s(c) } : c === "top" ? { ...v, top: -_ / 2, left: 0, width: "100%", height: _, cursor: s(c) } : c === "bottomRight" ? { ...v, bottom: -_ / 2, right: -_ / 2, width: _ * 2, height: _ * 2, cursor: s(c) } : c === "bottomLeft" ? { ...v, bottom: -_ / 2, left: -_ / 2, width: _ * 2, height: _ * 2, cursor: s(c) } : c === "topRight" ? { ...v, top: -_ / 2, right: -_ / 2, width: _ * 2, height: _ * 2, cursor: s(c) } : c === "topLeft" ? { ...v, top: -_ / 2, left: -_ / 2, width: _ * 2, height: _ * 2, cursor: s(c) } : v;
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      ref: f,
+      className: `nice-resizable ${x || ""}`,
+      style: { ...a, width: M.width, height: M.height, position: "relative", overflow: "hidden" },
+      children: [
+        p,
+        m.map((c) => /* @__PURE__ */ jsxRuntime.jsx("div", { style: k(c), onPointerDown: (v) => N(c, v) }, c))
+      ]
+    }
+  );
+}, jt = ({
+  direction: e = "vertical",
+  showScrollbar: n = "onInteraction",
+  width: r,
+  height: i,
+  onScroll: h,
+  children: d,
+  className: m,
+  style: g
+}) => {
+  const p = e === "horizontal" || e === "both" ? "auto" : "hidden", x = e === "vertical" || e === "both" ? "auto" : "hidden";
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: `nice-scrollview ${n === "never" ? "nice-scrollview--hide-sb" : n === "always" ? "nice-scrollview--show-sb" : ""} ${m || ""}`,
+      style: { ...g, width: r, height: i, overflowX: p, overflowY: x },
+      onScroll: h,
+      children: d
+    }
+  );
+};
+we.createContext(null);
+const Nt = we.forwardRef(({
+  blocked: e,
+  message: n,
+  children: r,
+  className: i,
+  style: h,
+  id: d
+}, m) => {
+  const g = coreCfXsl755.u(d);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      ref: m,
+      id: g,
+      className: `nice-block-ui ${i || ""}`,
+      style: { position: "relative", ...h },
+      children: [
+        r,
+        e && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nice-block-ui__overlay", "aria-busy": "true", role: "alert", children: n && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nice-block-ui__message", children: n }) })
+      ]
+    }
+  );
+});
+Nt.displayName = "NiceBlockUI";
+const kt = we.forwardRef(
+  ({
+    windows: e,
+    onChange: n,
+    onClose: r,
+    onFocus: i,
+    showTaskbar: h = true,
+    size: d = "md",
+    className: m,
+    style: g,
+    id: p,
+    ...x
+  }, a) => {
+    const M = coreCfXsl755.u(p), { t: C } = coreCfXsl755.b(), [f, N] = we.useState(null), s = we.useRef(null), k = Math.max(1, ...e.map((t) => t.zIndex ?? 1)), c = we.useCallback(
+      (t, l) => {
+        const E = e.map((T) => T.key === t ? { ...T, ...l } : T);
+        n?.(E);
+      },
+      [e, n]
+    ), v = we.useCallback(
+      (t) => {
+        c(t, { zIndex: k + 1 }), i?.(t);
+      },
+      [c, k, i]
+    ), _ = we.useCallback(
+      (t) => {
+        r?.(t), n?.(e.filter((l) => l.key !== t));
+      },
+      [e, n, r]
+    ), I = we.useCallback(
+      (t) => {
+        const l = e.find((E) => E.key === t);
+        l && c(t, { minimized: !l.minimized, maximized: false });
+      },
+      [e, c]
+    ), R = we.useCallback(
+      (t) => {
+        const l = e.find((E) => E.key === t);
+        l && c(t, { maximized: !l.maximized, minimized: false });
+      },
+      [e, c]
+    );
+    we.useEffect(() => {
+      if (!f) return;
+      const t = (E) => {
+        const T = e.find((P) => P.key === f.key);
+        if (T)
+          if (f.mode === "move")
+            c(f.key, {
+              x: E.clientX - f.offsetX,
+              y: E.clientY - f.offsetY
+            });
+          else {
+            const S = s.current?.getBoundingClientRect(), u = S?.left ?? 0, y = S?.top ?? 0;
+            c(f.key, {
+              width: Math.max(200, E.clientX - u - T.x),
+              height: Math.max(100, E.clientY - y - T.y)
+            });
+          }
+      }, l = () => N(null);
+      return document.addEventListener("mousemove", t), document.addEventListener("mouseup", l), () => {
+        document.removeEventListener("mousemove", t), document.removeEventListener("mouseup", l);
+      };
+    }, [f, e, c]);
+    const O = we.useCallback(
+      (t, l, E) => {
+        l.preventDefault();
+        const T = e.find((P) => P.key === t);
+        T && (v(t), N({
+          key: t,
+          offsetX: E === "move" ? l.clientX - T.x : 0,
+          offsetY: E === "move" ? l.clientY - T.y : 0,
+          mode: E
+        }));
+      },
+      [e, v]
+    );
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        ref: (t) => {
+          s.current = t, typeof a == "function" ? a(t) : a && (a.current = t);
+        },
+        id: M,
+        className: `nice-wm nice-wm--${d} ${m ?? ""}`,
+        style: { ...g, position: "relative", overflow: "hidden" },
+        ...x,
+        children: [
+          e.map((t) => {
+            if (t.minimized) return null;
+            const l = t.maximized, E = l ? { position: "absolute", top: 0, left: 0, width: "100%", height: "100%", zIndex: t.zIndex ?? 1 } : { position: "absolute", top: t.y, left: t.x, width: t.width, height: t.height, zIndex: t.zIndex ?? 1 };
+            return /* @__PURE__ */ jsxRuntime.jsxs(
+              "div",
+              {
+                className: `nice-wm__window ${l ? "nice-wm__window--maximized" : ""}`,
+                style: E,
+                onMouseDown: () => v(t.key),
+                role: "dialog",
+                "aria-label": t.title,
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsxs(
+                    "div",
+                    {
+                      className: "nice-wm__titlebar",
+                      onMouseDown: (T) => !l && O(t.key, T, "move"),
+                      children: [
+                        t.icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nice-wm__icon", children: t.icon }),
+                        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nice-wm__title", children: t.title }),
+                        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nice-wm__controls", children: [
+                          (t.minimizable ?? true) && /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "nice-wm__ctrl-btn nice-wm__ctrl-btn--min", onClick: () => I(t.key), title: C("wm.minimize", "Minimize"), children: "─" }),
+                          (t.maximizable ?? true) && /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "nice-wm__ctrl-btn nice-wm__ctrl-btn--max", onClick: () => R(t.key), title: C("wm.maximize", "Maximize"), children: l ? "❐" : "☐" }),
+                          (t.closable ?? true) && /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "nice-wm__ctrl-btn nice-wm__ctrl-btn--close", onClick: () => _(t.key), title: C("wm.close", "Close"), children: "✕" })
+                        ] })
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nice-wm__body", children: t.content }),
+                  (t.resizable ?? true) && !l && /* @__PURE__ */ jsxRuntime.jsx(
+                    "div",
+                    {
+                      className: "nice-wm__resize-handle",
+                      onMouseDown: (T) => O(t.key, T, "resize")
+                    }
+                  )
+                ]
+              },
+              t.key
+            );
+          }),
+          h && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nice-wm__taskbar", role: "toolbar", "aria-label": C("wm.taskbar", "Taskbar"), children: e.map((t) => /* @__PURE__ */ jsxRuntime.jsxs(
+            "button",
+            {
+              type: "button",
+              className: `nice-wm__taskbar-btn ${t.minimized ? "nice-wm__taskbar-btn--minimized" : ""}`,
+              onClick: () => {
+                t.minimized && I(t.key), v(t.key);
+              },
+              children: [
+                t.icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nice-wm__taskbar-icon", children: t.icon }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nice-wm__taskbar-label", children: t.title })
+              ]
+            },
+            t.key
+          )) })
+        ]
+      }
+    );
+  }
+);
+kt.displayName = "NiceWindowManager";
+we.createContext({
+  startTutorial: () => {
+  },
+  stopTutorial: () => {
+  },
+  isActive: false,
+  currentStep: 0,
+  nextStep: () => {
+  },
+  prevStep: () => {
+  },
+  goToStep: () => {
+  }
+});
+function It(e, n, r, i, h) {
+  const d = e <= h, m = e + h >= r, g = n <= h, p = n + h >= i;
+  return g && d ? "top-left" : g && m ? "top-right" : p && d ? "bottom-left" : p && m ? "bottom-right" : d ? "left" : m ? "right" : g ? "top" : p ? "bottom" : "none";
+}
+function Ct(e) {
+  switch (e) {
+    case "left":
+      return { left: 0, top: 0, width: "50%", height: "100%" };
+    case "right":
+      return { left: "50%", top: 0, width: "50%", height: "100%" };
+    case "top":
+      return { left: 0, top: 0, width: "100%", height: "50%" };
+    case "bottom":
+      return { left: 0, top: "50%", width: "100%", height: "50%" };
+    case "top-left":
+      return { left: 0, top: 0, width: "50%", height: "50%" };
+    case "top-right":
+      return { left: "50%", top: 0, width: "50%", height: "50%" };
+    case "bottom-left":
+      return { left: 0, top: "50%", width: "50%", height: "50%" };
+    case "bottom-right":
+      return { left: "50%", top: "50%", width: "50%", height: "50%" };
+    default:
+      return null;
+  }
+}
+const Tt = we.forwardRef(
+  ({
+    windowKey: e,
+    title: n,
+    icon: r,
+    children: i,
+    footer: h,
+    x: d = 100,
+    y: m = 100,
+    width: g = 480,
+    height: p = 360,
+    minWidth: x = 200,
+    minHeight: a = 120,
+    maxWidth: M,
+    maxHeight: C,
+    zIndex: f = 1,
+    closable: N = true,
+    minimizable: s = true,
+    maximizable: k = true,
+    fullscreenable: c = false,
+    pinnable: v = false,
+    resizable: _ = true,
+    draggable: I = true,
+    snappable: R = true,
+    snapThreshold: O = 20,
+    minimized: t,
+    maximized: l,
+    fullscreen: E,
+    pinned: T,
+    focused: P,
+    onClose: S,
+    onMinimize: u,
+    onMaximize: y,
+    onFullscreen: w,
+    onPin: A,
+    onFocus: Y,
+    onMove: ne,
+    onResize: ae,
+    onSnap: L,
+    onTitleBarDoubleClick: B,
+    size: ye = "md",
+    statusBar: Re,
+    titleBarActions: qe,
+    className: Be,
+    style: Ae,
+    id: $e,
+    accessMode: We,
+    ...Fe
+  }, Ue) => {
+    const Ge = coreCfXsl755.u($e), Ve = coreCfXsl755.a(We, $e), { t: le } = coreCfXsl755.b();
+    if (Ve === "hidden") return null;
+    const [pe, re] = we.useState({ x: d, y: m }), [_e, ge] = we.useState({ width: g, height: p }), [je, Qe] = we.useState(false), [Ze, Je] = we.useState(false), [Ke, et] = we.useState(false), [tt, nt] = we.useState(false), [V, xe] = we.useState("none"), it = t ?? je, G = l ?? Ze, U = E ?? Ke, de = T ?? tt, Ne = P ?? true, ie = pe.x, oe = pe.y, Z = _e.width, J = _e.height, j = we.useRef(null), F = we.useRef(null), H = we.useRef(null), ot = we.useCallback(() => {
+      S?.(e);
+    }, [e, S]), rt = we.useCallback(() => {
+      Qe(true), u?.(e);
+    }, [e, u]), ke = we.useCallback(() => {
+      const $ = !G;
+      Je($), !$ && H.current ? (re({ x: H.current.x, y: H.current.y }), ge({ width: H.current.w, height: H.current.h }), H.current = null) : $ && (H.current = { x: ie, y: oe, w: Z, h: J }), xe("none"), y?.(e, $);
+    }, [e, G, ie, oe, Z, J, y]), Ee = we.useCallback(() => {
+      const $ = !U;
+      et($), $ ? H.current = { x: ie, y: oe, w: Z, h: J } : H.current && (re({ x: H.current.x, y: H.current.y }), ge({ width: H.current.w, height: H.current.h }), H.current = null), w?.(e, $);
+    }, [e, U, ie, oe, Z, J, w]), ct = we.useCallback(() => {
+      const $ = !de;
+      nt($), A?.(e, $);
+    }, [e, de, A]), ue = we.useCallback(() => {
+      Y?.(e);
+    }, [e, Y]), st = we.useCallback(() => {
+      B ? B(e) : k && ke();
+    }, [e, k, ke, B]);
+    we.useEffect(() => {
+      if (!j.current) return;
+      const $ = (K) => {
+        if (!j.current) return;
+        const Q = K.clientX - j.current.startX + j.current.origX, me = K.clientY - j.current.startY + j.current.origY;
+        re({ x: Q, y: me }), ne?.(e, { x: Q, y: me });
+      }, W = (K) => {
+        if (j.current) {
+          if (R) {
+            const Q = It(K.clientX, K.clientY, window.innerWidth, window.innerHeight, O);
+            Q !== "none" && (H.current = { x: pe.x, y: pe.y, w: Z, h: J }, xe(Q), L?.(e, Q));
+          }
+          j.current = null;
+        }
+      };
+      return document.addEventListener("mousemove", $), document.addEventListener("mouseup", W), () => {
+        document.removeEventListener("mousemove", $), document.removeEventListener("mouseup", W);
+      };
+    });
+    const at = we.useCallback(
+      ($) => {
+        !I || G || U || ($.preventDefault(), V !== "none" && (H.current && (re({ x: H.current.x, y: H.current.y }), ge({ width: H.current.w, height: H.current.h })), xe("none")), ue(), j.current = { startX: $.clientX, startY: $.clientY, origX: ie, origY: oe });
+      },
+      [I, G, U, V, ie, oe, ue]
+    );
+    we.useEffect(() => {
+      if (!F.current) return;
+      const $ = (K) => {
+        if (!F.current) return;
+        const Q = K.clientX - F.current.startX, me = K.clientY - F.current.startY, ce = F.current.handle;
+        let ee = F.current.origW, te = F.current.origH;
+        if (ce.includes("e") && (ee = F.current.origW + Q), ce.includes("w") && (ee = F.current.origW - Q), ce.includes("s") && (te = F.current.origH + me), ce.includes("n") && (te = F.current.origH - me), ee = Math.max(x, M ? Math.min(M, ee) : ee), te = Math.max(a, C ? Math.min(C, te) : te), ce.includes("w")) {
+          const Me = _e.width - ee;
+          re((he) => ({ ...he, x: he.x + Me }));
+        }
+        if (ce.includes("n")) {
+          const Me = _e.height - te;
+          re((he) => ({ ...he, y: he.y + Me }));
+        }
+        ge({ width: ee, height: te }), ae?.(e, { width: ee, height: te });
+      }, W = () => {
+        F.current = null;
+      };
+      return document.addEventListener("mousemove", $), document.addEventListener("mouseup", W), () => {
+        document.removeEventListener("mousemove", $), document.removeEventListener("mouseup", W);
+      };
+    });
+    const lt = we.useCallback(
+      ($, W) => {
+        !_ || G || U || V !== "none" || (W.preventDefault(), W.stopPropagation(), ue(), F.current = { startX: W.clientX, startY: W.clientY, origW: Z, origH: J, handle: $ });
+      },
+      [_, G, U, V, Z, J, ue]
+    );
+    if (we.useEffect(() => {
+      if (!Ne) return;
+      const $ = (W) => {
+        W.key === "Escape" && U && Ee();
+      };
+      return document.addEventListener("keydown", $), () => document.removeEventListener("keydown", $);
+    }, [Ne, U, Ee]), it) return null;
+    const Se = V !== "none" ? Ct(V) : null, Le = G || U, dt = U ? { position: "fixed", top: 0, left: 0, width: "100vw", height: "100vh", zIndex: 999999 } : G ? { position: "absolute", top: 0, left: 0, width: "100%", height: "100%", zIndex: f } : Se ? { position: "absolute", ...Se, zIndex: f } : { position: "absolute", top: oe, left: ie, width: Z, height: J, zIndex: f }, ut = ["n", "e", "s", "w", "ne", "se", "sw", "nw"], mt = {
+      n: "ns-resize",
+      s: "ns-resize",
+      e: "ew-resize",
+      w: "ew-resize",
+      ne: "nesw-resize",
+      sw: "nesw-resize",
+      nw: "nwse-resize",
+      se: "nwse-resize"
+    };
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        ref: Ue,
+        id: Ge,
+        className: `nice-window nice-window--${ye} ${Ne ? "nice-window--focused" : ""} ${de ? "nice-window--pinned" : ""} ${Le ? "nice-window--maximized" : ""} ${V !== "none" ? `nice-window--snapped-${V}` : ""} ${Be ?? ""}`,
+        style: { ...dt, ...Ae },
+        onMouseDown: ue,
+        role: "dialog",
+        "aria-label": n,
+        ...Fe,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              className: "nice-window__titlebar",
+              onMouseDown: at,
+              onDoubleClick: st,
+              children: [
+                r && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nice-window__icon", children: r }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nice-window__title", children: n }),
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nice-window__actions", children: [
+                  qe,
+                  v && /* @__PURE__ */ jsxRuntime.jsx(
+                    "button",
+                    {
+                      type: "button",
+                      className: `nice-window__action nice-window__action--pin ${de ? "nice-window__action--active" : ""}`,
+                      onClick: ct,
+                      title: le("window.pin", de ? "Unpin" : "Pin"),
+                      children: "📌"
+                    }
+                  ),
+                  s && /* @__PURE__ */ jsxRuntime.jsx(
+                    "button",
+                    {
+                      type: "button",
+                      className: "nice-window__action nice-window__action--minimize",
+                      onClick: rt,
+                      title: le("window.minimize", "Minimize"),
+                      children: "─"
+                    }
+                  ),
+                  k && /* @__PURE__ */ jsxRuntime.jsx(
+                    "button",
+                    {
+                      type: "button",
+                      className: "nice-window__action nice-window__action--maximize",
+                      onClick: ke,
+                      title: le("window.maximize", G ? "Restore" : "Maximize"),
+                      children: G ? "❐" : "☐"
+                    }
+                  ),
+                  c && /* @__PURE__ */ jsxRuntime.jsx(
+                    "button",
+                    {
+                      type: "button",
+                      className: "nice-window__action nice-window__action--fullscreen",
+                      onClick: Ee,
+                      title: le("window.fullscreen", U ? "Exit Full Screen" : "Full Screen"),
+                      children: U ? "⇲" : "⇱"
+                    }
+                  ),
+                  N && /* @__PURE__ */ jsxRuntime.jsx(
+                    "button",
+                    {
+                      type: "button",
+                      className: "nice-window__action nice-window__action--close",
+                      onClick: ot,
+                      title: le("window.close", "Close"),
+                      children: "✕"
+                    }
+                  )
+                ] })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nice-window__body", children: i }),
+          h && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nice-window__footer", children: h }),
+          Re && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nice-window__statusbar", children: Re }),
+          _ && !Le && V === "none" && /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: ut.map(($) => /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              className: `nice-window__resize nice-window__resize--${$}`,
+              style: { cursor: mt[$] },
+              onMouseDown: (W) => lt($, W)
+            },
+            $
+          )) })
+        ]
+      }
+    );
+  }
+);
+Tt.displayName = "NiceWindow";
+
+exports.N = Dt;
+exports.a = Nt;
+exports.c = Ut;
+exports.g = Ft;
+exports.m = Wt;
+exports.n = Vt;
+exports.o = Gt;
+exports.p = jt;
+exports.s = Tt;
+exports.t = kt;
+//# sourceMappingURL=NiceWindow-D1awkyFl.js.map