@nice2dev/ui 1.0.21 → 1.0.22

package/dist/NiceWindow-Cs6-Dbci.js

@@ -0,0 +1,1592 @@
+import { jsxs as g, Fragment as We, jsx as t } from "react/jsx-runtime";
+import { J as Pe, S as wt, H as He, A as _t, Z as gt } from "./core-BYxnKGOi.js";
+import vt, { useRef as V, useState as D, useCallback as x, useEffect as W, useReducer as bt, useMemo as $e, useContext as je, createContext as Ge, forwardRef as Fe } from "react";
+const At = ({
+  visible: e,
+  onClose: n,
+  title: i,
+  items: s,
+  showCancelButton: u = !0,
+  cancelText: m,
+  className: p,
+  style: w
+}) => {
+  const { t: f } = Pe();
+  return e ? /* @__PURE__ */ g(We, { children: [
+    /* @__PURE__ */ t("div", { className: "nice-actionsheet__overlay", onClick: n }),
+    /* @__PURE__ */ g("div", { className: `nice-actionsheet ${p || ""}`, style: w, children: [
+      i && /* @__PURE__ */ t("div", { className: "nice-actionsheet__title", children: i }),
+      /* @__PURE__ */ t("div", { className: "nice-actionsheet__items", children: s.map((b, l) => /* @__PURE__ */ g(
+        "button",
+        {
+          className: `nice-actionsheet__item ${b.type === "danger" ? "nice-actionsheet__item--danger" : ""}`,
+          disabled: b.disabled,
+          onClick: () => {
+            b.onClick?.(), n();
+          },
+          children: [
+            b.icon && /* @__PURE__ */ t("span", { className: "nice-actionsheet__icon", children: b.icon }),
+            b.text
+          ]
+        },
+        l
+      )) }),
+      u && /* @__PURE__ */ t("button", { className: "nice-actionsheet__cancel", onClick: n, children: m || f("cancel", "Cancel") })
+    ] })
+  ] }) : null;
+}, Wt = ({
+  visible: e,
+  onClose: n,
+  targetRef: i,
+  position: s = "bottom",
+  title: u,
+  showArrow: m = !0,
+  width: p,
+  children: w,
+  className: f,
+  style: b,
+  displayStyle: l
+}) => {
+  wt("tooltip", l);
+  const k = V(null), [B, L] = D({ top: 0, left: 0 }), I = x(() => {
+    const R = i.current, O = k.current;
+    if (!R || !O)
+      return;
+    const c = R.getBoundingClientRect(), v = O.getBoundingClientRect();
+    let r = 0, E = 0;
+    const _ = 8;
+    switch (s) {
+      case "top":
+        r = c.top - v.height - _, E = c.left + (c.width - v.width) / 2;
+        break;
+      case "bottom":
+        r = c.bottom + _, E = c.left + (c.width - v.width) / 2;
+        break;
+      case "left":
+        r = c.top + (c.height - v.height) / 2, E = c.left - v.width - _;
+        break;
+      case "right":
+        r = c.top + (c.height - v.height) / 2, E = c.right + _;
+        break;
+    }
+    L({ top: r + window.scrollY, left: E + window.scrollX });
+  }, [i, s]);
+  return W(() => {
+    if (e) {
+      requestAnimationFrame(I);
+      const R = (O) => {
+        k.current && !k.current.contains(O.target) && i.current && !i.current.contains(O.target) && n();
+      };
+      return document.addEventListener("mousedown", R), () => document.removeEventListener("mousedown", R);
+    }
+  }, [e, I, n, i]), e ? /* @__PURE__ */ g(
+    "div",
+    {
+      ref: k,
+      className: `nice-popover nice-popover--${s} ${f || ""}`,
+      style: { ...b, position: "absolute", top: B.top, left: B.left, width: p },
+      children: [
+        m && /* @__PURE__ */ t("div", { className: `nice-popover__arrow nice-popover__arrow--${s}` }),
+        u && /* @__PURE__ */ t("div", { className: "nice-popover__title", children: u }),
+        /* @__PURE__ */ t("div", { className: "nice-popover__content", children: w })
+      ]
+    }
+  ) : null;
+}, Ht = ({
+  visible: e,
+  message: n,
+  container: i,
+  showIndicator: s = !0,
+  shading: u = !0,
+  className: m,
+  style: p
+}) => {
+  const { t: w } = Pe();
+  if (!e)
+    return null;
+  const f = !!i?.current, b = /* @__PURE__ */ g("div", { className: `nice-loadpanel ${m || ""}`, style: p, children: [
+    u && /* @__PURE__ */ t("div", { className: "nice-loadpanel__shade" }),
+    /* @__PURE__ */ g("div", { className: "nice-loadpanel__box", children: [
+      s && /* @__PURE__ */ t("div", { className: "nice-spinner nice-spinner--md" }),
+      /* @__PURE__ */ t("span", { className: "nice-loadpanel__text", children: n || w("loading", "Loading...") })
+    ] })
+  ] });
+  if (f && i.current) {
+    const l = i.current;
+    return l.style.position = l.style.position || "relative", b;
+  }
+  return b;
+}, Ft = ({
+  direction: e = "row",
+  align: n,
+  justify: i,
+  wrap: s,
+  gap: u,
+  flex: m,
+  children: p,
+  className: w,
+  style: f
+}) => /* @__PURE__ */ t(
+  "div",
+  {
+    className: `nice-box ${w || ""}`,
+    style: {
+      display: "flex",
+      flexDirection: e,
+      alignItems: n,
+      justifyContent: i,
+      flexWrap: s ? "wrap" : void 0,
+      gap: u,
+      flex: m,
+      ...f
+    },
+    children: p
+  }
+), Ut = ({
+  direction: e = "row",
+  items: n,
+  gap: i,
+  className: s,
+  style: u
+}) => /* @__PURE__ */ t(
+  "div",
+  {
+    className: `nice-responsivebox ${s || ""}`,
+    style: { display: "flex", flexDirection: e, gap: i, ...u },
+    children: n.map((m, p) => /* @__PURE__ */ t(
+      "div",
+      {
+        style: { flex: m.ratio ?? 1, flexBasis: m.baseSize, flexShrink: m.shrink ?? 1 },
+        children: m.children
+      },
+      p
+    ))
+  }
+), Kt = ({
+  width: e = 200,
+  height: n = 200,
+  minWidth: i = 50,
+  minHeight: s = 50,
+  maxWidth: u = 1 / 0,
+  maxHeight: m = 1 / 0,
+  handles: p = ["right", "bottom", "bottomRight"],
+  onResize: w,
+  children: f,
+  className: b,
+  style: l
+}) => {
+  const [k, B] = D({ width: e, height: n }), L = V(null), I = (c, v) => {
+    v.preventDefault();
+    const r = v.clientX, E = v.clientY, _ = k.width, G = k.height, S = {
+      n: "top",
+      s: "bottom",
+      e: "right",
+      w: "left",
+      ne: "topRight",
+      se: "bottomRight",
+      sw: "bottomLeft",
+      nw: "topLeft"
+    }[c] ?? c, o = S === "right" || S === "topRight" || S === "bottomRight", z = S === "left" || S === "topLeft" || S === "bottomLeft", N = S === "bottom" || S === "bottomRight" || S === "bottomLeft", T = S === "top" || S === "topRight" || S === "topLeft", a = (d) => {
+      const $ = d.clientX - r, h = d.clientY - E;
+      let Y = _, H = G;
+      o && (Y = _ + $), z && (Y = _ - $), N && (H = G + h), T && (H = G - h), Y = Math.max(i, Math.min(u, Y)), H = Math.max(s, Math.min(m, H)), B({ width: Y, height: H }), w?.({ width: Y, height: H });
+    }, y = () => {
+      document.removeEventListener("pointermove", a), document.removeEventListener("pointerup", y);
+    };
+    document.addEventListener("pointermove", a), document.addEventListener("pointerup", y);
+  }, R = (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";
+    }
+  }, O = (c) => {
+    const v = { position: "absolute", zIndex: 1 }, r = 8;
+    return c === "right" ? {
+      ...v,
+      top: 0,
+      right: -r / 2,
+      width: r,
+      height: "100%",
+      cursor: R(c)
+    } : c === "bottom" ? {
+      ...v,
+      left: 0,
+      bottom: -r / 2,
+      width: "100%",
+      height: r,
+      cursor: R(c)
+    } : c === "left" ? { ...v, top: 0, left: -r / 2, width: r, height: "100%", cursor: R(c) } : c === "top" ? { ...v, top: -r / 2, left: 0, width: "100%", height: r, cursor: R(c) } : c === "bottomRight" ? {
+      ...v,
+      bottom: -r / 2,
+      right: -r / 2,
+      width: r * 2,
+      height: r * 2,
+      cursor: R(c)
+    } : c === "bottomLeft" ? {
+      ...v,
+      bottom: -r / 2,
+      left: -r / 2,
+      width: r * 2,
+      height: r * 2,
+      cursor: R(c)
+    } : c === "topRight" ? {
+      ...v,
+      top: -r / 2,
+      right: -r / 2,
+      width: r * 2,
+      height: r * 2,
+      cursor: R(c)
+    } : c === "topLeft" ? {
+      ...v,
+      top: -r / 2,
+      left: -r / 2,
+      width: r * 2,
+      height: r * 2,
+      cursor: R(c)
+    } : v;
+  };
+  return /* @__PURE__ */ g(
+    "div",
+    {
+      ref: L,
+      className: `nice-resizable ${b || ""}`,
+      style: {
+        ...l,
+        width: k.width,
+        height: k.height,
+        position: "relative",
+        overflow: "hidden"
+      },
+      children: [
+        f,
+        p.map((c) => /* @__PURE__ */ t("div", { style: O(c), onPointerDown: (v) => I(c, v) }, c))
+      ]
+    }
+  );
+}, jt = ({
+  direction: e = "vertical",
+  showScrollbar: n = "onInteraction",
+  width: i,
+  height: s,
+  onScroll: u,
+  children: m,
+  className: p,
+  style: w
+}) => {
+  const f = e === "horizontal" || e === "both" ? "auto" : "hidden", b = e === "vertical" || e === "both" ? "auto" : "hidden";
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      className: `nice-scrollview ${n === "never" ? "nice-scrollview--hide-sb" : n === "always" ? "nice-scrollview--show-sb" : ""} ${p || ""}`,
+      style: { ...w, width: i, height: s, overflowX: f, overflowY: b },
+      onScroll: u,
+      children: m
+    }
+  );
+};
+function Ae(e, n) {
+  if (!e)
+    return { score: 1, indices: [] };
+  const i = e.toLowerCase(), s = n.toLowerCase();
+  let u = 0;
+  const m = [];
+  let p = 0, w = -1;
+  for (let f = 0; f < s.length && u < i.length; f++)
+    s[f] === i[u] && (m.push(f), w === f - 1 && (p += 3), (f === 0 || /[\s\-_/.]/.test(n[f - 1])) && (p += 5), n[f] === e[u] && (p += 1), p += 1, w = f, u++);
+  return u < i.length ? null : (p -= m[0] * 0.1, { score: p, indices: m });
+}
+function yt(e, n) {
+  if (n.length === 0)
+    return [e];
+  const i = [];
+  let s = 0;
+  const u = new Set(n);
+  for (let m = 0; m < e.length; m++)
+    u.has(m) && (s < m && i.push(e.slice(s, m)), i.push(
+      vt.createElement(
+        "mark",
+        { key: `m-${m}`, className: "nice-command-palette__match" },
+        e[m]
+      )
+    ), s = m + 1);
+  return s < e.length && i.push(e.slice(s)), i;
+}
+function xt(e, n) {
+  switch (n.type) {
+    case "REGISTER": {
+      const i = new Map(e.commands);
+      return i.set(n.command.id, n.command), { ...e, commands: i };
+    }
+    case "REGISTER_BATCH": {
+      const i = new Map(e.commands);
+      for (const s of n.commands)
+        i.set(s.id, s);
+      return { ...e, commands: i };
+    }
+    case "UNREGISTER": {
+      const i = new Map(e.commands);
+      return i.delete(n.id), { ...e, commands: i };
+    }
+    case "OPEN":
+      return { ...e, isOpen: !0, query: "", selectedIndex: 0 };
+    case "CLOSE":
+      return { ...e, isOpen: !1, query: "", selectedIndex: 0 };
+    case "SET_QUERY":
+      return { ...e, query: n.query, selectedIndex: 0 };
+    case "SET_SELECTED":
+      return { ...e, selectedIndex: n.index };
+    case "ADD_RECENT": {
+      const i = e.recentIds.filter((s) => s !== n.id);
+      return {
+        ...e,
+        recentIds: [n.id, ...i].slice(0, n.maxRecent)
+      };
+    }
+    default:
+      return e;
+  }
+}
+const Ve = Ge(null);
+function Nt() {
+  const e = je(Ve);
+  if (!e)
+    throw new Error("useCommandPalette must be used within NiceCommandPaletteProvider");
+  return e;
+}
+const kt = ({
+  children: e,
+  commands: n,
+  placeholder: i = "Type a command...",
+  maxVisible: s = 10,
+  maxRecent: u = 5,
+  className: m,
+  emptyText: p = "No commands found",
+  closeOnAction: w = !0,
+  onOpen: f,
+  onClose: b
+}) => {
+  const [l, k] = bt(xt, {
+    commands: new Map(n?.map((a) => [a.id, a]) ?? []),
+    isOpen: !1,
+    query: "",
+    selectedIndex: 0,
+    recentIds: []
+  }), B = V(null), L = V(null), [I, R] = D(!1), O = x((a) => {
+    k({ type: "REGISTER", command: a });
+  }, []), c = x((a) => {
+    k({ type: "UNREGISTER", id: a });
+  }, []), v = x((a) => {
+    k({ type: "REGISTER_BATCH", commands: a });
+  }, []), r = x(() => {
+    k({ type: "OPEN" }), f?.();
+  }, [f]), E = x(() => {
+    k({ type: "CLOSE" }), b?.();
+  }, [b]), _ = x(() => {
+    l.isOpen ? E() : r();
+  }, [l.isOpen, E, r]), A = $e(() => {
+    const a = Array.from(l.commands.values()).filter((d) => !d.hidden);
+    if (!l.query.trim()) {
+      const d = l.recentIds.map((h) => l.commands.get(h)).filter((h) => !!h && !h.hidden), $ = a.filter((h) => !l.recentIds.includes(h.id));
+      return $.sort((h, Y) => h.label.localeCompare(Y.label)), [...d, ...$].map((h) => ({
+        command: h,
+        match: null,
+        isRecent: l.recentIds.includes(h.id)
+      }));
+    }
+    return a.map((d) => {
+      const $ = Ae(l.query, d.label), h = d.description ? Ae(l.query, d.description) : null, Y = d.keywords?.map((Z) => Ae(l.query, Z)).filter(Boolean)[0] ?? null, H = [$, h, Y].filter(Boolean).sort((Z, ne) => (ne?.score ?? 0) - (Z?.score ?? 0))[0];
+      return { command: d, match: H, isRecent: !1 };
+    }).filter((d) => d.match !== null).sort((d, $) => ($.match?.score ?? 0) - (d.match?.score ?? 0));
+  }, [l.commands, l.query, l.recentIds]).slice(0, s), S = x(
+    async (a) => {
+      const y = l.commands.get(a);
+      if (!(!y || y.disabled)) {
+        R(!0);
+        try {
+          await y.action(), k({ type: "ADD_RECENT", id: a, maxRecent: u });
+        } finally {
+          R(!1), w && E();
+        }
+      }
+    },
+    [l.commands, u, w, E]
+  );
+  W(() => {
+    const a = (y) => {
+      (y.metaKey || y.ctrlKey) && y.key === "k" && (y.preventDefault(), _()), y.key === "Escape" && l.isOpen && (y.preventDefault(), E());
+    };
+    return document.addEventListener("keydown", a), () => document.removeEventListener("keydown", a);
+  }, [_, l.isOpen, E]), W(() => {
+    l.isOpen && requestAnimationFrame(() => B.current?.focus());
+  }, [l.isOpen]);
+  const o = x(
+    (a) => {
+      const y = A.length;
+      if (y) {
+        if (a.key === "ArrowDown")
+          a.preventDefault(), k({ type: "SET_SELECTED", index: (l.selectedIndex + 1) % y });
+        else if (a.key === "ArrowUp")
+          a.preventDefault(), k({ type: "SET_SELECTED", index: (l.selectedIndex - 1 + y) % y });
+        else if (a.key === "Enter") {
+          a.preventDefault();
+          const d = A[l.selectedIndex];
+          d && S(d.command.id);
+        }
+      }
+    },
+    [A, l.selectedIndex, S]
+  );
+  W(() => {
+    if (!L.current)
+      return;
+    L.current.children[l.selectedIndex]?.scrollIntoView({ block: "nearest" });
+  }, [l.selectedIndex]);
+  const z = $e(
+    () => ({
+      registerCommand: O,
+      unregisterCommand: c,
+      registerCommands: v,
+      open: r,
+      close: E,
+      toggle: _,
+      isOpen: l.isOpen,
+      executeCommand: S
+    }),
+    [
+      O,
+      c,
+      v,
+      r,
+      E,
+      _,
+      l.isOpen,
+      S
+    ]
+  ), N = $e(() => {
+    const a = /* @__PURE__ */ new Map();
+    for (const y of A) {
+      const d = y.command.category ?? "General";
+      a.has(d) || a.set(d, []), a.get(d).push(y);
+    }
+    return a;
+  }, [A]);
+  let T = 0;
+  return /* @__PURE__ */ g(Ve.Provider, { value: z, children: [
+    e,
+    l.isOpen && /* @__PURE__ */ t("div", { className: `nice-command-palette__overlay ${m ?? ""}`, onClick: E, children: /* @__PURE__ */ g(
+      "div",
+      {
+        className: "nice-command-palette",
+        role: "dialog",
+        "aria-label": "Command Palette",
+        "aria-modal": "true",
+        onClick: (a) => a.stopPropagation(),
+        children: [
+          /* @__PURE__ */ t("div", { className: "nice-command-palette__input-wrapper", children: /* @__PURE__ */ t(
+            "input",
+            {
+              ref: B,
+              className: "nice-command-palette__input",
+              type: "text",
+              placeholder: i,
+              value: l.query,
+              onChange: (a) => k({ type: "SET_QUERY", query: a.target.value }),
+              onKeyDown: o,
+              "aria-label": "Search commands",
+              "aria-autocomplete": "list",
+              "aria-controls": "nice-command-palette-list",
+              "aria-activedescendant": A[l.selectedIndex] ? `nice-cmd-${A[l.selectedIndex].command.id}` : void 0
+            }
+          ) }),
+          /* @__PURE__ */ g(
+            "div",
+            {
+              ref: L,
+              id: "nice-command-palette-list",
+              className: "nice-command-palette__list",
+              role: "listbox",
+              children: [
+                A.length === 0 && /* @__PURE__ */ t("div", { className: "nice-command-palette__empty", children: p }),
+                Array.from(N.entries()).map(([a, y]) => /* @__PURE__ */ g("div", { className: "nice-command-palette__group", children: [
+                  /* @__PURE__ */ t("div", { className: "nice-command-palette__category", children: a }),
+                  y.map((d) => {
+                    const $ = T++, h = $ === l.selectedIndex;
+                    return /* @__PURE__ */ g(
+                      "div",
+                      {
+                        id: `nice-cmd-${d.command.id}`,
+                        className: `nice-command-palette__item ${h ? "nice-command-palette__item--selected" : ""} ${d.command.disabled ? "nice-command-palette__item--disabled" : ""}`,
+                        role: "option",
+                        "aria-selected": h,
+                        "aria-disabled": d.command.disabled,
+                        onClick: () => !d.command.disabled && S(d.command.id),
+                        onMouseEnter: () => k({ type: "SET_SELECTED", index: $ }),
+                        children: [
+                          d.command.icon && /* @__PURE__ */ t("span", { className: "nice-command-palette__icon", children: d.command.icon }),
+                          /* @__PURE__ */ g("div", { className: "nice-command-palette__label-group", children: [
+                            /* @__PURE__ */ t("span", { className: "nice-command-palette__label", children: d.match && l.query ? yt(d.command.label, d.match.indices) : d.command.label }),
+                            d.command.description && /* @__PURE__ */ t("span", { className: "nice-command-palette__description", children: d.command.description })
+                          ] }),
+                          d.command.shortcut && /* @__PURE__ */ t("kbd", { className: "nice-command-palette__shortcut", children: d.command.shortcut }),
+                          d.isRecent && /* @__PURE__ */ t("span", { className: "nice-command-palette__recent-badge", children: "Recent" })
+                        ]
+                      },
+                      d.command.id
+                    );
+                  })
+                ] }, a))
+              ]
+            }
+          ),
+          I && /* @__PURE__ */ t("div", { className: "nice-command-palette__executing", children: "Executing..." })
+        ]
+      }
+    ) })
+  ] });
+};
+kt.displayName = "NiceCommandPaletteProvider";
+function Gt(e) {
+  const { registerCommands: n, unregisterCommand: i } = Nt();
+  W(() => (n(e), () => {
+    for (const s of e)
+      i(s.id);
+  }), []);
+}
+const Et = Fe(
+  ({ blocked: e, message: n, children: i, className: s, style: u, id: m }, p) => {
+    const w = He(m);
+    return /* @__PURE__ */ g(
+      "div",
+      {
+        ref: p,
+        id: w,
+        className: `nice-block-ui ${s || ""}`,
+        style: { position: "relative", ...u },
+        children: [
+          i,
+          e && /* @__PURE__ */ t("div", { className: "nice-block-ui__overlay", "aria-busy": "true", role: "alert", children: n && /* @__PURE__ */ t("div", { className: "nice-block-ui__message", children: n }) })
+        ]
+      }
+    );
+  }
+);
+Et.displayName = "NiceBlockUI";
+const zt = Fe(
+  ({
+    windows: e,
+    children: n,
+    onChange: i,
+    onClose: s,
+    onFocus: u,
+    showTaskbar: m = !0,
+    size: p = "md",
+    className: w,
+    style: f,
+    id: b,
+    ...l
+  }, k) => {
+    const B = He(b), { t: L } = Pe(), [I, R] = D(null), O = V(null), c = e ?? [], v = Math.max(1, ...c.map((o) => o.zIndex ?? 1)), r = x(
+      (o, z) => {
+        const N = c.map((T) => T.key === o ? { ...T, ...z } : T);
+        i?.(N);
+      },
+      [c, i]
+    ), E = x(
+      (o) => {
+        r(o, { zIndex: v + 1 }), u?.(o);
+      },
+      [r, v, u]
+    ), _ = x(
+      (o) => {
+        s?.(o), i?.(c.filter((z) => z.key !== o));
+      },
+      [c, i, s]
+    ), G = x(
+      (o) => {
+        const z = c.find((N) => N.key === o);
+        z && r(o, { minimized: !z.minimized, maximized: !1 });
+      },
+      [c, r]
+    ), A = x(
+      (o) => {
+        const z = c.find((N) => N.key === o);
+        z && r(o, { maximized: !z.maximized, minimized: !1 });
+      },
+      [c, r]
+    );
+    W(() => {
+      if (!I)
+        return;
+      const o = (N) => {
+        const T = c.find((a) => a.key === I.key);
+        if (T)
+          if (I.mode === "move")
+            r(I.key, {
+              x: N.clientX - I.offsetX,
+              y: N.clientY - I.offsetY
+            });
+          else {
+            const y = O.current?.getBoundingClientRect(), d = y?.left ?? 0, $ = y?.top ?? 0;
+            r(I.key, {
+              width: Math.max(200, N.clientX - d - T.x),
+              height: Math.max(100, N.clientY - $ - T.y)
+            });
+          }
+      }, z = () => R(null);
+      return document.addEventListener("mousemove", o), document.addEventListener("mouseup", z), () => {
+        document.removeEventListener("mousemove", o), document.removeEventListener("mouseup", z);
+      };
+    }, [I, c, r]);
+    const S = x(
+      (o, z, N) => {
+        z.preventDefault();
+        const T = c.find((a) => a.key === o);
+        T && (E(o), R({
+          key: o,
+          offsetX: N === "move" ? z.clientX - T.x : 0,
+          offsetY: N === "move" ? z.clientY - T.y : 0,
+          mode: N
+        }));
+      },
+      [c, E]
+    );
+    return /* @__PURE__ */ g(
+      "div",
+      {
+        ref: (o) => {
+          O.current = o, typeof k == "function" ? k(o) : k && (k.current = o);
+        },
+        id: B,
+        className: `nice-wm nice-wm--${p} ${w ?? ""}`,
+        style: { ...f, position: "relative", overflow: "hidden" },
+        ...l,
+        children: [
+          c.map((o) => {
+            if (o.minimized)
+              return null;
+            const z = o.maximized, N = z ? {
+              position: "absolute",
+              top: 0,
+              left: 0,
+              width: "100%",
+              height: "100%",
+              zIndex: o.zIndex ?? 1
+            } : {
+              position: "absolute",
+              top: o.y,
+              left: o.x,
+              width: o.width,
+              height: o.height,
+              zIndex: o.zIndex ?? 1
+            };
+            return /* @__PURE__ */ g(
+              "div",
+              {
+                className: `nice-wm__window ${z ? "nice-wm__window--maximized" : ""}`,
+                style: N,
+                onMouseDown: () => E(o.key),
+                role: "dialog",
+                "aria-label": o.title,
+                children: [
+                  /* @__PURE__ */ g(
+                    "div",
+                    {
+                      className: "nice-wm__titlebar",
+                      onMouseDown: (T) => !z && S(o.key, T, "move"),
+                      children: [
+                        o.icon && /* @__PURE__ */ t("span", { className: "nice-wm__icon", children: o.icon }),
+                        /* @__PURE__ */ t("span", { className: "nice-wm__title", children: o.title }),
+                        /* @__PURE__ */ g("div", { className: "nice-wm__controls", children: [
+                          (o.minimizable ?? !0) && /* @__PURE__ */ t(
+                            "button",
+                            {
+                              type: "button",
+                              className: "nice-wm__ctrl-btn nice-wm__ctrl-btn--min",
+                              onClick: () => G(o.key),
+                              title: L("wm.minimize", "Minimize"),
+                              children: "─"
+                            }
+                          ),
+                          (o.maximizable ?? !0) && /* @__PURE__ */ t(
+                            "button",
+                            {
+                              type: "button",
+                              className: "nice-wm__ctrl-btn nice-wm__ctrl-btn--max",
+                              onClick: () => A(o.key),
+                              title: L("wm.maximize", "Maximize"),
+                              children: z ? "❐" : "☐"
+                            }
+                          ),
+                          (o.closable ?? !0) && /* @__PURE__ */ t(
+                            "button",
+                            {
+                              type: "button",
+                              className: "nice-wm__ctrl-btn nice-wm__ctrl-btn--close",
+                              onClick: () => _(o.key),
+                              title: L("wm.close", "Close"),
+                              children: "✕"
+                            }
+                          )
+                        ] })
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ t("div", { className: "nice-wm__body", children: o.content }),
+                  (o.resizable ?? !0) && !z && /* @__PURE__ */ t(
+                    "div",
+                    {
+                      className: "nice-wm__resize-handle",
+                      onMouseDown: (T) => S(o.key, T, "resize")
+                    }
+                  )
+                ]
+              },
+              o.key
+            );
+          }),
+          e === void 0 && n,
+          m && /* @__PURE__ */ t("div", { className: "nice-wm__taskbar", role: "toolbar", "aria-label": L("wm.taskbar", "Taskbar"), children: c.map((o) => /* @__PURE__ */ g(
+            "button",
+            {
+              type: "button",
+              className: `nice-wm__taskbar-btn ${o.minimized ? "nice-wm__taskbar-btn--minimized" : ""}`,
+              onClick: () => {
+                o.minimized && G(o.key), E(o.key);
+              },
+              children: [
+                o.icon && /* @__PURE__ */ t("span", { className: "nice-wm__taskbar-icon", children: o.icon }),
+                /* @__PURE__ */ t("span", { className: "nice-wm__taskbar-label", children: o.title })
+              ]
+            },
+            o.key
+          )) })
+        ]
+      }
+    );
+  }
+);
+zt.displayName = "NiceWindowManager";
+function Ct(e, n) {
+  const i = document.querySelector(e);
+  if (!i)
+    return null;
+  const s = i.getBoundingClientRect();
+  return {
+    top: s.top - n + window.scrollY,
+    left: s.left - n + window.scrollX,
+    width: s.width + n * 2,
+    height: s.height + n * 2
+  };
+}
+function It(e, n, i, s) {
+  const m = { w: window.innerWidth, h: window.innerHeight + window.scrollY }, p = {
+    top: {
+      top: e.top - i - 12,
+      left: e.left + e.width / 2 - n / 2
+    },
+    bottom: {
+      top: e.top + e.height + 12,
+      left: e.left + e.width / 2 - n / 2
+    },
+    left: {
+      top: e.top + e.height / 2 - i / 2,
+      left: e.left - n - 12
+    },
+    right: {
+      top: e.top + e.height / 2 - i / 2,
+      left: e.left + e.width + 12
+    }
+  };
+  if (s && s !== "auto")
+    return { ...p[s], actualPlacement: s };
+  for (const w of ["bottom", "top", "right", "left"]) {
+    const f = p[w];
+    if (f.top >= 0 && f.left >= 0 && f.top + i <= m.h && f.left + n <= m.w)
+      return { ...f, actualPlacement: w };
+  }
+  return { ...p.bottom, actualPlacement: "bottom" };
+}
+const Ne = {
+  width: 16,
+  height: 16,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: 2,
+  strokeLinecap: "round",
+  strokeLinejoin: "round",
+  "aria-hidden": !0
+};
+function Mt() {
+  return /* @__PURE__ */ g("svg", { ...Ne, children: [
+    /* @__PURE__ */ t("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+    /* @__PURE__ */ t("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+  ] });
+}
+function Lt() {
+  return /* @__PURE__ */ t("svg", { ...Ne, children: /* @__PURE__ */ t("polyline", { points: "15 18 9 12 15 6" }) });
+}
+function Rt() {
+  return /* @__PURE__ */ t("svg", { ...Ne, children: /* @__PURE__ */ t("polyline", { points: "9 18 15 12 9 6" }) });
+}
+function St() {
+  return /* @__PURE__ */ g("svg", { ...Ne, children: [
+    /* @__PURE__ */ t("polygon", { points: "5 4 15 12 5 20 5 4" }),
+    /* @__PURE__ */ t("line", { x1: "19", y1: "5", x2: "19", y2: "19" })
+  ] });
+}
+function Tt() {
+  return /* @__PURE__ */ t("svg", { ...Ne, children: /* @__PURE__ */ t("polygon", { points: "6 4 20 12 6 20 6 4", fill: "currentColor" }) });
+}
+function $t() {
+  return /* @__PURE__ */ g("svg", { ...Ne, children: [
+    /* @__PURE__ */ t("rect", { x: "6", y: "4", width: "4", height: "16", fill: "currentColor" }),
+    /* @__PURE__ */ t("rect", { x: "14", y: "4", width: "4", height: "16", fill: "currentColor" })
+  ] });
+}
+function Te(e, n, i) {
+  return i === "text" ? /* @__PURE__ */ t("span", { className: "nice-tutorial__btn-label", children: n }) : i === "icon-text" ? /* @__PURE__ */ g(We, { children: [
+    e,
+    /* @__PURE__ */ t("span", { className: "nice-tutorial__btn-label", children: n })
+  ] }) : e;
+}
+const Ze = ({
+  steps: e,
+  active: n,
+  onFinish: i,
+  onSkip: s,
+  onStepChange: u,
+  closeOnEscape: m = !0,
+  closeOnOverlayClick: p = !1,
+  showProgress: w = !0,
+  showSkipButton: f = !0,
+  labels: b,
+  animationDuration: l = 300,
+  overlayOpacity: k = 0.6,
+  zIndex: B = 1e4,
+  buttonsPlacement: L = "floating-bottom",
+  buttonsDisplay: I = "icon",
+  showAutoplay: R = !0,
+  autoplayInterval: O = 5e3,
+  autoplaySpeedRange: c = { min: 2e3, max: 15e3 },
+  onAutoplayChange: v
+}) => {
+  const [r, E] = D(0), [_, G] = D(null), [A, S] = D({ w: 340, h: 200 }), [o, z] = D(!0), [N, T] = D(!1), [a, y] = D(O), d = V(null), $ = V(-1), h = e[r], Y = r === e.length - 1, H = r === 0, Z = b?.next ?? "Next", ne = b?.back ?? "Back", ie = b?.finish ?? "Finish", fe = b?.skip ?? "Skip", pe = b?.stepOf ?? "of", we = b?.play ?? "Play", _e = b?.pause ?? "Pause", Re = b?.speed ?? "Speed", ke = b?.close ?? "Close";
+  W(() => {
+    n && (E(0), T(!1), y(O));
+  }, [n, O]), W(() => {
+    if (d.current) {
+      const M = d.current.getBoundingClientRect();
+      S({ w: M.width, h: M.height });
+    }
+  }, [r, n]), W(() => {
+    if (!n || !h)
+      return;
+    const M = h.highlightPadding ?? 0, P = () => {
+      const U = Ct(h.target, M);
+      G(U);
+    };
+    if (P(), h.scrollIntoView !== !1) {
+      document.querySelector(h.target)?.scrollIntoView({ behavior: "smooth", block: "center" });
+      const J = setTimeout(P, 350);
+      return () => clearTimeout(J);
+    }
+  }, [n, h, r]), W(() => {
+    !n || !h || $.current !== r && ($.current >= 0 && $.current < e.length && e[$.current]?.onLeave?.(), h.onEnter?.(), $.current = r);
+  }, [n, h, r, e]);
+  const oe = x(() => {
+    if (Y)
+      h?.onLeave?.(), i?.();
+    else {
+      const M = r + 1;
+      E(M), u?.(M);
+    }
+  }, [r, Y, i, u, h]), ge = x(() => {
+    if (!H) {
+      const M = r - 1;
+      E(M), u?.(M);
+    }
+  }, [r, H, u]);
+  W(() => {
+    if (!n || !h?.advanceOn)
+      return;
+    const M = document.querySelector(h.target);
+    if (!M)
+      return;
+    const P = () => oe();
+    return M.addEventListener(h.advanceOn.event, P), () => M.removeEventListener(h.advanceOn.event, P);
+  }, [n, h, r, oe]), W(() => {
+    if (!n)
+      return;
+    const M = (P) => {
+      P.key === "Escape" && m ? s?.() : P.key === "ArrowRight" ? oe() : P.key === "ArrowLeft" && ge();
+    };
+    return document.addEventListener("keydown", M), () => document.removeEventListener("keydown", M);
+  }, [n, r, m, oe, ge, s]), W(() => {
+    z(!0);
+    const M = setTimeout(() => z(!1), l);
+    return () => clearTimeout(M);
+  }, [r, l]), W(() => {
+    if (!n || !N)
+      return;
+    const M = setInterval(
+      () => {
+        E((P) => {
+          if (P >= e.length - 1)
+            return T(!1), v?.(!1), e[P]?.onLeave?.(), i?.(), P;
+          const U = P + 1;
+          return u?.(U), U;
+        });
+      },
+      Math.max(500, a)
+    );
+    return () => clearInterval(M);
+  }, [n, N, a, e, v, i, u]);
+  const Se = x(() => {
+    T((M) => {
+      const P = !M;
+      return v?.(P), P;
+    });
+  }, [v]), ve = $e(() => _ ? It(_, A.w, A.h, h?.placement) : {
+    top: typeof window < "u" ? window.innerHeight / 2 : 0,
+    left: typeof window < "u" ? window.innerWidth / 2 : 0,
+    actualPlacement: "bottom"
+  }, [_, A, h?.placement]), Ee = e.length === 0 ? 0 : (r + 1) / e.length * 100, ce = x(
+    (M) => {
+      const P = R && e.length > 1, U = f && !Y && /* @__PURE__ */ t(
+        "button",
+        {
+          type: "button",
+          className: `nice-tutorial__btn nice-tutorial__btn--skip nice-tutorial__btn--${I}`,
+          onClick: s,
+          "aria-label": fe,
+          title: fe,
+          children: Te(/* @__PURE__ */ t(St, {}), fe, I)
+        }
+      ), J = !H && /* @__PURE__ */ t(
+        "button",
+        {
+          type: "button",
+          className: `nice-tutorial__btn nice-tutorial__btn--back nice-tutorial__btn--${I}`,
+          onClick: ge,
+          "aria-label": ne,
+          title: ne,
+          children: Te(/* @__PURE__ */ t(Lt, {}), ne, I)
+        }
+      ), be = !h?.waitForAction && /* @__PURE__ */ t(
+        "button",
+        {
+          type: "button",
+          className: `nice-tutorial__btn nice-tutorial__btn--next nice-tutorial__btn--${I}`,
+          onClick: oe,
+          "aria-label": Y ? ie : Z,
+          title: Y ? ie : Z,
+          children: Te(/* @__PURE__ */ t(Rt, {}), Y ? ie : Z, I)
+        }
+      ), ye = P && /* @__PURE__ */ t(
+        "button",
+        {
+          type: "button",
+          className: [
+            "nice-tutorial__btn",
+            "nice-tutorial__btn--play",
+            `nice-tutorial__btn--${I}`,
+            N ? "nice-tutorial__btn--active" : ""
+          ].filter(Boolean).join(" "),
+          onClick: Se,
+          "aria-label": N ? _e : we,
+          title: N ? _e : we,
+          "aria-pressed": N,
+          children: Te(
+            N ? /* @__PURE__ */ t($t, {}) : /* @__PURE__ */ t(Tt, {}),
+            N ? _e : we,
+            I
+          )
+        }
+      );
+      return /* @__PURE__ */ g(
+        "div",
+        {
+          className: [
+            "nice-tutorial__controls",
+            M ? "nice-tutorial__controls--inline" : "nice-tutorial__controls--floating-bottom"
+          ].join(" "),
+          style: M ? void 0 : { zIndex: B + 2 },
+          role: "group",
+          "aria-label": "Tutorial controls",
+          children: [
+            U,
+            J,
+            w && /* @__PURE__ */ g("span", { className: "nice-tutorial__step-label", "aria-live": "polite", children: [
+              r + 1,
+              " ",
+              pe,
+              " ",
+              e.length
+            ] }),
+            be,
+            P && /* @__PURE__ */ t(
+              "div",
+              {
+                className: "nice-tutorial__progress-bar",
+                role: "progressbar",
+                "aria-valuenow": Math.round(Ee),
+                "aria-valuemin": 0,
+                "aria-valuemax": 100,
+                "aria-label": `${r + 1} ${pe} ${e.length}`,
+                children: /* @__PURE__ */ t(
+                  "div",
+                  {
+                    className: "nice-tutorial__progress-bar-fill",
+                    style: { width: `${Ee}%` }
+                  }
+                )
+              }
+            ),
+            ye,
+            P && /* @__PURE__ */ g("label", { className: "nice-tutorial__speed", children: [
+              /* @__PURE__ */ t(
+                "input",
+                {
+                  type: "range",
+                  className: "nice-tutorial__speed-slider",
+                  min: c.min,
+                  max: c.max,
+                  step: 500,
+                  value: c.min + c.max - a,
+                  onChange: (Ye) => y(c.min + c.max - Number(Ye.target.value)),
+                  "aria-label": Re
+                }
+              ),
+              /* @__PURE__ */ g("span", { className: "nice-tutorial__speed-value", children: [
+                (a / 1e3).toFixed(1),
+                "s"
+              ] })
+            ] })
+          ]
+        }
+      );
+    },
+    [
+      R,
+      f,
+      w,
+      I,
+      H,
+      Y,
+      s,
+      fe,
+      ne,
+      Z,
+      ie,
+      we,
+      _e,
+      Re,
+      pe,
+      ge,
+      oe,
+      h,
+      N,
+      Se,
+      r,
+      e.length,
+      Ee,
+      a,
+      c,
+      B
+    ]
+  );
+  if (!n || !h)
+    return null;
+  const ze = typeof document < "u" ? Math.max(document.documentElement.scrollWidth, window.innerWidth) : 0, q = typeof document < "u" ? Math.max(document.documentElement.scrollHeight, window.innerHeight) : 0;
+  return /* @__PURE__ */ g(
+    "div",
+    {
+      className: "nice-tutorial",
+      style: { zIndex: B },
+      "aria-modal": "true",
+      role: "dialog",
+      "aria-label": "Tutorial",
+      children: [
+        /* @__PURE__ */ g(
+          "svg",
+          {
+            className: "nice-tutorial__overlay",
+            style: {
+              position: "absolute",
+              top: 0,
+              left: 0,
+              width: ze,
+              height: q,
+              pointerEvents: "auto"
+            },
+            onClick: p ? s : void 0,
+            children: [
+              /* @__PURE__ */ t("defs", { children: /* @__PURE__ */ g("mask", { id: "nice-tutorial-mask", children: [
+                /* @__PURE__ */ t("rect", { x: "0", y: "0", width: "100%", height: "100%", fill: "white" }),
+                _ && /* @__PURE__ */ t(
+                  "rect",
+                  {
+                    x: _.left,
+                    y: _.top,
+                    width: _.width,
+                    height: _.height,
+                    rx: "4",
+                    fill: "black",
+                    className: o ? "nice-tutorial__spotlight--entering" : ""
+                  }
+                )
+              ] }) }),
+              /* @__PURE__ */ t(
+                "rect",
+                {
+                  x: "0",
+                  y: "0",
+                  width: "100%",
+                  height: "100%",
+                  fill: `rgba(0,0,0,${k})`,
+                  mask: "url(#nice-tutorial-mask)"
+                }
+              )
+            ]
+          }
+        ),
+        _ && /* @__PURE__ */ t(
+          "div",
+          {
+            className: `nice-tutorial__highlight ${o ? "nice-tutorial__highlight--entering" : ""}`,
+            style: {
+              position: "absolute",
+              top: _.top,
+              left: _.left,
+              width: _.width,
+              height: _.height,
+              transition: `all ${l}ms ease`
+            }
+          }
+        ),
+        h.disableInteraction && _ && /* @__PURE__ */ t(
+          "div",
+          {
+            className: "nice-tutorial__blocker",
+            style: {
+              position: "absolute",
+              top: _.top,
+              left: _.left,
+              width: _.width,
+              height: _.height
+            }
+          }
+        ),
+        /* @__PURE__ */ g(
+          "div",
+          {
+            ref: d,
+            className: `nice-tutorial__tooltip nice-tutorial__tooltip--${ve.actualPlacement} ${o ? "nice-tutorial__tooltip--entering" : ""}`,
+            style: {
+              position: "absolute",
+              top: ve.top,
+              left: ve.left,
+              transition: `all ${l}ms ease`,
+              maxWidth: 380,
+              zIndex: B + 1
+            },
+            children: [
+              h.showArrow !== !1 && /* @__PURE__ */ t(
+                "div",
+                {
+                  className: `nice-tutorial__arrow nice-tutorial__arrow--${ve.actualPlacement}`
+                }
+              ),
+              /* @__PURE__ */ g("div", { className: "nice-tutorial__header", children: [
+                /* @__PURE__ */ t("h4", { className: "nice-tutorial__title", children: h.title }),
+                f && /* @__PURE__ */ t(
+                  "button",
+                  {
+                    type: "button",
+                    className: "nice-tutorial__close",
+                    onClick: s,
+                    "aria-label": ke,
+                    title: ke,
+                    children: /* @__PURE__ */ t(Mt, {})
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ t(
+                "div",
+                {
+                  className: "nice-tutorial__content",
+                  dangerouslySetInnerHTML: { __html: _t(h.content) }
+                }
+              ),
+              L === "inline" && ce(!0)
+            ]
+          }
+        ),
+        L === "floating-bottom" && ce(!1)
+      ]
+    }
+  );
+};
+Ze.displayName = "NiceTutorial";
+const Je = Ge({
+  startTutorial: () => {
+  },
+  stopTutorial: () => {
+  },
+  isActive: !1,
+  currentStep: 0,
+  nextStep: () => {
+  },
+  prevStep: () => {
+  },
+  goToStep: () => {
+  }
+});
+function Vt() {
+  return je(Je);
+}
+const Pt = ({ children: e }) => {
+  const [n, i] = D([]), [s, u] = D(!1), [m, p] = D(0), w = x((L) => {
+    i(L), p(0), u(!0);
+  }, []), f = x(() => {
+    u(!1), p(0), i([]);
+  }, []), b = x(() => {
+    p((L) => Math.min(L + 1, n.length - 1));
+  }, [n.length]), l = x(() => {
+    p((L) => Math.max(L - 1, 0));
+  }, []), k = x(
+    (L) => {
+      p(Math.max(0, Math.min(L, n.length - 1)));
+    },
+    [n.length]
+  ), B = {
+    startTutorial: w,
+    stopTutorial: f,
+    isActive: s,
+    currentStep: m,
+    nextStep: b,
+    prevStep: l,
+    goToStep: k
+  };
+  return /* @__PURE__ */ g(Je.Provider, { value: B, children: [
+    e,
+    s && n.length > 0 && /* @__PURE__ */ t(
+      Ze,
+      {
+        steps: n,
+        active: s,
+        onFinish: f,
+        onSkip: f,
+        onStepChange: p
+      }
+    )
+  ] });
+};
+Pt.displayName = "NiceTutorialProvider";
+function Yt(e, n, i, s, u) {
+  const m = e <= u, p = e + u >= i, w = n <= u, f = n + u >= s;
+  return w && m ? "top-left" : w && p ? "top-right" : f && m ? "bottom-left" : f && p ? "bottom-right" : m ? "left" : p ? "right" : w ? "top" : f ? "bottom" : "none";
+}
+function Xt(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 Dt = Fe(
+  ({
+    windowKey: e,
+    title: n,
+    icon: i,
+    children: s,
+    footer: u,
+    x: m,
+    y: p,
+    defaultPosition: w,
+    width: f = 480,
+    height: b = 360,
+    minWidth: l = 200,
+    minHeight: k = 120,
+    maxWidth: B,
+    maxHeight: L,
+    zIndex: I = 1,
+    closable: R = !0,
+    minimizable: O = !0,
+    maximizable: c = !0,
+    fullscreenable: v = !1,
+    pinnable: r = !1,
+    resizable: E = !0,
+    draggable: _ = !0,
+    snappable: G = !0,
+    snapThreshold: A = 20,
+    minimized: S,
+    maximized: o,
+    fullscreen: z,
+    pinned: N,
+    focused: T,
+    onClose: a,
+    onMinimize: y,
+    onMaximize: d,
+    onFullscreen: $,
+    onPin: h,
+    onFocus: Y,
+    onMove: H,
+    onResize: Z,
+    onSnap: ne,
+    onTitleBarDoubleClick: ie,
+    size: fe = "md",
+    statusBar: pe,
+    titleBarActions: we,
+    className: _e,
+    style: Re,
+    id: ke,
+    accessMode: oe,
+    ...ge
+  }, Se) => {
+    const ve = He(ke), Ee = gt(oe, ke), { t: ce } = Pe(), ze = V(null);
+    ze.current == null && (ze.current = `nice-window-${Math.random().toString(36).slice(2, 10)}`);
+    const q = e ?? ze.current, M = m ?? w?.x ?? 100, P = p ?? w?.y ?? 100;
+    if (Ee === "hidden")
+      return null;
+    const [U, J] = D({ x: M, y: P }), [be, ye] = D({ width: f, height: b }), [Ye, Qe] = D(!1), [et, tt] = D(!1), [nt, it] = D(!1), [ot, ct] = D(!1), [ee, Xe] = D("none"), rt = S ?? Ye, Q = o ?? et, K = z ?? nt, Ce = N ?? ot, De = T ?? !0, me = U.x, he = U.y, re = be.width, se = be.height, le = V(
+      null
+    ), j = V(null), X = V(null), st = x(() => {
+      a?.(q);
+    }, [q, a]), lt = x(() => {
+      Qe(!0), y?.(q);
+    }, [q, y]), Be = x(() => {
+      const C = !Q;
+      tt(C), !C && X.current ? (J({ x: X.current.x, y: X.current.y }), ye({ width: X.current.w, height: X.current.h }), X.current = null) : C && (X.current = { x: me, y: he, w: re, h: se }), Xe("none"), d?.(q, C);
+    }, [q, Q, me, he, re, se, d]), Oe = x(() => {
+      const C = !K;
+      it(C), C ? X.current = { x: me, y: he, w: re, h: se } : X.current && (J({ x: X.current.x, y: X.current.y }), ye({ width: X.current.w, height: X.current.h }), X.current = null), $?.(q, C);
+    }, [q, K, me, he, re, se, $]), at = x(() => {
+      const C = !Ce;
+      ct(C), h?.(q, C);
+    }, [q, Ce, h]), Ie = x(() => {
+      Y?.(q);
+    }, [q, Y]), dt = x(() => {
+      ie ? ie(q) : c && Be();
+    }, [q, c, Be, ie]);
+    W(() => {
+      const C = (ae) => {
+        if (!le.current)
+          return;
+        const te = ae.clientX - le.current.startX + le.current.origX, Me = ae.clientY - le.current.startY + le.current.origY;
+        J({ x: te, y: Me }), H?.(q, { x: te, y: Me });
+      }, F = (ae) => {
+        if (le.current) {
+          if (G) {
+            const te = Yt(
+              ae.clientX,
+              ae.clientY,
+              window.innerWidth,
+              window.innerHeight,
+              A
+            );
+            te !== "none" && (X.current = { x: U.x, y: U.y, w: re, h: se }, Xe(te), ne?.(q, te));
+          }
+          le.current = null;
+        }
+      };
+      return document.addEventListener("mousemove", C), document.addEventListener("mouseup", F), () => {
+        document.removeEventListener("mousemove", C), document.removeEventListener("mouseup", F);
+      };
+    });
+    const ut = x(
+      (C) => {
+        !_ || Q || K || (C.preventDefault(), ee !== "none" && (X.current && (J({ x: X.current.x, y: X.current.y }), ye({ width: X.current.w, height: X.current.h })), Xe("none")), Ie(), le.current = { startX: C.clientX, startY: C.clientY, origX: me, origY: he });
+      },
+      [_, Q, K, ee, me, he, Ie]
+    );
+    W(() => {
+      const C = (ae) => {
+        if (!j.current)
+          return;
+        const te = ae.clientX - j.current.startX, Me = ae.clientY - j.current.startY, xe = j.current.handle;
+        let de = j.current.origW, ue = j.current.origH;
+        if (xe.includes("e") && (de = j.current.origW + te), xe.includes("w") && (de = j.current.origW - te), xe.includes("s") && (ue = j.current.origH + Me), xe.includes("n") && (ue = j.current.origH - Me), de = Math.max(l, B ? Math.min(B, de) : de), ue = Math.max(k, L ? Math.min(L, ue) : ue), xe.includes("w")) {
+          const qe = be.width - de;
+          J((Le) => ({ ...Le, x: Le.x + qe }));
+        }
+        if (xe.includes("n")) {
+          const qe = be.height - ue;
+          J((Le) => ({ ...Le, y: Le.y + qe }));
+        }
+        ye({ width: de, height: ue }), Z?.(q, { width: de, height: ue });
+      }, F = () => {
+        j.current = null;
+      };
+      return document.addEventListener("mousemove", C), document.addEventListener("mouseup", F), () => {
+        document.removeEventListener("mousemove", C), document.removeEventListener("mouseup", F);
+      };
+    });
+    const mt = x(
+      (C, F) => {
+        !E || Q || K || ee !== "none" || (F.preventDefault(), F.stopPropagation(), Ie(), j.current = { startX: F.clientX, startY: F.clientY, origW: re, origH: se, handle: C });
+      },
+      [E, Q, K, ee, re, se, Ie]
+    );
+    if (W(() => {
+      if (!De)
+        return;
+      const C = (F) => {
+        F.key === "Escape" && K && Oe();
+      };
+      return document.addEventListener("keydown", C), () => document.removeEventListener("keydown", C);
+    }, [De, K, Oe]), rt)
+      return null;
+    const Ue = ee !== "none" ? Xt(ee) : null, Ke = Q || K, ht = K ? { position: "fixed", top: 0, left: 0, width: "100vw", height: "100vh", zIndex: 999999 } : Q ? { position: "absolute", top: 0, left: 0, width: "100%", height: "100%", zIndex: I } : Ue ? { position: "absolute", ...Ue, zIndex: I } : { position: "absolute", top: he, left: me, width: re, height: se, zIndex: I }, ft = ["n", "e", "s", "w", "ne", "se", "sw", "nw"], pt = {
+      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__ */ g(
+      "div",
+      {
+        ref: Se,
+        id: ve,
+        className: `nice-window nice-window--${fe} ${De ? "nice-window--focused" : ""} ${Ce ? "nice-window--pinned" : ""} ${Ke ? "nice-window--maximized" : ""} ${ee !== "none" ? `nice-window--snapped-${ee}` : ""} ${_e ?? ""}`,
+        style: { ...ht, ...Re },
+        onMouseDown: Ie,
+        role: "dialog",
+        "aria-label": n,
+        ...ge,
+        children: [
+          /* @__PURE__ */ g(
+            "div",
+            {
+              className: "nice-window__titlebar",
+              onMouseDown: ut,
+              onDoubleClick: dt,
+              children: [
+                i && /* @__PURE__ */ t("span", { className: "nice-window__icon", children: i }),
+                /* @__PURE__ */ t("span", { className: "nice-window__title", children: n }),
+                /* @__PURE__ */ g("div", { className: "nice-window__actions", children: [
+                  we,
+                  r && /* @__PURE__ */ t(
+                    "button",
+                    {
+                      type: "button",
+                      className: `nice-window__action nice-window__action--pin ${Ce ? "nice-window__action--active" : ""}`,
+                      onClick: at,
+                      title: ce("window.pin", Ce ? "Unpin" : "Pin"),
+                      children: "📌"
+                    }
+                  ),
+                  O && /* @__PURE__ */ t(
+                    "button",
+                    {
+                      type: "button",
+                      className: "nice-window__action nice-window__action--minimize",
+                      onClick: lt,
+                      title: ce("window.minimize", "Minimize"),
+                      children: "─"
+                    }
+                  ),
+                  c && /* @__PURE__ */ t(
+                    "button",
+                    {
+                      type: "button",
+                      className: "nice-window__action nice-window__action--maximize",
+                      onClick: Be,
+                      title: ce("window.maximize", Q ? "Restore" : "Maximize"),
+                      children: Q ? "❐" : "☐"
+                    }
+                  ),
+                  v && /* @__PURE__ */ t(
+                    "button",
+                    {
+                      type: "button",
+                      className: "nice-window__action nice-window__action--fullscreen",
+                      onClick: Oe,
+                      title: ce("window.fullscreen", K ? "Exit Full Screen" : "Full Screen"),
+                      children: K ? "⇲" : "⇱"
+                    }
+                  ),
+                  R && /* @__PURE__ */ t(
+                    "button",
+                    {
+                      type: "button",
+                      className: "nice-window__action nice-window__action--close",
+                      onClick: st,
+                      title: ce("window.close", "Close"),
+                      children: "✕"
+                    }
+                  )
+                ] })
+              ]
+            }
+          ),
+          /* @__PURE__ */ t("div", { className: "nice-window__body", children: s }),
+          u && /* @__PURE__ */ t("div", { className: "nice-window__footer", children: u }),
+          pe && /* @__PURE__ */ t("div", { className: "nice-window__statusbar", children: pe }),
+          E && !Ke && ee === "none" && /* @__PURE__ */ t(We, { children: ft.map((C) => /* @__PURE__ */ t(
+            "div",
+            {
+              className: `nice-window__resize nice-window__resize--${C}`,
+              style: { cursor: pt[C] },
+              onMouseDown: (F) => mt(C, F)
+            },
+            C
+          )) })
+        ]
+      }
+    );
+  }
+);
+Dt.displayName = "NiceWindow";
+export {
+  At as N,
+  Et as a,
+  Ft as b,
+  kt as c,
+  Ht as d,
+  Wt as e,
+  Kt as f,
+  Ut as g,
+  jt as h,
+  Ze as i,
+  Pt as j,
+  Dt as k,
+  zt as l,
+  Gt as m,
+  Ae as n,
+  yt as o,
+  Vt as p,
+  Nt as u
+};