@nice2dev/ui 1.0.17 → 1.0.19

package/dist/NiceWindow-Bo_yCa1o.js

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