@nice2dev/ui-3d 1.0.6 → 1.1.0

package/dist/esm/ui/dist/NiceWindow-SiCaREbq.js

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