@nice2dev/ui-printing 1.0.28

package/dist/index.mjs

@@ -0,0 +1,3085 @@
+import { jsxs as s, jsx as e, Fragment as Y } from "react/jsx-runtime";
+import We, { useReducer as je, useState as M, useCallback as $, useMemo as oe, useEffect as ye, useRef as Fe } from "react";
+import { useNiceTranslation as Oe } from "@nice2dev/ui";
+import { createPortal as Ue } from "react-dom";
+const Ye = "_root_552wg_3", qe = "_dark_552wg_27", Ke = "_toolbar_552wg_39", Ve = "_toolbarGroup_552wg_75", Ze = "_toolbarBtn_552wg_107", Xe = "_toolbarBtnActive_552wg_167", Je = "_toolbarBtnDanger_552wg_191", Qe = "_toolbarSelect_552wg_203", et = "_toolbarSep_552wg_233", tt = "_insertWrapper_552wg_259", at = "_insertBtn_552wg_267", nt = "_insertDropdown_552wg_289", st = "_insertCategory_552wg_329", rt = "_insertItem_552wg_347", lt = "_insertIcon_552wg_391", it = "_zoomSelect_552wg_405", ot = "_saveBtn_552wg_437", ct = "_editorBody_552wg_473", dt = "_leftPanel_552wg_489", pt = "_leftTabs_552wg_519", mt = "_leftTab_552wg_519", ut = "_leftTabActive_552wg_591", ht = "_leftTabIcon_552wg_611", _t = "_leftTabLabel_552wg_619", gt = "_leftContent_552wg_629", yt = "_panelHeader_552wg_643", bt = "_panelHeaderIcon_552wg_667", wt = "_panelHeaderName_552wg_675", vt = "_searchBox_552wg_689", Nt = "_searchInput_552wg_697", ft = "_fieldList_552wg_743", kt = "_fieldItem_552wg_753", St = "_fieldItemIcon_552wg_797", Bt = "_fieldItemInfo_552wg_811", Ct = "_fieldItemLabel_552wg_821", It = "_fieldItemPath_552wg_837", Lt = "_fieldItemType_552wg_853", xt = "_layerList_552wg_873", zt = "_layerItem_552wg_885", Dt = "_layerItemSelected_552wg_919", Tt = "_layerIcon_552wg_937", $t = "_layerName_552wg_949", Rt = "_layerActions_552wg_965", At = "_layerBtn_552wg_987", Pt = "_wmList_552wg_1019", Mt = "_wmItem_552wg_1027", Et = "_wmRow_552wg_1053", Gt = "_wmLabel_552wg_1067", Ht = "_wmInput_552wg_1079", Wt = "_wmInputNum_552wg_1111", jt = "_wmSelect_552wg_1131", Ft = "_wmSlider_552wg_1163", Ot = "_wmValue_552wg_1173", Ut = "_wmUnit_552wg_1187", Yt = "_wmDelete_552wg_1197", qt = "_addBtn_552wg_1229", Kt = "_settingsForm_552wg_1265", Vt = "_settingsRow_552wg_1273", Zt = "_settingsLabel_552wg_1287", Xt = "_settingsInput_552wg_1299", Jt = "_settingsInputNum_552wg_1331", Qt = "_settingsTextarea_552wg_1363", ea = "_settingsDivider_552wg_1397", ta = "_settingsUnit_552wg_1417", aa = "_emptyMsg_552wg_1429", na = "_canvasArea_552wg_1447", sa = "_testDataBar_552wg_1473", ra = "_testDataLabel_552wg_1505", la = "_testDataSelect_552wg_1515", ia = "_rulerWrapper_552wg_1535", oa = "_rulerCorner_552wg_1551", ca = "_ruler_552wg_1535", da = "_ruler_h_552wg_1609", pa = "_ruler_v_552wg_1619", ma = "_rulerTick_552wg_1639", ua = "_rulerTickMajor_552wg_1679", ha = "_rulerLabel_552wg_1699", _a = "_paperScroll_552wg_1737", ga = "_paperShadow_552wg_1755", ya = "_marginGuide_552wg_1779", ba = "_watermark_552wg_1795", wa = "_sectionCanvas_552wg_1821", va = "_sectionCanvasOver_552wg_1835", Na = "_sectionTypeChip_552wg_1843", fa = "_sectionResizeBar_552wg_1875", ka = "_sectionResizeGrip_552wg_1909", Sa = "_fieldImagePlaceholder_552wg_1925", Ba = "_fieldBarcodePlaceholder_552wg_1947", Ca = "_fieldSignaturePlaceholder_552wg_1975", Ia = "_resizeHandle_552wg_2001", La = "_handle_n_552wg_2021", xa = "_handle_s_552wg_2023", za = "_handle_e_552wg_2025", Da = "_handle_w_552wg_2027", Ta = "_handle_ne_552wg_2029", $a = "_handle_nw_552wg_2031", Ra = "_handle_se_552wg_2033", Aa = "_handle_sw_552wg_2035", Pa = "_rightPanel_552wg_2041", Ma = "_rightTabs_552wg_2071", Ea = "_rightTab_552wg_2071", Ga = "_rightTabActive_552wg_2135", Ha = "_propsBody_552wg_2147", Wa = "_propsEmpty_552wg_2159", ja = "_propsEmptyIcon_552wg_2181", Fa = "_propsEmptyText_552wg_2191", Oa = "_posGrid_552wg_2203", Ua = "_posCell_552wg_2217", Ya = "_posLabel_552wg_2229", qa = "_posInput_552wg_2241", Ka = "_posUnit_552wg_2283", Va = "_snapSection_552wg_2295", Za = "_snapTitle_552wg_2303", Xa = "_snapRow_552wg_2321", Ja = "_snapBtn_552wg_2331", Qa = "_styleGroup_552wg_2365", en = "_styleGroupTitle_552wg_2373", tn = "_styleRow_552wg_2403", an = "_styleLabel_552wg_2417", nn = "_styleSelect_552wg_2431", sn = "_styleSelectFull_552wg_2461", rn = "_styleSelectSm_552wg_2493", ln = "_styleSelectXs_552wg_2513", on = "_styleInput_552wg_2545", cn = "_styleInputFull_552wg_2577", dn = "_styleUnit_552wg_2609", pn = "_styleValue_552wg_2621", mn = "_toggleGroup_552wg_2635", un = "_toggleBtn_552wg_2645", hn = "_toggleBtnActive_552wg_2675", _n = "_colorPicker_552wg_2689", gn = "_colorHex_552wg_2707", yn = "_clearBtn_552wg_2741", bn = "_sliderInput_552wg_2773", wn = "_conditionalHint_552wg_2785", vn = "_clearConditionalBtn_552wg_2817", Nn = "_shortcutGrid_552wg_2849", fn = "_shortcutChip_552wg_2863", kn = "_shortcutKeys_552wg_2895", Sn = "_shortcutLabel_552wg_2915", t = {
+  root: Ye,
+  dark: qe,
+  toolbar: Ke,
+  toolbarGroup: Ve,
+  toolbarBtn: Ze,
+  toolbarBtnActive: Xe,
+  toolbarBtnDanger: Je,
+  toolbarSelect: Qe,
+  toolbarSep: et,
+  insertWrapper: tt,
+  insertBtn: at,
+  insertDropdown: nt,
+  insertCategory: st,
+  insertItem: rt,
+  insertIcon: lt,
+  zoomSelect: it,
+  saveBtn: ot,
+  editorBody: ct,
+  leftPanel: dt,
+  leftTabs: pt,
+  leftTab: mt,
+  leftTabActive: ut,
+  leftTabIcon: ht,
+  leftTabLabel: _t,
+  leftContent: gt,
+  panelHeader: yt,
+  panelHeaderIcon: bt,
+  panelHeaderName: wt,
+  searchBox: vt,
+  searchInput: Nt,
+  fieldList: ft,
+  fieldItem: kt,
+  fieldItemIcon: St,
+  fieldItemInfo: Bt,
+  fieldItemLabel: Ct,
+  fieldItemPath: It,
+  fieldItemType: Lt,
+  layerList: xt,
+  layerItem: zt,
+  layerItemSelected: Dt,
+  layerIcon: Tt,
+  layerName: $t,
+  layerActions: Rt,
+  layerBtn: At,
+  wmList: Pt,
+  wmItem: Mt,
+  wmRow: Et,
+  wmLabel: Gt,
+  wmInput: Ht,
+  wmInputNum: Wt,
+  wmSelect: jt,
+  wmSlider: Ft,
+  wmValue: Ot,
+  wmUnit: Ut,
+  wmDelete: Yt,
+  addBtn: qt,
+  settingsForm: Kt,
+  settingsRow: Vt,
+  settingsLabel: Zt,
+  settingsInput: Xt,
+  settingsInputNum: Jt,
+  settingsTextarea: Qt,
+  settingsDivider: ea,
+  settingsUnit: ta,
+  emptyMsg: aa,
+  canvasArea: na,
+  testDataBar: sa,
+  testDataLabel: ra,
+  testDataSelect: la,
+  rulerWrapper: ia,
+  rulerCorner: oa,
+  ruler: ca,
+  ruler_h: da,
+  ruler_v: pa,
+  rulerTick: ma,
+  rulerTickMajor: ua,
+  rulerLabel: ha,
+  paperScroll: _a,
+  paperShadow: ga,
+  marginGuide: ya,
+  watermark: ba,
+  sectionCanvas: wa,
+  sectionCanvasOver: va,
+  sectionTypeChip: Na,
+  sectionResizeBar: fa,
+  sectionResizeGrip: ka,
+  fieldImagePlaceholder: Sa,
+  fieldBarcodePlaceholder: Ba,
+  fieldSignaturePlaceholder: Ca,
+  resizeHandle: Ia,
+  handle_n: La,
+  handle_s: xa,
+  handle_e: za,
+  handle_w: Da,
+  handle_ne: Ta,
+  handle_nw: $a,
+  handle_se: Ra,
+  handle_sw: Aa,
+  rightPanel: Pa,
+  rightTabs: Ma,
+  rightTab: Ea,
+  rightTabActive: Ga,
+  propsBody: Ha,
+  propsEmpty: Wa,
+  propsEmptyIcon: ja,
+  propsEmptyText: Fa,
+  posGrid: Oa,
+  posCell: Ua,
+  posLabel: Ya,
+  posInput: qa,
+  posUnit: Ka,
+  snapSection: Va,
+  snapTitle: Za,
+  snapRow: Xa,
+  snapBtn: Ja,
+  styleGroup: Qa,
+  styleGroupTitle: en,
+  styleRow: tn,
+  styleLabel: an,
+  styleSelect: nn,
+  styleSelectFull: sn,
+  styleSelectSm: rn,
+  styleSelectXs: ln,
+  styleInput: on,
+  styleInputFull: cn,
+  styleUnit: dn,
+  styleValue: pn,
+  toggleGroup: mn,
+  toggleBtn: un,
+  toggleBtnActive: hn,
+  colorPicker: _n,
+  colorHex: gn,
+  clearBtn: yn,
+  sliderInput: bn,
+  conditionalHint: wn,
+  clearConditionalBtn: vn,
+  shortcutGrid: Nn,
+  shortcutChip: fn,
+  shortcutKeys: kn,
+  shortcutLabel: Sn
+}, F = 3.78, Ne = {
+  A3: [297, 420],
+  A4: [210, 297],
+  A5: [148, 210],
+  A6: [105, 148],
+  Letter: [216, 279],
+  Legal: [216, 356],
+  Tabloid: [279, 432],
+  custom: [210, 297]
+}, Bn = [
+  "sans-serif",
+  "serif",
+  "monospace",
+  "Arial",
+  "Times New Roman",
+  "Courier New",
+  "Georgia",
+  "Verdana",
+  "Tahoma"
+], fe = [6, 7, 8, 9, 10, 11, 12, 14, 16, 18, 20, 24, 28, 32, 36, 48, 60, 72], ce = {
+  text: "📝",
+  number: "#",
+  currency: "€",
+  date: "📅",
+  datetime: "🕐",
+  boolean: "✓",
+  image: "🖼",
+  barcode: "▮▌▮",
+  qr: "⬛",
+  signature: "✍",
+  static_text: "T",
+  static_image: "🖼",
+  line: "─",
+  rect: "▭",
+  page_number: "#p",
+  total_pages: "#pp",
+  print_date: "📅"
+}, de = {
+  text: "Tekst",
+  number: "Liczba",
+  currency: "Waluta",
+  date: "Data",
+  datetime: "Data i czas",
+  boolean: "Tak/Nie",
+  image: "Obraz",
+  barcode: "Kod kreskowy",
+  qr: "QR",
+  signature: "Podpis",
+  static_text: "Tekst stały",
+  static_image: "Obraz stały",
+  line: "Linia",
+  rect: "Prostokąt",
+  page_number: "Numer strony",
+  total_pages: "Liczba stron",
+  print_date: "Data wydruku"
+};
+function Cn(a, i) {
+  switch (i.type) {
+    case "UPDATE":
+      return {
+        past: [...a.past.slice(-50), a.present],
+        present: i.payload,
+        future: []
+      };
+    case "UNDO":
+      return a.past.length ? {
+        past: a.past.slice(0, -1),
+        present: a.past[a.past.length - 1],
+        future: [a.present, ...a.future]
+      } : a;
+    case "REDO":
+      return a.future.length ? {
+        past: [...a.past, a.present],
+        present: a.future[0],
+        future: a.future.slice(1)
+      } : a;
+    default:
+      return a;
+  }
+}
+function se() {
+  return `f-${Date.now()}-${Math.floor(Math.random() * 1e3)}`;
+}
+function ke(a, i) {
+  const p = {
+    id: se(),
+    name: (i == null ? void 0 : i.label) ?? de[a] ?? a,
+    label: (i == null ? void 0 : i.label) ?? de[a] ?? a,
+    type: a,
+    dataPath: (i == null ? void 0 : i.path) ?? "",
+    fallback: a === "static_text" ? "Tekst statyczny" : void 0,
+    format: a === "date" || a === "datetime" ? "DD.MM.YYYY" : void 0,
+    position: {
+      x: 15,
+      y: 15,
+      width: a === "line" ? 80 : 60,
+      height: a === "line" ? 1 : a === "image" ? 30 : 8
+    },
+    style: { fontSize: 10, color: "var(--nice-text, #000000)", fontFamily: "sans-serif" }
+  };
+  return a === "rect" && (p.style.backgroundColor = "var(--nice-bg-secondary, #f1f5f9)"), a === "line" && (p.style = { ...p.style, borderWidth: 0.5, borderColor: "var(--nice-text, #000000)", borderStyle: "solid" }), p;
+}
+const Se = ({
+  lengthMm: a,
+  zoom: i,
+  orientation: p
+}) => {
+  const l = [], k = i < 0.6 ? 20 : i < 1 ? 10 : 5;
+  for (let h = 0; h <= a; h += k) {
+    const S = h * i * F, b = h % (k * 2) === 0;
+    l.push(
+      /* @__PURE__ */ e(
+        "div",
+        {
+          className: `${t.rulerTick} ${b ? t.rulerTickMajor : ""}`,
+          style: p === "h" ? { left: S } : { top: S },
+          children: b && /* @__PURE__ */ e("span", { className: t.rulerLabel, children: h })
+        },
+        h
+      )
+    );
+  }
+  return /* @__PURE__ */ e("div", { className: `${t.ruler} ${t[`ruler_${p}`]}`, children: l });
+}, In = ["n", "s", "e", "w", "ne", "nw", "se", "sw"], Ln = ({ onResizeStart: a }) => /* @__PURE__ */ e(Y, { children: In.map((i) => /* @__PURE__ */ e(
+  "div",
+  {
+    className: `${t.resizeHandle} ${t[`handle_${i}`]}`,
+    onMouseDown: (p) => {
+      p.stopPropagation(), a(i, p);
+    }
+  },
+  i
+)) });
+function xn(a, i) {
+  if (a.type === "static_text")
+    return a.fallback ?? "Tekst";
+  if (a.type === "page_number")
+    return "1";
+  if (a.type === "total_pages")
+    return "3";
+  if (a.type === "print_date")
+    return (/* @__PURE__ */ new Date()).toLocaleDateString("pl-PL");
+  if (i && a.dataPath) {
+    const p = a.dataPath.split(".").reduce(
+      (l, k) => l && typeof l == "object" ? l[k] : null,
+      i
+    );
+    if (p != null)
+      return String(p);
+  }
+  return a.label ? `{${a.label}}` : `{${a.dataPath}}`;
+}
+const zn = ({
+  field: a,
+  zoom: i,
+  selected: p,
+  sampleData: l,
+  onClick: k,
+  onDragStart: h,
+  onResizeStart: S,
+  readOnly: b
+}) => {
+  const g = a.position, v = a.style, c = (m) => m * i * F, T = a.type === "line", N = a.type === "rect", r = a.type === "image" || a.type === "static_image", n = a.type === "barcode" || a.type === "qr", u = {
+    position: "absolute",
+    left: c(g.x),
+    top: c(g.y),
+    width: c(g.width),
+    height: c(g.height),
+    zIndex: g.zIndex ?? 1,
+    transform: v.rotation ? `rotate(${v.rotation}deg)` : void 0,
+    boxSizing: "border-box",
+    overflow: "hidden",
+    ...!T && !N ? {
+      fontSize: (v.fontSize ?? 10) * i,
+      fontFamily: v.fontFamily ?? "sans-serif",
+      fontWeight: v.fontWeight ?? "normal",
+      fontStyle: v.fontStyle ?? "normal",
+      color: v.color ?? "var(--nice-text, #000)",
+      textAlign: v.textAlign ?? "left",
+      lineHeight: v.lineHeight ?? 1.4,
+      letterSpacing: v.letterSpacing ? `${v.letterSpacing}em` : void 0,
+      padding: v.padding ? c(v.padding) : 0
+    } : {},
+    backgroundColor: v.backgroundColor,
+    borderWidth: v.borderWidth ?? 0,
+    borderColor: v.borderColor ?? "transparent",
+    borderStyle: v.borderStyle ?? "solid",
+    borderRadius: v.borderRadius,
+    opacity: v.opacity,
+    outline: p ? "1.5px solid var(--nice-primary-hover, #2563eb)" : "1px dashed transparent",
+    outlineOffset: 1,
+    cursor: b ? "default" : "move"
+  };
+  return /* @__PURE__ */ s("div", { style: u, onClick: k, onMouseDown: b ? void 0 : h, children: [
+    T ? /* @__PURE__ */ e(
+      "div",
+      {
+        style: {
+          width: "100%",
+          borderBottom: `${(v.borderWidth ?? 0.5) * i}px ${v.borderStyle ?? "solid"} ${v.borderColor ?? "var(--nice-text, #000)"}`
+        }
+      }
+    ) : N ? null : r ? /* @__PURE__ */ e("div", { className: t.fieldImagePlaceholder, children: "🖼" }) : n ? /* @__PURE__ */ e("div", { className: t.fieldBarcodePlaceholder, children: a.type === "qr" ? "⬛ QR" : "▮▌▮ Barcode" }) : a.type === "signature" ? /* @__PURE__ */ s("div", { className: t.fieldSignaturePlaceholder, children: [
+      "✍ ",
+      a.label
+    ] }) : /* @__PURE__ */ e("span", { style: { display: "block", width: "100%" }, children: xn(a, l) }),
+    p && !b && /* @__PURE__ */ e(Ln, { onResizeStart: S })
+  ] });
+}, Dn = ({
+  section: a,
+  zoom: i,
+  paperWidthMm: p,
+  selectedIds: l,
+  sampleData: k,
+  readOnly: h,
+  showGrid: S,
+  onFieldClick: b,
+  onFieldDragStart: g,
+  onResizeStart: v,
+  onSectionHeightChange: c,
+  onDropField: T
+}) => {
+  const N = (a.heightMm ?? (a.type === "body" ? 200 : 40)) * i * F, r = p * i * F, [n, u] = M(!1), m = {
+    header: "rgba(219,234,254,0.35)",
+    footer: "rgba(220,252,231,0.35)",
+    background: "rgba(254,249,195,0.35)",
+    body: "transparent"
+  };
+  return /* @__PURE__ */ s(
+    "div",
+    {
+      className: `${t.sectionCanvas} ${n ? t.sectionCanvasOver : ""}`,
+      style: {
+        width: r,
+        height: N,
+        position: "relative",
+        background: m[a.type] ?? "transparent",
+        backgroundImage: S ? `repeating-linear-gradient(0deg, var(--nice-overlay-15, rgba(148, 163, 184, 0.15)) 0, var(--nice-overlay-15, rgba(148, 163, 184, 0.15)) 1px, transparent 1px, transparent ${5 * i * F}px),
+             repeating-linear-gradient(90deg, var(--nice-overlay-15, rgba(148, 163, 184, 0.15)) 0, var(--nice-overlay-15, rgba(148, 163, 184, 0.15)) 1px, transparent 1px, transparent ${5 * i * F}px)` : void 0
+      },
+      onDragOver: (f) => {
+        f.preventDefault(), u(!0);
+      },
+      onDragLeave: () => u(!1),
+      onDrop: (f) => {
+        f.preventDefault(), u(!1);
+        const D = f.dataTransfer.getData("fieldPath");
+        if (!D)
+          return;
+        const y = f.currentTarget.getBoundingClientRect(), x = (f.clientX - y.left) / (i * F), I = (f.clientY - y.top) / (i * F);
+        T(a.id, D, Math.max(0, x), Math.max(0, I));
+      },
+      children: [
+        /* @__PURE__ */ e("div", { className: t.sectionTypeChip, children: a.type }),
+        a.fields.map((f) => /* @__PURE__ */ e(
+          zn,
+          {
+            field: f,
+            zoom: i,
+            selected: l.has(f.id),
+            sampleData: k,
+            readOnly: h,
+            onClick: (D) => b(f.id, D),
+            onDragStart: (D) => g(f.id, D),
+            onResizeStart: (D, y) => v(f.id, D, y)
+          },
+          f.id
+        )),
+        !h && a.type !== "body" && /* @__PURE__ */ e(
+          "div",
+          {
+            className: t.sectionResizeBar,
+            onMouseDown: (f) => {
+              f.preventDefault();
+              const D = f.clientY, y = a.heightMm ?? 40, x = (E) => {
+                const W = (E.clientY - D) / (i * F);
+                c(a.id, Math.max(10, y + W));
+              }, I = () => {
+                document.removeEventListener("mousemove", x), document.removeEventListener("mouseup", I);
+              };
+              document.addEventListener("mousemove", x), document.addEventListener("mouseup", I);
+            },
+            children: /* @__PURE__ */ e("div", { className: t.sectionResizeGrip })
+          }
+        )
+      ]
+    }
+  );
+}, ne = ({ keys: a, label: i }) => /* @__PURE__ */ s("div", { className: t.shortcutChip, children: [
+  /* @__PURE__ */ e("span", { className: t.shortcutKeys, children: a }),
+  /* @__PURE__ */ e("span", { className: t.shortcutLabel, children: i })
+] }), Tn = [
+  { id: "fields", icon: "📝", label: "Pola" },
+  { id: "layers", icon: "◧", label: "Warstwy" },
+  { id: "watermarks", icon: "💧", label: "Znaki" },
+  { id: "signatures", icon: "✍", label: "Podpisy" },
+  { id: "settings", icon: "⚙", label: "Ustawienia" }
+], $n = [
+  { id: "position", label: "Pozycja" },
+  { id: "style", label: "Styl" },
+  { id: "data", label: "Dane" },
+  { id: "conditional", label: "Warunki" }
+], Rn = ({
+  tpl: a,
+  zoom: i,
+  canUndo: p,
+  canRedo: l,
+  showGrid: k,
+  showRulers: h,
+  readOnly: S,
+  selectedCount: b,
+  onPaperChange: g,
+  onZoom: v,
+  onUndo: c,
+  onRedo: T,
+  onToggleGrid: N,
+  onToggleRulers: r,
+  onInsert: n,
+  onDelete: u,
+  onDuplicate: m,
+  onAlignH: f,
+  onAlignV: D,
+  onBringForward: y,
+  onSendBackward: x,
+  onSave: I
+}) => {
+  const [E, W] = M(!1), P = [0.5, 0.75, 1, 1.25, 1.5, 2];
+  return /* @__PURE__ */ s("div", { className: t.toolbar, children: [
+    /* @__PURE__ */ s("div", { className: t.toolbarGroup, children: [
+      /* @__PURE__ */ e(
+        "select",
+        {
+          className: t.toolbarSelect,
+          value: a.paperSize,
+          onChange: (_) => g(_.target.value, a.orientation),
+          children: ["A4", "A5", "A3", "Letter", "Legal", "Tabloid", "custom"].map((_) => /* @__PURE__ */ e("option", { value: _, children: _ }, _))
+        }
+      ),
+      /* @__PURE__ */ e(
+        "button",
+        {
+          className: `${t.toolbarBtn} ${a.orientation === "portrait" ? t.toolbarBtnActive : ""}`,
+          onClick: () => g(a.paperSize, "portrait"),
+          title: "Pion",
+          children: "⬜"
+        }
+      ),
+      /* @__PURE__ */ e(
+        "button",
+        {
+          className: `${t.toolbarBtn} ${a.orientation === "landscape" ? t.toolbarBtnActive : ""}`,
+          onClick: () => g(a.paperSize, "landscape"),
+          title: "Poziom",
+          children: "▭"
+        }
+      )
+    ] }),
+    !S && /* @__PURE__ */ s("div", { className: t.toolbarGroup, children: [
+      /* @__PURE__ */ e(
+        "button",
+        {
+          className: t.toolbarBtn,
+          disabled: !p,
+          onClick: c,
+          title: "Cofnij (Ctrl+Z)",
+          children: "↩"
+        }
+      ),
+      /* @__PURE__ */ e(
+        "button",
+        {
+          className: t.toolbarBtn,
+          disabled: !l,
+          onClick: T,
+          title: "Ponów (Ctrl+Y)",
+          children: "↪"
+        }
+      )
+    ] }),
+    !S && /* @__PURE__ */ s("div", { className: t.insertWrapper, children: [
+      /* @__PURE__ */ e(
+        "button",
+        {
+          className: `${t.toolbarBtn} ${t.insertBtn}`,
+          onClick: () => W((_) => !_),
+          children: "＋ Wstaw ▾"
+        }
+      ),
+      E && /* @__PURE__ */ s("div", { className: t.insertDropdown, onMouseLeave: () => W(!1), children: [
+        /* @__PURE__ */ e("div", { className: t.insertCategory, children: "Pola danych" }),
+        ["text", "number", "currency", "date", "image", "barcode", "qr"].map((_) => /* @__PURE__ */ s(
+          "button",
+          {
+            className: t.insertItem,
+            onClick: () => {
+              n(_), W(!1);
+            },
+            children: [
+              /* @__PURE__ */ e("span", { className: t.insertIcon, children: ce[_] }),
+              de[_]
+            ]
+          },
+          _
+        )),
+        /* @__PURE__ */ e("div", { className: t.insertCategory, children: "Elementy statyczne" }),
+        [
+          "static_text",
+          "static_image",
+          "line",
+          "rect",
+          "page_number",
+          "total_pages",
+          "print_date"
+        ].map((_) => /* @__PURE__ */ s(
+          "button",
+          {
+            className: t.insertItem,
+            onClick: () => {
+              n(_), W(!1);
+            },
+            children: [
+              /* @__PURE__ */ e("span", { className: t.insertIcon, children: ce[_] }),
+              de[_]
+            ]
+          },
+          _
+        )),
+        /* @__PURE__ */ e("div", { className: t.insertCategory, children: "Specjalne" }),
+        /* @__PURE__ */ s(
+          "button",
+          {
+            className: t.insertItem,
+            onClick: () => {
+              n("watermark"), W(!1);
+            },
+            children: [
+              /* @__PURE__ */ e("span", { className: t.insertIcon, children: "💧" }),
+              "Znak wodny"
+            ]
+          }
+        ),
+        /* @__PURE__ */ s(
+          "button",
+          {
+            className: t.insertItem,
+            onClick: () => {
+              n("signature"), W(!1);
+            },
+            children: [
+              /* @__PURE__ */ e("span", { className: t.insertIcon, children: "✍" }),
+              "Podpis"
+            ]
+          }
+        )
+      ] })
+    ] }),
+    !S && b > 0 && /* @__PURE__ */ s("div", { className: t.toolbarGroup, children: [
+      /* @__PURE__ */ e("button", { className: t.toolbarBtn, onClick: m, title: "Duplikuj (Ctrl+D)", children: "⧉" }),
+      /* @__PURE__ */ e(
+        "button",
+        {
+          className: `${t.toolbarBtn} ${t.toolbarBtnDanger}`,
+          onClick: u,
+          title: "Usuń (Del)",
+          children: "🗑"
+        }
+      ),
+      /* @__PURE__ */ e("span", { className: t.toolbarSep }),
+      /* @__PURE__ */ e(
+        "button",
+        {
+          className: t.toolbarBtn,
+          onClick: () => f("left"),
+          title: "Wyrównaj lewo",
+          children: "⬛□□"
+        }
+      ),
+      /* @__PURE__ */ e(
+        "button",
+        {
+          className: t.toolbarBtn,
+          onClick: () => f("center"),
+          title: "Wyśrodkuj",
+          children: "□⬛□"
+        }
+      ),
+      /* @__PURE__ */ e(
+        "button",
+        {
+          className: t.toolbarBtn,
+          onClick: () => f("right"),
+          title: "Wyrównaj prawo",
+          children: "□□⬛"
+        }
+      ),
+      /* @__PURE__ */ e("button", { className: t.toolbarBtn, onClick: () => D("top"), title: "Góra", children: "⊤" }),
+      /* @__PURE__ */ e("button", { className: t.toolbarBtn, onClick: () => D("center"), title: "Środek V", children: "⊕" }),
+      /* @__PURE__ */ e("button", { className: t.toolbarBtn, onClick: () => D("bottom"), title: "Dół", children: "⊥" }),
+      /* @__PURE__ */ e("span", { className: t.toolbarSep }),
+      /* @__PURE__ */ e("button", { className: t.toolbarBtn, onClick: y, title: "Do przodu", children: "▲" }),
+      /* @__PURE__ */ e("button", { className: t.toolbarBtn, onClick: x, title: "Do tyłu", children: "▼" })
+    ] }),
+    /* @__PURE__ */ s("div", { className: t.toolbarGroup, children: [
+      /* @__PURE__ */ e(
+        "button",
+        {
+          className: `${t.toolbarBtn} ${k ? t.toolbarBtnActive : ""}`,
+          onClick: N,
+          title: "Siatka",
+          children: "⊞"
+        }
+      ),
+      /* @__PURE__ */ e(
+        "button",
+        {
+          className: `${t.toolbarBtn} ${h ? t.toolbarBtnActive : ""}`,
+          onClick: r,
+          title: "Linijki",
+          children: "⊢"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ s("div", { className: t.toolbarGroup, children: [
+      /* @__PURE__ */ e("button", { className: t.toolbarBtn, onClick: () => v(Math.max(0.25, i - 0.1)), children: "−" }),
+      /* @__PURE__ */ e(
+        "select",
+        {
+          className: t.zoomSelect,
+          value: P.includes(i) ? i : "",
+          onChange: (_) => v(+_.target.value),
+          children: P.map((_) => /* @__PURE__ */ s("option", { value: _, children: [
+            Math.round(_ * 100),
+            "%"
+          ] }, _))
+        }
+      ),
+      /* @__PURE__ */ e("button", { className: t.toolbarBtn, onClick: () => v(Math.min(3, i + 0.1)), children: "+" }),
+      /* @__PURE__ */ e("button", { className: t.toolbarBtn, onClick: () => v(1), title: "100%", children: "⊡" })
+    ] }),
+    !S && I && /* @__PURE__ */ e("button", { className: t.saveBtn, onClick: I, children: "💾 Zapisz" })
+  ] });
+}, An = ({
+  activeTab: a,
+  onTabChange: i,
+  schema: p,
+  tpl: l,
+  allFields: k,
+  selectedIds: h,
+  onInsertSchemaField: S,
+  onSelectField: b,
+  onUpdateTpl: g,
+  onReorderField: v
+}) => {
+  const [c, T] = M(""), N = p == null ? void 0 : p.fields.filter(
+    (r) => r.label.toLowerCase().includes(c.toLowerCase()) || r.path.toLowerCase().includes(c.toLowerCase())
+  );
+  return /* @__PURE__ */ s("div", { className: t.leftPanel, children: [
+    /* @__PURE__ */ e("div", { className: t.leftTabs, children: Tn.map((r) => /* @__PURE__ */ s(
+      "button",
+      {
+        className: `${t.leftTab} ${a === r.id ? t.leftTabActive : ""}`,
+        onClick: () => i(r.id),
+        title: r.label,
+        children: [
+          /* @__PURE__ */ e("span", { className: t.leftTabIcon, children: r.icon }),
+          /* @__PURE__ */ e("span", { className: t.leftTabLabel, children: r.label })
+        ]
+      },
+      r.id
+    )) }),
+    /* @__PURE__ */ s("div", { className: t.leftContent, children: [
+      a === "fields" && /* @__PURE__ */ s(Y, { children: [
+        /* @__PURE__ */ e("div", { className: t.panelHeader, children: "Pola danych" }),
+        /* @__PURE__ */ e("div", { className: t.searchBox, children: /* @__PURE__ */ e(
+          "input",
+          {
+            className: t.searchInput,
+            placeholder: "Szukaj...",
+            value: c,
+            onChange: (r) => T(r.target.value)
+          }
+        ) }),
+        p ? /* @__PURE__ */ s("div", { className: t.fieldList, children: [
+          (N ?? []).map((r) => /* @__PURE__ */ s(
+            "div",
+            {
+              className: t.fieldItem,
+              draggable: !0,
+              onDragStart: (n) => {
+                n.dataTransfer.setData("fieldPath", r.path), n.dataTransfer.setData("fieldLabel", r.label), n.dataTransfer.setData("fieldType", r.type);
+              },
+              onClick: () => S(r),
+              children: [
+                /* @__PURE__ */ e("span", { className: t.fieldItemIcon, children: ce[r.type] ?? "📝" }),
+                /* @__PURE__ */ s("div", { className: t.fieldItemInfo, children: [
+                  /* @__PURE__ */ e("div", { className: t.fieldItemLabel, children: r.label }),
+                  /* @__PURE__ */ e("div", { className: t.fieldItemPath, children: r.path })
+                ] }),
+                /* @__PURE__ */ e("span", { className: t.fieldItemType, children: r.type })
+              ]
+            },
+            r.path
+          )),
+          (N == null ? void 0 : N.length) === 0 && /* @__PURE__ */ e("div", { className: t.emptyMsg, children: "Brak wyników" })
+        ] }) : /* @__PURE__ */ e("div", { className: t.emptyMsg, children: "Brak schematu danych. Przypisz encję w zakładce Ustawienia." })
+      ] }),
+      a === "layers" && /* @__PURE__ */ s(Y, { children: [
+        /* @__PURE__ */ s("div", { className: t.panelHeader, children: [
+          "Warstwy (",
+          k.length,
+          ")"
+        ] }),
+        /* @__PURE__ */ s("div", { className: t.layerList, children: [
+          k.length === 0 && /* @__PURE__ */ e("div", { className: t.emptyMsg, children: "Brak elementów" }),
+          k.slice().reverse().map((r) => /* @__PURE__ */ s(
+            "div",
+            {
+              className: `${t.layerItem} ${h.has(r.id) ? t.layerItemSelected : ""}`,
+              onClick: () => b(r.id),
+              children: [
+                /* @__PURE__ */ e("span", { className: t.layerIcon, children: ce[r.type] ?? "📝" }),
+                /* @__PURE__ */ e("span", { className: t.layerName, children: r.name || r.label }),
+                /* @__PURE__ */ s("div", { className: t.layerActions, children: [
+                  /* @__PURE__ */ e(
+                    "button",
+                    {
+                      className: t.layerBtn,
+                      onClick: (n) => {
+                        n.stopPropagation(), v(r.id, -1);
+                      },
+                      title: "Do przodu",
+                      children: "↑"
+                    }
+                  ),
+                  /* @__PURE__ */ e(
+                    "button",
+                    {
+                      className: t.layerBtn,
+                      onClick: (n) => {
+                        n.stopPropagation(), v(r.id, 1);
+                      },
+                      title: "Do tyłu",
+                      children: "↓"
+                    }
+                  )
+                ] })
+              ]
+            },
+            r.id
+          ))
+        ] })
+      ] }),
+      a === "watermarks" && /* @__PURE__ */ s(Y, { children: [
+        /* @__PURE__ */ e("div", { className: t.panelHeader, children: "Znaki wodne" }),
+        /* @__PURE__ */ s("div", { className: t.wmList, children: [
+          (l.watermarks ?? []).map((r) => /* @__PURE__ */ s("div", { className: t.wmItem, children: [
+            /* @__PURE__ */ s("div", { className: t.wmRow, children: [
+              /* @__PURE__ */ e("span", { className: t.wmLabel, children: "Typ" }),
+              /* @__PURE__ */ s(
+                "select",
+                {
+                  className: t.wmSelect,
+                  value: r.type,
+                  onChange: (n) => {
+                    var u;
+                    return g({
+                      watermarks: (u = l.watermarks) == null ? void 0 : u.map(
+                        (m) => m.id === r.id ? { ...m, type: n.target.value } : m
+                      )
+                    });
+                  },
+                  children: [
+                    /* @__PURE__ */ e("option", { value: "text", children: "Tekst" }),
+                    /* @__PURE__ */ e("option", { value: "image", children: "Obraz" })
+                  ]
+                }
+              )
+            ] }),
+            r.type === "text" && /* @__PURE__ */ s("div", { className: t.wmRow, children: [
+              /* @__PURE__ */ e("span", { className: t.wmLabel, children: "Tekst" }),
+              /* @__PURE__ */ e(
+                "input",
+                {
+                  className: t.wmInput,
+                  value: r.text ?? "",
+                  onChange: (n) => {
+                    var u;
+                    return g({
+                      watermarks: (u = l.watermarks) == null ? void 0 : u.map(
+                        (m) => m.id === r.id ? { ...m, text: n.target.value } : m
+                      )
+                    });
+                  }
+                }
+              )
+            ] }),
+            /* @__PURE__ */ s("div", { className: t.wmRow, children: [
+              /* @__PURE__ */ e("span", { className: t.wmLabel, children: "Krycie" }),
+              /* @__PURE__ */ e(
+                "input",
+                {
+                  type: "range",
+                  min: 0.02,
+                  max: 0.5,
+                  step: 0.01,
+                  className: t.wmSlider,
+                  value: r.opacity,
+                  onChange: (n) => {
+                    var u;
+                    return g({
+                      watermarks: (u = l.watermarks) == null ? void 0 : u.map(
+                        (m) => m.id === r.id ? { ...m, opacity: +n.target.value } : m
+                      )
+                    });
+                  }
+                }
+              ),
+              /* @__PURE__ */ s("span", { className: t.wmValue, children: [
+                Math.round(r.opacity * 100),
+                "%"
+              ] })
+            ] }),
+            /* @__PURE__ */ s("div", { className: t.wmRow, children: [
+              /* @__PURE__ */ e("span", { className: t.wmLabel, children: "Kąt" }),
+              /* @__PURE__ */ e(
+                "input",
+                {
+                  type: "range",
+                  min: -90,
+                  max: 90,
+                  step: 5,
+                  className: t.wmSlider,
+                  value: r.angle,
+                  onChange: (n) => {
+                    var u;
+                    return g({
+                      watermarks: (u = l.watermarks) == null ? void 0 : u.map(
+                        (m) => m.id === r.id ? { ...m, angle: +n.target.value } : m
+                      )
+                    });
+                  }
+                }
+              ),
+              /* @__PURE__ */ s("span", { className: t.wmValue, children: [
+                r.angle,
+                "°"
+              ] })
+            ] }),
+            /* @__PURE__ */ s("div", { className: t.wmRow, children: [
+              /* @__PURE__ */ e("span", { className: t.wmLabel, children: "Rozmiar" }),
+              /* @__PURE__ */ e(
+                "input",
+                {
+                  type: "number",
+                  min: 8,
+                  max: 200,
+                  className: t.wmInputNum,
+                  value: r.fontSize ?? 48,
+                  onChange: (n) => {
+                    var u;
+                    return g({
+                      watermarks: (u = l.watermarks) == null ? void 0 : u.map(
+                        (m) => m.id === r.id ? { ...m, fontSize: +n.target.value } : m
+                      )
+                    });
+                  }
+                }
+              ),
+              /* @__PURE__ */ e("span", { className: t.wmUnit, children: "pt" })
+            ] }),
+            /* @__PURE__ */ s("div", { className: t.wmRow, children: [
+              /* @__PURE__ */ e("span", { className: t.wmLabel, children: "Kolor" }),
+              /* @__PURE__ */ e(
+                "input",
+                {
+                  type: "color",
+                  className: t.colorPicker,
+                  value: r.color ?? "var(--nice-text-muted, #94a3b8)",
+                  onChange: (n) => {
+                    var u;
+                    return g({
+                      watermarks: (u = l.watermarks) == null ? void 0 : u.map(
+                        (m) => m.id === r.id ? { ...m, color: n.target.value } : m
+                      )
+                    });
+                  }
+                }
+              )
+            ] }),
+            /* @__PURE__ */ e(
+              "button",
+              {
+                className: t.wmDelete,
+                onClick: () => {
+                  var n;
+                  return g({ watermarks: (n = l.watermarks) == null ? void 0 : n.filter((u) => u.id !== r.id) });
+                },
+                children: "Usuń"
+              }
+            )
+          ] }, r.id)),
+          /* @__PURE__ */ e(
+            "button",
+            {
+              className: t.addBtn,
+              onClick: () => g({
+                watermarks: [
+                  ...l.watermarks ?? [],
+                  {
+                    id: se(),
+                    type: "text",
+                    text: "KOPIA",
+                    opacity: 0.12,
+                    angle: -45,
+                    fontSize: 60,
+                    color: "var(--nice-text-muted, #94a3b8)"
+                  }
+                ]
+              }),
+              children: "+ Dodaj znak wodny"
+            }
+          )
+        ] })
+      ] }),
+      a === "signatures" && /* @__PURE__ */ s(Y, { children: [
+        /* @__PURE__ */ e("div", { className: t.panelHeader, children: "Podpisy" }),
+        /* @__PURE__ */ s("div", { className: t.wmList, children: [
+          (l.signatures ?? []).map((r) => /* @__PURE__ */ s("div", { className: t.wmItem, children: [
+            /* @__PURE__ */ s("div", { className: t.wmRow, children: [
+              /* @__PURE__ */ e("span", { className: t.wmLabel, children: "Etykieta" }),
+              /* @__PURE__ */ e(
+                "input",
+                {
+                  className: t.wmInput,
+                  value: r.label,
+                  onChange: (n) => {
+                    var u;
+                    return g({
+                      signatures: (u = l.signatures) == null ? void 0 : u.map(
+                        (m) => m.id === r.id ? { ...m, label: n.target.value } : m
+                      )
+                    });
+                  }
+                }
+              )
+            ] }),
+            /* @__PURE__ */ s("div", { className: t.wmRow, children: [
+              /* @__PURE__ */ e("span", { className: t.wmLabel, children: "Nazwisko" }),
+              /* @__PURE__ */ e(
+                "input",
+                {
+                  className: t.wmInput,
+                  value: r.signerName ?? "",
+                  onChange: (n) => {
+                    var u;
+                    return g({
+                      signatures: (u = l.signatures) == null ? void 0 : u.map(
+                        (m) => m.id === r.id ? { ...m, signerName: n.target.value } : m
+                      )
+                    });
+                  }
+                }
+              )
+            ] }),
+            /* @__PURE__ */ s("div", { className: t.wmRow, children: [
+              /* @__PURE__ */ e("span", { className: t.wmLabel, children: "Linia" }),
+              /* @__PURE__ */ e(
+                "input",
+                {
+                  type: "checkbox",
+                  checked: r.showLine ?? !0,
+                  onChange: (n) => {
+                    var u;
+                    return g({
+                      signatures: (u = l.signatures) == null ? void 0 : u.map(
+                        (m) => m.id === r.id ? { ...m, showLine: n.target.checked } : m
+                      )
+                    });
+                  }
+                }
+              )
+            ] }),
+            /* @__PURE__ */ s("div", { className: t.wmRow, children: [
+              /* @__PURE__ */ e("span", { className: t.wmLabel, children: "Pokaż datę" }),
+              /* @__PURE__ */ e(
+                "input",
+                {
+                  type: "checkbox",
+                  checked: r.showDate ?? !1,
+                  onChange: (n) => {
+                    var u;
+                    return g({
+                      signatures: (u = l.signatures) == null ? void 0 : u.map(
+                        (m) => m.id === r.id ? { ...m, showDate: n.target.checked } : m
+                      )
+                    });
+                  }
+                }
+              )
+            ] }),
+            /* @__PURE__ */ e(
+              "button",
+              {
+                className: t.wmDelete,
+                onClick: () => {
+                  var n;
+                  return g({ signatures: (n = l.signatures) == null ? void 0 : n.filter((u) => u.id !== r.id) });
+                },
+                children: "Usuń"
+              }
+            )
+          ] }, r.id)),
+          /* @__PURE__ */ e(
+            "button",
+            {
+              className: t.addBtn,
+              onClick: () => g({
+                signatures: [
+                  ...l.signatures ?? [],
+                  {
+                    id: se(),
+                    label: "Podpis",
+                    position: { x: 10, y: 5, width: 70, height: 22 },
+                    showLine: !0,
+                    showDate: !1
+                  }
+                ]
+              }),
+              children: "+ Dodaj podpis"
+            }
+          )
+        ] })
+      ] }),
+      a === "settings" && /* @__PURE__ */ s(Y, { children: [
+        /* @__PURE__ */ e("div", { className: t.panelHeader, children: "Ustawienia szablonu" }),
+        /* @__PURE__ */ s("div", { className: t.settingsForm, children: [
+          /* @__PURE__ */ s("div", { className: t.settingsRow, children: [
+            /* @__PURE__ */ e("label", { className: t.settingsLabel, children: "Nazwa" }),
+            /* @__PURE__ */ e(
+              "input",
+              {
+                className: t.settingsInput,
+                value: l.name,
+                onChange: (r) => g({ name: r.target.value })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ s("div", { className: t.settingsRow, children: [
+            /* @__PURE__ */ e("label", { className: t.settingsLabel, children: "Opis" }),
+            /* @__PURE__ */ e(
+              "textarea",
+              {
+                className: t.settingsTextarea,
+                value: l.description ?? "",
+                onChange: (r) => g({ description: r.target.value }),
+                rows: 2
+              }
+            )
+          ] }),
+          /* @__PURE__ */ s("div", { className: t.settingsRow, children: [
+            /* @__PURE__ */ e("label", { className: t.settingsLabel, children: "Kategoria" }),
+            /* @__PURE__ */ e(
+              "input",
+              {
+                className: t.settingsInput,
+                value: l.category ?? "",
+                onChange: (r) => g({ category: r.target.value })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ e("div", { className: t.settingsDivider, children: "Marginesy (mm)" }),
+          ["top", "right", "bottom", "left"].map((r) => /* @__PURE__ */ s("div", { className: t.settingsRow, children: [
+            /* @__PURE__ */ e("label", { className: t.settingsLabel, children: r === "top" ? "Góra" : r === "right" ? "Prawo" : r === "bottom" ? "Dół" : "Lewo" }),
+            /* @__PURE__ */ e(
+              "input",
+              {
+                type: "number",
+                min: 0,
+                max: 50,
+                step: 1,
+                className: t.settingsInputNum,
+                value: l.margins[r],
+                onChange: (n) => g({ margins: { ...l.margins, [r]: +n.target.value } })
+              }
+            ),
+            /* @__PURE__ */ e("span", { className: t.settingsUnit, children: "mm" })
+          ] }, r))
+        ] })
+      ] })
+    ] })
+  ] });
+}, Pn = ({
+  field: a,
+  activeTab: i,
+  onTabChange: p,
+  onChange: l,
+  paperWidthMm: k,
+  paperHeightMm: h
+}) => {
+  var c, T, N, r;
+  const S = $(
+    (n) => a && l({ position: { ...a.position, ...n } }),
+    [a, l]
+  ), b = $(
+    (n) => a && l({ style: { ...(a == null ? void 0 : a.style) ?? {}, ...n } }),
+    [a, l]
+  );
+  if (!a)
+    return /* @__PURE__ */ s("div", { className: t.rightPanel, children: [
+      /* @__PURE__ */ e("div", { className: t.panelHeader, children: "Właściwości" }),
+      /* @__PURE__ */ s("div", { className: t.propsEmpty, children: [
+        /* @__PURE__ */ e("div", { className: t.propsEmptyIcon, children: "⬚" }),
+        /* @__PURE__ */ e("div", { className: t.propsEmptyText, children: "Zaznacz element na szablonie" }),
+        /* @__PURE__ */ s("div", { className: t.shortcutGrid, children: [
+          /* @__PURE__ */ e(ne, { keys: "Del", label: "Usuń" }),
+          /* @__PURE__ */ e(ne, { keys: "Ctrl+D", label: "Duplikuj" }),
+          /* @__PURE__ */ e(ne, { keys: "↑↓←→", label: "Przesuń" }),
+          /* @__PURE__ */ e(ne, { keys: "Ctrl+Z", label: "Cofnij" }),
+          /* @__PURE__ */ e(ne, { keys: "Ctrl+A", label: "Zaznacz wszystko" }),
+          /* @__PURE__ */ e(ne, { keys: "Shift+↑", label: "Przesuń 5mm" })
+        ] })
+      ] })
+    ] });
+  const g = !["line", "rect", "image", "static_image", "barcode", "qr", "signature"].includes(
+    a.type
+  ), v = ![
+    "static_text",
+    "static_image",
+    "line",
+    "rect",
+    "page_number",
+    "total_pages",
+    "print_date"
+  ].includes(a.type);
+  return /* @__PURE__ */ s("div", { className: t.rightPanel, children: [
+    /* @__PURE__ */ s("div", { className: t.panelHeader, children: [
+      /* @__PURE__ */ e("span", { className: t.panelHeaderIcon, children: ce[a.type] }),
+      /* @__PURE__ */ e("span", { className: t.panelHeaderName, children: a.name })
+    ] }),
+    /* @__PURE__ */ e("div", { className: t.rightTabs, children: $n.map((n) => n.id === "data" && !v ? null : /* @__PURE__ */ e(
+      "button",
+      {
+        className: `${t.rightTab} ${i === n.id ? t.rightTabActive : ""}`,
+        onClick: () => p(n.id),
+        children: n.label
+      },
+      n.id
+    )) }),
+    /* @__PURE__ */ s("div", { className: t.propsBody, children: [
+      i === "position" && /* @__PURE__ */ s(Y, { children: [
+        /* @__PURE__ */ s("div", { className: t.posGrid, children: [
+          [
+            { key: "x", label: "X", unit: "mm" },
+            { key: "y", label: "Y", unit: "mm" },
+            { key: "width", label: "Szer.", unit: "mm" },
+            { key: "height", label: "Wys.", unit: "mm" }
+          ].map(({ key: n, label: u, unit: m }) => /* @__PURE__ */ s("div", { className: t.posCell, children: [
+            /* @__PURE__ */ e("label", { className: t.posLabel, children: u }),
+            /* @__PURE__ */ e(
+              "input",
+              {
+                type: "number",
+                step: 0.5,
+                className: t.posInput,
+                value: Math.round(a.position[n] * 10) / 10,
+                onChange: (f) => S({ [n]: +f.target.value })
+              }
+            ),
+            /* @__PURE__ */ e("span", { className: t.posUnit, children: m })
+          ] }, n)),
+          /* @__PURE__ */ s("div", { className: t.posCell, children: [
+            /* @__PURE__ */ e("label", { className: t.posLabel, children: "Obrót" }),
+            /* @__PURE__ */ e(
+              "input",
+              {
+                type: "number",
+                step: 5,
+                className: t.posInput,
+                value: a.style.rotation ?? 0,
+                onChange: (n) => b({ rotation: +n.target.value })
+              }
+            ),
+            /* @__PURE__ */ e("span", { className: t.posUnit, children: "°" })
+          ] }),
+          /* @__PURE__ */ s("div", { className: t.posCell, children: [
+            /* @__PURE__ */ e("label", { className: t.posLabel, children: "Z-idx" }),
+            /* @__PURE__ */ e(
+              "input",
+              {
+                type: "number",
+                step: 1,
+                min: 1,
+                className: t.posInput,
+                value: a.position.zIndex ?? 1,
+                onChange: (n) => S({ zIndex: +n.target.value })
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ s("div", { className: t.snapSection, children: [
+          /* @__PURE__ */ e("div", { className: t.snapTitle, children: "Wyrównanie do strony" }),
+          /* @__PURE__ */ s("div", { className: t.snapRow, children: [
+            /* @__PURE__ */ e("button", { className: t.snapBtn, onClick: () => S({ x: 0 }), title: "Lewa krawędź", children: "⫷" }),
+            /* @__PURE__ */ e(
+              "button",
+              {
+                className: t.snapBtn,
+                onClick: () => S({ x: (k - a.position.width) / 2 }),
+                title: "Środek poziomy",
+                children: "⊕"
+              }
+            ),
+            /* @__PURE__ */ e(
+              "button",
+              {
+                className: t.snapBtn,
+                onClick: () => S({ x: k - a.position.width }),
+                title: "Prawa krawędź",
+                children: "⫸"
+              }
+            )
+          ] })
+        ] })
+      ] }),
+      i === "style" && /* @__PURE__ */ s(Y, { children: [
+        g && /* @__PURE__ */ s("div", { className: t.styleGroup, children: [
+          /* @__PURE__ */ e("div", { className: t.styleGroupTitle, children: "Czcionka" }),
+          /* @__PURE__ */ s("div", { className: t.styleRow, children: [
+            /* @__PURE__ */ e("label", { className: t.styleLabel, children: "Rodzina" }),
+            /* @__PURE__ */ e(
+              "select",
+              {
+                className: t.styleSelectFull,
+                value: a.style.fontFamily ?? "sans-serif",
+                onChange: (n) => b({ fontFamily: n.target.value }),
+                children: Bn.map((n) => /* @__PURE__ */ e("option", { value: n, children: n }, n))
+              }
+            )
+          ] }),
+          /* @__PURE__ */ s("div", { className: t.styleRow, children: [
+            /* @__PURE__ */ e("label", { className: t.styleLabel, children: "Rozmiar" }),
+            /* @__PURE__ */ e(
+              "select",
+              {
+                className: t.styleSelectSm,
+                value: fe.includes(a.style.fontSize ?? 10) ? a.style.fontSize ?? 10 : "",
+                onChange: (n) => b({ fontSize: +n.target.value }),
+                children: fe.map((n) => /* @__PURE__ */ e("option", { value: n, children: n }, n))
+              }
+            ),
+            /* @__PURE__ */ e(
+              "input",
+              {
+                type: "number",
+                step: 0.5,
+                min: 4,
+                max: 200,
+                className: t.styleInput,
+                value: a.style.fontSize ?? 10,
+                onChange: (n) => b({ fontSize: +n.target.value })
+              }
+            ),
+            /* @__PURE__ */ e("span", { className: t.styleUnit, children: "pt" })
+          ] }),
+          /* @__PURE__ */ s("div", { className: t.styleRow, children: [
+            /* @__PURE__ */ e("label", { className: t.styleLabel, children: "Kolor" }),
+            /* @__PURE__ */ e(
+              "input",
+              {
+                type: "color",
+                className: t.colorPicker,
+                value: a.style.color ?? "var(--nice-text, #000000)",
+                onChange: (n) => b({ color: n.target.value })
+              }
+            ),
+            /* @__PURE__ */ e(
+              "input",
+              {
+                className: t.colorHex,
+                value: a.style.color ?? "var(--nice-text, #000000)",
+                onChange: (n) => b({ color: n.target.value }),
+                maxLength: 7
+              }
+            )
+          ] }),
+          /* @__PURE__ */ s("div", { className: t.styleRow, children: [
+            /* @__PURE__ */ e("label", { className: t.styleLabel, children: "Styl" }),
+            /* @__PURE__ */ s("div", { className: t.toggleGroup, children: [
+              /* @__PURE__ */ e(
+                "button",
+                {
+                  className: `${t.toggleBtn} ${a.style.fontWeight === "bold" ? t.toggleBtnActive : ""}`,
+                  onClick: () => b({ fontWeight: a.style.fontWeight === "bold" ? "normal" : "bold" }),
+                  children: /* @__PURE__ */ e("b", { children: "B" })
+                }
+              ),
+              /* @__PURE__ */ e(
+                "button",
+                {
+                  className: `${t.toggleBtn} ${a.style.fontStyle === "italic" ? t.toggleBtnActive : ""}`,
+                  onClick: () => b({ fontStyle: a.style.fontStyle === "italic" ? "normal" : "italic" }),
+                  children: /* @__PURE__ */ e("i", { children: "I" })
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ s("div", { className: t.styleRow, children: [
+            /* @__PURE__ */ e("label", { className: t.styleLabel, children: "Wyrówn." }),
+            /* @__PURE__ */ e("div", { className: t.toggleGroup, children: ["left", "center", "right", "justify"].map((n) => /* @__PURE__ */ e(
+              "button",
+              {
+                title: n,
+                className: `${t.toggleBtn} ${(a.style.textAlign ?? "left") === n ? t.toggleBtnActive : ""}`,
+                onClick: () => b({ textAlign: n }),
+                children: n === "left" ? "≡L" : n === "center" ? "≡C" : n === "right" ? "≡R" : "≡J"
+              },
+              n
+            )) })
+          ] }),
+          /* @__PURE__ */ s("div", { className: t.styleRow, children: [
+            /* @__PURE__ */ e("label", { className: t.styleLabel, children: "W. linii" }),
+            /* @__PURE__ */ e(
+              "input",
+              {
+                type: "number",
+                step: 0.1,
+                min: 1,
+                max: 4,
+                className: t.styleInput,
+                value: a.style.lineHeight ?? 1.4,
+                onChange: (n) => b({ lineHeight: +n.target.value })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ s("div", { className: t.styleRow, children: [
+            /* @__PURE__ */ e("label", { className: t.styleLabel, children: "Odstępy" }),
+            /* @__PURE__ */ e(
+              "input",
+              {
+                type: "number",
+                step: 0.01,
+                min: -0.1,
+                max: 0.5,
+                className: t.styleInput,
+                value: a.style.letterSpacing ?? 0,
+                onChange: (n) => b({ letterSpacing: +n.target.value })
+              }
+            ),
+            /* @__PURE__ */ e("span", { className: t.styleUnit, children: "em" })
+          ] })
+        ] }),
+        /* @__PURE__ */ s("div", { className: t.styleGroup, children: [
+          /* @__PURE__ */ e("div", { className: t.styleGroupTitle, children: "Tło i ramka" }),
+          /* @__PURE__ */ s("div", { className: t.styleRow, children: [
+            /* @__PURE__ */ e("label", { className: t.styleLabel, children: "Tło" }),
+            /* @__PURE__ */ e(
+              "input",
+              {
+                type: "color",
+                className: t.colorPicker,
+                value: a.style.backgroundColor ?? "var(--nice-bg, #fff)",
+                onChange: (n) => b({ backgroundColor: n.target.value })
+              }
+            ),
+            /* @__PURE__ */ e(
+              "button",
+              {
+                className: t.clearBtn,
+                onClick: () => b({ backgroundColor: void 0 }),
+                title: "Wyczyść tło",
+                children: "✕"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ s("div", { className: t.styleRow, children: [
+            /* @__PURE__ */ e("label", { className: t.styleLabel, children: "Ramka" }),
+            /* @__PURE__ */ e(
+              "input",
+              {
+                type: "number",
+                step: 0.5,
+                min: 0,
+                max: 10,
+                className: t.styleInput,
+                value: a.style.borderWidth ?? 0,
+                onChange: (n) => b({ borderWidth: +n.target.value })
+              }
+            ),
+            /* @__PURE__ */ e(
+              "input",
+              {
+                type: "color",
+                className: t.colorPicker,
+                value: a.style.borderColor ?? "var(--nice-text, #000000)",
+                onChange: (n) => b({ borderColor: n.target.value })
+              }
+            ),
+            /* @__PURE__ */ s(
+              "select",
+              {
+                className: t.styleSelectXs,
+                value: a.style.borderStyle ?? "solid",
+                onChange: (n) => b({ borderStyle: n.target.value }),
+                children: [
+                  /* @__PURE__ */ e("option", { value: "solid", children: "─" }),
+                  /* @__PURE__ */ e("option", { value: "dashed", children: "- -" }),
+                  /* @__PURE__ */ e("option", { value: "dotted", children: "···" })
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ s("div", { className: t.styleRow, children: [
+            /* @__PURE__ */ e("label", { className: t.styleLabel, children: "Zaokr." }),
+            /* @__PURE__ */ e(
+              "input",
+              {
+                type: "number",
+                step: 1,
+                min: 0,
+                max: 50,
+                className: t.styleInput,
+                value: a.style.borderRadius ?? 0,
+                onChange: (n) => b({ borderRadius: +n.target.value })
+              }
+            ),
+            /* @__PURE__ */ e("span", { className: t.styleUnit, children: "px" })
+          ] }),
+          /* @__PURE__ */ s("div", { className: t.styleRow, children: [
+            /* @__PURE__ */ e("label", { className: t.styleLabel, children: "Padding" }),
+            /* @__PURE__ */ e(
+              "input",
+              {
+                type: "number",
+                step: 0.5,
+                min: 0,
+                max: 20,
+                className: t.styleInput,
+                value: a.style.padding ?? 0,
+                onChange: (n) => b({ padding: +n.target.value })
+              }
+            ),
+            /* @__PURE__ */ e("span", { className: t.styleUnit, children: "mm" })
+          ] }),
+          /* @__PURE__ */ s("div", { className: t.styleRow, children: [
+            /* @__PURE__ */ e("label", { className: t.styleLabel, children: "Krycie" }),
+            /* @__PURE__ */ e(
+              "input",
+              {
+                type: "range",
+                min: 0.1,
+                max: 1,
+                step: 0.05,
+                className: t.sliderInput,
+                value: a.style.opacity ?? 1,
+                onChange: (n) => b({ opacity: +n.target.value })
+              }
+            ),
+            /* @__PURE__ */ s("span", { className: t.styleValue, children: [
+              Math.round((a.style.opacity ?? 1) * 100),
+              "%"
+            ] })
+          ] })
+        ] })
+      ] }),
+      i === "data" && v && /* @__PURE__ */ s("div", { className: t.styleGroup, children: [
+        /* @__PURE__ */ e("div", { className: t.styleGroupTitle, children: "Źródło danych" }),
+        /* @__PURE__ */ s("div", { className: t.styleRow, children: [
+          /* @__PURE__ */ e("label", { className: t.styleLabel, children: "Ścieżka" }),
+          /* @__PURE__ */ e(
+            "input",
+            {
+              className: t.styleInputFull,
+              value: a.dataPath,
+              onChange: (n) => l({ dataPath: n.target.value }),
+              placeholder: "np. invoice.number"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ s("div", { className: t.styleRow, children: [
+          /* @__PURE__ */ e("label", { className: t.styleLabel, children: "Format" }),
+          /* @__PURE__ */ e(
+            "input",
+            {
+              className: t.styleInputFull,
+              value: a.format ?? "",
+              onChange: (n) => l({ format: n.target.value }),
+              placeholder: "DD.MM.YYYY / #,##0.00"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ s("div", { className: t.styleRow, children: [
+          /* @__PURE__ */ e("label", { className: t.styleLabel, children: "Domyślny" }),
+          /* @__PURE__ */ e(
+            "input",
+            {
+              className: t.styleInputFull,
+              value: a.fallback ?? "",
+              onChange: (n) => l({ fallback: n.target.value }),
+              placeholder: "Gdy brak wartości"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ s("div", { className: t.styleRow, children: [
+          /* @__PURE__ */ e("label", { className: t.styleLabel, children: "Typ" }),
+          /* @__PURE__ */ e(
+            "select",
+            {
+              className: t.styleSelectFull,
+              value: a.type,
+              onChange: (n) => l({ type: n.target.value }),
+              children: Object.entries(de).map(([n, u]) => /* @__PURE__ */ e("option", { value: n, children: u }, n))
+            }
+          )
+        ] }),
+        (a.type === "barcode" || a.type === "qr") && /* @__PURE__ */ s("div", { className: t.styleRow, children: [
+          /* @__PURE__ */ e("label", { className: t.styleLabel, children: "Format kodu" }),
+          /* @__PURE__ */ e(
+            "select",
+            {
+              className: t.styleSelectFull,
+              value: a.barcodeType ?? "code128",
+              onChange: (n) => l({ barcodeType: n.target.value }),
+              children: ["ean13", "ean8", "code128", "code39", "upc", "itf14", "datamatrix"].map((n) => /* @__PURE__ */ e("option", { value: n, children: n.toUpperCase() }, n))
+            }
+          )
+        ] })
+      ] }),
+      i === "conditional" && /* @__PURE__ */ s("div", { className: t.styleGroup, children: [
+        /* @__PURE__ */ e("div", { className: t.styleGroupTitle, children: "Widoczność warunkowa" }),
+        /* @__PURE__ */ e("div", { className: t.conditionalHint, children: "Element zostanie ukryty gdy warunek nie jest spełniony." }),
+        /* @__PURE__ */ s("div", { className: t.styleRow, children: [
+          /* @__PURE__ */ e("label", { className: t.styleLabel, children: "Pole" }),
+          /* @__PURE__ */ e(
+            "input",
+            {
+              className: t.styleInputFull,
+              value: ((c = a.conditional) == null ? void 0 : c.field) ?? "",
+              onChange: (n) => {
+                var u, m;
+                return l({
+                  conditional: {
+                    field: n.target.value,
+                    operator: ((u = a.conditional) == null ? void 0 : u.operator) ?? "eq",
+                    value: (m = a.conditional) == null ? void 0 : m.value
+                  }
+                });
+              },
+              placeholder: "np. invoice.isPaid"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ s("div", { className: t.styleRow, children: [
+          /* @__PURE__ */ e("label", { className: t.styleLabel, children: "Operator" }),
+          /* @__PURE__ */ s(
+            "select",
+            {
+              className: t.styleSelectFull,
+              value: ((T = a.conditional) == null ? void 0 : T.operator) ?? "eq",
+              onChange: (n) => {
+                var u, m;
+                return l({
+                  conditional: {
+                    field: ((u = a.conditional) == null ? void 0 : u.field) ?? "",
+                    operator: n.target.value,
+                    value: (m = a.conditional) == null ? void 0 : m.value
+                  }
+                });
+              },
+              children: [
+                /* @__PURE__ */ e("option", { value: "eq", children: "= r�wne" }),
+                /* @__PURE__ */ e("option", { value: "neq", children: "≠ różne" }),
+                /* @__PURE__ */ e("option", { value: "gt", children: "> wieksze" }),
+                /* @__PURE__ */ e("option", { value: "lt", children: "< mniejsze" }),
+                /* @__PURE__ */ e("option", { value: "contains", children: "zawiera" })
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ s("div", { className: t.styleRow, children: [
+          /* @__PURE__ */ e("label", { className: t.styleLabel, children: "Wartosc" }),
+          /* @__PURE__ */ e(
+            "input",
+            {
+              className: t.styleInputFull,
+              value: String(((N = a.conditional) == null ? void 0 : N.value) ?? ""),
+              onChange: (n) => {
+                var u, m;
+                return l({
+                  conditional: {
+                    field: ((u = a.conditional) == null ? void 0 : u.field) ?? "",
+                    operator: ((m = a.conditional) == null ? void 0 : m.operator) ?? "eq",
+                    value: n.target.value
+                  }
+                });
+              },
+              placeholder: 'np. true / "PAID"'
+            }
+          )
+        ] }),
+        ((r = a.conditional) == null ? void 0 : r.field) && /* @__PURE__ */ e(
+          "button",
+          {
+            className: t.clearConditionalBtn,
+            onClick: () => l({ conditional: void 0 }),
+            children: "Wyczyść warunek"
+          }
+        )
+      ] })
+    ] })
+  ] });
+};
+function Mn() {
+  return {
+    id: `tpl-${Date.now()}`,
+    name: "Nowy szablon",
+    description: "",
+    paperSize: "A4",
+    orientation: "portrait",
+    margins: { top: 20, right: 15, bottom: 20, left: 15 },
+    sections: [
+      { id: "sec-header", type: "header", heightMm: 35, fields: [] },
+      { id: "sec-body", type: "body", fields: [] },
+      { id: "sec-footer", type: "footer", heightMm: 20, fields: [] }
+    ],
+    watermarks: [],
+    signatures: []
+  };
+}
+const Qr = ({
+  template: a,
+  dataSchema: i,
+  sampleData: p = [],
+  onChange: l,
+  onSave: k,
+  readOnly: h = !1,
+  className: S,
+  style: b,
+  theme: g = "light"
+}) => {
+  const [{ past: v, present: c, future: T }, N] = je(Cn, {
+    past: [],
+    present: a ?? Mn(),
+    future: []
+  }), [r, n] = M(/* @__PURE__ */ new Set()), [u, m] = M("sec-body"), [f, D] = M(1), [y, x] = M(0), [I, E] = M("fields"), [W, P] = M("position"), [_, q] = M(!1), [pe, Ce] = M(!0), R = $(
+    (o) => {
+      const d = { ...c, ...o };
+      N({ type: "UPDATE", payload: d }), l == null || l(d);
+    },
+    [c, l]
+  ), [Z, me] = oe(() => {
+    const [o, d] = Ne[c.paperSize] ?? Ne.A4;
+    return c.orientation === "landscape" ? [d, o] : [o, d];
+  }, [c.paperSize, c.orientation]), X = oe(() => c.sections.flatMap((o) => o.fields), [c]), G = oe(
+    () => X.find((o) => r.has(o.id)) ?? null,
+    [X, r]
+  ), ue = $(
+    (o, d) => {
+      R({
+        sections: c.sections.map((C) => ({
+          ...C,
+          fields: C.fields.map(
+            (B) => B.id === o ? { ...B, ...d, style: { ...B.style, ...d.style ?? {} } } : B
+          )
+        }))
+      });
+    },
+    [c, R]
+  ), re = $(
+    (o) => {
+      R({
+        sections: c.sections.map((d) => ({
+          ...d,
+          fields: d.fields.map(
+            (C) => r.has(C.id) ? { ...C, ...o, style: { ...C.style, ...o.style ?? {} } } : C
+          )
+        }))
+      });
+    },
+    [c, r, R]
+  ), be = $(
+    (o, d) => {
+      if (o === "watermark") {
+        R({
+          watermarks: [
+            ...c.watermarks ?? [],
+            {
+              id: se(),
+              type: "text",
+              text: "KOPIA",
+              opacity: 0.12,
+              angle: -45,
+              fontSize: 60,
+              color: "var(--nice-text-muted, #94a3b8)"
+            }
+          ]
+        }), E("watermarks");
+        return;
+      }
+      if (o === "signature") {
+        R({
+          signatures: [
+            ...c.signatures ?? [],
+            {
+              id: se(),
+              label: "Podpis",
+              position: { x: 10, y: 5, width: 70, height: 22 },
+              showLine: !0,
+              showDate: !1
+            }
+          ]
+        }), E("signatures");
+        return;
+      }
+      const C = c.sections.find((H) => H.id === u) ?? c.sections.find((H) => H.type === "body");
+      if (!C)
+        return;
+      const B = ke(o, d), A = {
+        sections: c.sections.map(
+          (H) => H.id === C.id ? { ...H, fields: [...H.fields, B] } : H
+        )
+      };
+      N({ type: "UPDATE", payload: { ...c, ...A } }), l == null || l({ ...c, ...A }), n(/* @__PURE__ */ new Set([B.id]));
+    },
+    [c, u, l]
+  ), Ie = $(
+    (o, d, C, B) => {
+      const A = i == null ? void 0 : i.fields.find((O) => O.path === d), H = ke((A == null ? void 0 : A.type) ?? "text", A);
+      H.position.x = Math.round(C * 2) / 2, H.position.y = Math.round(B * 2) / 2;
+      const J = {
+        sections: c.sections.map(
+          (O) => O.id === o ? { ...O, fields: [...O.fields, H] } : O
+        )
+      };
+      N({ type: "UPDATE", payload: { ...c, ...J } }), l == null || l({ ...c, ...J }), n(/* @__PURE__ */ new Set([H.id]));
+    },
+    [c, i, l]
+  ), Le = $((o, d) => {
+    d.ctrlKey || d.metaKey ? n((C) => {
+      const B = new Set(C);
+      return B.has(o) ? B.delete(o) : B.add(o), B;
+    }) : d.shiftKey ? n((C) => /* @__PURE__ */ new Set([...C, o])) : n(/* @__PURE__ */ new Set([o]));
+  }, []), xe = $(
+    (o, d) => {
+      if (h)
+        return;
+      d.preventDefault(), r.has(o) || n(/* @__PURE__ */ new Set([o]));
+      const C = d.clientX, B = d.clientY, A = c.sections.map((O) => ({
+        id: O.id,
+        fields: O.fields.map((Q) => ({ id: Q.id, pos: { ...Q.position } }))
+      })), H = (O) => {
+        const Q = (O.clientX - C) / (f * F), te = (O.clientY - B) / (f * F), le = r.has(o) ? r : /* @__PURE__ */ new Set([o]), ie = c.sections.map((ee) => {
+          const K = A.find((U) => U.id === ee.id);
+          return {
+            ...ee,
+            fields: ee.fields.map((U) => {
+              var ve;
+              if (!le.has(U.id))
+                return U;
+              const we = ((ve = K == null ? void 0 : K.fields.find((He) => He.id === U.id)) == null ? void 0 : ve.pos) ?? U.position;
+              return {
+                ...U,
+                position: {
+                  ...U.position,
+                  x: Math.max(0, Math.round((we.x + Q) * 2) / 2),
+                  y: Math.max(0, Math.round((we.y + te) * 2) / 2)
+                }
+              };
+            })
+          };
+        }), ae = { ...c, sections: ie };
+        l == null || l(ae), N({ type: "UPDATE", payload: ae });
+      }, J = () => {
+        document.removeEventListener("mousemove", H), document.removeEventListener("mouseup", J);
+      };
+      document.addEventListener("mousemove", H), document.addEventListener("mouseup", J);
+    },
+    [c, f, r, h, l]
+  ), ze = $(
+    (o, d, C) => {
+      if (h)
+        return;
+      C.preventDefault();
+      const B = X.find((te) => te.id === o);
+      if (!B)
+        return;
+      const A = { ...B.position }, H = C.clientX, J = C.clientY, O = (te) => {
+        const le = (te.clientX - H) / (f * F), ie = (te.clientY - J) / (f * F);
+        let { x: ae, y: ee, width: K, height: U } = A;
+        d.includes("e") && (K = Math.max(5, K + le)), d.includes("s") && (U = Math.max(3, U + ie)), d.includes("w") && (ae = ae + le, K = Math.max(5, K - le)), d.includes("n") && (ee = ee + ie, U = Math.max(3, U - ie)), ue(o, {
+          position: {
+            ...A,
+            x: Math.round(ae * 2) / 2,
+            y: Math.round(ee * 2) / 2,
+            width: Math.round(K * 2) / 2,
+            height: Math.round(U * 2) / 2
+          }
+        });
+      }, Q = () => {
+        document.removeEventListener("mousemove", O), document.removeEventListener("mouseup", Q);
+      };
+      document.addEventListener("mousemove", O), document.addEventListener("mouseup", Q);
+    },
+    [X, f, h, ue]
+  ), he = $(() => {
+    R({
+      sections: c.sections.map((o) => ({
+        ...o,
+        fields: o.fields.filter((d) => !r.has(d.id))
+      }))
+    }), n(/* @__PURE__ */ new Set());
+  }, [c, r, R]), _e = $(() => {
+    const o = /* @__PURE__ */ new Set();
+    R({
+      sections: c.sections.map((d) => {
+        const C = d.fields.filter((B) => r.has(B.id)).map((B) => {
+          const A = {
+            ...B,
+            id: se(),
+            position: { ...B.position, x: B.position.x + 5, y: B.position.y + 5 }
+          };
+          return o.add(A.id), A;
+        });
+        return { ...d, fields: [...d.fields, ...C] };
+      })
+    }), n(o);
+  }, [c, r, R]), De = $(
+    (o) => {
+      R({
+        sections: c.sections.map((d) => ({
+          ...d,
+          fields: d.fields.map((C) => {
+            if (!r.has(C.id))
+              return C;
+            const B = o === "left" ? c.margins.left : o === "right" ? Z - c.margins.right - C.position.width : (Z - C.position.width) / 2;
+            return { ...C, position: { ...C.position, x: B } };
+          })
+        }))
+      });
+    },
+    [c, r, Z, R]
+  ), Te = $(
+    (o) => {
+      const d = c.sections.find((B) => B.id === u);
+      if (!d)
+        return;
+      const C = d.heightMm ?? 200;
+      R({
+        sections: c.sections.map((B) => B.id !== u ? B : {
+          ...B,
+          fields: B.fields.map((A) => {
+            if (!r.has(A.id))
+              return A;
+            const H = o === "top" ? 0 : o === "bottom" ? C - A.position.height : (C - A.position.height) / 2;
+            return { ...A, position: { ...A.position, y: H } };
+          })
+        })
+      });
+    },
+    [c, r, u, R]
+  ), $e = $(() => {
+    R({
+      sections: c.sections.map((o) => ({
+        ...o,
+        fields: o.fields.map(
+          (d) => r.has(d.id) ? { ...d, position: { ...d.position, zIndex: (d.position.zIndex ?? 1) + 1 } } : d
+        )
+      }))
+    });
+  }, [c, r, R]), Re = $(() => {
+    R({
+      sections: c.sections.map((o) => ({
+        ...o,
+        fields: o.fields.map(
+          (d) => r.has(d.id) ? {
+            ...d,
+            position: { ...d.position, zIndex: Math.max(1, (d.position.zIndex ?? 1) - 1) }
+          } : d
+        )
+      }))
+    });
+  }, [c, r, R]), Ae = $(
+    (o, d) => {
+      R({
+        sections: c.sections.map((C) => ({
+          ...C,
+          fields: C.fields.map(
+            (B) => B.id === o ? {
+              ...B,
+              position: {
+                ...B.position,
+                zIndex: Math.max(1, (B.position.zIndex ?? 1) - d)
+              }
+            } : B
+          )
+        }))
+      });
+    },
+    [c, R]
+  );
+  ye(() => {
+    const o = (d) => {
+      const C = d.target.tagName;
+      if (C === "INPUT" || C === "TEXTAREA" || C === "SELECT")
+        return;
+      const B = d.shiftKey ? 5 : 0.5;
+      d.key === "Delete" || d.key === "Backspace" ? r.size && (d.preventDefault(), he()) : d.ctrlKey && d.key === "z" ? (d.preventDefault(), N({ type: "UNDO" })) : d.ctrlKey && (d.key === "y" || d.key === "Y") ? (d.preventDefault(), N({ type: "REDO" })) : d.ctrlKey && (d.key === "d" || d.key === "D") ? (d.preventDefault(), r.size && _e()) : d.ctrlKey && d.key === "a" ? (d.preventDefault(), n(new Set(X.map((A) => A.id)))) : d.key === "ArrowLeft" ? (d.preventDefault(), re({
+        position: { ...G.position, x: ((G == null ? void 0 : G.position.x) ?? 0) - B }
+      })) : d.key === "ArrowRight" ? (d.preventDefault(), re({
+        position: { ...G.position, x: ((G == null ? void 0 : G.position.x) ?? 0) + B }
+      })) : d.key === "ArrowUp" ? (d.preventDefault(), re({
+        position: { ...G.position, y: ((G == null ? void 0 : G.position.y) ?? 0) - B }
+      })) : d.key === "ArrowDown" && (d.preventDefault(), re({
+        position: { ...G.position, y: ((G == null ? void 0 : G.position.y) ?? 0) + B }
+      }));
+    };
+    return window.addEventListener("keydown", o), () => window.removeEventListener("keydown", o);
+  }, [r, X, G, he, _e, re]);
+  const Pe = $(
+    (o, d) => {
+      R({
+        sections: c.sections.map(
+          (C) => C.id === o ? { ...C, heightMm: Math.round(d * 2) / 2 } : C
+        )
+      });
+    },
+    [c, R]
+  ), Me = oe(() => {
+    const o = Array.isArray(p) ? p[y] : p;
+    return o ? "data" in o ? o.data : o : {};
+  }, [p, y]), Ee = Z * f * F, Ge = me * f * F;
+  return /* @__PURE__ */ s(
+    "div",
+    {
+      className: `${t.root} ${g === "dark" ? t.dark : ""} ${S ?? ""}`,
+      style: b,
+      onClick: () => n(/* @__PURE__ */ new Set()),
+      children: [
+        /* @__PURE__ */ e(
+          Rn,
+          {
+            tpl: c,
+            zoom: f,
+            canUndo: v.length > 0,
+            canRedo: T.length > 0,
+            showGrid: _,
+            showRulers: pe,
+            readOnly: h,
+            selectedCount: r.size,
+            onPaperChange: (o, d) => R({ paperSize: o, orientation: d }),
+            onZoom: D,
+            onUndo: () => N({ type: "UNDO" }),
+            onRedo: () => N({ type: "REDO" }),
+            onToggleGrid: () => q((o) => !o),
+            onToggleRulers: () => Ce((o) => !o),
+            onInsert: be,
+            onDelete: he,
+            onDuplicate: _e,
+            onAlignH: De,
+            onAlignV: Te,
+            onBringForward: $e,
+            onSendBackward: Re,
+            onSave: k ? () => k(c) : void 0
+          }
+        ),
+        /* @__PURE__ */ s("div", { className: t.editorBody, children: [
+          /* @__PURE__ */ e(
+            An,
+            {
+              activeTab: I,
+              onTabChange: E,
+              schema: i,
+              tpl: c,
+              allFields: X,
+              selectedIds: r,
+              onInsertSchemaField: (o) => be(o.type, o),
+              onSelectField: (o) => n(/* @__PURE__ */ new Set([o])),
+              onUpdateTpl: (o) => R(o),
+              onReorderField: Ae
+            }
+          ),
+          /* @__PURE__ */ s("div", { className: t.canvasArea, children: [
+            Array.isArray(p) && p.length > 0 && /* @__PURE__ */ s("div", { className: t.testDataBar, children: [
+              /* @__PURE__ */ e("span", { className: t.testDataLabel, children: "Dane testowe:" }),
+              /* @__PURE__ */ e(
+                "select",
+                {
+                  className: t.testDataSelect,
+                  value: y,
+                  onChange: (o) => x(+o.target.value),
+                  children: p.map((o, d) => /* @__PURE__ */ s("option", { value: d, children: [
+                    "Rekord ",
+                    d + 1
+                  ] }, d))
+                }
+              )
+            ] }),
+            pe && /* @__PURE__ */ s("div", { className: t.rulerWrapper, children: [
+              /* @__PURE__ */ e("div", { className: t.rulerCorner }),
+              /* @__PURE__ */ e(Se, { lengthMm: Z, zoom: f, orientation: "h" }),
+              /* @__PURE__ */ e(Se, { lengthMm: me, zoom: f, orientation: "v" })
+            ] }),
+            /* @__PURE__ */ e("div", { className: t.paperScroll, onClick: (o) => o.stopPropagation(), children: /* @__PURE__ */ s("div", { className: t.paperShadow, style: { width: Ee, minHeight: Ge }, children: [
+              /* @__PURE__ */ e(
+                "div",
+                {
+                  className: t.marginGuide,
+                  style: {
+                    top: c.margins.top * f * F,
+                    right: c.margins.right * f * F,
+                    bottom: c.margins.bottom * f * F,
+                    left: c.margins.left * f * F
+                  }
+                }
+              ),
+              (c.watermarks ?? []).map((o) => /* @__PURE__ */ e(
+                "div",
+                {
+                  className: t.watermark,
+                  style: {
+                    fontSize: (o.fontSize ?? 60) * f,
+                    color: o.color ?? "var(--nice-text-muted, #94a3b8)",
+                    opacity: o.opacity,
+                    transform: `translate(-50%, -50%) rotate(${o.angle}deg)`
+                  },
+                  children: o.type === "text" ? o.text : "??"
+                },
+                o.id
+              )),
+              c.sections.map((o) => /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
+                Dn,
+                {
+                  section: o,
+                  zoom: f,
+                  paperWidthMm: Z,
+                  selectedIds: r,
+                  sampleData: Me,
+                  readOnly: h,
+                  showGrid: _,
+                  onFieldClick: Le,
+                  onFieldDragStart: xe,
+                  onResizeStart: ze,
+                  onSectionHeightChange: Pe,
+                  onDropField: Ie
+                }
+              ) }, o.id))
+            ] }) })
+          ] }),
+          /* @__PURE__ */ e(
+            Pn,
+            {
+              field: G,
+              activeTab: W,
+              onTabChange: P,
+              onChange: (o) => G && ue(G.id, o),
+              paperWidthMm: Z,
+              paperHeightMm: me
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}, En = "_root_6hwvk_1", Gn = "_dark_6hwvk_25", Hn = "_topBar_6hwvk_31", Wn = "_searchInput_6hwvk_55", jn = "_actionBtn_6hwvk_83", Fn = "_categoryRow_6hwvk_117", On = "_catChip_6hwvk_141", Un = "_catChipActive_6hwvk_167", Yn = "_grid_6hwvk_181", qn = "_card_6hwvk_203", Kn = "_cardSelected_6hwvk_235", Vn = "_thumbnail_6hwvk_251", Zn = "_thumbnailImg_6hwvk_265", Xn = "_thumbnailPlaceholder_6hwvk_277", Jn = "_paperMini_6hwvk_291", Qn = "_paperLine_6hwvk_315", es = "_cardOverlay_6hwvk_329", ts = "_overlayBtn_6hwvk_349", as = "_overlayBtnDanger_6hwvk_381", ns = "_cardBody_6hwvk_411", ss = "_cardName_6hwvk_415", rs = "_cardDesc_6hwvk_439", ls = "_cardMeta_6hwvk_461", is = "_cardSize_6hwvk_475", os = "_cardCat_6hwvk_491", cs = "_cardTags_6hwvk_507", ds = "_cardTag_6hwvk_507", ps = "_emptyState_6hwvk_531", ms = "_emptyIcon_6hwvk_553", L = {
+  root: En,
+  dark: Gn,
+  topBar: Hn,
+  searchInput: Wn,
+  actionBtn: jn,
+  categoryRow: Fn,
+  catChip: On,
+  catChipActive: Un,
+  grid: Yn,
+  card: qn,
+  cardSelected: Kn,
+  thumbnail: Vn,
+  thumbnailImg: Zn,
+  thumbnailPlaceholder: Xn,
+  paperMini: Jn,
+  paperLine: Qn,
+  cardOverlay: es,
+  overlayBtn: ts,
+  overlayBtnDanger: as,
+  cardBody: ns,
+  cardName: ss,
+  cardDesc: rs,
+  cardMeta: ls,
+  cardSize: is,
+  cardCat: os,
+  cardTags: cs,
+  cardTag: ds,
+  emptyState: ps,
+  emptyIcon: ms
+}, us = ["Faktury", "Raporty", "Etykiety", "Listy", "Umowy", "Inne"];
+function hs(a) {
+  return new Promise((i, p) => {
+    const l = new FileReader();
+    l.onload = (k) => {
+      var h;
+      try {
+        i(JSON.parse((h = k.target) == null ? void 0 : h.result));
+      } catch (S) {
+        p(S);
+      }
+    }, l.readAsText(a);
+  });
+}
+function _s(a) {
+  const i = new Blob([JSON.stringify(a, null, 2)], { type: "application/json" }), p = URL.createObjectURL(i), l = document.createElement("a");
+  l.href = p, l.download = `${a.name.replace(/\s+/g, "_")}.json`, l.click(), URL.revokeObjectURL(p);
+}
+const el = ({
+  templates: a,
+  selectedId: i,
+  onSelect: p,
+  onImport: l,
+  onExport: k,
+  onDelete: h,
+  onNew: S,
+  className: b,
+  style: g,
+  theme: v = "light"
+}) => {
+  const [c, T] = M(""), [N, r] = M(null), [n, u] = M(null), m = We.useRef(null), f = async (y) => {
+    var I;
+    const x = (I = y.target.files) == null ? void 0 : I[0];
+    if (x) {
+      try {
+        const E = await hs(x);
+        l == null || l(E);
+      } catch {
+      }
+      y.target.value = "";
+    }
+  }, D = a.filter((y) => {
+    const x = !c || y.name.toLowerCase().includes(c.toLowerCase()) || (y.description ?? "").toLowerCase().includes(c.toLowerCase()) || (y.tags ?? []).some((E) => E.toLowerCase().includes(c.toLowerCase())), I = !N || y.category === N;
+    return x && I;
+  });
+  return /* @__PURE__ */ s(
+    "div",
+    {
+      className: `${L.root} ${v === "dark" ? L.dark : ""} ${b ?? ""}`,
+      style: g,
+      children: [
+        /* @__PURE__ */ s("div", { className: L.topBar, children: [
+          /* @__PURE__ */ e(
+            "input",
+            {
+              type: "search",
+              className: L.searchInput,
+              placeholder: "Szukaj szablonów…",
+              value: c,
+              onChange: (y) => T(y.target.value)
+            }
+          ),
+          /* @__PURE__ */ e("button", { className: L.actionBtn, onClick: S, title: "Nowy szablon", children: "+ Nowy" }),
+          /* @__PURE__ */ e(
+            "button",
+            {
+              className: L.actionBtn,
+              onClick: () => {
+                var y;
+                return (y = m.current) == null ? void 0 : y.click();
+              },
+              title: "Importuj JSON",
+              children: "⬆ Import"
+            }
+          ),
+          /* @__PURE__ */ e("input", { ref: m, type: "file", accept: ".json", hidden: !0, onChange: f })
+        ] }),
+        /* @__PURE__ */ s("div", { className: L.categoryRow, children: [
+          /* @__PURE__ */ e(
+            "button",
+            {
+              className: `${L.catChip} ${N ? "" : L.catChipActive}`,
+              onClick: () => r(null),
+              children: "Wszystkie"
+            }
+          ),
+          us.map((y) => /* @__PURE__ */ e(
+            "button",
+            {
+              className: `${L.catChip} ${N === y ? L.catChipActive : ""}`,
+              onClick: () => r((x) => x === y ? null : y),
+              children: y
+            },
+            y
+          ))
+        ] }),
+        /* @__PURE__ */ s("div", { className: L.grid, children: [
+          D.map((y) => /* @__PURE__ */ s(
+            "div",
+            {
+              className: `${L.card} ${i === y.id ? L.cardSelected : ""}`,
+              onClick: () => p == null ? void 0 : p(y),
+              onMouseEnter: () => u(y.id),
+              onMouseLeave: () => u(null),
+              children: [
+                /* @__PURE__ */ s("div", { className: L.thumbnail, children: [
+                  y.previewImageUrl ? /* @__PURE__ */ e("img", { src: y.previewImageUrl, alt: y.name, className: L.thumbnailImg }) : /* @__PURE__ */ e("div", { className: L.thumbnailPlaceholder, children: /* @__PURE__ */ s("div", { className: L.paperMini, children: [
+                    /* @__PURE__ */ e(
+                      "div",
+                      {
+                        className: L.paperLine,
+                        style: { width: "80%" }
+                      }
+                    ),
+                    /* @__PURE__ */ e(
+                      "div",
+                      {
+                        className: L.paperLine,
+                        style: { width: "60%" }
+                      }
+                    ),
+                    /* @__PURE__ */ e(
+                      "div",
+                      {
+                        className: L.paperLine,
+                        style: { width: "90%" }
+                      }
+                    ),
+                    /* @__PURE__ */ e(
+                      "div",
+                      {
+                        className: L.paperLine,
+                        style: { width: "50%" }
+                      }
+                    )
+                  ] }) }),
+                  n === y.id && /* @__PURE__ */ s("div", { className: L.cardOverlay, children: [
+                    /* @__PURE__ */ e(
+                      "button",
+                      {
+                        className: L.overlayBtn,
+                        onClick: (x) => {
+                          x.stopPropagation(), k == null || k(y), _s(y);
+                        },
+                        title: "Eksportuj",
+                        children: "⬇"
+                      }
+                    ),
+                    h && /* @__PURE__ */ e(
+                      "button",
+                      {
+                        className: L.overlayBtnDanger,
+                        onClick: (x) => {
+                          x.stopPropagation(), h(y.id);
+                        },
+                        title: "Usuń",
+                        children: "✕"
+                      }
+                    )
+                  ] })
+                ] }),
+                /* @__PURE__ */ s("div", { className: L.cardBody, children: [
+                  /* @__PURE__ */ e("div", { className: L.cardName, children: y.name }),
+                  y.description && /* @__PURE__ */ e("div", { className: L.cardDesc, children: y.description }),
+                  /* @__PURE__ */ s("div", { className: L.cardMeta, children: [
+                    /* @__PURE__ */ s("span", { className: L.cardSize, children: [
+                      y.paperSize,
+                      " ",
+                      y.orientation === "landscape" ? "↔" : "↕"
+                    ] }),
+                    y.category && /* @__PURE__ */ e("span", { className: L.cardCat, children: y.category })
+                  ] }),
+                  y.tags && y.tags.length > 0 && /* @__PURE__ */ e("div", { className: L.cardTags, children: y.tags.slice(0, 3).map((x) => /* @__PURE__ */ e("span", { className: L.cardTag, children: x }, x)) })
+                ] })
+              ]
+            },
+            y.id
+          )),
+          D.length === 0 && /* @__PURE__ */ s("div", { className: L.emptyState, children: [
+            /* @__PURE__ */ e("span", { className: L.emptyIcon, children: "📄" }),
+            /* @__PURE__ */ e("span", { children: c ? `Brak wyników dla "${c}"` : "Brak szablonów. Utwórz pierwszy!" })
+          ] })
+        ] })
+      ]
+    }
+  );
+}, gs = "_root_1grye_1", ys = "_dark_1grye_19", bs = "_headerBar_1grye_25", ws = "_entityNav_1grye_47", vs = "_navBtn_1grye_49", Ns = "_navLabel_1grye_73", fs = "_sampleBadge_1grye_77", ks = "_zoomBar_1grye_95", Ss = "_zoomBtn_1grye_97", Bs = "_zoomLabel_1grye_119", Cs = "_printBtn_1grye_123", Is = "_canvas_1grye_149", Ls = "_page_1grye_169", xs = "_watermark_1grye_191", zs = "_footerBar_1grye_221", j = {
+  root: gs,
+  dark: ys,
+  headerBar: bs,
+  entityNav: ws,
+  navBtn: vs,
+  navLabel: Ns,
+  sampleBadge: fs,
+  zoomBar: ks,
+  zoomBtn: Ss,
+  zoomLabel: Bs,
+  printBtn: Cs,
+  canvas: Is,
+  page: Ls,
+  watermark: xs,
+  footerBar: zs
+}, V = 3.78, Be = {
+  A3: [297, 420],
+  A4: [210, 297],
+  A5: [148, 210],
+  A6: [105, 148],
+  Letter: [216, 279],
+  Legal: [216, 356],
+  Tabloid: [279, 432]
+};
+function Ds(a, i) {
+  try {
+    return a.split(".").reduce((p, l) => p && typeof p == "object" ? p[l] : null, i);
+  } catch {
+    return null;
+  }
+}
+function Ts(a, i, p) {
+  if (a == null)
+    return "";
+  if (i === "date" && p)
+    try {
+      const l = new Date(a);
+      if (p === "DD.MM.YYYY") {
+        const k = String(l.getDate()).padStart(2, "0"), h = String(l.getMonth() + 1).padStart(2, "0");
+        return `${k}.${h}.${l.getFullYear()}`;
+      }
+      return l.toLocaleDateString();
+    } catch {
+      return String(a);
+    }
+  if (i === "currency" && p) {
+    const l = Number(a);
+    if (!isNaN(l))
+      return `${l.toFixed(2)} ${p}`;
+  }
+  return i === "number" && typeof a == "number" ? a.toLocaleString("pl-PL") : String(a);
+}
+const $s = ({ field: a, data: i, zoom: p }) => {
+  const l = a.dataPath ? Ds(a.dataPath, i) : null, k = l != null ? Ts(l, a.type, a.format) : a.fallback ?? "", h = (b) => b * p * V, S = {
+    position: "absolute",
+    left: h(a.position.x),
+    top: h(a.position.y),
+    width: h(a.position.width),
+    height: h(a.position.height),
+    fontSize: (a.style.fontSize ?? 10) * p,
+    fontWeight: a.style.fontWeight ?? "normal",
+    fontStyle: a.style.fontStyle ?? "normal",
+    color: a.style.color ?? "var(--text-primary, #0f172a)",
+    textAlign: a.style.textAlign ?? "left",
+    backgroundColor: a.style.backgroundColor,
+    transform: a.style.rotation ? `rotate(${a.style.rotation}deg)` : void 0,
+    overflow: "hidden",
+    display: "flex",
+    alignItems: a.style.verticalAlign === "middle" ? "center" : a.style.verticalAlign === "bottom" ? "flex-end" : "flex-start",
+    lineHeight: a.style.lineHeight ?? 1.4,
+    padding: a.style.padding ? h(a.style.padding) : 0,
+    boxSizing: "border-box",
+    borderWidth: a.style.borderWidth,
+    borderColor: a.style.borderColor,
+    borderStyle: a.style.borderStyle,
+    borderRadius: a.style.borderRadius,
+    zIndex: a.position.zIndex ?? 1
+  };
+  return a.type === "image" && l ? /* @__PURE__ */ e("div", { style: S, children: /* @__PURE__ */ e(
+    "img",
+    {
+      src: String(l),
+      alt: "",
+      style: { width: "100%", height: "100%", objectFit: "contain" }
+    }
+  ) }) : a.type === "barcode" || a.type === "qr" ? /* @__PURE__ */ s(
+    "div",
+    {
+      style: {
+        ...S,
+        background: "var(--bg-secondary, #f8fafc)",
+        border: "1px dashed var(--border-color, #e2e8f0)",
+        alignItems: "center",
+        justifyContent: "center",
+        fontSize: 10 * p
+      },
+      children: [
+        a.type === "qr" ? "⬛" : "▮▌▮",
+        " ",
+        k
+      ]
+    }
+  ) : a.type === "signature" ? /* @__PURE__ */ e(
+    "div",
+    {
+      style: {
+        ...S,
+        borderBottom: "1px solid var(--text-primary, #0f172a)",
+        alignItems: "flex-end"
+      },
+      children: /* @__PURE__ */ e("span", { style: { fontSize: 8 * p, color: "var(--text-muted, #94a3b8)" }, children: a.label })
+    }
+  ) : a.type === "line" ? /* @__PURE__ */ e(
+    "div",
+    {
+      style: {
+        ...S,
+        borderBottom: `${a.style.borderWidth ?? 1}px ${a.style.borderStyle ?? "solid"} ${a.style.borderColor ?? "var(--text-primary, #0f172a)"}`
+      }
+    }
+  ) : /* @__PURE__ */ e("div", { style: S, children: k });
+}, Rs = ({ template: a, data: i, zoom: p }) => {
+  var b;
+  const [l, k] = (() => {
+    const [g, v] = Be[a.paperSize] ?? Be.A4;
+    return a.orientation === "landscape" ? [v * V * p, g * V * p] : [g * V * p, v * V * p];
+  })(), h = a.margins, S = a.sections.flatMap((g) => g.fields);
+  return /* @__PURE__ */ s("div", { className: j.page, style: { width: l, minHeight: k }, children: [
+    /* @__PURE__ */ e(
+      "div",
+      {
+        style: {
+          position: "absolute",
+          top: h.top * p * V,
+          left: h.left * p * V,
+          right: h.right * p * V,
+          bottom: h.bottom * p * V
+        },
+        children: S.map((g) => /* @__PURE__ */ e($s, { field: g, data: i, zoom: p }, g.id))
+      }
+    ),
+    (b = a.watermarks) == null ? void 0 : b.map((g) => /* @__PURE__ */ e(
+      "div",
+      {
+        className: j.watermark,
+        style: {
+          opacity: g.opacity,
+          transform: `rotate(${g.angle}deg)`,
+          fontSize: (g.fontSize ?? 48) * p
+        },
+        children: g.type === "text" ? g.text : /* @__PURE__ */ e(
+          "img",
+          {
+            src: g.imageUrl,
+            alt: "wm",
+            style: { maxWidth: 200 * p }
+          }
+        )
+      },
+      g.id
+    ))
+  ] });
+}, tl = ({
+  template: a,
+  entities: i = [],
+  sampleData: p,
+  onPrint: l,
+  className: k,
+  style: h,
+  theme: S = "light",
+  asPopup: b = !0,
+  open: g,
+  onClose: v
+}) => {
+  const { t: c } = Oe(), [T, N] = M(0), [r, n] = M(0.8), [u, m] = M(!0), f = g !== void 0, D = f ? g : u, y = () => {
+    f || m(!1), v == null || v();
+  };
+  ye(() => {
+    if (!b || !D)
+      return;
+    const P = (_) => {
+      _.key === "Escape" && y();
+    };
+    return document.addEventListener("keydown", P), document.body.style.overflow = "hidden", () => {
+      document.removeEventListener("keydown", P), document.body.style.overflow = "";
+    };
+  }, [b, D]);
+  const x = oe(() => i.length > 0 ? i : p ? [p.data] : [{}], [i, p]), I = x[T] ?? {};
+  if (b && !D)
+    return null;
+  const E = /* @__PURE__ */ s(
+    "div",
+    {
+      className: `${j.root} ${S === "dark" ? j.dark : ""} ${k ?? ""}`,
+      style: h,
+      children: [
+        /* @__PURE__ */ s("div", { className: j.headerBar, children: [
+          /* @__PURE__ */ s("div", { className: j.entityNav, children: [
+            x.length > 1 && /* @__PURE__ */ s(Y, { children: [
+              /* @__PURE__ */ e(
+                "button",
+                {
+                  className: j.navBtn,
+                  disabled: T === 0,
+                  onClick: () => N((P) => P - 1),
+                  children: "‹"
+                }
+              ),
+              /* @__PURE__ */ s("span", { className: j.navLabel, children: [
+                T + 1,
+                " / ",
+                x.length
+              ] }),
+              /* @__PURE__ */ e(
+                "button",
+                {
+                  className: j.navBtn,
+                  disabled: T >= x.length - 1,
+                  onClick: () => N((P) => P + 1),
+                  children: "›"
+                }
+              )
+            ] }),
+            i.length === 0 && p && /* @__PURE__ */ e("span", { className: j.sampleBadge, children: "Przykładowe dane" })
+          ] }),
+          /* @__PURE__ */ s("div", { className: j.zoomBar, children: [
+            /* @__PURE__ */ e("button", { className: j.zoomBtn, onClick: () => n((P) => Math.max(0.3, P - 0.1)), children: "−" }),
+            /* @__PURE__ */ s("span", { className: j.zoomLabel, children: [
+              Math.round(r * 100),
+              "%"
+            ] }),
+            /* @__PURE__ */ e("button", { className: j.zoomBtn, onClick: () => n((P) => Math.min(2.5, P + 0.1)), children: "+" }),
+            /* @__PURE__ */ e("button", { className: j.zoomBtn, onClick: () => n(0.8), title: "Dopasuj", children: "⊡" })
+          ] }),
+          /* @__PURE__ */ s("div", { style: { display: "flex", gap: 8 }, children: [
+            /* @__PURE__ */ e(
+              "button",
+              {
+                className: j.printBtn,
+                onClick: () => l == null ? void 0 : l({ copies: 1, printerId: "" }),
+                children: c("printPreview.print", "Drukuj")
+              }
+            ),
+            b && /* @__PURE__ */ e(
+              "button",
+              {
+                type: "button",
+                className: j.zoomBtn,
+                onClick: y,
+                "aria-label": c("common.close", "Zamknij"),
+                title: c("common.close", "Zamknij"),
+                children: "✕"
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ e("div", { className: j.canvas, children: /* @__PURE__ */ e(Rs, { template: a, data: I, zoom: r }) }),
+        /* @__PURE__ */ s("div", { className: j.footerBar, children: [
+          /* @__PURE__ */ e("span", { children: a.name }),
+          /* @__PURE__ */ s("span", { children: [
+            a.paperSize,
+            " · ",
+            a.orientation === "portrait" ? "Pion" : "Poziom"
+          ] }),
+          a.sections.reduce((P, _) => P + _.fields.length, 0),
+          " pól"
+        ] })
+      ]
+    }
+  );
+  return b ? Ue(/* @__PURE__ */ e(
+    "div",
+    {
+      style: {
+        position: "fixed",
+        inset: 0,
+        background: "color-mix(in srgb, var(--text-primary, #000) 50%, transparent)",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        zIndex: 1e3,
+        padding: 24
+      },
+      onMouseDown: (P) => {
+        P.target === P.currentTarget && y();
+      },
+      role: "presentation",
+      children: /* @__PURE__ */ e(
+        "div",
+        {
+          role: "dialog",
+          "aria-modal": "true",
+          style: {
+            background: "var(--bg-elevated, var(--bg-primary, #ffffff))",
+            borderRadius: 12,
+            boxShadow: "0 20px 60px color-mix(in srgb, var(--text-primary, #000) 30%, transparent)",
+            maxWidth: "90vw",
+            maxHeight: "90vh",
+            overflow: "auto"
+          },
+          children: E
+        }
+      )
+    }
+  ), document.body) : E;
+}, As = "_root_18ftw_1", Ps = "_dark_18ftw_23", Ms = "_statsBar_18ftw_29", Es = "_stat_18ftw_29", Gs = "_dot_18ftw_51", Hs = "_statPrinting_18ftw_53", Ws = "_statQueued_18ftw_55", js = "_statDone_18ftw_57", Fs = "_statError_18ftw_59", Os = "_toolbar_18ftw_65", Us = "_filterTabs_18ftw_85", Ys = "_filterTab_18ftw_85", qs = "_filterTabActive_18ftw_109", Ks = "_filterCount_18ftw_111", Vs = "_bulkActions_18ftw_123", Zs = "_bulkCount_18ftw_125", Xs = "_bulkBtn_18ftw_127", Js = "_bulkBtnRemove_18ftw_147", Qs = "_jobList_18ftw_155", er = "_listHeader_18ftw_159", tr = "_headerLabel_18ftw_187", ar = "_jobRow_18ftw_193", nr = "_jobRowSelected_18ftw_217", sr = "_jobCheckbox_18ftw_223", rr = "_statusBadge_18ftw_229", lr = "_pulse_18ftw_1", ir = "_jobInfo_18ftw_267", or = "_jobName_18ftw_269", cr = "_jobMeta_18ftw_271", dr = "_jobTime_18ftw_281", pr = "_jobDuration_18ftw_283", mr = "_jobError_18ftw_285", ur = "_progressBar_18ftw_291", hr = "_progressFill_18ftw_305", _r = "_copiesEditor_18ftw_321", gr = "_copiesBtn_18ftw_333", yr = "_copiesValue_18ftw_357", br = "_jobActions_18ftw_363", wr = "_actionBtn_18ftw_365", vr = "_removeBtn_18ftw_387", Nr = "_emptyState_18ftw_395", w = {
+  root: As,
+  dark: Ps,
+  statsBar: Ms,
+  stat: Es,
+  dot: Gs,
+  statPrinting: Hs,
+  statQueued: Ws,
+  statDone: js,
+  statError: Fs,
+  toolbar: Os,
+  filterTabs: Us,
+  filterTab: Ys,
+  filterTabActive: qs,
+  filterCount: Ks,
+  bulkActions: Vs,
+  bulkCount: Zs,
+  bulkBtn: Xs,
+  bulkBtnRemove: Js,
+  jobList: Qs,
+  listHeader: er,
+  headerLabel: tr,
+  jobRow: ar,
+  jobRowSelected: nr,
+  jobCheckbox: sr,
+  statusBadge: rr,
+  "badge-queued": "_badge-queued_18ftw_247",
+  "badge-printing": "_badge-printing_18ftw_249",
+  pulse: lr,
+  "badge-done": "_badge-done_18ftw_251",
+  "badge-error": "_badge-error_18ftw_253",
+  "badge-paused": "_badge-paused_18ftw_255",
+  "badge-cancelled": "_badge-cancelled_18ftw_257",
+  jobInfo: ir,
+  jobName: or,
+  jobMeta: cr,
+  jobTime: dr,
+  jobDuration: pr,
+  jobError: mr,
+  progressBar: ur,
+  progressFill: hr,
+  copiesEditor: _r,
+  copiesBtn: gr,
+  copiesValue: yr,
+  jobActions: br,
+  actionBtn: wr,
+  removeBtn: vr,
+  emptyState: Nr
+}, ge = {
+  queued: "Kolejka",
+  printing: "Drukowanie",
+  done: "Wydrukowano",
+  error: "Błąd",
+  paused: "Wstrzymano",
+  cancelled: "Anulowano"
+};
+function fr(a) {
+  try {
+    return new Date(a).toLocaleTimeString("pl-PL", { hour: "2-digit", minute: "2-digit" });
+  } catch {
+    return a;
+  }
+}
+function kr(a) {
+  const i = Date.now() - new Date(a).getTime(), p = Math.floor(i / 1e3);
+  return p < 60 ? `${p}s` : `${Math.floor(p / 60)}m ${p % 60}s`;
+}
+const Sr = ({ jobs: a }) => {
+  const i = a.filter((h) => h.status === "printing").length, p = a.filter((h) => h.status === "queued").length, l = a.filter((h) => h.status === "done").length, k = a.filter((h) => h.status === "error").length;
+  return /* @__PURE__ */ s("div", { className: w.statsBar, children: [
+    /* @__PURE__ */ s("span", { className: `${w.stat} ${w.statPrinting}`, children: [
+      /* @__PURE__ */ e("span", { className: w.dot }),
+      "Drukuje: ",
+      /* @__PURE__ */ e("strong", { children: i })
+    ] }),
+    /* @__PURE__ */ s("span", { className: `${w.stat} ${w.statQueued}`, children: [
+      /* @__PURE__ */ e("span", { className: w.dot }),
+      "W kolejce: ",
+      /* @__PURE__ */ e("strong", { children: p })
+    ] }),
+    /* @__PURE__ */ s("span", { className: `${w.stat} ${w.statDone}`, children: [
+      /* @__PURE__ */ e("span", { className: w.dot }),
+      "Gotowe: ",
+      /* @__PURE__ */ e("strong", { children: l })
+    ] }),
+    k > 0 && /* @__PURE__ */ s("span", { className: `${w.stat} ${w.statError}`, children: [
+      /* @__PURE__ */ e("span", { className: w.dot }),
+      "Błędy: ",
+      /* @__PURE__ */ e("strong", { children: k })
+    ] })
+  ] });
+}, Br = ({
+  job: a,
+  index: i,
+  total: p,
+  printers: l,
+  selected: k,
+  onSelect: h,
+  onUpdate: S,
+  onRemove: b,
+  onPrint: g,
+  onReorder: v
+}) => {
+  const c = l.find((r) => r.id === a.options.printerId), T = i > 0 && a.status === "queued", N = i < p - 1 && a.status === "queued";
+  return /* @__PURE__ */ s(
+    "div",
+    {
+      className: `${w.jobRow} ${k ? w.jobRowSelected : ""} ${w[`status-${a.status}`] ?? ""}`,
+      children: [
+        /* @__PURE__ */ e(
+          "input",
+          {
+            type: "checkbox",
+            className: w.jobCheckbox,
+            checked: k,
+            onChange: () => h(a.id)
+          }
+        ),
+        /* @__PURE__ */ e("span", { className: `${w.statusBadge} ${w[`badge-${a.status}`]}`, children: ge[a.status] ?? a.status }),
+        /* @__PURE__ */ s("div", { className: w.jobInfo, children: [
+          /* @__PURE__ */ e("div", { className: w.jobName, children: a.templateName ?? a.templateId }),
+          /* @__PURE__ */ s("div", { className: w.jobMeta, children: [
+            a.entityLabel && /* @__PURE__ */ e("span", { children: a.entityLabel }),
+            c && /* @__PURE__ */ s("span", { children: [
+              "🖨 ",
+              c.name
+            ] }),
+            /* @__PURE__ */ s("span", { children: [
+              "×",
+              a.options.copies
+            ] }),
+            a.createdAt && /* @__PURE__ */ e("span", { className: w.jobTime, children: fr(a.createdAt) }),
+            a.startedAt && a.status !== "done" && /* @__PURE__ */ e("span", { className: w.jobDuration, children: kr(a.startedAt) })
+          ] }),
+          a.status === "printing" && a.progress != null && /* @__PURE__ */ e("div", { className: w.progressBar, children: /* @__PURE__ */ e("div", { className: w.progressFill, style: { width: `${a.progress}%` } }) }),
+          a.status === "error" && a.errorMessage && /* @__PURE__ */ e("div", { className: w.jobError, children: a.errorMessage })
+        ] }),
+        /* @__PURE__ */ s("div", { className: w.copiesEditor, children: [
+          /* @__PURE__ */ e(
+            "button",
+            {
+              className: w.copiesBtn,
+              disabled: a.options.copies <= 1,
+              onClick: () => S(a.id, { options: { ...a.options, copies: a.options.copies - 1 } }),
+              children: "−"
+            }
+          ),
+          /* @__PURE__ */ e("span", { className: w.copiesValue, children: a.options.copies }),
+          /* @__PURE__ */ e(
+            "button",
+            {
+              className: w.copiesBtn,
+              onClick: () => S(a.id, { options: { ...a.options, copies: a.options.copies + 1 } }),
+              children: "+"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ s("div", { className: w.jobActions, children: [
+          T && /* @__PURE__ */ e(
+            "button",
+            {
+              className: w.actionBtn,
+              title: "Przesuń wyżej",
+              onClick: () => v(i, i - 1),
+              children: "↑"
+            }
+          ),
+          N && /* @__PURE__ */ e(
+            "button",
+            {
+              className: w.actionBtn,
+              title: "Przesuń niżej",
+              onClick: () => v(i, i + 1),
+              children: "↓"
+            }
+          ),
+          a.status === "queued" && /* @__PURE__ */ e("button", { className: w.actionBtn, title: "Drukuj teraz", onClick: () => g(a.id), children: "▶" }),
+          a.status === "printing" && /* @__PURE__ */ e(
+            "button",
+            {
+              className: w.actionBtn,
+              title: "Wstrzymaj",
+              onClick: () => S(a.id, { status: "paused" }),
+              children: "⏸"
+            }
+          ),
+          a.status === "paused" && /* @__PURE__ */ e(
+            "button",
+            {
+              className: w.actionBtn,
+              title: "Wznów",
+              onClick: () => S(a.id, { status: "queued" }),
+              children: "▶"
+            }
+          ),
+          /* @__PURE__ */ e(
+            "button",
+            {
+              className: `${w.actionBtn} ${w.removeBtn}`,
+              title: "Usuń",
+              onClick: () => b(a.id),
+              children: "✕"
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}, al = ({
+  jobs: a,
+  printers: i = [],
+  onJobUpdate: p,
+  onJobRemove: l,
+  onJobReorder: k,
+  onJobPrint: h,
+  onBulkRemove: S,
+  onBulkPrint: b,
+  maxHeight: g = 500,
+  className: v,
+  style: c,
+  theme: T = "light"
+}) => {
+  const [N, r] = M(/* @__PURE__ */ new Set()), [n, u] = M("all"), m = n === "all" ? a : a.filter((I) => I.status === n), f = $((I) => {
+    r((E) => {
+      const W = new Set(E);
+      return W.has(I) ? W.delete(I) : W.add(I), W;
+    });
+  }, []), D = $(() => {
+    N.size === m.length ? r(/* @__PURE__ */ new Set()) : r(new Set(m.map((I) => I.id)));
+  }, [m, N.size]), y = $(() => {
+    S == null || S(Array.from(N)), r(/* @__PURE__ */ new Set());
+  }, [N, S]), x = $(() => {
+    b == null || b(Array.from(N)), r(/* @__PURE__ */ new Set());
+  }, [N, b]);
+  return /* @__PURE__ */ s(
+    "div",
+    {
+      className: `${w.root} ${T === "dark" ? w.dark : ""} ${v ?? ""}`,
+      style: c,
+      children: [
+        /* @__PURE__ */ e(Sr, { jobs: a }),
+        /* @__PURE__ */ s("div", { className: w.toolbar, children: [
+          /* @__PURE__ */ e("div", { className: w.filterTabs, children: ["all", "queued", "printing", "done", "error"].map((I) => /* @__PURE__ */ s(
+            "button",
+            {
+              className: `${w.filterTab} ${n === I ? w.filterTabActive : ""}`,
+              onClick: () => u(I),
+              children: [
+                I === "all" ? "Wszystkie" : ge[I],
+                /* @__PURE__ */ e("span", { className: w.filterCount, children: I === "all" ? a.length : a.filter((E) => E.status === I).length })
+              ]
+            },
+            I
+          )) }),
+          N.size > 0 && /* @__PURE__ */ s("div", { className: w.bulkActions, children: [
+            /* @__PURE__ */ s("span", { className: w.bulkCount, children: [
+              N.size,
+              " zaznaczonych"
+            ] }),
+            b && /* @__PURE__ */ e("button", { className: w.bulkBtn, onClick: x, children: "▶ Drukuj wybrane" }),
+            S && /* @__PURE__ */ e("button", { className: `${w.bulkBtn} ${w.bulkBtnRemove}`, onClick: y, children: "✕ Usuń wybrane" })
+          ] })
+        ] }),
+        /* @__PURE__ */ e("div", { className: w.jobList, style: { maxHeight: g }, children: m.length === 0 ? /* @__PURE__ */ e("div", { className: w.emptyState, children: n === "all" ? "Brak zadań w kolejce" : `Brak zadań ze statusem "${ge[n]}"` }) : /* @__PURE__ */ s(Y, { children: [
+          /* @__PURE__ */ s("div", { className: w.listHeader, children: [
+            /* @__PURE__ */ e(
+              "input",
+              {
+                type: "checkbox",
+                onChange: D,
+                checked: N.size === m.length && m.length > 0
+              }
+            ),
+            /* @__PURE__ */ e("span", { className: w.headerLabel, children: "Zadanie" }),
+            /* @__PURE__ */ e("span", { className: w.headerLabel, children: "Kopie" }),
+            /* @__PURE__ */ e("span", { className: w.headerLabel, children: "Akcje" })
+          ] }),
+          m.map((I, E) => /* @__PURE__ */ e(
+            Br,
+            {
+              job: I,
+              index: a.indexOf(I),
+              total: a.length,
+              printers: i,
+              selected: N.has(I.id),
+              onSelect: f,
+              onUpdate: p,
+              onRemove: l,
+              onPrint: h,
+              onReorder: k
+            },
+            I.id
+          ))
+        ] }) })
+      ]
+    }
+  );
+}, Cr = "_container_yzbyh_1", Ir = "_buttonGroup_yzbyh_19", Lr = "_trigger_yzbyh_31", xr = "_triggerDisabled_yzbyh_53", zr = "_mainAction_yzbyh_85", Dr = "_dropdownToggle_yzbyh_95", Tr = "_chevron_yzbyh_109", $r = "_chevronUp_yzbyh_111", Rr = "_dropdown_yzbyh_95", Ar = "_dark_yzbyh_141", Pr = "_section_yzbyh_145", Mr = "_sectionLabel_yzbyh_147", Er = "_divider_yzbyh_167", Gr = "_copiesRow_yzbyh_175", Hr = "_copiesBtn_yzbyh_185", Wr = "_copiesValue_yzbyh_209", jr = "_printerSelect_yzbyh_229", Fr = "_printerStatus_yzbyh_255", Or = "_printerDot_yzbyh_269", Ur = "_printerStatusLabel_yzbyh_279", Yr = "_submitBtn_yzbyh_285", qr = "_spinner_yzbyh_317", Kr = "_spin_yzbyh_317", z = {
+  container: Cr,
+  buttonGroup: Ir,
+  trigger: Lr,
+  triggerDisabled: xr,
+  "variant-primary": "_variant-primary_yzbyh_59",
+  "variant-secondary": "_variant-secondary_yzbyh_63",
+  "variant-ghost": "_variant-ghost_yzbyh_67",
+  "size-sm": "_size-sm_yzbyh_75",
+  "size-md": "_size-md_yzbyh_77",
+  "size-lg": "_size-lg_yzbyh_79",
+  mainAction: zr,
+  dropdownToggle: Dr,
+  chevron: Tr,
+  chevronUp: $r,
+  dropdown: Rr,
+  dark: Ar,
+  section: Pr,
+  sectionLabel: Mr,
+  divider: Er,
+  copiesRow: Gr,
+  copiesBtn: Hr,
+  copiesValue: Wr,
+  printerSelect: jr,
+  printerStatus: Fr,
+  printerDot: Or,
+  "dot-ready": "_dot-ready_yzbyh_271",
+  "dot-busy": "_dot-busy_yzbyh_273",
+  "dot-offline": "_dot-offline_yzbyh_275",
+  "dot-error": "_dot-error_yzbyh_277",
+  printerStatusLabel: Ur,
+  submitBtn: Yr,
+  spinner: qr,
+  spin: Kr
+}, nl = ({
+  onPrint: a,
+  printers: i = [],
+  defaultPrinterId: p,
+  defaultCopies: l = 1,
+  disabled: k = !1,
+  loading: h = !1,
+  variant: S = "primary",
+  size: b = "md",
+  label: g = "Drukuj",
+  className: v,
+  style: c,
+  theme: T = "light"
+}) => {
+  var P;
+  const [N, r] = M(!1), [n, u] = M(l), [m, f] = M(p ?? ((P = i[0]) == null ? void 0 : P.id) ?? ""), D = Fe(null);
+  ye(() => {
+    if (!N)
+      return;
+    const _ = (q) => {
+      D.current && !D.current.contains(q.target) && r(!1);
+    };
+    return document.addEventListener("mousedown", _), () => document.removeEventListener("mousedown", _);
+  }, [N]);
+  const y = $(() => {
+    a({ copies: n, printerId: m }), r(!1);
+  }, [n, m, a]), x = $(() => u((_) => Math.min(99, _ + 1)), []), I = $(() => u((_) => Math.max(1, _ - 1)), []), E = [z.container, T === "dark" ? z.dark : "", v ?? ""].filter(Boolean).join(" "), W = [
+    z.trigger,
+    z[`variant-${S}`],
+    z[`size-${b}`],
+    k || h ? z.triggerDisabled : ""
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ s("div", { ref: D, className: E, style: c, children: [
+    /* @__PURE__ */ s("div", { className: z.buttonGroup, children: [
+      /* @__PURE__ */ s(
+        "button",
+        {
+          className: `${W} ${z.mainAction}`,
+          disabled: k || h,
+          onClick: y,
+          "aria-label": g,
+          children: [
+            h ? /* @__PURE__ */ e("span", { className: z.spinner }) : /* @__PURE__ */ e("span", { children: "🖨" }),
+            /* @__PURE__ */ e("span", { children: g })
+          ]
+        }
+      ),
+      /* @__PURE__ */ e(
+        "button",
+        {
+          className: `${W} ${z.dropdownToggle}`,
+          disabled: k || h,
+          onClick: () => r((_) => !_),
+          "aria-label": "Opcje druku",
+          "aria-expanded": N,
+          children: /* @__PURE__ */ e("span", { className: `${z.chevron} ${N ? z.chevronUp : ""}`, children: "▾" })
+        }
+      )
+    ] }),
+    N && /* @__PURE__ */ s("div", { className: z.dropdown, children: [
+      /* @__PURE__ */ s("div", { className: z.section, children: [
+        /* @__PURE__ */ e("label", { className: z.sectionLabel, children: "Liczba kopii" }),
+        /* @__PURE__ */ s("div", { className: z.copiesRow, children: [
+          /* @__PURE__ */ e("button", { className: z.copiesBtn, onClick: I, disabled: n <= 1, children: "−" }),
+          /* @__PURE__ */ e("span", { className: z.copiesValue, children: n }),
+          /* @__PURE__ */ e("button", { className: z.copiesBtn, onClick: x, disabled: n >= 99, children: "+" })
+        ] })
+      ] }),
+      /* @__PURE__ */ e("div", { className: z.divider }),
+      i.length > 0 && /* @__PURE__ */ s(Y, { children: [
+        /* @__PURE__ */ s("div", { className: z.section, children: [
+          /* @__PURE__ */ e("label", { className: z.sectionLabel, children: "Drukarka" }),
+          /* @__PURE__ */ e(
+            "select",
+            {
+              className: z.printerSelect,
+              value: m,
+              onChange: (_) => f(_.target.value),
+              children: i.map((_) => /* @__PURE__ */ s(
+                "option",
+                {
+                  value: _.id,
+                  disabled: _.status === "offline" || !_.isOnline && _.status == null,
+                  children: [
+                    _.name,
+                    " ",
+                    _.status === "offline" || !_.isOnline && _.status == null ? "(Offline)" : _.status === "busy" ? "(Zajęta)" : ""
+                  ]
+                },
+                _.id
+              ))
+            }
+          ),
+          i.find((_) => _.id === m) && /* @__PURE__ */ e("div", { className: z.printerStatus, children: (() => {
+            const _ = i.find((pe) => pe.id === m), q = _.status ?? (_.isOnline ? "ready" : "offline");
+            return /* @__PURE__ */ s(Y, { children: [
+              /* @__PURE__ */ e("span", { className: `${z.printerDot} ${z[`dot-${q}`]}` }),
+              /* @__PURE__ */ e("span", { className: z.printerStatusLabel, children: q === "ready" ? "Gotowa" : q === "busy" ? "Zajęta" : q === "offline" ? "Offline" : "Błąd" })
+            ] });
+          })() })
+        ] }),
+        /* @__PURE__ */ e("div", { className: z.divider })
+      ] }),
+      /* @__PURE__ */ e("div", { className: z.section, children: /* @__PURE__ */ e(
+        "button",
+        {
+          className: z.submitBtn,
+          onClick: y,
+          disabled: k || h || i.length > 0 && (() => {
+            const _ = i.find((q) => q.id === m);
+            return _ != null && (_.status === "offline" || !_.isOnline && _.status == null);
+          })(),
+          children: h ? "Drukowanie..." : `🖨 Drukuj${n > 1 ? ` (${n} kopie)` : ""}`
+        }
+      ) })
+    ] })
+  ] });
+};
+export {
+  nl as NicePrintButton,
+  tl as NicePrintPreview,
+  al as NicePrintQueue,
+  el as NiceTemplateBrowser,
+  Qr as NiceTemplateEditor
+};