@nice2dev/ui-printing 1.2.0 → 1.2.2

package/dist/index.mjs

@@ -1,149 +1,149 @@
-import { jsx as e, jsxs as a, Fragment as j } from "react/jsx-runtime";
-import { useNiceTranslation as J, NiceAppShell as je, NiceIcon as N } from "@nice2dev/ui";
-import Ke, { useReducer as Xe, useState as F, useCallback as M, useMemo as me, useEffect as Se, useRef as Je } from "react";
-import { createPortal as Qe } from "react-dom";
-const Ze = "_root_lceud_3", et = "_dark_lceud_27", tt = "_toolbar_lceud_39", nt = "_toolbarGroup_lceud_75", at = "_toolbarBtn_lceud_107", it = "_toolbarBtnActive_lceud_171", st = "_toolbarBtnDanger_lceud_195", rt = "_toolbarSelect_lceud_207", lt = "_toolbarSep_lceud_237", ot = "_insertWrapper_lceud_263", ct = "_insertBtn_lceud_271", dt = "_insertDropdown_lceud_293", pt = "_insertCategory_lceud_333", ut = "_insertItem_lceud_351", mt = "_insertIcon_lceud_395", ht = "_zoomSelect_lceud_409", _t = "_saveBtn_lceud_441", gt = "_editorBody_lceud_477", bt = "_leftPanel_lceud_493", yt = "_leftTabs_lceud_523", vt = "_leftTab_lceud_523", Nt = "_leftTabActive_lceud_601", ft = "_leftTabIcon_lceud_621", wt = "_leftTabLabel_lceud_629", kt = "_leftContent_lceud_639", St = "_panelHeader_lceud_653", Ct = "_panelHeaderIcon_lceud_677", Bt = "_panelHeaderName_lceud_685", It = "_searchBox_lceud_699", Lt = "_searchInput_lceud_707", xt = "_fieldList_lceud_753", zt = "_fieldItem_lceud_763", Tt = "_fieldItemIcon_lceud_807", Dt = "_fieldItemInfo_lceud_821", $t = "_fieldItemLabel_lceud_831", Rt = "_fieldItemPath_lceud_847", At = "_fieldItemType_lceud_863", Mt = "_layerList_lceud_883", Pt = "_layerItem_lceud_895", Et = "_layerItemSelected_lceud_931", Ft = "_layerIcon_lceud_949", Ht = "_layerName_lceud_961", Gt = "_layerActions_lceud_977", Ot = "_layerBtn_lceud_999", qt = "_wmList_lceud_1031", Wt = "_wmItem_lceud_1039", Ut = "_wmRow_lceud_1065", Yt = "_wmLabel_lceud_1079", Vt = "_wmInput_lceud_1091", jt = "_wmInputNum_lceud_1123", Kt = "_wmSelect_lceud_1143", Xt = "_wmSlider_lceud_1175", Jt = "_wmValue_lceud_1185", Qt = "_wmUnit_lceud_1199", Zt = "_wmDelete_lceud_1209", en = "_addBtn_lceud_1241", tn = "_settingsForm_lceud_1277", nn = "_settingsRow_lceud_1285", an = "_settingsLabel_lceud_1299", sn = "_settingsInput_lceud_1311", rn = "_settingsInputNum_lceud_1343", ln = "_settingsTextarea_lceud_1375", on = "_settingsDivider_lceud_1409", cn = "_settingsUnit_lceud_1429", dn = "_emptyMsg_lceud_1441", pn = "_canvasArea_lceud_1459", un = "_testDataBar_lceud_1485", mn = "_testDataLabel_lceud_1517", hn = "_testDataSelect_lceud_1527", _n = "_rulerWrapper_lceud_1547", gn = "_rulerCorner_lceud_1563", bn = "_ruler_lceud_1547", yn = "_ruler_h_lceud_1621", vn = "_ruler_v_lceud_1631", Nn = "_rulerTick_lceud_1651", fn = "_rulerTickMajor_lceud_1691", wn = "_rulerLabel_lceud_1711", kn = "_paperScroll_lceud_1749", Sn = "_paperShadow_lceud_1767", Cn = "_marginGuide_lceud_1803", Bn = "_watermark_lceud_1819", In = "_sectionCanvas_lceud_1845", Ln = "_sectionCanvasOver_lceud_1859", xn = "_sectionTypeChip_lceud_1867", zn = "_sectionResizeBar_lceud_1899", Tn = "_sectionResizeGrip_lceud_1933", Dn = "_fieldImagePlaceholder_lceud_1949", $n = "_fieldBarcodePlaceholder_lceud_1971", Rn = "_fieldSignaturePlaceholder_lceud_1999", An = "_resizeHandle_lceud_2031", Mn = "_handle_n_lceud_2051", Pn = "_handle_s_lceud_2063", En = "_handle_e_lceud_2075", Fn = "_handle_w_lceud_2087", Hn = "_handle_ne_lceud_2099", Gn = "_handle_nw_lceud_2109", On = "_handle_se_lceud_2119", qn = "_handle_sw_lceud_2129", Wn = "_rightPanel_lceud_2143", Un = "_rightTabs_lceud_2173", Yn = "_rightTab_lceud_2173", Vn = "_rightTabActive_lceud_2243", jn = "_propsBody_lceud_2255", Kn = "_propsEmpty_lceud_2267", Xn = "_propsEmptyIcon_lceud_2289", Jn = "_propsEmptyText_lceud_2299", Qn = "_posGrid_lceud_2311", Zn = "_posCell_lceud_2325", ea = "_posLabel_lceud_2337", ta = "_posInput_lceud_2349", na = "_posUnit_lceud_2391", aa = "_snapSection_lceud_2403", ia = "_snapTitle_lceud_2411", sa = "_snapRow_lceud_2429", ra = "_snapBtn_lceud_2439", la = "_styleGroup_lceud_2473", oa = "_styleGroupTitle_lceud_2481", ca = "_styleRow_lceud_2511", da = "_styleLabel_lceud_2525", pa = "_styleSelect_lceud_2539", ua = "_styleSelectFull_lceud_2569", ma = "_styleSelectSm_lceud_2601", ha = "_styleSelectXs_lceud_2621", _a = "_styleInput_lceud_2653", ga = "_styleInputFull_lceud_2685", ba = "_styleUnit_lceud_2717", ya = "_styleValue_lceud_2729", va = "_toggleGroup_lceud_2743", Na = "_toggleBtn_lceud_2753", fa = "_toggleBtnActive_lceud_2787", wa = "_colorPicker_lceud_2801", ka = "_colorHex_lceud_2819", Sa = "_clearBtn_lceud_2853", Ca = "_sliderInput_lceud_2885", Ba = "_conditionalHint_lceud_2897", Ia = "_clearConditionalBtn_lceud_2929", La = "_shortcutGrid_lceud_2961", xa = "_shortcutChip_lceud_2975", za = "_shortcutKeys_lceud_3007", Ta = "_shortcutLabel_lceud_3027", t = {
-  root: Ze,
-  dark: et,
-  toolbar: tt,
-  toolbarGroup: nt,
-  toolbarBtn: at,
-  toolbarBtnActive: it,
-  toolbarBtnDanger: st,
-  toolbarSelect: rt,
+import { jsx as e, jsxs as a, Fragment as X } from "react/jsx-runtime";
+import { useNiceTranslation as j, NiceAppShell as Xe, NiceIcon as w } from "@nice2dev/ui";
+import Ke, { useReducer as Je, useState as H, useCallback as P, useMemo as ue, useEffect as Se, useRef as Qe } from "react";
+import { createPortal as Ze } from "react-dom";
+const et = "_root_19f1m_3", tt = "_dark_19f1m_27", nt = "_toolbar_19f1m_39", at = "_toolbarGroup_19f1m_75", it = "_toolbarBtn_19f1m_107", st = "_toolbarBtnActive_19f1m_171", rt = "_toolbarBtnDanger_19f1m_195", ot = "_toolbarSelect_19f1m_207", lt = "_toolbarSep_19f1m_237", ct = "_insertWrapper_19f1m_263", dt = "_insertBtn_19f1m_271", mt = "_insertDropdown_19f1m_293", pt = "_insertCategory_19f1m_333", ut = "_insertItem_19f1m_351", ht = "_insertIcon_19f1m_395", _t = "_zoomSelect_19f1m_409", gt = "_saveBtn_19f1m_441", bt = "_editorBody_19f1m_477", yt = "_leftPanel_19f1m_493", ft = "_leftTabs_19f1m_523", vt = "_leftTab_19f1m_523", Nt = "_leftTabActive_19f1m_601", wt = "_leftTabIcon_19f1m_621", kt = "_leftTabLabel_19f1m_629", St = "_leftContent_19f1m_639", Ct = "_panelHeader_19f1m_653", Bt = "_panelHeaderIcon_19f1m_677", It = "_panelHeaderName_19f1m_685", Lt = "_searchBox_19f1m_699", xt = "_searchInput_19f1m_707", zt = "_fieldList_19f1m_753", Tt = "_fieldItem_19f1m_763", $t = "_fieldItemIcon_19f1m_807", Dt = "_fieldItemInfo_19f1m_821", Rt = "_fieldItemLabel_19f1m_831", Et = "_fieldItemPath_19f1m_847", At = "_fieldItemType_19f1m_863", Mt = "_layerList_19f1m_883", Pt = "_layerItem_19f1m_895", Ft = "_layerItemSelected_19f1m_931", Ht = "_layerIcon_19f1m_949", Gt = "_layerName_19f1m_961", Ot = "_layerActions_19f1m_977", qt = "_layerBtn_19f1m_999", Wt = "_wmList_19f1m_1031", Yt = "_wmItem_19f1m_1039", Ut = "_wmRow_19f1m_1065", jt = "_wmLabel_19f1m_1079", Vt = "_wmInput_19f1m_1091", Xt = "_wmInputNum_19f1m_1123", Kt = "_wmSelect_19f1m_1143", Jt = "_wmSlider_19f1m_1175", Qt = "_wmValue_19f1m_1185", Zt = "_wmUnit_19f1m_1199", en = "_wmDelete_19f1m_1209", tn = "_addBtn_19f1m_1241", nn = "_settingsForm_19f1m_1277", an = "_settingsRow_19f1m_1285", sn = "_settingsLabel_19f1m_1299", rn = "_settingsInput_19f1m_1311", on = "_settingsInputNum_19f1m_1343", ln = "_settingsTextarea_19f1m_1375", cn = "_settingsDivider_19f1m_1409", dn = "_settingsUnit_19f1m_1429", mn = "_emptyMsg_19f1m_1441", pn = "_canvasArea_19f1m_1459", un = "_testDataBar_19f1m_1485", hn = "_testDataLabel_19f1m_1517", _n = "_testDataSelect_19f1m_1527", gn = "_rulerWrapper_19f1m_1547", bn = "_rulerCorner_19f1m_1563", yn = "_ruler_19f1m_1547", fn = "_ruler_h_19f1m_1621", vn = "_ruler_v_19f1m_1631", Nn = "_rulerTick_19f1m_1651", wn = "_rulerTickMajor_19f1m_1691", kn = "_rulerLabel_19f1m_1711", Sn = "_paperScroll_19f1m_1749", Cn = "_paperShadow_19f1m_1767", Bn = "_marginGuide_19f1m_1803", In = "_watermark_19f1m_1819", Ln = "_sectionCanvas_19f1m_1845", xn = "_sectionCanvasOver_19f1m_1859", zn = "_sectionTypeChip_19f1m_1867", Tn = "_sectionResizeBar_19f1m_1899", $n = "_sectionResizeGrip_19f1m_1933", Dn = "_fieldImagePlaceholder_19f1m_1949", Rn = "_fieldBarcodePlaceholder_19f1m_1971", En = "_fieldSignaturePlaceholder_19f1m_1999", An = "_resizeHandle_19f1m_2031", Mn = "_handle_n_19f1m_2051", Pn = "_handle_s_19f1m_2063", Fn = "_handle_e_19f1m_2075", Hn = "_handle_w_19f1m_2087", Gn = "_handle_ne_19f1m_2099", On = "_handle_nw_19f1m_2109", qn = "_handle_se_19f1m_2119", Wn = "_handle_sw_19f1m_2129", Yn = "_rightPanel_19f1m_2143", Un = "_rightTabs_19f1m_2173", jn = "_rightTab_19f1m_2173", Vn = "_rightTabActive_19f1m_2243", Xn = "_propsBody_19f1m_2255", Kn = "_propsEmpty_19f1m_2267", Jn = "_propsEmptyIcon_19f1m_2289", Qn = "_propsEmptyText_19f1m_2299", Zn = "_posGrid_19f1m_2311", ea = "_posCell_19f1m_2325", ta = "_posLabel_19f1m_2337", na = "_posInput_19f1m_2349", aa = "_posUnit_19f1m_2391", ia = "_snapSection_19f1m_2403", sa = "_snapTitle_19f1m_2411", ra = "_snapRow_19f1m_2429", oa = "_snapBtn_19f1m_2439", la = "_styleGroup_19f1m_2473", ca = "_styleGroupTitle_19f1m_2481", da = "_styleRow_19f1m_2511", ma = "_styleLabel_19f1m_2525", pa = "_styleSelect_19f1m_2539", ua = "_styleSelectFull_19f1m_2569", ha = "_styleSelectSm_19f1m_2601", _a = "_styleSelectXs_19f1m_2621", ga = "_styleInput_19f1m_2653", ba = "_styleInputFull_19f1m_2685", ya = "_styleUnit_19f1m_2717", fa = "_styleValue_19f1m_2729", va = "_toggleGroup_19f1m_2743", Na = "_toggleBtn_19f1m_2753", wa = "_toggleBtnActive_19f1m_2787", ka = "_colorPicker_19f1m_2801", Sa = "_colorHex_19f1m_2819", Ca = "_clearBtn_19f1m_2853", Ba = "_sliderInput_19f1m_2885", Ia = "_conditionalHint_19f1m_2897", La = "_clearConditionalBtn_19f1m_2929", xa = "_shortcutGrid_19f1m_2961", za = "_shortcutChip_19f1m_2975", Ta = "_shortcutKeys_19f1m_3007", $a = "_shortcutLabel_19f1m_3027", t = {
+  root: et,
+  dark: tt,
+  toolbar: nt,
+  toolbarGroup: at,
+  toolbarBtn: it,
+  toolbarBtnActive: st,
+  toolbarBtnDanger: rt,
+  toolbarSelect: ot,
   toolbarSep: lt,
-  insertWrapper: ot,
-  insertBtn: ct,
-  insertDropdown: dt,
+  insertWrapper: ct,
+  insertBtn: dt,
+  insertDropdown: mt,
   insertCategory: pt,
   insertItem: ut,
-  insertIcon: mt,
-  zoomSelect: ht,
-  saveBtn: _t,
-  editorBody: gt,
-  leftPanel: bt,
-  leftTabs: yt,
+  insertIcon: ht,
+  zoomSelect: _t,
+  saveBtn: gt,
+  editorBody: bt,
+  leftPanel: yt,
+  leftTabs: ft,
   leftTab: vt,
   leftTabActive: Nt,
-  leftTabIcon: ft,
-  leftTabLabel: wt,
-  leftContent: kt,
-  panelHeader: St,
-  panelHeaderIcon: Ct,
-  panelHeaderName: Bt,
-  searchBox: It,
-  searchInput: Lt,
-  fieldList: xt,
-  fieldItem: zt,
-  fieldItemIcon: Tt,
+  leftTabIcon: wt,
+  leftTabLabel: kt,
+  leftContent: St,
+  panelHeader: Ct,
+  panelHeaderIcon: Bt,
+  panelHeaderName: It,
+  searchBox: Lt,
+  searchInput: xt,
+  fieldList: zt,
+  fieldItem: Tt,
+  fieldItemIcon: $t,
   fieldItemInfo: Dt,
-  fieldItemLabel: $t,
-  fieldItemPath: Rt,
+  fieldItemLabel: Rt,
+  fieldItemPath: Et,
   fieldItemType: At,
   layerList: Mt,
   layerItem: Pt,
-  layerItemSelected: Et,
-  layerIcon: Ft,
-  layerName: Ht,
-  layerActions: Gt,
-  layerBtn: Ot,
-  wmList: qt,
-  wmItem: Wt,
+  layerItemSelected: Ft,
+  layerIcon: Ht,
+  layerName: Gt,
+  layerActions: Ot,
+  layerBtn: qt,
+  wmList: Wt,
+  wmItem: Yt,
   wmRow: Ut,
-  wmLabel: Yt,
+  wmLabel: jt,
   wmInput: Vt,
-  wmInputNum: jt,
+  wmInputNum: Xt,
   wmSelect: Kt,
-  wmSlider: Xt,
-  wmValue: Jt,
-  wmUnit: Qt,
-  wmDelete: Zt,
-  addBtn: en,
-  settingsForm: tn,
-  settingsRow: nn,
-  settingsLabel: an,
-  settingsInput: sn,
-  settingsInputNum: rn,
+  wmSlider: Jt,
+  wmValue: Qt,
+  wmUnit: Zt,
+  wmDelete: en,
+  addBtn: tn,
+  settingsForm: nn,
+  settingsRow: an,
+  settingsLabel: sn,
+  settingsInput: rn,
+  settingsInputNum: on,
   settingsTextarea: ln,
-  settingsDivider: on,
-  settingsUnit: cn,
-  emptyMsg: dn,
+  settingsDivider: cn,
+  settingsUnit: dn,
+  emptyMsg: mn,
   canvasArea: pn,
   testDataBar: un,
-  testDataLabel: mn,
-  testDataSelect: hn,
-  rulerWrapper: _n,
-  rulerCorner: gn,
-  ruler: bn,
-  ruler_h: yn,
+  testDataLabel: hn,
+  testDataSelect: _n,
+  rulerWrapper: gn,
+  rulerCorner: bn,
+  ruler: yn,
+  ruler_h: fn,
   ruler_v: vn,
   rulerTick: Nn,
-  rulerTickMajor: fn,
-  rulerLabel: wn,
-  paperScroll: kn,
-  paperShadow: Sn,
-  marginGuide: Cn,
-  watermark: Bn,
-  sectionCanvas: In,
-  sectionCanvasOver: Ln,
-  sectionTypeChip: xn,
-  sectionResizeBar: zn,
-  sectionResizeGrip: Tn,
+  rulerTickMajor: wn,
+  rulerLabel: kn,
+  paperScroll: Sn,
+  paperShadow: Cn,
+  marginGuide: Bn,
+  watermark: In,
+  sectionCanvas: Ln,
+  sectionCanvasOver: xn,
+  sectionTypeChip: zn,
+  sectionResizeBar: Tn,
+  sectionResizeGrip: $n,
   fieldImagePlaceholder: Dn,
-  fieldBarcodePlaceholder: $n,
-  fieldSignaturePlaceholder: Rn,
+  fieldBarcodePlaceholder: Rn,
+  fieldSignaturePlaceholder: En,
   resizeHandle: An,
   handle_n: Mn,
   handle_s: Pn,
-  handle_e: En,
-  handle_w: Fn,
-  handle_ne: Hn,
-  handle_nw: Gn,
-  handle_se: On,
-  handle_sw: qn,
-  rightPanel: Wn,
+  handle_e: Fn,
+  handle_w: Hn,
+  handle_ne: Gn,
+  handle_nw: On,
+  handle_se: qn,
+  handle_sw: Wn,
+  rightPanel: Yn,
   rightTabs: Un,
-  rightTab: Yn,
+  rightTab: jn,
   rightTabActive: Vn,
-  propsBody: jn,
+  propsBody: Xn,
   propsEmpty: Kn,
-  propsEmptyIcon: Xn,
-  propsEmptyText: Jn,
-  posGrid: Qn,
-  posCell: Zn,
-  posLabel: ea,
-  posInput: ta,
-  posUnit: na,
-  snapSection: aa,
-  snapTitle: ia,
-  snapRow: sa,
-  snapBtn: ra,
+  propsEmptyIcon: Jn,
+  propsEmptyText: Qn,
+  posGrid: Zn,
+  posCell: ea,
+  posLabel: ta,
+  posInput: na,
+  posUnit: aa,
+  snapSection: ia,
+  snapTitle: sa,
+  snapRow: ra,
+  snapBtn: oa,
   styleGroup: la,
-  styleGroupTitle: oa,
-  styleRow: ca,
-  styleLabel: da,
+  styleGroupTitle: ca,
+  styleRow: da,
+  styleLabel: ma,
   styleSelect: pa,
   styleSelectFull: ua,
-  styleSelectSm: ma,
-  styleSelectXs: ha,
-  styleInput: _a,
-  styleInputFull: ga,
-  styleUnit: ba,
-  styleValue: ya,
+  styleSelectSm: ha,
+  styleSelectXs: _a,
+  styleInput: ga,
+  styleInputFull: ba,
+  styleUnit: ya,
+  styleValue: fa,
   toggleGroup: va,
   toggleBtn: Na,
-  toggleBtnActive: fa,
-  colorPicker: wa,
-  colorHex: ka,
-  clearBtn: Sa,
-  sliderInput: Ca,
-  conditionalHint: Ba,
-  clearConditionalBtn: Ia,
-  shortcutGrid: La,
-  shortcutChip: xa,
-  shortcutKeys: za,
-  shortcutLabel: Ta
-}, U = 3.78, Le = {
+  toggleBtnActive: wa,
+  colorPicker: ka,
+  colorHex: Sa,
+  clearBtn: Ca,
+  sliderInput: Ba,
+  conditionalHint: Ia,
+  clearConditionalBtn: La,
+  shortcutGrid: xa,
+  shortcutChip: za,
+  shortcutKeys: Ta,
+  shortcutLabel: $a
+}, W = 3.78, Le = {
   A3: [297, 420],
   A4: [210, 297],
   A5: [148, 210],
@@ -198,13 +198,13 @@ const Ze = "_root_lceud_3", et = "_dark_lceud_27", tt = "_toolbar_lceud_39", nt
   page_number: "Page number",
   total_pages: "Total pages",
   print_date: "Print date"
-}, we = (n, l) => _e[l] ? n(`printing.fieldType.${l}`, _e[l]) : l;
-function $a(n, l) {
-  switch (l.type) {
+}, we = (n, o) => _e[o] ? n(`printing.fieldType.${o}`, _e[o]) : o;
+function Ra(n, o) {
+  switch (o.type) {
     case "UPDATE":
       return {
         past: [...n.past.slice(-50), n.present],
-        present: l.payload,
+        present: o.payload,
         future: []
       };
     case "UNDO":
@@ -223,17 +223,17 @@ function $a(n, l) {
       return n;
   }
 }
-const se = "#000000", ge = "#94a3b8";
+const se = "#000000", be = "#94a3b8";
 function ce() {
   return `f-${Date.now()}-${Math.floor(Math.random() * 1e3)}`;
 }
-function ze(n, l) {
-  const d = {
+function ze(n, o) {
+  const m = {
     id: ce(),
-    name: (l == null ? void 0 : l.label) ?? _e[n] ?? n,
-    label: (l == null ? void 0 : l.label) ?? _e[n] ?? n,
+    name: (o == null ? void 0 : o.label) ?? _e[n] ?? n,
+    label: (o == null ? void 0 : o.label) ?? _e[n] ?? n,
     type: n,
-    dataPath: (l == null ? void 0 : l.path) ?? "",
+    dataPath: (o == null ? void 0 : o.path) ?? "",
     fallback: n === "static_text" ? "Static text" : void 0,
     format: n === "date" || n === "datetime" ? "DD.MM.YYYY" : void 0,
     position: {
@@ -244,45 +244,45 @@ function ze(n, l) {
     },
     style: { fontSize: 10, color: se, fontFamily: "sans-serif" }
   };
-  return n === "rect" && (d.style.backgroundColor = "var(--nice-bg-secondary, #f1f5f9)"), n === "line" && (d.style = {
-    ...d.style,
+  return n === "rect" && (m.style.backgroundColor = "var(--nice-bg-secondary, #f1f5f9)"), n === "line" && (m.style = {
+    ...m.style,
     borderWidth: 0.5,
     borderColor: se,
     borderStyle: "solid"
-  }), d;
+  }), m;
 }
 const Te = ({
   lengthMm: n,
-  zoom: l,
-  orientation: d
+  zoom: o,
+  orientation: m
 }) => {
-  const o = [], S = l < 0.6 ? 20 : l < 1 ? 10 : 5;
-  for (let b = 0; b <= n; b += S) {
-    const m = b * l * U, I = b % (S * 2) === 0;
-    o.push(
+  const l = [], C = o < 0.6 ? 20 : o < 1 ? 10 : 5;
+  for (let v = 0; v <= n; v += C) {
+    const g = v * o * W, _ = v % (C * 2) === 0;
+    l.push(
       /* @__PURE__ */ e(
         "div",
         {
-          className: `${t.rulerTick} ${I ? t.rulerTickMajor : ""}`,
-          style: d === "h" ? { left: m } : { top: m },
-          children: I && /* @__PURE__ */ e("span", { className: t.rulerLabel, children: b })
+          className: `${t.rulerTick} ${_ ? t.rulerTickMajor : ""}`,
+          style: m === "h" ? { left: g } : { top: g },
+          children: _ && /* @__PURE__ */ e("span", { className: t.rulerLabel, children: v })
         },
-        b
+        v
       )
     );
   }
-  return /* @__PURE__ */ e("div", { className: `${t.ruler} ${t[`ruler_${d}`]}`, children: o });
-}, Ra = ["n", "s", "e", "w", "ne", "nw", "se", "sw"], Aa = ({ onResizeStart: n }) => /* @__PURE__ */ e(j, { children: Ra.map((l) => /* @__PURE__ */ e(
+  return /* @__PURE__ */ e("div", { className: `${t.ruler} ${t[`ruler_${m}`]}`, children: l });
+}, Ea = ["n", "s", "e", "w", "ne", "nw", "se", "sw"], Aa = ({ onResizeStart: n }) => /* @__PURE__ */ e(X, { children: Ea.map((o) => /* @__PURE__ */ e(
   "div",
   {
-    className: `${t.resizeHandle} ${t[`handle_${l}`]}`,
-    onMouseDown: (d) => {
-      d.stopPropagation(), n(l, d);
+    className: `${t.resizeHandle} ${t[`handle_${o}`]}`,
+    onMouseDown: (m) => {
+      m.stopPropagation(), n(o, m);
     }
   },
-  l
+  o
 )) });
-function Ma(n, l) {
+function Ma(n, o) {
   if (n.type === "static_text")
     return n.fallback ?? "Text";
   if (n.type === "page_number")
@@ -291,92 +291,93 @@ function Ma(n, l) {
     return "3";
   if (n.type === "print_date")
     return (/* @__PURE__ */ new Date()).toLocaleDateString("pl-PL");
-  if (l && n.dataPath) {
-    const d = n.dataPath.split(".").reduce(
-      (o, S) => o && typeof o == "object" ? o[S] : null,
-      l
+  if (o && n.dataPath) {
+    const m = n.dataPath.split(".").reduce(
+      (l, C) => l && typeof l == "object" ? l[C] : null,
+      o
     );
-    if (d != null)
-      return String(d);
+    if (m != null)
+      return String(m);
   }
   return n.label ? `{${n.label}}` : `{${n.dataPath}}`;
 }
 const Pa = ({
   field: n,
-  zoom: l,
-  selected: d,
-  sampleData: o,
-  onClick: S,
-  onDragStart: b,
-  onResizeStart: m,
-  readOnly: I
+  zoom: o,
+  selected: m,
+  sampleData: l,
+  onClick: C,
+  onDragStart: v,
+  onResizeStart: g,
+  readOnly: _
 }) => {
-  const h = n.position, f = n.style, s = (_) => _ * l * U, z = n.type === "line", w = n.type === "rect", L = n.type === "image" || n.type === "static_image", r = n.type === "barcode" || n.type === "qr", i = {
+  const { t: b } = j(), k = n.position, h = n.style, r = (d) => d * o * W, S = n.type === "line", I = n.type === "rect", x = n.type === "image" || n.type === "static_image", s = n.type === "barcode" || n.type === "qr", i = {
     position: "absolute",
-    left: s(h.x),
-    top: s(h.y),
-    width: s(h.width),
-    height: s(h.height),
-    zIndex: h.zIndex ?? 1,
-    transform: f.rotation ? `rotate(${f.rotation}deg)` : void 0,
+    left: r(k.x),
+    top: r(k.y),
+    width: r(k.width),
+    height: r(k.height),
+    zIndex: k.zIndex ?? 1,
+    transform: h.rotation ? `rotate(${h.rotation}deg)` : void 0,
     boxSizing: "border-box",
     overflow: "hidden",
-    ...!z && !w ? {
-      fontSize: (f.fontSize ?? 10) * l,
-      fontFamily: f.fontFamily ?? "sans-serif",
-      fontWeight: f.fontWeight ?? "normal",
-      fontStyle: f.fontStyle ?? "normal",
-      color: f.color ?? se,
-      textAlign: f.textAlign ?? "left",
-      lineHeight: f.lineHeight ?? 1.4,
-      letterSpacing: f.letterSpacing ? `${f.letterSpacing}em` : void 0,
-      padding: f.padding ? s(f.padding) : 0
+    ...!S && !I ? {
+      fontSize: (h.fontSize ?? 10) * o,
+      fontFamily: h.fontFamily ?? "sans-serif",
+      fontWeight: h.fontWeight ?? "normal",
+      fontStyle: h.fontStyle ?? "normal",
+      color: h.color ?? se,
+      textAlign: h.textAlign ?? "left",
+      lineHeight: h.lineHeight ?? 1.4,
+      letterSpacing: h.letterSpacing ? `${h.letterSpacing}em` : void 0,
+      padding: h.padding ? r(h.padding) : 0
     } : {},
-    backgroundColor: f.backgroundColor,
-    borderWidth: f.borderWidth ?? 0,
-    borderColor: f.borderColor ?? "transparent",
-    borderStyle: f.borderStyle ?? "solid",
-    borderRadius: f.borderRadius,
-    opacity: f.opacity,
-    outline: d ? "1.5px solid var(--nice-primary-hover, #2563eb)" : "1px dashed transparent",
+    backgroundColor: h.backgroundColor,
+    borderWidth: h.borderWidth ?? 0,
+    borderColor: h.borderColor ?? "transparent",
+    borderStyle: h.borderStyle ?? "solid",
+    borderRadius: h.borderRadius,
+    opacity: h.opacity,
+    outline: m ? "1.5px solid var(--nice-primary-hover, #2563eb)" : "1px dashed transparent",
     outlineOffset: 1,
-    cursor: I ? "default" : "move"
+    cursor: _ ? "default" : "move"
   };
-  return /* @__PURE__ */ a("div", { style: i, onClick: S, onMouseDown: I ? void 0 : b, children: [
-    z ? /* @__PURE__ */ e(
+  return /* @__PURE__ */ a("div", { style: i, onClick: C, onMouseDown: _ ? void 0 : v, children: [
+    S ? /* @__PURE__ */ e(
       "div",
       {
         style: {
           width: "100%",
-          borderBottom: `${(f.borderWidth ?? 0.5) * l}px ${f.borderStyle ?? "solid"} ${f.borderColor ?? se}`
+          borderBottom: `${(h.borderWidth ?? 0.5) * o}px ${h.borderStyle ?? "solid"} ${h.borderColor ?? se}`
         }
       }
-    ) : w ? null : L ? /* @__PURE__ */ e("div", { className: t.fieldImagePlaceholder, children: /* @__PURE__ */ e(N, { name: "image", size: 24 }) }) : r ? /* @__PURE__ */ a("div", { className: t.fieldBarcodePlaceholder, children: [
-      /* @__PURE__ */ e(N, { name: n.type === "qr" ? "qr-code" : "barcode", size: 14 }),
+    ) : I ? null : x ? /* @__PURE__ */ e("div", { className: t.fieldImagePlaceholder, children: /* @__PURE__ */ e(w, { name: "image", size: 24 }) }) : s ? /* @__PURE__ */ a("div", { className: t.fieldBarcodePlaceholder, children: [
+      /* @__PURE__ */ e(w, { name: n.type === "qr" ? "qr-code" : "barcode", size: 14 }),
       " ",
-      n.type === "qr" ? "QR" : "Barcode"
+      n.type === "qr" ? "QR" : b("templateEditor.barcode", "Barcode")
     ] }) : n.type === "signature" ? /* @__PURE__ */ a("div", { className: t.fieldSignaturePlaceholder, children: [
-      /* @__PURE__ */ e(N, { name: "pen", size: 14 }),
+      /* @__PURE__ */ e(w, { name: "pen", size: 14 }),
       " ",
       n.label
-    ] }) : /* @__PURE__ */ e("span", { style: { display: "block", width: "100%" }, children: Ma(n, o) }),
-    d && !I && /* @__PURE__ */ e(Aa, { onResizeStart: m })
+    ] }) : /* @__PURE__ */ e("span", { style: { display: "block", width: "100%" }, children: Ma(n, l) }),
+    m && !_ && /* @__PURE__ */ e(Aa, { onResizeStart: g })
   ] });
-}, Ea = ({
+}, Fa = ({
   section: n,
-  zoom: l,
-  paperWidthMm: d,
-  selectedIds: o,
-  sampleData: S,
-  readOnly: b,
-  showGrid: m,
-  onFieldClick: I,
-  onFieldDragStart: h,
-  onResizeStart: f,
-  onSectionHeightChange: s,
-  onDropField: z
+  zoom: o,
+  paperWidthMm: m,
+  selectedIds: l,
+  sampleData: C,
+  readOnly: v,
+  showGrid: g,
+  onFieldClick: _,
+  onFieldDragStart: b,
+  onResizeStart: k,
+  onSectionHeightChange: h,
+  onDropField: r
 }) => {
-  const w = (n.heightMm ?? (n.type === "body" ? 200 : 40)) * l * U, L = d * l * U, [r, i] = F(!1), _ = {
+  const S = (n.heightMm ?? (n.type === "body" ? 200 : 40)) * o * W, I = m * o * W, [x, s] = H(!1), i = {
+    // audit-allow: literal-color +3 — band tints on the white page - print colours
     header: "rgba(219,234,254,0.35)",
     footer: "rgba(220,252,231,0.35)",
     background: "rgba(254,249,195,0.35)",
@@ -385,56 +386,56 @@ const Pa = ({
   return /* @__PURE__ */ a(
     "div",
     {
-      className: `${t.sectionCanvas} ${r ? t.sectionCanvasOver : ""}`,
+      className: `${t.sectionCanvas} ${x ? t.sectionCanvasOver : ""}`,
       style: {
-        width: L,
-        height: w,
+        width: I,
+        height: S,
         position: "relative",
-        background: _[n.type] ?? "transparent",
-        backgroundImage: m ? `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 * l * U}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 * l * U}px)` : void 0
+        background: i[n.type] ?? "transparent",
+        backgroundImage: g ? `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 * o * W}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 * o * W}px)` : void 0
       },
-      onDragOver: (p) => {
-        p.preventDefault(), i(!0);
+      onDragOver: (d) => {
+        d.preventDefault(), s(!0);
       },
-      onDragLeave: () => i(!1),
-      onDrop: (p) => {
-        p.preventDefault(), i(!1);
-        const k = p.dataTransfer.getData("fieldPath");
-        if (!k)
+      onDragLeave: () => s(!1),
+      onDrop: (d) => {
+        d.preventDefault(), s(!1);
+        const u = d.dataTransfer.getData("fieldPath");
+        if (!u)
           return;
-        const H = p.currentTarget.getBoundingClientRect(), g = (p.clientX - H.left) / (l * U), $ = (p.clientY - H.top) / (l * U);
-        z(n.id, k, Math.max(0, g), Math.max(0, $));
+        const z = d.currentTarget.getBoundingClientRect(), y = (d.clientX - z.left) / (o * W), R = (d.clientY - z.top) / (o * W);
+        r(n.id, u, Math.max(0, y), Math.max(0, R));
       },
       children: [
         /* @__PURE__ */ e("div", { className: t.sectionTypeChip, children: n.type }),
-        n.fields.map((p) => /* @__PURE__ */ e(
+        n.fields.map((d) => /* @__PURE__ */ e(
           Pa,
           {
-            field: p,
-            zoom: l,
-            selected: o.has(p.id),
-            sampleData: S,
-            readOnly: b,
-            onClick: (k) => I(p.id, k),
-            onDragStart: (k) => h(p.id, k),
-            onResizeStart: (k, H) => f(p.id, k, H)
+            field: d,
+            zoom: o,
+            selected: l.has(d.id),
+            sampleData: C,
+            readOnly: v,
+            onClick: (u) => _(d.id, u),
+            onDragStart: (u) => b(d.id, u),
+            onResizeStart: (u, z) => k(d.id, u, z)
           },
-          p.id
+          d.id
         )),
-        !b && n.type !== "body" && /* @__PURE__ */ e(
+        !v && n.type !== "body" && /* @__PURE__ */ e(
           "div",
           {
             className: t.sectionResizeBar,
-            onMouseDown: (p) => {
-              p.preventDefault();
-              const k = p.clientY, H = n.heightMm ?? 40, g = (v) => {
-                const q = (v.clientY - k) / (l * U);
-                s(n.id, Math.max(10, H + q));
-              }, $ = () => {
-                document.removeEventListener("mousemove", g), document.removeEventListener("mouseup", $);
+            onMouseDown: (d) => {
+              d.preventDefault();
+              const u = d.clientY, z = n.heightMm ?? 40, y = (T) => {
+                const $ = (T.clientY - u) / (o * W);
+                h(n.id, Math.max(10, z + $));
+              }, R = () => {
+                document.removeEventListener("mousemove", y), document.removeEventListener("mouseup", R);
               };
-              document.addEventListener("mousemove", g), document.addEventListener("mouseup", $);
+              document.addEventListener("mousemove", y), document.addEventListener("mouseup", R);
             },
             children: /* @__PURE__ */ e("div", { className: t.sectionResizeGrip })
           }
@@ -442,45 +443,45 @@ const Pa = ({
       ]
     }
   );
-}, oe = ({ keys: n, label: l }) => /* @__PURE__ */ a("div", { className: t.shortcutChip, children: [
+}, le = ({ keys: n, label: o }) => /* @__PURE__ */ a("div", { className: t.shortcutChip, children: [
   /* @__PURE__ */ e("span", { className: t.shortcutKeys, children: n }),
-  /* @__PURE__ */ e("span", { className: t.shortcutLabel, children: l })
-] }), Fa = [
+  /* @__PURE__ */ e("span", { className: t.shortcutLabel, children: o })
+] }), Ha = [
   { id: "fields", icon: "list", key: "printing.editor.tabFields", label: "Fields" },
   { id: "layers", icon: "layers", key: "printing.editor.tabLayers", label: "Layers" },
   { id: "watermarks", icon: "droplet", key: "printing.editor.tabWatermarks", label: "Watermarks" },
   { id: "signatures", icon: "pen", key: "printing.editor.tabSignatures", label: "Signatures" },
   { id: "settings", icon: "settings", key: "printing.editor.tabSettings", label: "Settings" }
-], Ha = [
+], Ga = [
   { id: "position", key: "printing.editor.tabPosition", label: "Position" },
   { id: "style", key: "printing.editor.tabStyle", label: "Style" },
   { id: "data", key: "printing.editor.tabData", label: "Data" },
   { id: "conditional", key: "printing.editor.tabConditional", label: "Conditions" }
-], Ga = ({
+], Oa = ({
   tpl: n,
-  zoom: l,
-  canUndo: d,
-  canRedo: o,
-  showGrid: S,
-  showRulers: b,
-  readOnly: m,
-  selectedCount: I,
-  onPaperChange: h,
-  onZoom: f,
-  onUndo: s,
-  onRedo: z,
-  onToggleGrid: w,
-  onToggleRulers: L,
-  onInsert: r,
-  onDelete: i,
-  onDuplicate: _,
-  onAlignH: p,
-  onAlignV: k,
-  onBringForward: H,
-  onSendBackward: g,
-  onSave: $
+  zoom: o,
+  canUndo: m,
+  canRedo: l,
+  showGrid: C,
+  showRulers: v,
+  readOnly: g,
+  selectedCount: _,
+  onPaperChange: b,
+  onZoom: k,
+  onUndo: h,
+  onRedo: r,
+  onToggleGrid: S,
+  onToggleRulers: I,
+  onInsert: x,
+  onDelete: s,
+  onDuplicate: i,
+  onAlignH: d,
+  onAlignV: u,
+  onBringForward: z,
+  onSendBackward: y,
+  onSave: R
 }) => {
-  const { t: v } = J(), [q, D] = F(!1), K = [0.5, 0.75, 1, 1.25, 1.5, 2];
+  const { t: T } = j(), { t: $ } = j(), [A, Y] = H(!1), Z = [0.5, 0.75, 1, 1.25, 1.5, 2];
   return /* @__PURE__ */ a("div", { className: t.toolbar, children: [
     /* @__PURE__ */ a("div", { className: t.toolbarGroup, children: [
       /* @__PURE__ */ e(
@@ -488,83 +489,83 @@ const Pa = ({
         {
           className: t.toolbarSelect,
           value: n.paperSize,
-          onChange: (A) => h(A.target.value, n.orientation),
-          children: ["A4", "A5", "A3", "Letter", "Legal", "Tabloid", "custom"].map((A) => /* @__PURE__ */ e("option", { value: A, children: A }, A))
+          onChange: (f) => b(f.target.value, n.orientation),
+          children: ["A4", "A5", "A3", "Letter", "Legal", "Tabloid", "custom"].map((f) => /* @__PURE__ */ e("option", { value: f, children: f }, f))
         }
       ),
       /* @__PURE__ */ e(
         "button",
         {
           className: `${t.toolbarBtn} ${n.orientation === "portrait" ? t.toolbarBtnActive : ""}`,
-          onClick: () => h(n.paperSize, "portrait"),
-          title: "Pion",
-          children: /* @__PURE__ */ e(N, { name: "file", size: 14 })
+          onClick: () => b(n.paperSize, "portrait"),
+          title: T("templateEditor.portrait", "Portrait"),
+          children: /* @__PURE__ */ e(w, { name: "file", size: 14 })
         }
       ),
       /* @__PURE__ */ e(
         "button",
         {
           className: `${t.toolbarBtn} ${n.orientation === "landscape" ? t.toolbarBtnActive : ""}`,
-          onClick: () => h(n.paperSize, "landscape"),
-          title: "Poziom",
-          children: /* @__PURE__ */ e(N, { name: "file", size: 14, style: { transform: "rotate(90deg)" } })
+          onClick: () => b(n.paperSize, "landscape"),
+          title: T("templateEditor.landscape", "Landscape"),
+          children: /* @__PURE__ */ e(w, { name: "file", size: 14, style: { transform: "rotate(90deg)" } })
         }
       )
     ] }),
-    !m && /* @__PURE__ */ a("div", { className: t.toolbarGroup, children: [
+    !g && /* @__PURE__ */ a("div", { className: t.toolbarGroup, children: [
       /* @__PURE__ */ e(
         "button",
         {
           className: t.toolbarBtn,
-          disabled: !d,
-          onClick: s,
-          title: `${v("printing.editor.undo", "Undo")} (Ctrl+Z)`,
-          children: /* @__PURE__ */ e(N, { name: "undo", size: 14 })
+          disabled: !m,
+          onClick: h,
+          title: `${$("printing.editor.undo", "Undo")} (Ctrl+Z)`,
+          children: /* @__PURE__ */ e(w, { name: "undo", size: 14 })
         }
       ),
       /* @__PURE__ */ e(
         "button",
         {
           className: t.toolbarBtn,
-          disabled: !o,
-          onClick: z,
-          title: `${v("printing.editor.redo", "Redo")} (Ctrl+Y)`,
-          children: /* @__PURE__ */ e(N, { name: "redo", size: 14 })
+          disabled: !l,
+          onClick: r,
+          title: `${$("printing.editor.redo", "Redo")} (Ctrl+Y)`,
+          children: /* @__PURE__ */ e(w, { name: "redo", size: 14 })
         }
       )
     ] }),
-    !m && /* @__PURE__ */ a("div", { className: t.insertWrapper, children: [
+    !g && /* @__PURE__ */ a("div", { className: t.insertWrapper, children: [
       /* @__PURE__ */ a(
         "button",
         {
           className: `${t.toolbarBtn} ${t.insertBtn}`,
-          onClick: () => D((A) => !A),
+          onClick: () => Y((f) => !f),
           children: [
-            /* @__PURE__ */ e(N, { name: "plus", size: 14 }),
+            /* @__PURE__ */ e(w, { name: "plus", size: 14 }),
             " ",
-            v("printing.editor.insert", "Insert"),
+            $("printing.editor.insert", "Insert"),
             " ",
-            /* @__PURE__ */ e(N, { name: "chevron-down", size: 12 })
+            /* @__PURE__ */ e(w, { name: "chevron-down", size: 12 })
           ]
         }
       ),
-      q && /* @__PURE__ */ a("div", { className: t.insertDropdown, onMouseLeave: () => D(!1), children: [
-        /* @__PURE__ */ e("div", { className: t.insertCategory, children: v("printing.editor.dataFields", "Data fields") }),
-        ["text", "number", "currency", "date", "image", "barcode", "qr"].map((A) => /* @__PURE__ */ a(
+      A && /* @__PURE__ */ a("div", { className: t.insertDropdown, onMouseLeave: () => Y(!1), children: [
+        /* @__PURE__ */ e("div", { className: t.insertCategory, children: $("printing.editor.dataFields", "Data fields") }),
+        ["text", "number", "currency", "date", "image", "barcode", "qr"].map((f) => /* @__PURE__ */ a(
           "button",
           {
             className: t.insertItem,
             onClick: () => {
-              r(A), D(!1);
+              x(f), Y(!1);
             },
             children: [
-              /* @__PURE__ */ e("span", { className: t.insertIcon, children: he[A] }),
-              we(v, A)
+              /* @__PURE__ */ e("span", { className: t.insertIcon, children: he[f] }),
+              we($, f)
             ]
           },
-          A
+          f
         )),
-        /* @__PURE__ */ e("div", { className: t.insertCategory, children: "Elementy statyczne" }),
+        /* @__PURE__ */ e("div", { className: t.insertCategory, children: T("templateEditor.staticElements", "Static elements") }),
         [
           "static_text",
           "static_image",
@@ -573,31 +574,31 @@ const Pa = ({
           "page_number",
           "total_pages",
           "print_date"
-        ].map((A) => /* @__PURE__ */ a(
+        ].map((f) => /* @__PURE__ */ a(
           "button",
           {
             className: t.insertItem,
             onClick: () => {
-              r(A), D(!1);
+              x(f), Y(!1);
             },
             children: [
-              /* @__PURE__ */ e("span", { className: t.insertIcon, children: he[A] }),
-              we(v, A)
+              /* @__PURE__ */ e("span", { className: t.insertIcon, children: he[f] }),
+              we($, f)
             ]
           },
-          A
+          f
         )),
-        /* @__PURE__ */ e("div", { className: t.insertCategory, children: "Specjalne" }),
+        /* @__PURE__ */ e("div", { className: t.insertCategory, children: T("templateEditor.special", "Special") }),
         /* @__PURE__ */ a(
           "button",
           {
             className: t.insertItem,
             onClick: () => {
-              r("watermark"), D(!1);
+              x("watermark"), Y(!1);
             },
             children: [
-              /* @__PURE__ */ e("span", { className: t.insertIcon, children: /* @__PURE__ */ e(N, { name: "droplet", size: 14 }) }),
-              v("printing.editor.watermark", "Watermark")
+              /* @__PURE__ */ e("span", { className: t.insertIcon, children: /* @__PURE__ */ e(w, { name: "droplet", size: 14 }) }),
+              $("printing.editor.watermark", "Watermark")
             ]
           }
         ),
@@ -606,33 +607,33 @@ const Pa = ({
           {
             className: t.insertItem,
             onClick: () => {
-              r("signature"), D(!1);
+              x("signature"), Y(!1);
             },
             children: [
-              /* @__PURE__ */ e("span", { className: t.insertIcon, children: /* @__PURE__ */ e(N, { name: "pen", size: 14 }) }),
-              v("printing.editor.signature", "Signature")
+              /* @__PURE__ */ e("span", { className: t.insertIcon, children: /* @__PURE__ */ e(w, { name: "pen", size: 14 }) }),
+              $("printing.editor.signature", "Signature")
             ]
           }
         )
       ] })
     ] }),
-    !m && I > 0 && /* @__PURE__ */ a("div", { className: t.toolbarGroup, children: [
+    !g && _ > 0 && /* @__PURE__ */ a("div", { className: t.toolbarGroup, children: [
       /* @__PURE__ */ e(
         "button",
         {
           className: t.toolbarBtn,
-          onClick: _,
-          title: `${v("printing.editor.duplicate", "Duplicate")} (Ctrl+D)`,
-          children: /* @__PURE__ */ e(N, { name: "copy", size: 14 })
+          onClick: i,
+          title: `${$("printing.editor.duplicate", "Duplicate")} (Ctrl+D)`,
+          children: /* @__PURE__ */ e(w, { name: "copy", size: 14 })
         }
       ),
       /* @__PURE__ */ e(
         "button",
         {
           className: `${t.toolbarBtn} ${t.toolbarBtnDanger}`,
-          onClick: i,
-          title: `${v("printing.action.remove", "Remove")} (Del)`,
-          children: /* @__PURE__ */ e(N, { name: "trash", size: 14 })
+          onClick: s,
+          title: `${$("printing.action.remove", "Remove")} (Del)`,
+          children: /* @__PURE__ */ e(w, { name: "trash", size: 14 })
         }
       ),
       /* @__PURE__ */ e("span", { className: t.toolbarSep }),
@@ -640,35 +641,35 @@ const Pa = ({
         "button",
         {
           className: t.toolbarBtn,
-          onClick: () => p("left"),
-          title: v("printing.editor.alignLeft", "Align left"),
-          children: /* @__PURE__ */ e(N, { name: "align-left", size: 14 })
+          onClick: () => d("left"),
+          title: $("printing.editor.alignLeft", "Align left"),
+          children: /* @__PURE__ */ e(w, { name: "align-left", size: 14 })
         }
       ),
       /* @__PURE__ */ e(
         "button",
         {
           className: t.toolbarBtn,
-          onClick: () => p("center"),
-          title: v("printing.editor.alignCenter", "Align centre"),
-          children: /* @__PURE__ */ e(N, { name: "align-center", size: 14 })
+          onClick: () => d("center"),
+          title: $("printing.editor.alignCenter", "Align centre"),
+          children: /* @__PURE__ */ e(w, { name: "align-center", size: 14 })
         }
       ),
       /* @__PURE__ */ e(
         "button",
         {
           className: t.toolbarBtn,
-          onClick: () => p("right"),
-          title: v("printing.editor.alignRight", "Align right"),
-          children: /* @__PURE__ */ e(N, { name: "align-right", size: 14 })
+          onClick: () => d("right"),
+          title: $("printing.editor.alignRight", "Align right"),
+          children: /* @__PURE__ */ e(w, { name: "align-right", size: 14 })
         }
       ),
       /* @__PURE__ */ e(
         "button",
         {
           className: t.toolbarBtn,
-          onClick: () => k("top"),
-          title: v("printing.editor.alignTop", "Align top"),
+          onClick: () => u("top"),
+          title: $("printing.editor.alignTop", "Align top"),
           children: "⊤"
         }
       ),
@@ -676,8 +677,8 @@ const Pa = ({
         "button",
         {
           className: t.toolbarBtn,
-          onClick: () => k("center"),
-          title: v("printing.editor.alignMiddle", "Align middle"),
+          onClick: () => u("center"),
+          title: $("printing.editor.alignMiddle", "Align middle"),
           children: "⊕"
         }
       ),
@@ -685,20 +686,28 @@ const Pa = ({
         "button",
         {
           className: t.toolbarBtn,
-          onClick: () => k("bottom"),
-          title: v("printing.editor.alignBottom", "Align bottom"),
+          onClick: () => u("bottom"),
+          title: $("printing.editor.alignBottom", "Align bottom"),
           children: "⊥"
         }
       ),
       /* @__PURE__ */ e("span", { className: t.toolbarSep }),
-      /* @__PURE__ */ e("button", { className: t.toolbarBtn, onClick: H, title: "Do przodu", children: /* @__PURE__ */ e(N, { name: "arrow-up", size: 14 }) }),
       /* @__PURE__ */ e(
         "button",
         {
           className: t.toolbarBtn,
-          onClick: g,
-          title: v("printing.editor.sendBackward", "Send backward"),
-          children: /* @__PURE__ */ e(N, { name: "arrow-down", size: 14 })
+          onClick: z,
+          title: T("templateEditor.bringForward", "Bring forward"),
+          children: /* @__PURE__ */ e(w, { name: "arrow-up", size: 14 })
+        }
+      ),
+      /* @__PURE__ */ e(
+        "button",
+        {
+          className: t.toolbarBtn,
+          onClick: y,
+          title: $("printing.editor.sendBackward", "Send backward"),
+          children: /* @__PURE__ */ e(w, { name: "arrow-down", size: 14 })
         }
       )
     ] }),
@@ -706,140 +715,140 @@ const Pa = ({
       /* @__PURE__ */ e(
         "button",
         {
-          className: `${t.toolbarBtn} ${S ? t.toolbarBtnActive : ""}`,
-          onClick: w,
-          title: v("printing.editor.grid", "Grid"),
+          className: `${t.toolbarBtn} ${C ? t.toolbarBtnActive : ""}`,
+          onClick: S,
+          title: $("printing.editor.grid", "Grid"),
           children: "⊞"
         }
       ),
       /* @__PURE__ */ e(
         "button",
         {
-          className: `${t.toolbarBtn} ${b ? t.toolbarBtnActive : ""}`,
-          onClick: L,
-          title: v("printing.editor.rulers", "Rulers"),
-          children: /* @__PURE__ */ e(N, { name: "ruler", size: 14 })
+          className: `${t.toolbarBtn} ${v ? t.toolbarBtnActive : ""}`,
+          onClick: I,
+          title: $("printing.editor.rulers", "Rulers"),
+          children: /* @__PURE__ */ e(w, { name: "ruler", size: 14 })
         }
       )
     ] }),
     /* @__PURE__ */ a("div", { className: t.toolbarGroup, children: [
-      /* @__PURE__ */ e("button", { className: t.toolbarBtn, onClick: () => f(Math.max(0.25, l - 0.1)), children: "−" }),
+      /* @__PURE__ */ e("button", { className: t.toolbarBtn, onClick: () => k(Math.max(0.25, o - 0.1)), children: "−" }),
       /* @__PURE__ */ e(
         "select",
         {
           className: t.zoomSelect,
-          value: K.includes(l) ? l : "",
-          onChange: (A) => f(+A.target.value),
-          children: K.map((A) => /* @__PURE__ */ a("option", { value: A, children: [
-            Math.round(A * 100),
+          value: Z.includes(o) ? o : "",
+          onChange: (f) => k(+f.target.value),
+          children: Z.map((f) => /* @__PURE__ */ a("option", { value: f, children: [
+            Math.round(f * 100),
             "%"
-          ] }, A))
+          ] }, f))
         }
       ),
-      /* @__PURE__ */ e("button", { className: t.toolbarBtn, onClick: () => f(Math.min(3, l + 0.1)), children: "+" }),
-      /* @__PURE__ */ e("button", { className: t.toolbarBtn, onClick: () => f(1), title: "100%", children: "⊡" })
+      /* @__PURE__ */ e("button", { className: t.toolbarBtn, onClick: () => k(Math.min(3, o + 0.1)), children: "+" }),
+      /* @__PURE__ */ e("button", { className: t.toolbarBtn, onClick: () => k(1), title: "100%", children: "⊡" })
     ] }),
-    !m && $ && /* @__PURE__ */ a("button", { className: t.saveBtn, onClick: $, children: [
-      /* @__PURE__ */ e(N, { name: "save", size: 14 }),
+    !g && R && /* @__PURE__ */ a("button", { className: t.saveBtn, onClick: R, children: [
+      /* @__PURE__ */ e(w, { name: "save", size: 14 }),
       " ",
-      v("printing.editor.save", "Save")
+      $("printing.editor.save", "Save")
     ] })
   ] });
-}, Oa = ({
+}, qa = ({
   activeTab: n,
-  onTabChange: l,
-  schema: d,
-  tpl: o,
-  allFields: S,
-  selectedIds: b,
-  onInsertSchemaField: m,
-  onSelectField: I,
-  onUpdateTpl: h,
-  onReorderField: f
+  onTabChange: o,
+  schema: m,
+  tpl: l,
+  allFields: C,
+  selectedIds: v,
+  onInsertSchemaField: g,
+  onSelectField: _,
+  onUpdateTpl: b,
+  onReorderField: k
 }) => {
-  const { t: s } = J(), [z, w] = F(""), L = d == null ? void 0 : d.fields.filter(
-    (r) => r.label.toLowerCase().includes(z.toLowerCase()) || r.path.toLowerCase().includes(z.toLowerCase())
+  const { t: h } = j(), { t: r } = j(), [S, I] = H(""), x = m == null ? void 0 : m.fields.filter(
+    (s) => s.label.toLowerCase().includes(S.toLowerCase()) || s.path.toLowerCase().includes(S.toLowerCase())
   );
   return /* @__PURE__ */ a("div", { className: t.leftPanel, children: [
-    /* @__PURE__ */ e("div", { className: t.leftTabs, children: Fa.map((r) => /* @__PURE__ */ a(
+    /* @__PURE__ */ e("div", { className: t.leftTabs, children: Ha.map((s) => /* @__PURE__ */ a(
       "button",
       {
-        className: `${t.leftTab} ${n === r.id ? t.leftTabActive : ""}`,
-        onClick: () => l(r.id),
-        title: s(r.key, r.label),
+        className: `${t.leftTab} ${n === s.id ? t.leftTabActive : ""}`,
+        onClick: () => o(s.id),
+        title: r(s.key, s.label),
         children: [
-          /* @__PURE__ */ e("span", { className: t.leftTabIcon, children: /* @__PURE__ */ e(N, { name: r.icon, size: 16 }) }),
-          /* @__PURE__ */ e("span", { className: t.leftTabLabel, children: s(r.key, r.label) })
+          /* @__PURE__ */ e("span", { className: t.leftTabIcon, children: /* @__PURE__ */ e(w, { name: s.icon, size: 16 }) }),
+          /* @__PURE__ */ e("span", { className: t.leftTabLabel, children: r(s.key, s.label) })
         ]
       },
-      r.id
+      s.id
     )) }),
     /* @__PURE__ */ a("div", { className: t.leftContent, children: [
-      n === "fields" && /* @__PURE__ */ a(j, { children: [
-        /* @__PURE__ */ e("div", { className: t.panelHeader, children: s("printing.editor.dataFields", "Data fields") }),
+      n === "fields" && /* @__PURE__ */ a(X, { children: [
+        /* @__PURE__ */ e("div", { className: t.panelHeader, children: r("printing.editor.dataFields", "Data fields") }),
         /* @__PURE__ */ e("div", { className: t.searchBox, children: /* @__PURE__ */ e(
           "input",
           {
             className: t.searchInput,
-            placeholder: s("printing.editor.search", "Search…"),
-            value: z,
-            onChange: (r) => w(r.target.value)
+            placeholder: r("printing.editor.search", "Search…"),
+            value: S,
+            onChange: (s) => I(s.target.value)
           }
         ) }),
-        d ? /* @__PURE__ */ a("div", { className: t.fieldList, children: [
-          (L ?? []).map((r) => /* @__PURE__ */ a(
+        m ? /* @__PURE__ */ a("div", { className: t.fieldList, children: [
+          (x ?? []).map((s) => /* @__PURE__ */ a(
             "div",
             {
               className: t.fieldItem,
               draggable: !0,
               onDragStart: (i) => {
-                i.dataTransfer.setData("fieldPath", r.path), i.dataTransfer.setData("fieldLabel", r.label), i.dataTransfer.setData("fieldType", r.type);
+                i.dataTransfer.setData("fieldPath", s.path), i.dataTransfer.setData("fieldLabel", s.label), i.dataTransfer.setData("fieldType", s.type);
               },
-              onClick: () => m(r),
+              onClick: () => g(s),
               children: [
-                /* @__PURE__ */ e("span", { className: t.fieldItemIcon, children: /* @__PURE__ */ e(N, { name: he[r.type] ?? "type", size: 14 }) }),
+                /* @__PURE__ */ e("span", { className: t.fieldItemIcon, children: /* @__PURE__ */ e(w, { name: he[s.type] ?? "type", size: 14 }) }),
                 /* @__PURE__ */ a("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("div", { className: t.fieldItemLabel, children: s.label }),
+                  /* @__PURE__ */ e("div", { className: t.fieldItemPath, children: s.path })
                 ] }),
-                /* @__PURE__ */ e("span", { className: t.fieldItemType, children: r.type })
+                /* @__PURE__ */ e("span", { className: t.fieldItemType, children: s.type })
               ]
             },
-            r.path
+            s.path
           )),
-          (L == null ? void 0 : L.length) === 0 && /* @__PURE__ */ e("div", { className: t.emptyMsg, children: s("printing.editor.noMatches", "No matches") })
-        ] }) : /* @__PURE__ */ e("div", { className: t.emptyMsg, children: s(
+          (x == null ? void 0 : x.length) === 0 && /* @__PURE__ */ e("div", { className: t.emptyMsg, children: r("printing.editor.noMatches", "No matches") })
+        ] }) : /* @__PURE__ */ e("div", { className: t.emptyMsg, children: r(
           "printing.editor.noSchema",
           "No data schema. Assign an entity in the Settings tab."
         ) })
       ] }),
-      n === "layers" && /* @__PURE__ */ a(j, { children: [
+      n === "layers" && /* @__PURE__ */ a(X, { children: [
         /* @__PURE__ */ a("div", { className: t.panelHeader, children: [
-          s("printing.editor.layers", "Layers"),
+          r("printing.editor.layers", "Layers"),
           " (",
-          S.length,
+          C.length,
           ")"
         ] }),
         /* @__PURE__ */ a("div", { className: t.layerList, children: [
-          S.length === 0 && /* @__PURE__ */ e("div", { className: t.emptyMsg, children: s("printing.editor.noElements", "No elements") }),
-          S.slice().reverse().map((r) => /* @__PURE__ */ a(
+          C.length === 0 && /* @__PURE__ */ e("div", { className: t.emptyMsg, children: r("printing.editor.noElements", "No elements") }),
+          C.slice().reverse().map((s) => /* @__PURE__ */ a(
             "div",
             {
-              className: `${t.layerItem} ${b.has(r.id) ? t.layerItemSelected : ""}`,
-              onClick: () => I(r.id),
+              className: `${t.layerItem} ${v.has(s.id) ? t.layerItemSelected : ""}`,
+              onClick: () => _(s.id),
               children: [
-                /* @__PURE__ */ e("span", { className: t.layerIcon, children: /* @__PURE__ */ e(N, { name: he[r.type] ?? "type", size: 14 }) }),
-                /* @__PURE__ */ e("span", { className: t.layerName, children: r.name || r.label }),
+                /* @__PURE__ */ e("span", { className: t.layerIcon, children: /* @__PURE__ */ e(w, { name: he[s.type] ?? "type", size: 14 }) }),
+                /* @__PURE__ */ e("span", { className: t.layerName, children: s.name || s.label }),
                 /* @__PURE__ */ a("div", { className: t.layerActions, children: [
                   /* @__PURE__ */ e(
                     "button",
                     {
                       className: t.layerBtn,
                       onClick: (i) => {
-                        i.stopPropagation(), f(r.id, -1);
+                        i.stopPropagation(), k(s.id, -1);
                       },
-                      title: s("printing.editor.bringForward", "Bring forward"),
-                      children: /* @__PURE__ */ e(N, { name: "arrow-up", size: 12 })
+                      title: r("printing.editor.bringForward", "Bring forward"),
+                      children: /* @__PURE__ */ e(w, { name: "arrow-up", size: 12 })
                     }
                   ),
                   /* @__PURE__ */ e(
@@ -847,57 +856,57 @@ const Pa = ({
                     {
                       className: t.layerBtn,
                       onClick: (i) => {
-                        i.stopPropagation(), f(r.id, 1);
+                        i.stopPropagation(), k(s.id, 1);
                       },
-                      title: s("printing.editor.sendBackward", "Send backward"),
-                      children: /* @__PURE__ */ e(N, { name: "arrow-down", size: 12 })
+                      title: r("printing.editor.sendBackward", "Send backward"),
+                      children: /* @__PURE__ */ e(w, { name: "arrow-down", size: 12 })
                     }
                   )
                 ] })
               ]
             },
-            r.id
+            s.id
           ))
         ] })
       ] }),
-      n === "watermarks" && /* @__PURE__ */ a(j, { children: [
-        /* @__PURE__ */ e("div", { className: t.panelHeader, children: "Znaki wodne" }),
+      n === "watermarks" && /* @__PURE__ */ a(X, { children: [
+        /* @__PURE__ */ e("div", { className: t.panelHeader, children: h("templateEditor.watermarks", "Watermarks") }),
         /* @__PURE__ */ a("div", { className: t.wmList, children: [
-          (o.watermarks ?? []).map((r) => /* @__PURE__ */ a("div", { className: t.wmItem, children: [
+          (l.watermarks ?? []).map((s) => /* @__PURE__ */ a("div", { className: t.wmItem, children: [
             /* @__PURE__ */ a("div", { className: t.wmRow, children: [
-              /* @__PURE__ */ e("span", { className: t.wmLabel, children: s("printing.editor.type", "Type") }),
+              /* @__PURE__ */ e("span", { className: t.wmLabel, children: r("printing.editor.type", "Type") }),
               /* @__PURE__ */ a(
                 "select",
                 {
                   className: t.wmSelect,
-                  value: r.type,
+                  value: s.type,
                   onChange: (i) => {
-                    var _;
-                    return h({
-                      watermarks: (_ = o.watermarks) == null ? void 0 : _.map(
-                        (p) => p.id === r.id ? { ...p, type: i.target.value } : p
+                    var d;
+                    return b({
+                      watermarks: (d = l.watermarks) == null ? void 0 : d.map(
+                        (u) => u.id === s.id ? { ...u, type: i.target.value } : u
                       )
                     });
                   },
                   children: [
-                    /* @__PURE__ */ e("option", { value: "text", children: s("printing.fieldType.text", "Text") }),
-                    /* @__PURE__ */ e("option", { value: "image", children: s("printing.fieldType.image", "Image") })
+                    /* @__PURE__ */ e("option", { value: "text", children: r("printing.fieldType.text", "Text") }),
+                    /* @__PURE__ */ e("option", { value: "image", children: r("printing.fieldType.image", "Image") })
                   ]
                 }
               )
             ] }),
-            r.type === "text" && /* @__PURE__ */ a("div", { className: t.wmRow, children: [
-              /* @__PURE__ */ e("span", { className: t.wmLabel, children: s("printing.fieldType.text", "Text") }),
+            s.type === "text" && /* @__PURE__ */ a("div", { className: t.wmRow, children: [
+              /* @__PURE__ */ e("span", { className: t.wmLabel, children: r("printing.fieldType.text", "Text") }),
               /* @__PURE__ */ e(
                 "input",
                 {
                   className: t.wmInput,
-                  value: r.text ?? "",
+                  value: s.text ?? "",
                   onChange: (i) => {
-                    var _;
-                    return h({
-                      watermarks: (_ = o.watermarks) == null ? void 0 : _.map(
-                        (p) => p.id === r.id ? { ...p, text: i.target.value } : p
+                    var d;
+                    return b({
+                      watermarks: (d = l.watermarks) == null ? void 0 : d.map(
+                        (u) => u.id === s.id ? { ...u, text: i.target.value } : u
                       )
                     });
                   }
@@ -905,7 +914,7 @@ const Pa = ({
               )
             ] }),
             /* @__PURE__ */ a("div", { className: t.wmRow, children: [
-              /* @__PURE__ */ e("span", { className: t.wmLabel, children: "Krycie" }),
+              /* @__PURE__ */ e("span", { className: t.wmLabel, children: h("templateEditor.opacity", "Opacity") }),
               /* @__PURE__ */ e(
                 "input",
                 {
@@ -914,24 +923,24 @@ const Pa = ({
                   max: 0.5,
                   step: 0.01,
                   className: t.wmSlider,
-                  value: r.opacity,
+                  value: s.opacity,
                   onChange: (i) => {
-                    var _;
-                    return h({
-                      watermarks: (_ = o.watermarks) == null ? void 0 : _.map(
-                        (p) => p.id === r.id ? { ...p, opacity: +i.target.value } : p
+                    var d;
+                    return b({
+                      watermarks: (d = l.watermarks) == null ? void 0 : d.map(
+                        (u) => u.id === s.id ? { ...u, opacity: +i.target.value } : u
                       )
                     });
                   }
                 }
               ),
               /* @__PURE__ */ a("span", { className: t.wmValue, children: [
-                Math.round(r.opacity * 100),
+                Math.round(s.opacity * 100),
                 "%"
               ] })
             ] }),
             /* @__PURE__ */ a("div", { className: t.wmRow, children: [
-              /* @__PURE__ */ e("span", { className: t.wmLabel, children: s("printing.editor.angle", "Angle") }),
+              /* @__PURE__ */ e("span", { className: t.wmLabel, children: r("printing.editor.angle", "Angle") }),
               /* @__PURE__ */ e(
                 "input",
                 {
@@ -940,24 +949,24 @@ const Pa = ({
                   max: 90,
                   step: 5,
                   className: t.wmSlider,
-                  value: r.angle,
+                  value: s.angle,
                   onChange: (i) => {
-                    var _;
-                    return h({
-                      watermarks: (_ = o.watermarks) == null ? void 0 : _.map(
-                        (p) => p.id === r.id ? { ...p, angle: +i.target.value } : p
+                    var d;
+                    return b({
+                      watermarks: (d = l.watermarks) == null ? void 0 : d.map(
+                        (u) => u.id === s.id ? { ...u, angle: +i.target.value } : u
                       )
                     });
                   }
                 }
               ),
               /* @__PURE__ */ a("span", { className: t.wmValue, children: [
-                r.angle,
+                s.angle,
                 "°"
               ] })
             ] }),
             /* @__PURE__ */ a("div", { className: t.wmRow, children: [
-              /* @__PURE__ */ e("span", { className: t.wmLabel, children: s("printing.editor.size", "Size") }),
+              /* @__PURE__ */ e("span", { className: t.wmLabel, children: r("printing.editor.size", "Size") }),
               /* @__PURE__ */ e(
                 "input",
                 {
@@ -965,12 +974,12 @@ const Pa = ({
                   min: 8,
                   max: 200,
                   className: t.wmInputNum,
-                  value: r.fontSize ?? 48,
+                  value: s.fontSize ?? 48,
                   onChange: (i) => {
-                    var _;
-                    return h({
-                      watermarks: (_ = o.watermarks) == null ? void 0 : _.map(
-                        (p) => p.id === r.id ? { ...p, fontSize: +i.target.value } : p
+                    var d;
+                    return b({
+                      watermarks: (d = l.watermarks) == null ? void 0 : d.map(
+                        (u) => u.id === s.id ? { ...u, fontSize: +i.target.value } : u
                       )
                     });
                   }
@@ -979,18 +988,18 @@ const Pa = ({
               /* @__PURE__ */ e("span", { className: t.wmUnit, children: "pt" })
             ] }),
             /* @__PURE__ */ a("div", { className: t.wmRow, children: [
-              /* @__PURE__ */ e("span", { className: t.wmLabel, children: s("printing.editor.colour", "Colour") }),
+              /* @__PURE__ */ e("span", { className: t.wmLabel, children: r("printing.editor.colour", "Colour") }),
               /* @__PURE__ */ e(
                 "input",
                 {
                   type: "color",
                   className: t.colorPicker,
-                  value: r.color ?? ge,
+                  value: s.color ?? be,
                   onChange: (i) => {
-                    var _;
-                    return h({
-                      watermarks: (_ = o.watermarks) == null ? void 0 : _.map(
-                        (p) => p.id === r.id ? { ...p, color: i.target.value } : p
+                    var d;
+                    return b({
+                      watermarks: (d = l.watermarks) == null ? void 0 : d.map(
+                        (u) => u.id === s.id ? { ...u, color: i.target.value } : u
                       )
                     });
                   }
@@ -1003,55 +1012,55 @@ const Pa = ({
                 className: t.wmDelete,
                 onClick: () => {
                   var i;
-                  return h({ watermarks: (i = o.watermarks) == null ? void 0 : i.filter((_) => _.id !== r.id) });
+                  return b({ watermarks: (i = l.watermarks) == null ? void 0 : i.filter((d) => d.id !== s.id) });
                 },
-                children: s("printing.action.remove", "Remove")
+                children: r("printing.action.remove", "Remove")
               }
             )
-          ] }, r.id)),
+          ] }, s.id)),
           /* @__PURE__ */ a(
             "button",
             {
               className: t.addBtn,
-              onClick: () => h({
+              onClick: () => b({
                 watermarks: [
-                  ...o.watermarks ?? [],
+                  ...l.watermarks ?? [],
                   {
                     id: ce(),
                     type: "text",
-                    text: "COPY",
+                    text: h("templateEditor.copy", "COPY"),
                     opacity: 0.12,
                     angle: -45,
                     fontSize: 60,
-                    color: ge
+                    color: be
                   }
                 ]
               }),
               children: [
-                /* @__PURE__ */ e(N, { name: "plus", size: 12 }),
+                /* @__PURE__ */ e(w, { name: "plus", size: 12 }),
                 " ",
-                s("printing.editor.addWatermark", "Add watermark")
+                r("printing.editor.addWatermark", "Add watermark")
               ]
             }
           )
         ] })
       ] }),
-      n === "signatures" && /* @__PURE__ */ a(j, { children: [
-        /* @__PURE__ */ e("div", { className: t.panelHeader, children: "Podpisy" }),
+      n === "signatures" && /* @__PURE__ */ a(X, { children: [
+        /* @__PURE__ */ e("div", { className: t.panelHeader, children: h("templateEditor.signatures", "Signatures") }),
         /* @__PURE__ */ a("div", { className: t.wmList, children: [
-          (o.signatures ?? []).map((r) => /* @__PURE__ */ a("div", { className: t.wmItem, children: [
+          (l.signatures ?? []).map((s) => /* @__PURE__ */ a("div", { className: t.wmItem, children: [
             /* @__PURE__ */ a("div", { className: t.wmRow, children: [
-              /* @__PURE__ */ e("span", { className: t.wmLabel, children: "Etykieta" }),
+              /* @__PURE__ */ e("span", { className: t.wmLabel, children: h("templateEditor.label", "Label") }),
               /* @__PURE__ */ e(
                 "input",
                 {
                   className: t.wmInput,
-                  value: r.label,
+                  value: s.label,
                   onChange: (i) => {
-                    var _;
-                    return h({
-                      signatures: (_ = o.signatures) == null ? void 0 : _.map(
-                        (p) => p.id === r.id ? { ...p, label: i.target.value } : p
+                    var d;
+                    return b({
+                      signatures: (d = l.signatures) == null ? void 0 : d.map(
+                        (u) => u.id === s.id ? { ...u, label: i.target.value } : u
                       )
                     });
                   }
@@ -1059,17 +1068,17 @@ const Pa = ({
               )
             ] }),
             /* @__PURE__ */ a("div", { className: t.wmRow, children: [
-              /* @__PURE__ */ e("span", { className: t.wmLabel, children: "Nazwisko" }),
+              /* @__PURE__ */ e("span", { className: t.wmLabel, children: h("templateEditor.signerName", "Name") }),
               /* @__PURE__ */ e(
                 "input",
                 {
                   className: t.wmInput,
-                  value: r.signerName ?? "",
+                  value: s.signerName ?? "",
                   onChange: (i) => {
-                    var _;
-                    return h({
-                      signatures: (_ = o.signatures) == null ? void 0 : _.map(
-                        (p) => p.id === r.id ? { ...p, signerName: i.target.value } : p
+                    var d;
+                    return b({
+                      signatures: (d = l.signatures) == null ? void 0 : d.map(
+                        (u) => u.id === s.id ? { ...u, signerName: i.target.value } : u
                       )
                     });
                   }
@@ -1077,17 +1086,17 @@ const Pa = ({
               )
             ] }),
             /* @__PURE__ */ a("div", { className: t.wmRow, children: [
-              /* @__PURE__ */ e("span", { className: t.wmLabel, children: s("printing.fieldType.line", "Line") }),
+              /* @__PURE__ */ e("span", { className: t.wmLabel, children: r("printing.fieldType.line", "Line") }),
               /* @__PURE__ */ e(
                 "input",
                 {
                   type: "checkbox",
-                  checked: r.showLine ?? !0,
+                  checked: s.showLine ?? !0,
                   onChange: (i) => {
-                    var _;
-                    return h({
-                      signatures: (_ = o.signatures) == null ? void 0 : _.map(
-                        (p) => p.id === r.id ? { ...p, showLine: i.target.checked } : p
+                    var d;
+                    return b({
+                      signatures: (d = l.signatures) == null ? void 0 : d.map(
+                        (u) => u.id === s.id ? { ...u, showLine: i.target.checked } : u
                       )
                     });
                   }
@@ -1095,17 +1104,17 @@ const Pa = ({
               )
             ] }),
             /* @__PURE__ */ a("div", { className: t.wmRow, children: [
-              /* @__PURE__ */ e("span", { className: t.wmLabel, children: s("printing.editor.showDate", "Show date") }),
+              /* @__PURE__ */ e("span", { className: t.wmLabel, children: r("printing.editor.showDate", "Show date") }),
               /* @__PURE__ */ e(
                 "input",
                 {
                   type: "checkbox",
-                  checked: r.showDate ?? !1,
+                  checked: s.showDate ?? !1,
                   onChange: (i) => {
-                    var _;
-                    return h({
-                      signatures: (_ = o.signatures) == null ? void 0 : _.map(
-                        (p) => p.id === r.id ? { ...p, showDate: i.target.checked } : p
+                    var d;
+                    return b({
+                      signatures: (d = l.signatures) == null ? void 0 : d.map(
+                        (u) => u.id === s.id ? { ...u, showDate: i.target.checked } : u
                       )
                     });
                   }
@@ -1118,22 +1127,22 @@ const Pa = ({
                 className: t.wmDelete,
                 onClick: () => {
                   var i;
-                  return h({ signatures: (i = o.signatures) == null ? void 0 : i.filter((_) => _.id !== r.id) });
+                  return b({ signatures: (i = l.signatures) == null ? void 0 : i.filter((d) => d.id !== s.id) });
                 },
-                children: s("printing.action.remove", "Remove")
+                children: r("printing.action.remove", "Remove")
               }
             )
-          ] }, r.id)),
+          ] }, s.id)),
           /* @__PURE__ */ a(
             "button",
             {
               className: t.addBtn,
-              onClick: () => h({
+              onClick: () => b({
                 signatures: [
-                  ...o.signatures ?? [],
+                  ...l.signatures ?? [],
                   {
                     id: ce(),
-                    label: s("printing.editor.signature", "Signature"),
+                    label: r("printing.editor.signature", "Signature"),
                     position: { x: 10, y: 5, width: 70, height: 22 },
                     showLine: !0,
                     showDate: !1
@@ -1141,54 +1150,54 @@ const Pa = ({
                 ]
               }),
               children: [
-                /* @__PURE__ */ e(N, { name: "plus", size: 12 }),
+                /* @__PURE__ */ e(w, { name: "plus", size: 12 }),
                 " ",
-                s("printing.editor.addSignature", "Add signature")
+                r("printing.editor.addSignature", "Add signature")
               ]
             }
           )
         ] })
       ] }),
-      n === "settings" && /* @__PURE__ */ a(j, { children: [
-        /* @__PURE__ */ e("div", { className: t.panelHeader, children: s("printing.editor.templateSettings", "Template settings") }),
+      n === "settings" && /* @__PURE__ */ a(X, { children: [
+        /* @__PURE__ */ e("div", { className: t.panelHeader, children: r("printing.editor.templateSettings", "Template settings") }),
         /* @__PURE__ */ a("div", { className: t.settingsForm, children: [
           /* @__PURE__ */ a("div", { className: t.settingsRow, children: [
-            /* @__PURE__ */ e("label", { className: t.settingsLabel, children: s("printing.editor.name", "Name") }),
+            /* @__PURE__ */ e("label", { className: t.settingsLabel, children: r("printing.editor.name", "Name") }),
             /* @__PURE__ */ e(
               "input",
               {
                 className: t.settingsInput,
-                value: o.name,
-                onChange: (r) => h({ name: r.target.value })
+                value: l.name,
+                onChange: (s) => b({ name: s.target.value })
               }
             )
           ] }),
           /* @__PURE__ */ a("div", { className: t.settingsRow, children: [
-            /* @__PURE__ */ e("label", { className: t.settingsLabel, children: s("printing.editor.description", "Description") }),
+            /* @__PURE__ */ e("label", { className: t.settingsLabel, children: r("printing.editor.description", "Description") }),
             /* @__PURE__ */ e(
               "textarea",
               {
                 className: t.settingsTextarea,
-                value: o.description ?? "",
-                onChange: (r) => h({ description: r.target.value }),
+                value: l.description ?? "",
+                onChange: (s) => b({ description: s.target.value }),
                 rows: 2
               }
             )
           ] }),
           /* @__PURE__ */ a("div", { className: t.settingsRow, children: [
-            /* @__PURE__ */ e("label", { className: t.settingsLabel, children: "Kategoria" }),
+            /* @__PURE__ */ e("label", { className: t.settingsLabel, children: h("templateEditor.category", "Category") }),
             /* @__PURE__ */ e(
               "input",
               {
                 className: t.settingsInput,
-                value: o.category ?? "",
-                onChange: (r) => h({ category: r.target.value })
+                value: l.category ?? "",
+                onChange: (s) => b({ category: s.target.value })
               }
             )
           ] }),
-          /* @__PURE__ */ e("div", { className: t.settingsDivider, children: s("printing.editor.margins", "Margins (mm)") }),
-          ["top", "right", "bottom", "left"].map((r) => /* @__PURE__ */ a("div", { className: t.settingsRow, children: [
-            /* @__PURE__ */ e("label", { className: t.settingsLabel, children: r === "top" ? s("printing.editor.marginTop", "Top") : r === "right" ? s("printing.editor.marginRight", "Right") : r === "bottom" ? s("printing.editor.marginBottom", "Bottom") : s("printing.editor.marginLeft", "Left") }),
+          /* @__PURE__ */ e("div", { className: t.settingsDivider, children: r("printing.editor.margins", "Margins (mm)") }),
+          ["top", "right", "bottom", "left"].map((s) => /* @__PURE__ */ a("div", { className: t.settingsRow, children: [
+            /* @__PURE__ */ e("label", { className: t.settingsLabel, children: s === "top" ? r("printing.editor.marginTop", "Top") : s === "right" ? r("printing.editor.marginRight", "Right") : s === "bottom" ? r("printing.editor.marginBottom", "Bottom") : r("printing.editor.marginLeft", "Left") }),
             /* @__PURE__ */ e(
               "input",
               {
@@ -1197,51 +1206,51 @@ const Pa = ({
                 max: 50,
                 step: 1,
                 className: t.settingsInputNum,
-                value: o.margins[r],
-                onChange: (i) => h({ margins: { ...o.margins, [r]: +i.target.value } })
+                value: l.margins[s],
+                onChange: (i) => b({ margins: { ...l.margins, [s]: +i.target.value } })
               }
             ),
-            /* @__PURE__ */ e("span", { className: t.settingsUnit, children: "mm" })
-          ] }, r))
+            /* @__PURE__ */ e("span", { className: t.settingsUnit, children: h("templateEditor.mm", "mm") })
+          ] }, s))
         ] })
       ] })
     ] })
   ] });
-}, qa = ({
+}, Wa = ({
   field: n,
-  activeTab: l,
-  onTabChange: d,
-  onChange: o,
-  paperWidthMm: S,
-  paperHeightMm: b
+  activeTab: o,
+  onTabChange: m,
+  onChange: l,
+  paperWidthMm: C,
+  paperHeightMm: v
 }) => {
-  var z, w, L, r;
-  const { t: m } = J(), I = M(
-    (i) => n && o({ position: { ...n.position, ...i } }),
-    [n, o]
-  ), h = M(
-    (i) => n && o({ style: { ...(n == null ? void 0 : n.style) ?? {}, ...i } }),
-    [n, o]
+  var S, I, x, s;
+  const { t: g } = j(), { t: _ } = j(), b = P(
+    (i) => n && l({ position: { ...n.position, ...i } }),
+    [n, l]
+  ), k = P(
+    (i) => n && l({ style: { ...(n == null ? void 0 : n.style) ?? {}, ...i } }),
+    [n, l]
   );
   if (!n)
     return /* @__PURE__ */ a("div", { className: t.rightPanel, children: [
-      /* @__PURE__ */ e("div", { className: t.panelHeader, children: m("printing.editor.properties", "Properties") }),
+      /* @__PURE__ */ e("div", { className: t.panelHeader, children: _("printing.editor.properties", "Properties") }),
       /* @__PURE__ */ a("div", { className: t.propsEmpty, children: [
-        /* @__PURE__ */ e("div", { className: t.propsEmptyIcon, children: /* @__PURE__ */ e(N, { name: "cursor", size: 28 }) }),
-        /* @__PURE__ */ e("div", { className: t.propsEmptyText, children: m("printing.editor.selectElement", "Select an element on the template") }),
+        /* @__PURE__ */ e("div", { className: t.propsEmptyIcon, children: /* @__PURE__ */ e(w, { name: "cursor", size: 28 }) }),
+        /* @__PURE__ */ e("div", { className: t.propsEmptyText, children: _("printing.editor.selectElement", "Select an element on the template") }),
         /* @__PURE__ */ a("div", { className: t.shortcutGrid, children: [
-          /* @__PURE__ */ e(oe, { keys: "Del", label: m("printing.action.remove", "Remove") }),
-          /* @__PURE__ */ e(oe, { keys: "Ctrl+D", label: m("printing.editor.duplicate", "Duplicate") }),
-          /* @__PURE__ */ e(oe, { keys: "↑↓←→", label: m("printing.editor.move", "Move") }),
-          /* @__PURE__ */ e(oe, { keys: "Ctrl+Z", label: m("printing.editor.undo", "Undo") }),
-          /* @__PURE__ */ e(oe, { keys: "Ctrl+A", label: m("printing.editor.selectAll", "Select all") }),
-          /* @__PURE__ */ e(oe, { keys: "Shift+↑", label: m("printing.editor.move5mm", "Move 5 mm") })
+          /* @__PURE__ */ e(le, { keys: "Del", label: _("printing.action.remove", "Remove") }),
+          /* @__PURE__ */ e(le, { keys: "Ctrl+D", label: _("printing.editor.duplicate", "Duplicate") }),
+          /* @__PURE__ */ e(le, { keys: "↑↓←→", label: _("printing.editor.move", "Move") }),
+          /* @__PURE__ */ e(le, { keys: "Ctrl+Z", label: _("printing.editor.undo", "Undo") }),
+          /* @__PURE__ */ e(le, { keys: "Ctrl+A", label: _("printing.editor.selectAll", "Select all") }),
+          /* @__PURE__ */ e(le, { keys: "Shift+↑", label: _("printing.editor.move5mm", "Move 5 mm") })
         ] })
       ] })
     ] });
-  const f = !["line", "rect", "image", "static_image", "barcode", "qr", "signature"].includes(
+  const h = !["line", "rect", "image", "static_image", "barcode", "qr", "signature"].includes(
     n.type
-  ), s = ![
+  ), r = ![
     "static_text",
     "static_image",
     "line",
@@ -1255,25 +1264,25 @@ const Pa = ({
       /* @__PURE__ */ e("span", { className: t.panelHeaderIcon, children: he[n.type] }),
       /* @__PURE__ */ e("span", { className: t.panelHeaderName, children: n.name })
     ] }),
-    /* @__PURE__ */ e("div", { className: t.rightTabs, children: Ha.map((i) => i.id === "data" && !s ? null : /* @__PURE__ */ e(
+    /* @__PURE__ */ e("div", { className: t.rightTabs, children: Ga.map((i) => i.id === "data" && !r ? null : /* @__PURE__ */ e(
       "button",
       {
-        className: `${t.rightTab} ${l === i.id ? t.rightTabActive : ""}`,
-        onClick: () => d(i.id),
-        children: m(i.key, i.label)
+        className: `${t.rightTab} ${o === i.id ? t.rightTabActive : ""}`,
+        onClick: () => m(i.id),
+        children: _(i.key, i.label)
       },
       i.id
     )) }),
     /* @__PURE__ */ a("div", { className: t.propsBody, children: [
-      l === "position" && /* @__PURE__ */ a(j, { children: [
+      o === "position" && /* @__PURE__ */ a(X, { children: [
         /* @__PURE__ */ a("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: i, label: _, unit: p }) => /* @__PURE__ */ a("div", { className: t.posCell, children: [
-            /* @__PURE__ */ e("label", { className: t.posLabel, children: _ }),
+            { key: "width", label: g("templateEditor.widthShort", "W"), unit: "mm" },
+            { key: "height", label: g("templateEditor.heightShort", "H"), unit: "mm" }
+          ].map(({ key: i, label: d, unit: u }) => /* @__PURE__ */ a("div", { className: t.posCell, children: [
+            /* @__PURE__ */ e("label", { className: t.posLabel, children: d }),
             /* @__PURE__ */ e(
               "input",
               {
@@ -1281,13 +1290,13 @@ const Pa = ({
                 step: 0.5,
                 className: t.posInput,
                 value: Math.round(n.position[i] * 10) / 10,
-                onChange: (k) => I({ [i]: +k.target.value })
+                onChange: (z) => b({ [i]: +z.target.value })
               }
             ),
-            /* @__PURE__ */ e("span", { className: t.posUnit, children: p })
+            /* @__PURE__ */ e("span", { className: t.posUnit, children: u })
           ] }, i)),
           /* @__PURE__ */ a("div", { className: t.posCell, children: [
-            /* @__PURE__ */ e("label", { className: t.posLabel, children: m("printing.editor.rotation", "Rotation") }),
+            /* @__PURE__ */ e("label", { className: t.posLabel, children: _("printing.editor.rotation", "Rotation") }),
             /* @__PURE__ */ e(
               "input",
               {
@@ -1295,13 +1304,13 @@ const Pa = ({
                 step: 5,
                 className: t.posInput,
                 value: n.style.rotation ?? 0,
-                onChange: (i) => h({ rotation: +i.target.value })
+                onChange: (i) => k({ rotation: +i.target.value })
               }
             ),
             /* @__PURE__ */ e("span", { className: t.posUnit, children: "°" })
           ] }),
           /* @__PURE__ */ a("div", { className: t.posCell, children: [
-            /* @__PURE__ */ e("label", { className: t.posLabel, children: "Z-idx" }),
+            /* @__PURE__ */ e("label", { className: t.posLabel, children: g("templateEditor.zIdx", "Z-idx") }),
             /* @__PURE__ */ e(
               "input",
               {
@@ -1310,29 +1319,29 @@ const Pa = ({
                 min: 1,
                 className: t.posInput,
                 value: n.position.zIndex ?? 1,
-                onChange: (i) => I({ zIndex: +i.target.value })
+                onChange: (i) => b({ zIndex: +i.target.value })
               }
             )
           ] })
         ] }),
         /* @__PURE__ */ a("div", { className: t.snapSection, children: [
-          /* @__PURE__ */ e("div", { className: t.snapTitle, children: m("printing.editor.snapToPage", "Snap to page") }),
+          /* @__PURE__ */ e("div", { className: t.snapTitle, children: _("printing.editor.snapToPage", "Snap to page") }),
           /* @__PURE__ */ a("div", { className: t.snapRow, children: [
             /* @__PURE__ */ e(
               "button",
               {
                 className: t.snapBtn,
-                onClick: () => I({ x: 0 }),
-                title: m("printing.editor.leftEdge", "Left edge"),
-                children: /* @__PURE__ */ e(N, { name: "align-left", size: 14 })
+                onClick: () => b({ x: 0 }),
+                title: _("printing.editor.leftEdge", "Left edge"),
+                children: /* @__PURE__ */ e(w, { name: "align-left", size: 14 })
               }
             ),
             /* @__PURE__ */ e(
               "button",
               {
                 className: t.snapBtn,
-                onClick: () => I({ x: (S - n.position.width) / 2 }),
-                title: m("printing.editor.horizontalCentre", "Horizontal centre"),
+                onClick: () => b({ x: (C - n.position.width) / 2 }),
+                title: _("printing.editor.horizontalCentre", "Horizontal centre"),
                 children: "⊕"
               }
             ),
@@ -1340,37 +1349,37 @@ const Pa = ({
               "button",
               {
                 className: t.snapBtn,
-                onClick: () => I({ x: S - n.position.width }),
-                title: m("printing.editor.rightEdge", "Right edge"),
-                children: /* @__PURE__ */ e(N, { name: "align-right", size: 14 })
+                onClick: () => b({ x: C - n.position.width }),
+                title: _("printing.editor.rightEdge", "Right edge"),
+                children: /* @__PURE__ */ e(w, { name: "align-right", size: 14 })
               }
             )
           ] })
         ] })
       ] }),
-      l === "style" && /* @__PURE__ */ a(j, { children: [
-        f && /* @__PURE__ */ a("div", { className: t.styleGroup, children: [
-          /* @__PURE__ */ e("div", { className: t.styleGroupTitle, children: "Czcionka" }),
+      o === "style" && /* @__PURE__ */ a(X, { children: [
+        h && /* @__PURE__ */ a("div", { className: t.styleGroup, children: [
+          /* @__PURE__ */ e("div", { className: t.styleGroupTitle, children: g("templateEditor.font", "Font") }),
           /* @__PURE__ */ a("div", { className: t.styleRow, children: [
-            /* @__PURE__ */ e("label", { className: t.styleLabel, children: "Rodzina" }),
+            /* @__PURE__ */ e("label", { className: t.styleLabel, children: g("templateEditor.fontFamily", "Family") }),
             /* @__PURE__ */ e(
               "select",
               {
                 className: t.styleSelectFull,
                 value: n.style.fontFamily ?? "sans-serif",
-                onChange: (i) => h({ fontFamily: i.target.value }),
+                onChange: (i) => k({ fontFamily: i.target.value }),
                 children: Da.map((i) => /* @__PURE__ */ e("option", { value: i, children: i }, i))
               }
             )
           ] }),
           /* @__PURE__ */ a("div", { className: t.styleRow, children: [
-            /* @__PURE__ */ e("label", { className: t.styleLabel, children: m("printing.editor.size", "Size") }),
+            /* @__PURE__ */ e("label", { className: t.styleLabel, children: _("printing.editor.size", "Size") }),
             /* @__PURE__ */ e(
               "select",
               {
                 className: t.styleSelectSm,
                 value: xe.includes(n.style.fontSize ?? 10) ? n.style.fontSize ?? 10 : "",
-                onChange: (i) => h({ fontSize: +i.target.value }),
+                onChange: (i) => k({ fontSize: +i.target.value }),
                 children: xe.map((i) => /* @__PURE__ */ e("option", { value: i, children: i }, i))
               }
             ),
@@ -1383,20 +1392,20 @@ const Pa = ({
                 max: 200,
                 className: t.styleInput,
                 value: n.style.fontSize ?? 10,
-                onChange: (i) => h({ fontSize: +i.target.value })
+                onChange: (i) => k({ fontSize: +i.target.value })
               }
             ),
             /* @__PURE__ */ e("span", { className: t.styleUnit, children: "pt" })
           ] }),
           /* @__PURE__ */ a("div", { className: t.styleRow, children: [
-            /* @__PURE__ */ e("label", { className: t.styleLabel, children: m("printing.editor.colour", "Colour") }),
+            /* @__PURE__ */ e("label", { className: t.styleLabel, children: _("printing.editor.colour", "Colour") }),
             /* @__PURE__ */ e(
               "input",
               {
                 type: "color",
                 className: t.colorPicker,
                 value: n.style.color ?? se,
-                onChange: (i) => h({ color: i.target.value })
+                onChange: (i) => k({ color: i.target.value })
               }
             ),
             /* @__PURE__ */ e(
@@ -1404,19 +1413,19 @@ const Pa = ({
               {
                 className: t.colorHex,
                 value: n.style.color ?? se,
-                onChange: (i) => h({ color: i.target.value }),
+                onChange: (i) => k({ color: i.target.value }),
                 maxLength: 7
               }
             )
           ] }),
           /* @__PURE__ */ a("div", { className: t.styleRow, children: [
-            /* @__PURE__ */ e("label", { className: t.styleLabel, children: m("printing.editor.style", "Style") }),
+            /* @__PURE__ */ e("label", { className: t.styleLabel, children: _("printing.editor.style", "Style") }),
             /* @__PURE__ */ a("div", { className: t.toggleGroup, children: [
               /* @__PURE__ */ e(
                 "button",
                 {
                   className: `${t.toggleBtn} ${n.style.fontWeight === "bold" ? t.toggleBtnActive : ""}`,
-                  onClick: () => h({ fontWeight: n.style.fontWeight === "bold" ? "normal" : "bold" }),
+                  onClick: () => k({ fontWeight: n.style.fontWeight === "bold" ? "normal" : "bold" }),
                   children: /* @__PURE__ */ e("b", { children: "B" })
                 }
               ),
@@ -1424,27 +1433,27 @@ const Pa = ({
                 "button",
                 {
                   className: `${t.toggleBtn} ${n.style.fontStyle === "italic" ? t.toggleBtnActive : ""}`,
-                  onClick: () => h({ fontStyle: n.style.fontStyle === "italic" ? "normal" : "italic" }),
+                  onClick: () => k({ fontStyle: n.style.fontStyle === "italic" ? "normal" : "italic" }),
                   children: /* @__PURE__ */ e("i", { children: "I" })
                 }
               )
             ] })
           ] }),
           /* @__PURE__ */ a("div", { className: t.styleRow, children: [
-            /* @__PURE__ */ e("label", { className: t.styleLabel, children: m("printing.editor.align", "Align") }),
+            /* @__PURE__ */ e("label", { className: t.styleLabel, children: _("printing.editor.align", "Align") }),
             /* @__PURE__ */ e("div", { className: t.toggleGroup, children: ["left", "center", "right", "justify"].map((i) => /* @__PURE__ */ e(
               "button",
               {
                 title: i,
                 className: `${t.toggleBtn} ${(n.style.textAlign ?? "left") === i ? t.toggleBtnActive : ""}`,
-                onClick: () => h({ textAlign: i }),
+                onClick: () => k({ textAlign: i }),
                 children: i === "left" ? "≡L" : i === "center" ? "≡C" : i === "right" ? "≡R" : "≡J"
               },
               i
             )) })
           ] }),
           /* @__PURE__ */ a("div", { className: t.styleRow, children: [
-            /* @__PURE__ */ e("label", { className: t.styleLabel, children: "W. linii" }),
+            /* @__PURE__ */ e("label", { className: t.styleLabel, children: g("templateEditor.lineHeight", "Line h.") }),
             /* @__PURE__ */ e(
               "input",
               {
@@ -1454,12 +1463,12 @@ const Pa = ({
                 max: 4,
                 className: t.styleInput,
                 value: n.style.lineHeight ?? 1.4,
-                onChange: (i) => h({ lineHeight: +i.target.value })
+                onChange: (i) => k({ lineHeight: +i.target.value })
               }
             )
           ] }),
           /* @__PURE__ */ a("div", { className: t.styleRow, children: [
-            /* @__PURE__ */ e("label", { className: t.styleLabel, children: m("printing.editor.spacing", "Spacing") }),
+            /* @__PURE__ */ e("label", { className: t.styleLabel, children: _("printing.editor.spacing", "Spacing") }),
             /* @__PURE__ */ e(
               "input",
               {
@@ -1469,37 +1478,37 @@ const Pa = ({
                 max: 0.5,
                 className: t.styleInput,
                 value: n.style.letterSpacing ?? 0,
-                onChange: (i) => h({ letterSpacing: +i.target.value })
+                onChange: (i) => k({ letterSpacing: +i.target.value })
               }
             ),
             /* @__PURE__ */ e("span", { className: t.styleUnit, children: "em" })
           ] })
         ] }),
         /* @__PURE__ */ a("div", { className: t.styleGroup, children: [
-          /* @__PURE__ */ e("div", { className: t.styleGroupTitle, children: m("printing.editor.background", "Background and border") }),
+          /* @__PURE__ */ e("div", { className: t.styleGroupTitle, children: _("printing.editor.background", "Background and border") }),
           /* @__PURE__ */ a("div", { className: t.styleRow, children: [
-            /* @__PURE__ */ e("label", { className: t.styleLabel, children: m("printing.editor.fill", "Fill") }),
+            /* @__PURE__ */ e("label", { className: t.styleLabel, children: _("printing.editor.fill", "Fill") }),
             /* @__PURE__ */ e(
               "input",
               {
                 type: "color",
                 className: t.colorPicker,
                 value: n.style.backgroundColor ?? "var(--nice-bg, #fff)",
-                onChange: (i) => h({ backgroundColor: i.target.value })
+                onChange: (i) => k({ backgroundColor: i.target.value })
               }
             ),
             /* @__PURE__ */ e(
               "button",
               {
                 className: t.clearBtn,
-                onClick: () => h({ backgroundColor: void 0 }),
-                title: m("printing.editor.clearFill", "Clear fill"),
-                children: /* @__PURE__ */ e(N, { name: "close", size: 12 })
+                onClick: () => k({ backgroundColor: void 0 }),
+                title: _("printing.editor.clearFill", "Clear fill"),
+                children: /* @__PURE__ */ e(w, { name: "close", size: 12 })
               }
             )
           ] }),
           /* @__PURE__ */ a("div", { className: t.styleRow, children: [
-            /* @__PURE__ */ e("label", { className: t.styleLabel, children: "Ramka" }),
+            /* @__PURE__ */ e("label", { className: t.styleLabel, children: g("templateEditor.border", "Border") }),
             /* @__PURE__ */ e(
               "input",
               {
@@ -1509,7 +1518,7 @@ const Pa = ({
                 max: 10,
                 className: t.styleInput,
                 value: n.style.borderWidth ?? 0,
-                onChange: (i) => h({ borderWidth: +i.target.value })
+                onChange: (i) => k({ borderWidth: +i.target.value })
               }
             ),
             /* @__PURE__ */ e(
@@ -1518,7 +1527,7 @@ const Pa = ({
                 type: "color",
                 className: t.colorPicker,
                 value: n.style.borderColor ?? se,
-                onChange: (i) => h({ borderColor: i.target.value })
+                onChange: (i) => k({ borderColor: i.target.value })
               }
             ),
             /* @__PURE__ */ a(
@@ -1526,7 +1535,7 @@ const Pa = ({
               {
                 className: t.styleSelectXs,
                 value: n.style.borderStyle ?? "solid",
-                onChange: (i) => h({ borderStyle: i.target.value }),
+                onChange: (i) => k({ borderStyle: i.target.value }),
                 children: [
                   /* @__PURE__ */ e("option", { value: "solid", children: "─" }),
                   /* @__PURE__ */ e("option", { value: "dashed", children: "- -" }),
@@ -1536,7 +1545,7 @@ const Pa = ({
             )
           ] }),
           /* @__PURE__ */ a("div", { className: t.styleRow, children: [
-            /* @__PURE__ */ e("label", { className: t.styleLabel, children: "Zaokr." }),
+            /* @__PURE__ */ e("label", { className: t.styleLabel, children: g("templateEditor.radius", "Radius") }),
             /* @__PURE__ */ e(
               "input",
               {
@@ -1546,13 +1555,13 @@ const Pa = ({
                 max: 50,
                 className: t.styleInput,
                 value: n.style.borderRadius ?? 0,
-                onChange: (i) => h({ borderRadius: +i.target.value })
+                onChange: (i) => k({ borderRadius: +i.target.value })
               }
             ),
             /* @__PURE__ */ e("span", { className: t.styleUnit, children: "px" })
           ] }),
           /* @__PURE__ */ a("div", { className: t.styleRow, children: [
-            /* @__PURE__ */ e("label", { className: t.styleLabel, children: "Padding" }),
+            /* @__PURE__ */ e("label", { className: t.styleLabel, children: g("templateEditor.padding", "Padding") }),
             /* @__PURE__ */ e(
               "input",
               {
@@ -1562,13 +1571,13 @@ const Pa = ({
                 max: 20,
                 className: t.styleInput,
                 value: n.style.padding ?? 0,
-                onChange: (i) => h({ padding: +i.target.value })
+                onChange: (i) => k({ padding: +i.target.value })
               }
             ),
-            /* @__PURE__ */ e("span", { className: t.styleUnit, children: "mm" })
+            /* @__PURE__ */ e("span", { className: t.styleUnit, children: g("templateEditor.mm", "mm") })
           ] }),
           /* @__PURE__ */ a("div", { className: t.styleRow, children: [
-            /* @__PURE__ */ e("label", { className: t.styleLabel, children: "Krycie" }),
+            /* @__PURE__ */ e("label", { className: t.styleLabel, children: g("templateEditor.opacity", "Opacity") }),
             /* @__PURE__ */ e(
               "input",
               {
@@ -1578,7 +1587,7 @@ const Pa = ({
                 step: 0.05,
                 className: t.sliderInput,
                 value: n.style.opacity ?? 1,
-                onChange: (i) => h({ opacity: +i.target.value })
+                onChange: (i) => k({ opacity: +i.target.value })
               }
             ),
             /* @__PURE__ */ a("span", { className: t.styleValue, children: [
@@ -1588,163 +1597,163 @@ const Pa = ({
           ] })
         ] })
       ] }),
-      l === "data" && s && /* @__PURE__ */ a("div", { className: t.styleGroup, children: [
-        /* @__PURE__ */ e("div", { className: t.styleGroupTitle, children: m("printing.editor.dataSource", "Data source") }),
+      o === "data" && r && /* @__PURE__ */ a("div", { className: t.styleGroup, children: [
+        /* @__PURE__ */ e("div", { className: t.styleGroupTitle, children: _("printing.editor.dataSource", "Data source") }),
         /* @__PURE__ */ a("div", { className: t.styleRow, children: [
-          /* @__PURE__ */ e("label", { className: t.styleLabel, children: m("printing.editor.path", "Path") }),
+          /* @__PURE__ */ e("label", { className: t.styleLabel, children: _("printing.editor.path", "Path") }),
           /* @__PURE__ */ e(
             "input",
             {
               className: t.styleInputFull,
               value: n.dataPath,
-              onChange: (i) => o({ dataPath: i.target.value }),
-              placeholder: "np. invoice.number"
+              onChange: (i) => l({ dataPath: i.target.value }),
+              placeholder: g("templateEditor.egInvoiceNumber", "e.g. invoice.number")
             }
           )
         ] }),
         /* @__PURE__ */ a("div", { className: t.styleRow, children: [
-          /* @__PURE__ */ e("label", { className: t.styleLabel, children: m("printing.editor.format", "Format") }),
+          /* @__PURE__ */ e("label", { className: t.styleLabel, children: _("printing.editor.format", "Format") }),
           /* @__PURE__ */ e(
             "input",
             {
               className: t.styleInputFull,
               value: n.format ?? "",
-              onChange: (i) => o({ format: i.target.value }),
-              placeholder: "DD.MM.YYYY / #,##0.00"
+              onChange: (i) => l({ format: i.target.value }),
+              placeholder: g("templateEditor.ddMmYyyy000", "DD.MM.YYYY / #,##0.00")
             }
           )
         ] }),
         /* @__PURE__ */ a("div", { className: t.styleRow, children: [
-          /* @__PURE__ */ e("label", { className: t.styleLabel, children: m("printing.editor.default", "Default") }),
+          /* @__PURE__ */ e("label", { className: t.styleLabel, children: _("printing.editor.default", "Default") }),
           /* @__PURE__ */ e(
             "input",
             {
               className: t.styleInputFull,
               value: n.fallback ?? "",
-              onChange: (i) => o({ fallback: i.target.value }),
-              placeholder: m("printing.editor.whenEmpty", "When there is no value")
+              onChange: (i) => l({ fallback: i.target.value }),
+              placeholder: _("printing.editor.whenEmpty", "When there is no value")
             }
           )
         ] }),
         /* @__PURE__ */ a("div", { className: t.styleRow, children: [
-          /* @__PURE__ */ e("label", { className: t.styleLabel, children: m("printing.editor.type", "Type") }),
+          /* @__PURE__ */ e("label", { className: t.styleLabel, children: _("printing.editor.type", "Type") }),
           /* @__PURE__ */ e(
             "select",
             {
               className: t.styleSelectFull,
               value: n.type,
-              onChange: (i) => o({ type: i.target.value }),
-              children: Object.keys(_e).map((i) => /* @__PURE__ */ e("option", { value: i, children: we(m, i) }, i))
+              onChange: (i) => l({ type: i.target.value }),
+              children: Object.keys(_e).map((i) => /* @__PURE__ */ e("option", { value: i, children: we(_, i) }, i))
             }
           )
         ] }),
         (n.type === "barcode" || n.type === "qr") && /* @__PURE__ */ a("div", { className: t.styleRow, children: [
-          /* @__PURE__ */ e("label", { className: t.styleLabel, children: m("printing.editor.codeFormat", "Code format") }),
+          /* @__PURE__ */ e("label", { className: t.styleLabel, children: _("printing.editor.codeFormat", "Code format") }),
           /* @__PURE__ */ e(
             "select",
             {
               className: t.styleSelectFull,
               value: n.barcodeType ?? "code128",
-              onChange: (i) => o({ barcodeType: i.target.value }),
+              onChange: (i) => l({ barcodeType: i.target.value }),
               children: ["ean13", "ean8", "code128", "code39", "upc", "itf14", "datamatrix"].map((i) => /* @__PURE__ */ e("option", { value: i, children: i.toUpperCase() }, i))
             }
           )
         ] })
       ] }),
-      l === "conditional" && /* @__PURE__ */ a("div", { className: t.styleGroup, children: [
-        /* @__PURE__ */ e("div", { className: t.styleGroupTitle, children: m("printing.editor.conditionalVisibility", "Conditional visibility") }),
-        /* @__PURE__ */ e("div", { className: t.conditionalHint, children: m(
+      o === "conditional" && /* @__PURE__ */ a("div", { className: t.styleGroup, children: [
+        /* @__PURE__ */ e("div", { className: t.styleGroupTitle, children: _("printing.editor.conditionalVisibility", "Conditional visibility") }),
+        /* @__PURE__ */ e("div", { className: t.conditionalHint, children: _(
           "printing.editor.conditionalHint",
           "The element is hidden when the condition is not met."
         ) }),
         /* @__PURE__ */ a("div", { className: t.styleRow, children: [
-          /* @__PURE__ */ e("label", { className: t.styleLabel, children: m("printing.editor.conditionalField", "Field") }),
+          /* @__PURE__ */ e("label", { className: t.styleLabel, children: _("printing.editor.conditionalField", "Field") }),
           /* @__PURE__ */ e(
             "input",
             {
               className: t.styleInputFull,
-              value: ((z = n.conditional) == null ? void 0 : z.field) ?? "",
+              value: ((S = n.conditional) == null ? void 0 : S.field) ?? "",
               onChange: (i) => {
-                var _, p;
-                return o({
+                var d, u;
+                return l({
                   conditional: {
                     field: i.target.value,
-                    operator: ((_ = n.conditional) == null ? void 0 : _.operator) ?? "eq",
-                    value: (p = n.conditional) == null ? void 0 : p.value
+                    operator: ((d = n.conditional) == null ? void 0 : d.operator) ?? "eq",
+                    value: (u = n.conditional) == null ? void 0 : u.value
                   }
                 });
               },
-              placeholder: "np. invoice.isPaid"
+              placeholder: g("templateEditor.egInvoiceIsPaid", "e.g. invoice.isPaid")
             }
           )
         ] }),
         /* @__PURE__ */ a("div", { className: t.styleRow, children: [
-          /* @__PURE__ */ e("label", { className: t.styleLabel, children: "Operator" }),
+          /* @__PURE__ */ e("label", { className: t.styleLabel, children: g("templateEditor.operator", "Operator") }),
           /* @__PURE__ */ a(
             "select",
             {
               className: t.styleSelectFull,
-              value: ((w = n.conditional) == null ? void 0 : w.operator) ?? "eq",
+              value: ((I = n.conditional) == null ? void 0 : I.operator) ?? "eq",
               onChange: (i) => {
-                var _, p;
-                return o({
+                var d, u;
+                return l({
                   conditional: {
-                    field: ((_ = n.conditional) == null ? void 0 : _.field) ?? "",
+                    field: ((d = n.conditional) == null ? void 0 : d.field) ?? "",
                     operator: i.target.value,
-                    value: (p = n.conditional) == null ? void 0 : p.value
+                    value: (u = n.conditional) == null ? void 0 : u.value
                   }
                 });
               },
               children: [
                 /* @__PURE__ */ a("option", { value: "eq", children: [
                   "= ",
-                  m("printing.editor.opEqual", "equal")
+                  _("printing.editor.opEqual", "equal")
                 ] }),
                 /* @__PURE__ */ a("option", { value: "neq", children: [
                   "≠ ",
-                  m("printing.editor.opNotEqual", "not equal")
+                  _("printing.editor.opNotEqual", "not equal")
                 ] }),
-                /* @__PURE__ */ e("option", { value: "gt", children: "> wieksze" }),
-                /* @__PURE__ */ e("option", { value: "lt", children: "< mniejsze" }),
-                /* @__PURE__ */ e("option", { value: "contains", children: "zawiera" })
+                /* @__PURE__ */ e("option", { value: "gt", children: g("templateEditor.greaterThan", "> greater than") }),
+                /* @__PURE__ */ e("option", { value: "lt", children: g("templateEditor.lessThan", "< less than") }),
+                /* @__PURE__ */ e("option", { value: "contains", children: g("templateEditor.contains", "contains") })
               ]
             }
           )
         ] }),
         /* @__PURE__ */ a("div", { className: t.styleRow, children: [
-          /* @__PURE__ */ e("label", { className: t.styleLabel, children: m("printing.editor.value", "Value") }),
+          /* @__PURE__ */ e("label", { className: t.styleLabel, children: _("printing.editor.value", "Value") }),
           /* @__PURE__ */ e(
             "input",
             {
               className: t.styleInputFull,
-              value: String(((L = n.conditional) == null ? void 0 : L.value) ?? ""),
+              value: String(((x = n.conditional) == null ? void 0 : x.value) ?? ""),
               onChange: (i) => {
-                var _, p;
-                return o({
+                var d, u;
+                return l({
                   conditional: {
-                    field: ((_ = n.conditional) == null ? void 0 : _.field) ?? "",
-                    operator: ((p = n.conditional) == null ? void 0 : p.operator) ?? "eq",
+                    field: ((d = n.conditional) == null ? void 0 : d.field) ?? "",
+                    operator: ((u = n.conditional) == null ? void 0 : u.operator) ?? "eq",
                     value: i.target.value
                   }
                 });
               },
-              placeholder: 'np. true / "PAID"'
+              placeholder: g("templateEditor.egTruePaid", 'e.g. true / "PAID"')
             }
           )
         ] }),
-        ((r = n.conditional) == null ? void 0 : r.field) && /* @__PURE__ */ e(
+        ((s = n.conditional) == null ? void 0 : s.field) && /* @__PURE__ */ e(
           "button",
           {
             className: t.clearConditionalBtn,
-            onClick: () => o({ conditional: void 0 }),
-            children: m("printing.editor.clearCondition", "Clear condition")
+            onClick: () => l({ conditional: void 0 }),
+            children: _("printing.editor.clearCondition", "Clear condition")
           }
         )
       ] })
     ] })
   ] });
 };
-function Wa() {
+function Ya() {
   return {
     id: `tpl-${Date.now()}`,
     name: "New template",
@@ -1761,137 +1770,137 @@ function Wa() {
     signatures: []
   };
 }
-const rr = ({
+const cr = ({
   template: n,
-  dataSchema: l,
-  sampleData: d = [],
-  onChange: o,
-  onSave: S,
-  readOnly: b = !1,
-  className: m,
-  style: I,
-  theme: h = "light"
+  dataSchema: o,
+  sampleData: m = [],
+  onChange: l,
+  onSave: C,
+  readOnly: v = !1,
+  className: g,
+  style: _,
+  theme: b = "light"
 }) => {
-  const [{ past: f, present: s, future: z }, w] = Xe($a, {
+  const { t: k } = j(), [{ past: h, present: r, future: S }, I] = Je(Ra, {
     past: [],
-    present: n ?? Wa(),
+    present: n ?? Ya(),
     future: []
-  }), { t: L } = J(), [r, i] = F(/* @__PURE__ */ new Set()), [_, p] = F("sec-body"), [k, H] = F(1), [g, $] = F(0), [v, q] = F("fields"), [D, K] = F("position"), [A, T] = F(!1), [X, be] = F(!0), P = M(
+  }), { t: x } = j(), [s, i] = H(/* @__PURE__ */ new Set()), [d, u] = H("sec-body"), [z, y] = H(1), [R, T] = H(0), [$, A] = H("fields"), [Y, Z] = H("position"), [f, K] = H(!1), [ge, Re] = H(!0), M = P(
     (c) => {
-      const u = { ...s, ...c };
-      w({ type: "UPDATE", payload: u }), o == null || o(u);
+      const p = { ...r, ...c };
+      I({ type: "UPDATE", payload: p }), l == null || l(p);
     },
-    [s, o]
-  ), [ee, ye] = me(() => {
-    const [c, u] = Le[s.paperSize] ?? Le.A4;
-    return s.orientation === "landscape" ? [u, c] : [c, u];
-  }, [s.paperSize, s.orientation]), te = me(() => s.sections.flatMap((c) => c.fields), [s]), G = me(
-    () => te.find((c) => r.has(c.id)) ?? null,
-    [te, r]
-  ), ve = M(
-    (c, u) => {
-      P({
-        sections: s.sections.map((B) => ({
-          ...B,
-          fields: B.fields.map(
-            (C) => C.id === c ? { ...C, ...u, style: { ...C.style, ...u.style ?? {} } } : C
+    [r, l]
+  ), [ee, ye] = ue(() => {
+    const [c, p] = Le[r.paperSize] ?? Le.A4;
+    return r.orientation === "landscape" ? [p, c] : [c, p];
+  }, [r.paperSize, r.orientation]), te = ue(() => r.sections.flatMap((c) => c.fields), [r]), G = ue(
+    () => te.find((c) => s.has(c.id)) ?? null,
+    [te, s]
+  ), fe = P(
+    (c, p) => {
+      M({
+        sections: r.sections.map((L) => ({
+          ...L,
+          fields: L.fields.map(
+            (B) => B.id === c ? { ...B, ...p, style: { ...B.style, ...p.style ?? {} } } : B
           )
         }))
       });
     },
-    [s, P]
-  ), de = M(
+    [r, M]
+  ), de = P(
     (c) => {
-      P({
-        sections: s.sections.map((u) => ({
-          ...u,
-          fields: u.fields.map(
-            (B) => r.has(B.id) ? { ...B, ...c, style: { ...B.style, ...c.style ?? {} } } : B
+      M({
+        sections: r.sections.map((p) => ({
+          ...p,
+          fields: p.fields.map(
+            (L) => s.has(L.id) ? { ...L, ...c, style: { ...L.style, ...c.style ?? {} } } : L
           )
         }))
       });
     },
-    [s, r, P]
-  ), Ce = M(
-    (c, u) => {
+    [r, s, M]
+  ), Ce = P(
+    (c, p) => {
       if (c === "watermark") {
-        P({
+        M({
           watermarks: [
-            ...s.watermarks ?? [],
+            ...r.watermarks ?? [],
             {
               id: ce(),
               type: "text",
-              text: "COPY",
+              text: k("templateEditor.copy", "COPY"),
               opacity: 0.12,
               angle: -45,
               fontSize: 60,
-              color: ge
+              color: be
             }
           ]
-        }), q("watermarks");
+        }), A("watermarks");
         return;
       }
       if (c === "signature") {
-        P({
+        M({
           signatures: [
-            ...s.signatures ?? [],
+            ...r.signatures ?? [],
             {
               id: ce(),
-              label: L("printing.editor.signature", "Signature"),
+              label: x("printing.editor.signature", "Signature"),
               position: { x: 10, y: 5, width: 70, height: 22 },
               showLine: !0,
               showDate: !1
             }
           ]
-        }), q("signatures");
+        }), A("signatures");
         return;
       }
-      const B = s.sections.find((O) => O.id === _) ?? s.sections.find((O) => O.type === "body");
-      if (!B)
+      const L = r.sections.find((O) => O.id === d) ?? r.sections.find((O) => O.type === "body");
+      if (!L)
         return;
-      const C = ze(c, u), E = {
-        sections: s.sections.map(
-          (O) => O.id === B.id ? { ...O, fields: [...O.fields, C] } : O
+      const B = ze(c, p), F = {
+        sections: r.sections.map(
+          (O) => O.id === L.id ? { ...O, fields: [...O.fields, B] } : O
         )
       };
-      w({ type: "UPDATE", payload: { ...s, ...E } }), o == null || o({ ...s, ...E }), i(/* @__PURE__ */ new Set([C.id]));
+      I({ type: "UPDATE", payload: { ...r, ...F } }), l == null || l({ ...r, ...F }), i(/* @__PURE__ */ new Set([B.id]));
     },
-    [s, _, o]
-  ), Re = M(
-    (c, u, B, C) => {
-      const E = l == null ? void 0 : l.fields.find((Y) => Y.path === u), O = ze((E == null ? void 0 : E.type) ?? "text", E);
-      O.position.x = Math.round(B * 2) / 2, O.position.y = Math.round(C * 2) / 2;
+    [r, d, l, k, x, M]
+  ), Ee = P(
+    (c, p, L, B) => {
+      const F = o == null ? void 0 : o.fields.find((U) => U.path === p), O = ze((F == null ? void 0 : F.type) ?? "text", F);
+      O.position.x = Math.round(L * 2) / 2, O.position.y = Math.round(B * 2) / 2;
       const ne = {
-        sections: s.sections.map(
-          (Y) => Y.id === c ? { ...Y, fields: [...Y.fields, O] } : Y
+        sections: r.sections.map(
+          (U) => U.id === c ? { ...U, fields: [...U.fields, O] } : U
         )
       };
-      w({ type: "UPDATE", payload: { ...s, ...ne } }), o == null || o({ ...s, ...ne }), i(/* @__PURE__ */ new Set([O.id]));
+      I({ type: "UPDATE", payload: { ...r, ...ne } }), l == null || l({ ...r, ...ne }), i(/* @__PURE__ */ new Set([O.id]));
     },
-    [s, l, o]
-  ), Ae = M((c, u) => {
-    u.ctrlKey || u.metaKey ? i((B) => {
-      const C = new Set(B);
-      return C.has(c) ? C.delete(c) : C.add(c), C;
-    }) : u.shiftKey ? i((B) => /* @__PURE__ */ new Set([...B, c])) : i(/* @__PURE__ */ new Set([c]));
-  }, []), Me = M(
-    (c, u) => {
-      if (b)
+    [r, o, l]
+  ), Ae = P((c, p) => {
+    p.ctrlKey || p.metaKey ? i((L) => {
+      const B = new Set(L);
+      return B.has(c) ? B.delete(c) : B.add(c), B;
+    }) : p.shiftKey ? i((L) => /* @__PURE__ */ new Set([...L, c])) : i(/* @__PURE__ */ new Set([c]));
+  }, []), Me = P(
+    (c, p) => {
+      if (v)
         return;
-      u.preventDefault(), r.has(c) || i(/* @__PURE__ */ new Set([c]));
-      const B = u.clientX, C = u.clientY, E = s.sections.map((Y) => ({
-        id: Y.id,
-        fields: Y.fields.map((ae) => ({ id: ae.id, pos: { ...ae.position } }))
-      })), O = (Y) => {
-        const ae = (Y.clientX - B) / (k * U), re = (Y.clientY - C) / (k * U), pe = r.has(c) ? r : /* @__PURE__ */ new Set([c]), ue = s.sections.map((ie) => {
-          const Q = E.find((V) => V.id === ie.id);
+      p.preventDefault(), s.has(c) || i(/* @__PURE__ */ new Set([c]));
+      const L = p.clientX, B = p.clientY, F = r.sections.map((U) => ({
+        id: U.id,
+        fields: U.fields.map((ae) => ({ id: ae.id, pos: { ...ae.position } }))
+      })), O = (U) => {
+        const ae = (U.clientX - L) / (z * W), re = (U.clientY - B) / (z * W), me = s.has(c) ? s : /* @__PURE__ */ new Set([c]), pe = r.sections.map((ie) => {
+          const J = F.find((V) => V.id === ie.id);
           return {
             ...ie,
             fields: ie.fields.map((V) => {
               var Ie;
-              if (!pe.has(V.id))
+              if (!me.has(V.id))
                 return V;
-              const Be = ((Ie = Q == null ? void 0 : Q.fields.find((Ve) => Ve.id === V.id)) == null ? void 0 : Ie.pos) ?? V.position;
+              const Be = ((Ie = J == null ? void 0 : J.fields.find((Ve) => Ve.id === V.id)) == null ? void 0 : Ie.pos) ?? V.position;
               return {
                 ...V,
                 position: {
@@ -1902,330 +1911,330 @@ const rr = ({
               };
             })
           };
-        }), le = { ...s, sections: ue };
-        o == null || o(le), w({ type: "UPDATE", payload: le });
+        }), oe = { ...r, sections: pe };
+        l == null || l(oe), I({ type: "UPDATE", payload: oe });
       }, ne = () => {
         document.removeEventListener("mousemove", O), document.removeEventListener("mouseup", ne);
       };
       document.addEventListener("mousemove", O), document.addEventListener("mouseup", ne);
     },
-    [s, k, r, b, o]
-  ), Pe = M(
-    (c, u, B) => {
-      if (b)
+    [r, z, s, v, l]
+  ), Pe = P(
+    (c, p, L) => {
+      if (v)
         return;
-      B.preventDefault();
-      const C = te.find((re) => re.id === c);
-      if (!C)
+      L.preventDefault();
+      const B = te.find((re) => re.id === c);
+      if (!B)
         return;
-      const E = { ...C.position }, O = B.clientX, ne = B.clientY, Y = (re) => {
-        const pe = (re.clientX - O) / (k * U), ue = (re.clientY - ne) / (k * U);
-        let { x: le, y: ie, width: Q, height: V } = E;
-        u.includes("e") && (Q = Math.max(5, Q + pe)), u.includes("s") && (V = Math.max(3, V + ue)), u.includes("w") && (le = le + pe, Q = Math.max(5, Q - pe)), u.includes("n") && (ie = ie + ue, V = Math.max(3, V - ue)), ve(c, {
+      const F = { ...B.position }, O = L.clientX, ne = L.clientY, U = (re) => {
+        const me = (re.clientX - O) / (z * W), pe = (re.clientY - ne) / (z * W);
+        let { x: oe, y: ie, width: J, height: V } = F;
+        p.includes("e") && (J = Math.max(5, J + me)), p.includes("s") && (V = Math.max(3, V + pe)), p.includes("w") && (oe = oe + me, J = Math.max(5, J - me)), p.includes("n") && (ie = ie + pe, V = Math.max(3, V - pe)), fe(c, {
           position: {
-            ...E,
-            x: Math.round(le * 2) / 2,
+            ...F,
+            x: Math.round(oe * 2) / 2,
             y: Math.round(ie * 2) / 2,
-            width: Math.round(Q * 2) / 2,
+            width: Math.round(J * 2) / 2,
             height: Math.round(V * 2) / 2
           }
         });
       }, ae = () => {
-        document.removeEventListener("mousemove", Y), document.removeEventListener("mouseup", ae);
+        document.removeEventListener("mousemove", U), document.removeEventListener("mouseup", ae);
       };
-      document.addEventListener("mousemove", Y), document.addEventListener("mouseup", ae);
+      document.addEventListener("mousemove", U), document.addEventListener("mouseup", ae);
     },
-    [te, k, b, ve]
-  ), Ne = M(() => {
-    P({
-      sections: s.sections.map((c) => ({
+    [te, z, v, fe]
+  ), ve = P(() => {
+    M({
+      sections: r.sections.map((c) => ({
         ...c,
-        fields: c.fields.filter((u) => !r.has(u.id))
+        fields: c.fields.filter((p) => !s.has(p.id))
       }))
     }), i(/* @__PURE__ */ new Set());
-  }, [s, r, P]), fe = M(() => {
+  }, [r, s, M]), Ne = P(() => {
     const c = /* @__PURE__ */ new Set();
-    P({
-      sections: s.sections.map((u) => {
-        const B = u.fields.filter((C) => r.has(C.id)).map((C) => {
-          const E = {
-            ...C,
+    M({
+      sections: r.sections.map((p) => {
+        const L = p.fields.filter((B) => s.has(B.id)).map((B) => {
+          const F = {
+            ...B,
             id: ce(),
-            position: { ...C.position, x: C.position.x + 5, y: C.position.y + 5 }
+            position: { ...B.position, x: B.position.x + 5, y: B.position.y + 5 }
           };
-          return c.add(E.id), E;
+          return c.add(F.id), F;
         });
-        return { ...u, fields: [...u.fields, ...B] };
+        return { ...p, fields: [...p.fields, ...L] };
       })
     }), i(c);
-  }, [s, r, P]), Ee = M(
+  }, [r, s, M]), Fe = P(
     (c) => {
-      P({
-        sections: s.sections.map((u) => ({
-          ...u,
-          fields: u.fields.map((B) => {
-            if (!r.has(B.id))
-              return B;
-            const C = c === "left" ? s.margins.left : c === "right" ? ee - s.margins.right - B.position.width : (ee - B.position.width) / 2;
-            return { ...B, position: { ...B.position, x: C } };
+      M({
+        sections: r.sections.map((p) => ({
+          ...p,
+          fields: p.fields.map((L) => {
+            if (!s.has(L.id))
+              return L;
+            const B = c === "left" ? r.margins.left : c === "right" ? ee - r.margins.right - L.position.width : (ee - L.position.width) / 2;
+            return { ...L, position: { ...L.position, x: B } };
           })
         }))
       });
     },
-    [s, r, ee, P]
-  ), Fe = M(
+    [r, s, ee, M]
+  ), He = P(
     (c) => {
-      const u = s.sections.find((C) => C.id === _);
-      if (!u)
+      const p = r.sections.find((B) => B.id === d);
+      if (!p)
         return;
-      const B = u.heightMm ?? 200;
-      P({
-        sections: s.sections.map((C) => C.id !== _ ? C : {
-          ...C,
-          fields: C.fields.map((E) => {
-            if (!r.has(E.id))
-              return E;
-            const O = c === "top" ? 0 : c === "bottom" ? B - E.position.height : (B - E.position.height) / 2;
-            return { ...E, position: { ...E.position, y: O } };
+      const L = p.heightMm ?? 200;
+      M({
+        sections: r.sections.map((B) => B.id !== d ? B : {
+          ...B,
+          fields: B.fields.map((F) => {
+            if (!s.has(F.id))
+              return F;
+            const O = c === "top" ? 0 : c === "bottom" ? L - F.position.height : (L - F.position.height) / 2;
+            return { ...F, position: { ...F.position, y: O } };
           })
         })
       });
     },
-    [s, r, _, P]
-  ), He = M(() => {
-    P({
-      sections: s.sections.map((c) => ({
+    [r, s, d, M]
+  ), Ge = P(() => {
+    M({
+      sections: r.sections.map((c) => ({
         ...c,
         fields: c.fields.map(
-          (u) => r.has(u.id) ? { ...u, position: { ...u.position, zIndex: (u.position.zIndex ?? 1) + 1 } } : u
+          (p) => s.has(p.id) ? { ...p, position: { ...p.position, zIndex: (p.position.zIndex ?? 1) + 1 } } : p
         )
       }))
     });
-  }, [s, r, P]), Ge = M(() => {
-    P({
-      sections: s.sections.map((c) => ({
+  }, [r, s, M]), Oe = P(() => {
+    M({
+      sections: r.sections.map((c) => ({
         ...c,
         fields: c.fields.map(
-          (u) => r.has(u.id) ? {
-            ...u,
-            position: { ...u.position, zIndex: Math.max(1, (u.position.zIndex ?? 1) - 1) }
-          } : u
+          (p) => s.has(p.id) ? {
+            ...p,
+            position: { ...p.position, zIndex: Math.max(1, (p.position.zIndex ?? 1) - 1) }
+          } : p
         )
       }))
     });
-  }, [s, r, P]), Oe = M(
-    (c, u) => {
-      P({
-        sections: s.sections.map((B) => ({
-          ...B,
-          fields: B.fields.map(
-            (C) => C.id === c ? {
-              ...C,
+  }, [r, s, M]), qe = P(
+    (c, p) => {
+      M({
+        sections: r.sections.map((L) => ({
+          ...L,
+          fields: L.fields.map(
+            (B) => B.id === c ? {
+              ...B,
               position: {
-                ...C.position,
-                zIndex: Math.max(1, (C.position.zIndex ?? 1) - u)
+                ...B.position,
+                zIndex: Math.max(1, (B.position.zIndex ?? 1) - p)
               }
-            } : C
+            } : B
           )
         }))
       });
     },
-    [s, P]
+    [r, M]
   );
   Se(() => {
-    const c = (u) => {
-      const B = u.target.tagName;
-      if (B === "INPUT" || B === "TEXTAREA" || B === "SELECT")
+    const c = (p) => {
+      const L = p.target.tagName;
+      if (L === "INPUT" || L === "TEXTAREA" || L === "SELECT")
         return;
-      const C = u.shiftKey ? 5 : 0.5;
-      u.key === "Delete" || u.key === "Backspace" ? r.size && (u.preventDefault(), Ne()) : u.ctrlKey && u.key === "z" ? (u.preventDefault(), w({ type: "UNDO" })) : u.ctrlKey && (u.key === "y" || u.key === "Y") ? (u.preventDefault(), w({ type: "REDO" })) : u.ctrlKey && (u.key === "d" || u.key === "D") ? (u.preventDefault(), r.size && fe()) : u.ctrlKey && u.key === "a" ? (u.preventDefault(), i(new Set(te.map((E) => E.id)))) : u.key === "ArrowLeft" ? (u.preventDefault(), de({
-        position: { ...G.position, x: ((G == null ? void 0 : G.position.x) ?? 0) - C }
-      })) : u.key === "ArrowRight" ? (u.preventDefault(), de({
-        position: { ...G.position, x: ((G == null ? void 0 : G.position.x) ?? 0) + C }
-      })) : u.key === "ArrowUp" ? (u.preventDefault(), de({
-        position: { ...G.position, y: ((G == null ? void 0 : G.position.y) ?? 0) - C }
-      })) : u.key === "ArrowDown" && (u.preventDefault(), de({
-        position: { ...G.position, y: ((G == null ? void 0 : G.position.y) ?? 0) + C }
+      const B = p.shiftKey ? 5 : 0.5;
+      p.key === "Delete" || p.key === "Backspace" ? s.size && (p.preventDefault(), ve()) : p.ctrlKey && p.key === "z" ? (p.preventDefault(), I({ type: "UNDO" })) : p.ctrlKey && (p.key === "y" || p.key === "Y") ? (p.preventDefault(), I({ type: "REDO" })) : p.ctrlKey && (p.key === "d" || p.key === "D") ? (p.preventDefault(), s.size && Ne()) : p.ctrlKey && p.key === "a" ? (p.preventDefault(), i(new Set(te.map((F) => F.id)))) : p.key === "ArrowLeft" ? (p.preventDefault(), de({
+        position: { ...G.position, x: ((G == null ? void 0 : G.position.x) ?? 0) - B }
+      })) : p.key === "ArrowRight" ? (p.preventDefault(), de({
+        position: { ...G.position, x: ((G == null ? void 0 : G.position.x) ?? 0) + B }
+      })) : p.key === "ArrowUp" ? (p.preventDefault(), de({
+        position: { ...G.position, y: ((G == null ? void 0 : G.position.y) ?? 0) - B }
+      })) : p.key === "ArrowDown" && (p.preventDefault(), de({
+        position: { ...G.position, y: ((G == null ? void 0 : G.position.y) ?? 0) + B }
       }));
     };
     return window.addEventListener("keydown", c), () => window.removeEventListener("keydown", c);
-  }, [r, te, G, Ne, fe, de]);
-  const qe = M(
-    (c, u) => {
-      P({
-        sections: s.sections.map(
-          (B) => B.id === c ? { ...B, heightMm: Math.round(u * 2) / 2 } : B
+  }, [s, te, G, ve, Ne, de]);
+  const We = P(
+    (c, p) => {
+      M({
+        sections: r.sections.map(
+          (L) => L.id === c ? { ...L, heightMm: Math.round(p * 2) / 2 } : L
         )
       });
     },
-    [s, P]
-  ), We = me(() => {
-    const c = Array.isArray(d) ? d[g] : d;
+    [r, M]
+  ), Ye = ue(() => {
+    const c = Array.isArray(m) ? m[R] : m;
     return c ? "data" in c ? c.data : c : {};
-  }, [d, g]), Ue = ee * k * U, Ye = ye * k * U;
+  }, [m, R]), Ue = ee * z * W, je = ye * z * W;
   return /* @__PURE__ */ e(
-    je,
+    Xe,
     {
       flush: !0,
-      className: `${t.root} ${h === "dark" ? t.dark : ""} ${m ?? ""}`,
-      style: I,
+      className: `${t.root} ${b === "dark" ? t.dark : ""} ${g ?? ""}`,
+      style: _,
       toolbar: /* @__PURE__ */ e(
-        Ga,
+        Oa,
         {
-          tpl: s,
-          zoom: k,
-          canUndo: f.length > 0,
-          canRedo: z.length > 0,
-          showGrid: A,
-          showRulers: X,
-          readOnly: b,
-          selectedCount: r.size,
-          onPaperChange: (c, u) => P({ paperSize: c, orientation: u }),
-          onZoom: H,
-          onUndo: () => w({ type: "UNDO" }),
-          onRedo: () => w({ type: "REDO" }),
-          onToggleGrid: () => T((c) => !c),
-          onToggleRulers: () => be((c) => !c),
+          tpl: r,
+          zoom: z,
+          canUndo: h.length > 0,
+          canRedo: S.length > 0,
+          showGrid: f,
+          showRulers: ge,
+          readOnly: v,
+          selectedCount: s.size,
+          onPaperChange: (c, p) => M({ paperSize: c, orientation: p }),
+          onZoom: y,
+          onUndo: () => I({ type: "UNDO" }),
+          onRedo: () => I({ type: "REDO" }),
+          onToggleGrid: () => K((c) => !c),
+          onToggleRulers: () => Re((c) => !c),
           onInsert: Ce,
-          onDelete: Ne,
-          onDuplicate: fe,
-          onAlignH: Ee,
-          onAlignV: Fe,
-          onBringForward: He,
-          onSendBackward: Ge,
-          onSave: S ? () => S(s) : void 0
+          onDelete: ve,
+          onDuplicate: Ne,
+          onAlignH: Fe,
+          onAlignV: He,
+          onBringForward: Ge,
+          onSendBackward: Oe,
+          onSave: C ? () => C(r) : void 0
         }
       ),
       sidebar: /* @__PURE__ */ e(
-        Oa,
+        qa,
         {
-          activeTab: v,
-          onTabChange: q,
-          schema: l,
-          tpl: s,
+          activeTab: $,
+          onTabChange: A,
+          schema: o,
+          tpl: r,
           allFields: te,
-          selectedIds: r,
+          selectedIds: s,
           onInsertSchemaField: (c) => Ce(c.type, c),
           onSelectField: (c) => i(/* @__PURE__ */ new Set([c])),
-          onUpdateTpl: (c) => P(c),
-          onReorderField: Oe
+          onUpdateTpl: (c) => M(c),
+          onReorderField: qe
         }
       ),
       rightSidebar: /* @__PURE__ */ e(
-        qa,
+        Wa,
         {
           field: G,
-          activeTab: D,
-          onTabChange: K,
-          onChange: (c) => G && ve(G.id, c),
+          activeTab: Y,
+          onTabChange: Z,
+          onChange: (c) => G && fe(G.id, c),
           paperWidthMm: ee,
           paperHeightMm: ye
         }
       ),
       children: /* @__PURE__ */ a("div", { className: t.canvasArea, onClick: () => i(/* @__PURE__ */ new Set()), children: [
-        Array.isArray(d) && d.length > 0 && /* @__PURE__ */ a("div", { className: t.testDataBar, children: [
+        Array.isArray(m) && m.length > 0 && /* @__PURE__ */ a("div", { className: t.testDataBar, children: [
           /* @__PURE__ */ a("span", { className: t.testDataLabel, children: [
-            L("printing.editor.testData", "Sample data"),
+            x("printing.editor.testData", "Sample data"),
             ":"
           ] }),
           /* @__PURE__ */ e(
             "select",
             {
               className: t.testDataSelect,
-              value: g,
-              onChange: (c) => $(+c.target.value),
-              children: d.map((c, u) => /* @__PURE__ */ a("option", { value: u, children: [
-                L("printing.editor.record", "Record"),
+              value: R,
+              onChange: (c) => T(+c.target.value),
+              children: m.map((c, p) => /* @__PURE__ */ a("option", { value: p, children: [
+                x("printing.editor.record", "Record"),
                 " ",
-                u + 1
-              ] }, u))
+                p + 1
+              ] }, p))
             }
           )
         ] }),
-        X && /* @__PURE__ */ a("div", { className: t.rulerWrapper, children: [
+        ge && /* @__PURE__ */ a("div", { className: t.rulerWrapper, children: [
           /* @__PURE__ */ e("div", { className: t.rulerCorner }),
-          /* @__PURE__ */ e(Te, { lengthMm: ee, zoom: k, orientation: "h" }),
-          /* @__PURE__ */ e(Te, { lengthMm: ye, zoom: k, orientation: "v" })
+          /* @__PURE__ */ e(Te, { lengthMm: ee, zoom: z, orientation: "h" }),
+          /* @__PURE__ */ e(Te, { lengthMm: ye, zoom: z, orientation: "v" })
         ] }),
-        /* @__PURE__ */ e("div", { className: t.paperScroll, onClick: (c) => c.stopPropagation(), children: /* @__PURE__ */ a("div", { className: t.paperShadow, style: { width: Ue, minHeight: Ye }, children: [
+        /* @__PURE__ */ e("div", { className: t.paperScroll, onClick: (c) => c.stopPropagation(), children: /* @__PURE__ */ a("div", { className: t.paperShadow, style: { width: Ue, minHeight: je }, children: [
           /* @__PURE__ */ e(
             "div",
             {
               className: t.marginGuide,
               style: {
-                top: s.margins.top * k * U,
-                right: s.margins.right * k * U,
-                bottom: s.margins.bottom * k * U,
-                left: s.margins.left * k * U
+                top: r.margins.top * z * W,
+                right: r.margins.right * z * W,
+                bottom: r.margins.bottom * z * W,
+                left: r.margins.left * z * W
               }
             }
           ),
-          (s.watermarks ?? []).map((c) => /* @__PURE__ */ e(
+          (r.watermarks ?? []).map((c) => /* @__PURE__ */ e(
             "div",
             {
               className: t.watermark,
               style: {
-                fontSize: (c.fontSize ?? 60) * k,
-                color: c.color ?? ge,
+                fontSize: (c.fontSize ?? 60) * z,
+                color: c.color ?? be,
                 opacity: c.opacity,
                 transform: `translate(-50%, -50%) rotate(${c.angle}deg)`
               },
-              children: c.type === "text" ? c.text : /* @__PURE__ */ e(N, { name: "image", size: (c.fontSize ?? 60) * k })
+              children: c.type === "text" ? c.text : /* @__PURE__ */ e(w, { name: "image", size: (c.fontSize ?? 60) * z })
             },
             c.id
           )),
-          s.sections.map((c) => /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
-            Ea,
+          r.sections.map((c) => /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
+            Fa,
             {
               section: c,
-              zoom: k,
+              zoom: z,
               paperWidthMm: ee,
-              selectedIds: r,
-              sampleData: We,
-              readOnly: b,
-              showGrid: A,
+              selectedIds: s,
+              sampleData: Ye,
+              readOnly: v,
+              showGrid: f,
               onFieldClick: Ae,
               onFieldDragStart: Me,
               onResizeStart: Pe,
-              onSectionHeightChange: qe,
-              onDropField: Re
+              onSectionHeightChange: We,
+              onDropField: Ee
             }
           ) }, c.id))
         ] }) })
       ] })
     }
   );
-}, Ua = "_root_7m4s0_1", Ya = "_dark_7m4s0_25", Va = "_topBar_7m4s0_39", ja = "_searchInput_7m4s0_69", Ka = "_actionBtn_7m4s0_111", Xa = "_categoryRow_7m4s0_157", Ja = "_catChip_7m4s0_187", Qa = "_catChipActive_7m4s0_217", Za = "_grid_7m4s0_231", ei = "_card_7m4s0_253", ti = "_cardSelected_7m4s0_285", ni = "_thumbnail_7m4s0_307", ai = "_thumbnailImg_7m4s0_321", ii = "_thumbnailPlaceholder_7m4s0_333", si = "_paperMini_7m4s0_347", ri = "_paperLine_7m4s0_371", li = "_cardOverlay_7m4s0_385", oi = "_overlayBtn_7m4s0_405", ci = "_overlayBtnDanger_7m4s0_441", di = "_cardBody_7m4s0_481", pi = "_cardName_7m4s0_489", ui = "_cardDesc_7m4s0_517", mi = "_cardMeta_7m4s0_539", hi = "_cardSize_7m4s0_553", _i = "_cardCat_7m4s0_569", gi = "_cardTags_7m4s0_585", bi = "_cardTag_7m4s0_585", yi = "_emptyState_7m4s0_617", vi = "_emptyIcon_7m4s0_639", x = {
+}, Ua = "_root_7m4s0_1", ja = "_dark_7m4s0_25", Va = "_topBar_7m4s0_39", Xa = "_searchInput_7m4s0_69", Ka = "_actionBtn_7m4s0_111", Ja = "_categoryRow_7m4s0_157", Qa = "_catChip_7m4s0_187", Za = "_catChipActive_7m4s0_217", ei = "_grid_7m4s0_231", ti = "_card_7m4s0_253", ni = "_cardSelected_7m4s0_285", ai = "_thumbnail_7m4s0_307", ii = "_thumbnailImg_7m4s0_321", si = "_thumbnailPlaceholder_7m4s0_333", ri = "_paperMini_7m4s0_347", oi = "_paperLine_7m4s0_371", li = "_cardOverlay_7m4s0_385", ci = "_overlayBtn_7m4s0_405", di = "_overlayBtnDanger_7m4s0_441", mi = "_cardBody_7m4s0_481", pi = "_cardName_7m4s0_489", ui = "_cardDesc_7m4s0_517", hi = "_cardMeta_7m4s0_539", _i = "_cardSize_7m4s0_553", gi = "_cardCat_7m4s0_569", bi = "_cardTags_7m4s0_585", yi = "_cardTag_7m4s0_585", fi = "_emptyState_7m4s0_617", vi = "_emptyIcon_7m4s0_639", D = {
   root: Ua,
-  dark: Ya,
+  dark: ja,
   topBar: Va,
-  searchInput: ja,
+  searchInput: Xa,
   actionBtn: Ka,
-  categoryRow: Xa,
-  catChip: Ja,
-  catChipActive: Qa,
-  grid: Za,
-  card: ei,
-  cardSelected: ti,
-  thumbnail: ni,
-  thumbnailImg: ai,
-  thumbnailPlaceholder: ii,
-  paperMini: si,
-  paperLine: ri,
+  categoryRow: Ja,
+  catChip: Qa,
+  catChipActive: Za,
+  grid: ei,
+  card: ti,
+  cardSelected: ni,
+  thumbnail: ai,
+  thumbnailImg: ii,
+  thumbnailPlaceholder: si,
+  paperMini: ri,
+  paperLine: oi,
   cardOverlay: li,
-  overlayBtn: oi,
-  overlayBtnDanger: ci,
-  cardBody: di,
+  overlayBtn: ci,
+  overlayBtnDanger: di,
+  cardBody: mi,
   cardName: pi,
   cardDesc: ui,
-  cardMeta: mi,
-  cardSize: hi,
-  cardCat: _i,
-  cardTags: gi,
-  cardTag: bi,
-  emptyState: yi,
+  cardMeta: hi,
+  cardSize: _i,
+  cardCat: gi,
+  cardTags: bi,
+  cardTag: yi,
+  emptyState: fi,
   emptyIcon: vi
-}, Ni = [
+}, Ni = [], wi = [
   { key: "printing.category.invoices", fallback: "Invoices" },
   { key: "printing.category.reports", fallback: "Reports" },
   { key: "printing.category.labels", fallback: "Labels" },
@@ -2233,224 +2242,224 @@ const rr = ({
   { key: "printing.category.contracts", fallback: "Contracts" },
   { key: "printing.category.other", fallback: "Other" }
 ];
-function fi(n) {
-  return new Promise((l, d) => {
-    const o = new FileReader();
-    o.onload = (S) => {
-      var b;
+function ki(n) {
+  return new Promise((o, m) => {
+    const l = new FileReader();
+    l.onload = (C) => {
+      var v;
       try {
-        l(JSON.parse((b = S.target) == null ? void 0 : b.result));
-      } catch (m) {
-        d(m);
+        o(JSON.parse((v = C.target) == null ? void 0 : v.result));
+      } catch (g) {
+        m(g);
       }
-    }, o.readAsText(n);
+    }, l.readAsText(n);
   });
 }
-function wi(n) {
-  const l = new Blob([JSON.stringify(n, null, 2)], { type: "application/json" }), d = URL.createObjectURL(l), o = document.createElement("a");
-  o.href = d, o.download = `${n.name.replace(/\s+/g, "_")}.json`, o.click(), URL.revokeObjectURL(d);
+function Si(n) {
+  const o = new Blob([JSON.stringify(n, null, 2)], { type: "application/json" }), m = URL.createObjectURL(o), l = document.createElement("a");
+  l.href = m, l.download = `${n.name.replace(/\s+/g, "_")}.json`, l.click(), URL.revokeObjectURL(m);
 }
-const lr = ({
-  templates: n,
-  selectedId: l,
-  onSelect: d,
-  onImport: o,
-  onExport: S,
-  onDelete: b,
-  onNew: m,
-  className: I,
-  style: h,
-  theme: f = "light"
+const dr = ({
+  templates: n = Ni,
+  selectedId: o,
+  onSelect: m,
+  onImport: l,
+  onExport: C,
+  onDelete: v,
+  onNew: g,
+  className: _,
+  style: b,
+  theme: k = "light"
 }) => {
-  const { t: s } = J(), [z, w] = F(""), [L, r] = F(null), [i, _] = F(null), p = Ke.useRef(null), k = async (g) => {
-    var v;
-    const $ = (v = g.target.files) == null ? void 0 : v[0];
-    if ($) {
+  const { t: h } = j(), [r, S] = H(""), [I, x] = H(null), [s, i] = H(null), d = Ke.useRef(null), u = async (y) => {
+    var T;
+    const R = (T = y.target.files) == null ? void 0 : T[0];
+    if (R) {
       try {
-        const q = await fi($);
-        o == null || o(q);
+        const $ = await ki(R);
+        l == null || l($);
       } catch {
       }
-      g.target.value = "";
+      y.target.value = "";
     }
-  }, H = n.filter((g) => {
-    const $ = !z || g.name.toLowerCase().includes(z.toLowerCase()) || (g.description ?? "").toLowerCase().includes(z.toLowerCase()) || (g.tags ?? []).some((q) => q.toLowerCase().includes(z.toLowerCase())), v = !L || g.category === L;
-    return $ && v;
+  }, z = n.filter((y) => {
+    const R = !r || y.name.toLowerCase().includes(r.toLowerCase()) || (y.description ?? "").toLowerCase().includes(r.toLowerCase()) || (y.tags ?? []).some(($) => $.toLowerCase().includes(r.toLowerCase())), T = !I || y.category === I;
+    return R && T;
   });
   return /* @__PURE__ */ a(
     "div",
     {
-      className: `${x.root} ${f === "dark" ? x.dark : ""} ${I ?? ""}`,
-      style: h,
+      className: `${D.root} ${k === "dark" ? D.dark : ""} ${_ ?? ""}`,
+      style: b,
       children: [
-        /* @__PURE__ */ a("div", { className: x.topBar, children: [
+        /* @__PURE__ */ a("div", { className: D.topBar, children: [
           /* @__PURE__ */ e(
             "input",
             {
               type: "search",
-              className: x.searchInput,
-              placeholder: s("printing.searchTemplates", "Search templates…"),
-              value: z,
-              onChange: (g) => w(g.target.value)
+              className: D.searchInput,
+              placeholder: h("printing.searchTemplates", "Search templates…"),
+              value: r,
+              onChange: (y) => S(y.target.value)
             }
           ),
           /* @__PURE__ */ a(
             "button",
             {
-              className: x.actionBtn,
-              onClick: m,
-              title: s("printing.newTemplate", "New template"),
+              className: D.actionBtn,
+              onClick: g,
+              title: h("printing.newTemplate", "New template"),
               children: [
-                /* @__PURE__ */ e(N, { name: "plus", size: 14 }),
+                /* @__PURE__ */ e(w, { name: "plus", size: 14 }),
                 " ",
-                s("printing.new", "New")
+                h("printing.new", "New")
               ]
             }
           ),
           /* @__PURE__ */ a(
             "button",
             {
-              className: x.actionBtn,
+              className: D.actionBtn,
               onClick: () => {
-                var g;
-                return (g = p.current) == null ? void 0 : g.click();
+                var y;
+                return (y = d.current) == null ? void 0 : y.click();
               },
-              title: s("printing.importJson", "Import JSON"),
+              title: h("printing.importJson", "Import JSON"),
               children: [
-                /* @__PURE__ */ e(N, { name: "upload", size: 14 }),
+                /* @__PURE__ */ e(w, { name: "upload", size: 14 }),
                 " ",
-                s("printing.import", "Import")
+                h("printing.import", "Import")
               ]
             }
           ),
-          /* @__PURE__ */ e("input", { ref: p, type: "file", accept: ".json", hidden: !0, onChange: k })
+          /* @__PURE__ */ e("input", { ref: d, type: "file", accept: ".json", hidden: !0, onChange: u })
         ] }),
-        /* @__PURE__ */ a("div", { className: x.categoryRow, children: [
+        /* @__PURE__ */ a("div", { className: D.categoryRow, children: [
           /* @__PURE__ */ e(
             "button",
             {
-              className: `${x.catChip} ${L ? "" : x.catChipActive}`,
-              onClick: () => r(null),
-              children: s("printing.filter.all", "All")
+              className: `${D.catChip} ${I ? "" : D.catChipActive}`,
+              onClick: () => x(null),
+              children: h("printing.filter.all", "All")
             }
           ),
-          Ni.map((g) => /* @__PURE__ */ e(
+          wi.map((y) => /* @__PURE__ */ e(
             "button",
             {
-              className: `${x.catChip} ${L === g.fallback ? x.catChipActive : ""}`,
-              onClick: () => r(($) => $ === g.fallback ? null : g.fallback),
-              children: s(g.key, g.fallback)
+              className: `${D.catChip} ${I === y.fallback ? D.catChipActive : ""}`,
+              onClick: () => x((R) => R === y.fallback ? null : y.fallback),
+              children: h(y.key, y.fallback)
             },
-            g.key
+            y.key
           ))
         ] }),
-        /* @__PURE__ */ a("div", { className: x.grid, children: [
-          H.map((g) => /* @__PURE__ */ a(
+        /* @__PURE__ */ a("div", { className: D.grid, children: [
+          z.map((y) => /* @__PURE__ */ a(
             "div",
             {
-              className: `${x.card} ${l === g.id ? x.cardSelected : ""}`,
-              onClick: () => d == null ? void 0 : d(g),
-              onMouseEnter: () => _(g.id),
-              onMouseLeave: () => _(null),
+              className: `${D.card} ${o === y.id ? D.cardSelected : ""}`,
+              onClick: () => m == null ? void 0 : m(y),
+              onMouseEnter: () => i(y.id),
+              onMouseLeave: () => i(null),
               children: [
-                /* @__PURE__ */ a("div", { className: x.thumbnail, children: [
-                  g.previewImageUrl ? /* @__PURE__ */ e("img", { src: g.previewImageUrl, alt: g.name, className: x.thumbnailImg }) : /* @__PURE__ */ e("div", { className: x.thumbnailPlaceholder, children: /* @__PURE__ */ a("div", { className: x.paperMini, children: [
+                /* @__PURE__ */ a("div", { className: D.thumbnail, children: [
+                  y.previewImageUrl ? /* @__PURE__ */ e("img", { src: y.previewImageUrl, alt: y.name, className: D.thumbnailImg }) : /* @__PURE__ */ e("div", { className: D.thumbnailPlaceholder, children: /* @__PURE__ */ a("div", { className: D.paperMini, children: [
                     /* @__PURE__ */ e(
                       "div",
                       {
-                        className: x.paperLine,
+                        className: D.paperLine,
                         style: { width: "80%" }
                       }
                     ),
                     /* @__PURE__ */ e(
                       "div",
                       {
-                        className: x.paperLine,
+                        className: D.paperLine,
                         style: { width: "60%" }
                       }
                     ),
                     /* @__PURE__ */ e(
                       "div",
                       {
-                        className: x.paperLine,
+                        className: D.paperLine,
                         style: { width: "90%" }
                       }
                     ),
                     /* @__PURE__ */ e(
                       "div",
                       {
-                        className: x.paperLine,
+                        className: D.paperLine,
                         style: { width: "50%" }
                       }
                     )
                   ] }) }),
-                  i === g.id && /* @__PURE__ */ a("div", { className: x.cardOverlay, children: [
+                  s === y.id && /* @__PURE__ */ a("div", { className: D.cardOverlay, children: [
                     /* @__PURE__ */ e(
                       "button",
                       {
-                        className: x.overlayBtn,
-                        onClick: ($) => {
-                          $.stopPropagation(), S == null || S(g), wi(g);
+                        className: D.overlayBtn,
+                        onClick: (R) => {
+                          R.stopPropagation(), C == null || C(y), Si(y);
                         },
-                        title: s("printing.export", "Export"),
-                        children: /* @__PURE__ */ e(N, { name: "download", size: 14 })
+                        title: h("printing.export", "Export"),
+                        children: /* @__PURE__ */ e(w, { name: "download", size: 14 })
                       }
                     ),
-                    b && /* @__PURE__ */ e(
+                    v && /* @__PURE__ */ e(
                       "button",
                       {
-                        className: x.overlayBtnDanger,
-                        onClick: ($) => {
-                          $.stopPropagation(), b(g.id);
+                        className: D.overlayBtnDanger,
+                        onClick: (R) => {
+                          R.stopPropagation(), v(y.id);
                         },
-                        title: s("printing.action.remove", "Remove"),
-                        children: /* @__PURE__ */ e(N, { name: "trash", size: 14 })
+                        title: h("printing.action.remove", "Remove"),
+                        children: /* @__PURE__ */ e(w, { name: "trash", size: 14 })
                       }
                     )
                   ] })
                 ] }),
-                /* @__PURE__ */ a("div", { className: x.cardBody, children: [
-                  /* @__PURE__ */ e("div", { className: x.cardName, children: g.name }),
-                  g.description && /* @__PURE__ */ e("div", { className: x.cardDesc, children: g.description }),
-                  /* @__PURE__ */ a("div", { className: x.cardMeta, children: [
-                    /* @__PURE__ */ a("span", { className: x.cardSize, children: [
-                      g.paperSize,
+                /* @__PURE__ */ a("div", { className: D.cardBody, children: [
+                  /* @__PURE__ */ e("div", { className: D.cardName, children: y.name }),
+                  y.description && /* @__PURE__ */ e("div", { className: D.cardDesc, children: y.description }),
+                  /* @__PURE__ */ a("div", { className: D.cardMeta, children: [
+                    /* @__PURE__ */ a("span", { className: D.cardSize, children: [
+                      y.paperSize,
                       " ",
-                      g.orientation === "landscape" ? s("printing.orientation.landscape", "landscape") : s("printing.orientation.portrait", "portrait")
+                      y.orientation === "landscape" ? h("printing.orientation.landscape", "landscape") : h("printing.orientation.portrait", "portrait")
                     ] }),
-                    g.category && /* @__PURE__ */ e("span", { className: x.cardCat, children: g.category })
+                    y.category && /* @__PURE__ */ e("span", { className: D.cardCat, children: y.category })
                   ] }),
-                  g.tags && g.tags.length > 0 && /* @__PURE__ */ e("div", { className: x.cardTags, children: g.tags.slice(0, 3).map(($) => /* @__PURE__ */ e("span", { className: x.cardTag, children: $ }, $)) })
+                  y.tags && y.tags.length > 0 && /* @__PURE__ */ e("div", { className: D.cardTags, children: y.tags.slice(0, 3).map((R) => /* @__PURE__ */ e("span", { className: D.cardTag, children: R }, R)) })
                 ] })
               ]
             },
-            g.id
+            y.id
           )),
-          H.length === 0 && /* @__PURE__ */ a("div", { className: x.emptyState, children: [
-            /* @__PURE__ */ e("span", { className: x.emptyIcon, children: /* @__PURE__ */ e(N, { name: "file", size: 32 }) }),
-            /* @__PURE__ */ e("span", { children: z ? `${s("printing.noMatches", "No matches for")} "${z}"` : s("printing.noTemplates", "No templates yet.") })
+          z.length === 0 && /* @__PURE__ */ a("div", { className: D.emptyState, children: [
+            /* @__PURE__ */ e("span", { className: D.emptyIcon, children: /* @__PURE__ */ e(w, { name: "file", size: 32 }) }),
+            /* @__PURE__ */ e("span", { children: r ? `${h("printing.noMatches", "No matches for")} "${r}"` : h("printing.noTemplates", "No templates yet.") })
           ] })
         ] })
       ]
     }
   );
-}, ki = "_root_91917_1", Si = "_dark_91917_19", Ci = "_headerBar_91917_31", Bi = "_entityNav_91917_59", Ii = "_navBtn_91917_69", Li = "_navLabel_91917_103", xi = "_sampleBadge_91917_117", zi = "_zoomBar_91917_135", Ti = "_zoomBtn_91917_147", Di = "_zoomLabel_91917_179", $i = "_printBtn_91917_193", Ri = "_canvas_91917_223", Ai = "_page_91917_243", Mi = "_watermark_91917_269", Pi = "_footerBar_91917_299", W = {
-  root: ki,
-  dark: Si,
-  headerBar: Ci,
-  entityNav: Bi,
-  navBtn: Ii,
-  navLabel: Li,
-  sampleBadge: xi,
-  zoomBar: zi,
-  zoomBtn: Ti,
-  zoomLabel: Di,
-  printBtn: $i,
-  canvas: Ri,
-  page: Ai,
-  watermark: Mi,
-  footerBar: Pi
-}, Z = 3.78, De = {
+}, Ci = "_root_18ja1_1", Bi = "_dark_18ja1_19", Ii = "_headerBar_18ja1_31", Li = "_entityNav_18ja1_59", xi = "_navBtn_18ja1_69", zi = "_navLabel_18ja1_103", Ti = "_sampleBadge_18ja1_117", $i = "_zoomBar_18ja1_135", Di = "_zoomBtn_18ja1_147", Ri = "_zoomLabel_18ja1_179", Ei = "_printBtn_18ja1_193", Ai = "_canvas_18ja1_223", Mi = "_page_18ja1_243", Pi = "_watermark_18ja1_269", Fi = "_footerBar_18ja1_299", q = {
+  root: Ci,
+  dark: Bi,
+  headerBar: Ii,
+  entityNav: Li,
+  navBtn: xi,
+  navLabel: zi,
+  sampleBadge: Ti,
+  zoomBar: $i,
+  zoomBtn: Di,
+  zoomLabel: Ri,
+  printBtn: Ei,
+  canvas: Ai,
+  page: Mi,
+  watermark: Pi,
+  footerBar: Fi
+}, Q = 3.78, $e = {
   A3: [297, 420],
   A4: [210, 297],
   A5: [148, 210],
@@ -2459,42 +2468,42 @@ const lr = ({
   Legal: [216, 356],
   Tabloid: [279, 432]
 };
-function Ei(n, l) {
+function Hi(n, o) {
   try {
-    return n.split(".").reduce((d, o) => d && typeof d == "object" ? d[o] : null, l);
+    return n.split(".").reduce((m, l) => m && typeof m == "object" ? m[l] : null, o);
   } catch {
     return null;
   }
 }
-function Fi(n, l, d) {
+function Gi(n, o, m) {
   if (n == null)
     return "";
-  if (l === "date" && d)
+  if (o === "date" && m)
     try {
-      const o = new Date(n);
-      if (d === "DD.MM.YYYY") {
-        const S = String(o.getDate()).padStart(2, "0"), b = String(o.getMonth() + 1).padStart(2, "0");
-        return `${S}.${b}.${o.getFullYear()}`;
+      const l = new Date(n);
+      if (m === "DD.MM.YYYY") {
+        const C = String(l.getDate()).padStart(2, "0"), v = String(l.getMonth() + 1).padStart(2, "0");
+        return `${C}.${v}.${l.getFullYear()}`;
       }
-      return o.toLocaleDateString();
+      return l.toLocaleDateString();
     } catch {
       return String(n);
     }
-  if (l === "currency" && d) {
-    const o = Number(n);
-    if (!isNaN(o))
-      return `${o.toFixed(2)} ${d}`;
+  if (o === "currency" && m) {
+    const l = Number(n);
+    if (!isNaN(l))
+      return `${l.toFixed(2)} ${m}`;
   }
-  return l === "number" && typeof n == "number" ? n.toLocaleString("pl-PL") : String(n);
+  return o === "number" && typeof n == "number" ? n.toLocaleString("pl-PL") : String(n);
 }
-const Hi = ({ field: n, data: l, zoom: d }) => {
-  const o = n.dataPath ? Ei(n.dataPath, l) : null, S = o != null ? Fi(o, n.type, n.format) : n.fallback ?? "", b = (I) => I * d * Z, m = {
+const Oi = ({ field: n, data: o, zoom: m }) => {
+  const l = n.dataPath ? Hi(n.dataPath, o) : null, C = l != null ? Gi(l, n.type, n.format) : n.fallback ?? "", v = (_) => _ * m * Q, g = {
     position: "absolute",
-    left: b(n.position.x),
-    top: b(n.position.y),
-    width: b(n.position.width),
-    height: b(n.position.height),
-    fontSize: (n.style.fontSize ?? 10) * d,
+    left: v(n.position.x),
+    top: v(n.position.y),
+    width: v(n.position.width),
+    height: v(n.position.height),
+    fontSize: (n.style.fontSize ?? 10) * m,
     fontWeight: n.style.fontWeight ?? "normal",
     fontStyle: n.style.fontStyle ?? "normal",
     color: n.style.color ?? "var(--nice-text-primary, #0f172a)",
@@ -2505,7 +2514,7 @@ const Hi = ({ field: n, data: l, zoom: d }) => {
     display: "flex",
     alignItems: n.style.verticalAlign === "middle" ? "center" : n.style.verticalAlign === "bottom" ? "flex-end" : "flex-start",
     lineHeight: n.style.lineHeight ?? 1.4,
-    padding: n.style.padding ? b(n.style.padding) : 0,
+    padding: n.style.padding ? v(n.style.padding) : 0,
     boxSizing: "border-box",
     borderWidth: n.style.borderWidth,
     borderColor: n.style.borderColor,
@@ -2513,10 +2522,10 @@ const Hi = ({ field: n, data: l, zoom: d }) => {
     borderRadius: n.style.borderRadius,
     zIndex: n.position.zIndex ?? 1
   };
-  return n.type === "image" && o ? /* @__PURE__ */ e("div", { style: m, children: /* @__PURE__ */ e(
+  return n.type === "image" && l ? /* @__PURE__ */ e("div", { style: g, children: /* @__PURE__ */ e(
     "img",
     {
-      src: String(o),
+      src: String(l),
       alt: "",
       style: { width: "100%", height: "100%", objectFit: "contain" }
     }
@@ -2524,189 +2533,198 @@ const Hi = ({ field: n, data: l, zoom: d }) => {
     "div",
     {
       style: {
-        ...m,
+        ...g,
         background: "var(--nice-bg-secondary, #f8fafc)",
         border: "1px dashed var(--nice-border-color, #e2e8f0)",
         alignItems: "center",
         justifyContent: "center",
-        fontSize: 10 * d
+        fontSize: 10 * m
       },
       children: [
-        /* @__PURE__ */ e(N, { name: n.type === "qr" ? "qr-code" : "barcode", size: 12 * d }),
+        /* @__PURE__ */ e(w, { name: n.type === "qr" ? "qr-code" : "barcode", size: 12 * m }),
         " ",
-        S
+        C
       ]
     }
   ) : n.type === "signature" ? /* @__PURE__ */ e(
     "div",
     {
       style: {
-        ...m,
+        ...g,
         borderBottom: "1px solid var(--nice-border-color, #0f172a)",
         alignItems: "flex-end"
       },
-      children: /* @__PURE__ */ e("span", { style: { fontSize: 8 * d, color: "var(--nice-text-muted, #94a3b8)" }, children: n.label })
+      children: /* @__PURE__ */ e("span", { style: { fontSize: 8 * m, color: "var(--nice-text-muted, #94a3b8)" }, children: n.label })
     }
   ) : n.type === "line" ? /* @__PURE__ */ e(
     "div",
     {
       style: {
-        ...m,
+        ...g,
         borderBottom: `${n.style.borderWidth ?? 1}px ${n.style.borderStyle ?? "solid"} ${n.style.borderColor ?? "var(--nice-text-primary, #0f172a)"}`
       }
     }
-  ) : /* @__PURE__ */ e("div", { style: m, children: S });
-}, Gi = ({ template: n, data: l, zoom: d }) => {
-  var I;
-  const [o, S] = (() => {
-    const [h, f] = De[n.paperSize] ?? De.A4;
-    return n.orientation === "landscape" ? [f * Z * d, h * Z * d] : [h * Z * d, f * Z * d];
-  })(), b = n.margins, m = n.sections.flatMap((h) => h.fields);
-  return /* @__PURE__ */ a("div", { className: W.page, style: { width: o, minHeight: S }, children: [
+  ) : /* @__PURE__ */ e("div", { style: g, children: C });
+}, qi = ({ template: n, data: o, zoom: m }) => {
+  var _;
+  const [l, C] = (() => {
+    const [b, k] = $e[n.paperSize] ?? $e.A4;
+    return n.orientation === "landscape" ? [k * Q * m, b * Q * m] : [b * Q * m, k * Q * m];
+  })(), v = n.margins, g = n.sections.flatMap((b) => b.fields);
+  return /* @__PURE__ */ a("div", { className: q.page, style: { width: l, minHeight: C }, children: [
     /* @__PURE__ */ e(
       "div",
       {
         style: {
           position: "absolute",
-          top: b.top * d * Z,
-          left: b.left * d * Z,
-          right: b.right * d * Z,
-          bottom: b.bottom * d * Z
+          top: v.top * m * Q,
+          left: v.left * m * Q,
+          right: v.right * m * Q,
+          bottom: v.bottom * m * Q
         },
-        children: m.map((h) => /* @__PURE__ */ e(Hi, { field: h, data: l, zoom: d }, h.id))
+        children: g.map((b) => /* @__PURE__ */ e(Oi, { field: b, data: o, zoom: m }, b.id))
       }
     ),
-    (I = n.watermarks) == null ? void 0 : I.map((h) => /* @__PURE__ */ e(
+    (_ = n.watermarks) == null ? void 0 : _.map((b) => /* @__PURE__ */ e(
       "div",
       {
-        className: W.watermark,
+        className: q.watermark,
         style: {
-          opacity: h.opacity,
-          transform: `rotate(${h.angle}deg)`,
-          fontSize: (h.fontSize ?? 48) * d
+          opacity: b.opacity,
+          transform: `rotate(${b.angle}deg)`,
+          fontSize: (b.fontSize ?? 48) * m
         },
-        children: h.type === "text" ? h.text : /* @__PURE__ */ e(
+        children: b.type === "text" ? b.text : /* @__PURE__ */ e(
           "img",
           {
-            src: h.imageUrl,
+            src: b.imageUrl,
             alt: "wm",
-            style: { maxWidth: 200 * d }
+            style: { maxWidth: 200 * m }
           }
         )
       },
-      h.id
+      b.id
     ))
   ] });
-}, or = ({
+}, mr = ({
   template: n,
-  entities: l = [],
-  sampleData: d,
-  onPrint: o,
-  className: S,
-  style: b,
-  theme: m = "light",
-  asPopup: I = !0,
-  open: h,
-  onClose: f
+  entities: o = [],
+  sampleData: m,
+  onPrint: l,
+  className: C,
+  style: v,
+  theme: g = "light",
+  asPopup: _ = !0,
+  open: b,
+  onClose: k
 }) => {
-  const { t: s } = J(), [z, w] = F(0), [L, r] = F(0.8), [i, _] = F(!0), p = h !== void 0, k = p ? h : i, H = () => {
-    p || _(!1), f == null || f();
+  const { t: h } = j(), [r, S] = H(0), [I, x] = H(0.8), [s, i] = H(!0), d = b !== void 0, u = d ? b : s, z = () => {
+    d || i(!1), k == null || k();
   };
   Se(() => {
-    if (!I || !k)
+    if (!_ || !u)
       return;
-    const D = (K) => {
-      K.key === "Escape" && H();
+    const A = (Y) => {
+      Y.key === "Escape" && z();
     };
-    return document.addEventListener("keydown", D), document.body.style.overflow = "hidden", () => {
-      document.removeEventListener("keydown", D), document.body.style.overflow = "";
+    return document.addEventListener("keydown", A), document.body.style.overflow = "hidden", () => {
+      document.removeEventListener("keydown", A), document.body.style.overflow = "";
     };
-  }, [I, k]);
-  const g = me(() => l.length > 0 ? l : d ? [d.data] : [{}], [l, d]), $ = g[z] ?? {};
-  if (I && !k)
+  }, [_, u]);
+  const y = ue(() => o.length > 0 ? o : m ? [m.data] : [{}], [o, m]), R = y[r] ?? {};
+  if (_ && !u)
     return null;
-  const v = /* @__PURE__ */ a(
+  const T = /* @__PURE__ */ a(
     "div",
     {
-      className: `${W.root} ${m === "dark" ? W.dark : ""} ${S ?? ""}`,
-      style: b,
+      className: `${q.root} ${g === "dark" ? q.dark : ""} ${C ?? ""}`,
+      style: v,
       children: [
-        /* @__PURE__ */ a("div", { className: W.headerBar, children: [
-          /* @__PURE__ */ a("div", { className: W.entityNav, children: [
-            g.length > 1 && /* @__PURE__ */ a(j, { children: [
+        /* @__PURE__ */ a("div", { className: q.headerBar, children: [
+          /* @__PURE__ */ a("div", { className: q.entityNav, children: [
+            y.length > 1 && /* @__PURE__ */ a(X, { children: [
               /* @__PURE__ */ e(
                 "button",
                 {
-                  className: W.navBtn,
-                  disabled: z === 0,
-                  onClick: () => w((D) => D - 1),
+                  className: q.navBtn,
+                  disabled: r === 0,
+                  onClick: () => S((A) => A - 1),
                   children: "‹"
                 }
               ),
-              /* @__PURE__ */ a("span", { className: W.navLabel, children: [
-                z + 1,
+              /* @__PURE__ */ a("span", { className: q.navLabel, children: [
+                r + 1,
                 " / ",
-                g.length
+                y.length
               ] }),
               /* @__PURE__ */ e(
                 "button",
                 {
-                  className: W.navBtn,
-                  disabled: z >= g.length - 1,
-                  onClick: () => w((D) => D + 1),
+                  className: q.navBtn,
+                  disabled: r >= y.length - 1,
+                  onClick: () => S((A) => A + 1),
                   children: "›"
                 }
               )
             ] }),
-            l.length === 0 && d && /* @__PURE__ */ e("span", { className: W.sampleBadge, children: s("printing.sampleData", "Sample data") })
+            o.length === 0 && m && /* @__PURE__ */ e("span", { className: q.sampleBadge, children: h("printing.sampleData", "Sample data") })
           ] }),
-          /* @__PURE__ */ a("div", { className: W.zoomBar, children: [
-            /* @__PURE__ */ e("button", { className: W.zoomBtn, onClick: () => r((D) => Math.max(0.3, D - 0.1)), children: "−" }),
-            /* @__PURE__ */ a("span", { className: W.zoomLabel, children: [
-              Math.round(L * 100),
+          /* @__PURE__ */ a("div", { className: q.zoomBar, children: [
+            /* @__PURE__ */ e("button", { className: q.zoomBtn, onClick: () => x((A) => Math.max(0.3, A - 0.1)), children: "−" }),
+            /* @__PURE__ */ a("span", { className: q.zoomLabel, children: [
+              Math.round(I * 100),
               "%"
             ] }),
-            /* @__PURE__ */ e("button", { className: W.zoomBtn, onClick: () => r((D) => Math.min(2.5, D + 0.1)), children: "+" }),
-            /* @__PURE__ */ e("button", { className: W.zoomBtn, onClick: () => r(0.8), title: "Dopasuj", children: "⊡" })
+            /* @__PURE__ */ e("button", { className: q.zoomBtn, onClick: () => x((A) => Math.min(2.5, A + 0.1)), children: "+" }),
+            /* @__PURE__ */ e(
+              "button",
+              {
+                className: q.zoomBtn,
+                onClick: () => x(0.8),
+                title: h("printing.fit", "Fit"),
+                children: "⊡"
+              }
+            )
           ] }),
           /* @__PURE__ */ a("div", { style: { display: "flex", gap: 8 }, children: [
             /* @__PURE__ */ e(
               "button",
               {
-                className: W.printBtn,
-                onClick: () => o == null ? void 0 : o({ copies: 1, printerId: "" }),
-                children: s("printPreview.print", "Print")
+                className: q.printBtn,
+                onClick: () => l == null ? void 0 : l({ copies: 1, printerId: "" }),
+                children: h("printPreview.print", "Print")
               }
             ),
-            I && /* @__PURE__ */ e(
+            _ && /* @__PURE__ */ e(
               "button",
               {
                 type: "button",
-                className: W.zoomBtn,
-                onClick: H,
-                "aria-label": s("close", "Close"),
-                title: s("close", "Close"),
-                children: /* @__PURE__ */ e(N, { name: "close", size: 16 })
+                className: q.zoomBtn,
+                onClick: z,
+                "aria-label": h("close", "Close"),
+                title: h("close", "Close"),
+                children: /* @__PURE__ */ e(w, { name: "close", size: 16 })
               }
             )
           ] })
         ] }),
-        /* @__PURE__ */ e("div", { className: W.canvas, children: /* @__PURE__ */ e(Gi, { template: n, data: $, zoom: L }) }),
-        /* @__PURE__ */ a("div", { className: W.footerBar, children: [
+        /* @__PURE__ */ e("div", { className: q.canvas, children: /* @__PURE__ */ e(qi, { template: n, data: R, zoom: I }) }),
+        /* @__PURE__ */ a("div", { className: q.footerBar, children: [
           /* @__PURE__ */ e("span", { children: n.name }),
           /* @__PURE__ */ a("span", { children: [
             n.paperSize,
-            " · ",
-            n.orientation === "portrait" ? "Pion" : "Poziom"
+            " ·",
+            " ",
+            n.orientation === "portrait" ? h("printing.portrait", "Portrait") : h("printing.landscape", "Landscape")
           ] }),
-          n.sections.reduce((D, K) => D + K.fields.length, 0),
+          n.sections.reduce((A, Y) => A + Y.fields.length, 0),
           " ",
-          s("printing.fields", "fields")
+          h("printing.fields", "fields")
         ] })
       ]
     }
   );
-  return I ? Qe(/* @__PURE__ */ e(
+  return _ ? Ze(/* @__PURE__ */ e(
     "div",
     {
       style: {
@@ -2719,8 +2737,8 @@ const Hi = ({ field: n, data: l, zoom: d }) => {
         zIndex: 1e3,
         padding: 24
       },
-      onMouseDown: (D) => {
-        D.target === D.currentTarget && H();
+      onMouseDown: (A) => {
+        A.target === A.currentTarget && z();
       },
       role: "presentation",
       children: /* @__PURE__ */ e(
@@ -2736,507 +2754,507 @@ const Hi = ({ field: n, data: l, zoom: d }) => {
             maxHeight: "90vh",
             overflow: "auto"
           },
-          children: v
+          children: T
         }
       )
     }
-  ), document.body) : v;
-}, Oi = "_root_lbbp6_1", qi = "_dark_lbbp6_23", Wi = "_statsBar_lbbp6_37", Ui = "_stat_lbbp6_37", Yi = "_dot_lbbp6_75", Vi = "_statPrinting_lbbp6_87", ji = "_statQueued_lbbp6_93", Ki = "_statDone_lbbp6_99", Xi = "_statError_lbbp6_105", Ji = "_toolbar_lbbp6_115", Qi = "_filterTabs_lbbp6_139", Zi = "_filterTab_lbbp6_139", es = "_filterTabActive_lbbp6_177", ts = "_filterCount_lbbp6_187", ns = "_bulkActions_lbbp6_211", as = "_bulkCount_lbbp6_223", is = "_bulkBtn_lbbp6_231", ss = "_bulkBtnRemove_lbbp6_255", rs = "_jobList_lbbp6_273", ls = "_listHeader_lbbp6_281", os = "_headerLabel_lbbp6_313", cs = "_jobRow_lbbp6_323", ds = "_jobRowSelected_lbbp6_359", ps = "_jobCheckbox_lbbp6_373", us = "_statusBadge_lbbp6_387", ms = "_pulse_lbbp6_1", hs = "_jobInfo_lbbp6_479", _s = "_jobName_lbbp6_485", gs = "_jobMeta_lbbp6_497", bs = "_jobTime_lbbp6_513", ys = "_jobDuration_lbbp6_519", vs = "_jobError_lbbp6_525", Ns = "_progressBar_lbbp6_539", fs = "_progressFill_lbbp6_553", ws = "_copiesEditor_lbbp6_569", ks = "_copiesBtn_lbbp6_581", Ss = "_copiesValue_lbbp6_621", Cs = "_jobActions_lbbp6_635", Bs = "_actionBtn_lbbp6_645", Is = "_removeBtn_lbbp6_677", Ls = "_emptyState_lbbp6_695", y = {
-  root: Oi,
-  dark: qi,
-  statsBar: Wi,
-  stat: Ui,
-  dot: Yi,
-  statPrinting: Vi,
-  statQueued: ji,
-  statDone: Ki,
-  statError: Xi,
-  toolbar: Ji,
-  filterTabs: Qi,
-  filterTab: Zi,
-  filterTabActive: es,
-  filterCount: ts,
-  bulkActions: ns,
-  bulkCount: as,
-  bulkBtn: is,
-  bulkBtnRemove: ss,
-  jobList: rs,
-  listHeader: ls,
-  headerLabel: os,
-  jobRow: cs,
-  jobRowSelected: ds,
-  jobCheckbox: ps,
-  statusBadge: us,
-  "badge-queued": "_badge-queued_lbbp6_405",
-  "badge-printing": "_badge-printing_lbbp6_413",
-  pulse: ms,
-  "badge-done": "_badge-done_lbbp6_423",
-  "badge-error": "_badge-error_lbbp6_431",
-  "badge-paused": "_badge-paused_lbbp6_439",
-  "badge-cancelled": "_badge-cancelled_lbbp6_447",
-  jobInfo: hs,
-  jobName: _s,
-  jobMeta: gs,
-  jobTime: bs,
-  jobDuration: ys,
-  jobError: vs,
-  progressBar: Ns,
-  progressFill: fs,
-  copiesEditor: ws,
-  copiesBtn: ks,
-  copiesValue: Ss,
-  jobActions: Cs,
-  actionBtn: Bs,
-  removeBtn: Is,
-  emptyState: Ls
-}, $e = {
+  ), document.body) : T;
+}, Wi = "_root_1f4bm_1", Yi = "_dark_1f4bm_23", Ui = "_statsBar_1f4bm_37", ji = "_stat_1f4bm_37", Vi = "_dot_1f4bm_75", Xi = "_statPrinting_1f4bm_87", Ki = "_statQueued_1f4bm_93", Ji = "_statDone_1f4bm_99", Qi = "_statError_1f4bm_105", Zi = "_toolbar_1f4bm_115", es = "_filterTabs_1f4bm_139", ts = "_filterTab_1f4bm_139", ns = "_filterTabActive_1f4bm_177", as = "_filterCount_1f4bm_187", is = "_bulkActions_1f4bm_211", ss = "_bulkCount_1f4bm_223", rs = "_bulkBtn_1f4bm_231", os = "_bulkBtnRemove_1f4bm_255", ls = "_jobList_1f4bm_273", cs = "_listHeader_1f4bm_281", ds = "_headerLabel_1f4bm_313", ms = "_jobRow_1f4bm_323", ps = "_jobRowSelected_1f4bm_359", us = "_jobCheckbox_1f4bm_373", hs = "_statusBadge_1f4bm_387", _s = "_pulse_1f4bm_1", gs = "_jobInfo_1f4bm_479", bs = "_jobName_1f4bm_485", ys = "_jobMeta_1f4bm_497", fs = "_jobTime_1f4bm_513", vs = "_jobDuration_1f4bm_519", Ns = "_jobError_1f4bm_525", ws = "_progressBar_1f4bm_539", ks = "_progressFill_1f4bm_553", Ss = "_copiesEditor_1f4bm_569", Cs = "_copiesBtn_1f4bm_581", Bs = "_copiesValue_1f4bm_621", Is = "_jobActions_1f4bm_635", Ls = "_actionBtn_1f4bm_645", xs = "_removeBtn_1f4bm_677", zs = "_emptyState_1f4bm_695", N = {
+  root: Wi,
+  dark: Yi,
+  statsBar: Ui,
+  stat: ji,
+  dot: Vi,
+  statPrinting: Xi,
+  statQueued: Ki,
+  statDone: Ji,
+  statError: Qi,
+  toolbar: Zi,
+  filterTabs: es,
+  filterTab: ts,
+  filterTabActive: ns,
+  filterCount: as,
+  bulkActions: is,
+  bulkCount: ss,
+  bulkBtn: rs,
+  bulkBtnRemove: os,
+  jobList: ls,
+  listHeader: cs,
+  headerLabel: ds,
+  jobRow: ms,
+  jobRowSelected: ps,
+  jobCheckbox: us,
+  statusBadge: hs,
+  "badge-queued": "_badge-queued_1f4bm_405",
+  "badge-printing": "_badge-printing_1f4bm_413",
+  pulse: _s,
+  "badge-done": "_badge-done_1f4bm_423",
+  "badge-error": "_badge-error_1f4bm_431",
+  "badge-paused": "_badge-paused_1f4bm_439",
+  "badge-cancelled": "_badge-cancelled_1f4bm_447",
+  jobInfo: gs,
+  jobName: bs,
+  jobMeta: ys,
+  jobTime: fs,
+  jobDuration: vs,
+  jobError: Ns,
+  progressBar: ws,
+  progressFill: ks,
+  copiesEditor: Ss,
+  copiesBtn: Cs,
+  copiesValue: Bs,
+  jobActions: Is,
+  actionBtn: Ls,
+  removeBtn: xs,
+  emptyState: zs
+}, Ts = [], De = {
   queued: "Queued",
   printing: "Printing",
   done: "Printed",
   error: "Error",
   paused: "Paused",
   cancelled: "Cancelled"
-}, ke = (n, l) => $e[l] ? n(`printing.status.${l}`, $e[l]) : l;
-function xs(n, l) {
+}, ke = (n, o) => De[o] ? n(`printing.status.${o}`, De[o]) : o;
+function $s(n, o) {
   try {
-    return new Date(l).toLocaleTimeString(n, { hour: "2-digit", minute: "2-digit" });
+    return new Date(o).toLocaleTimeString(n, { hour: "2-digit", minute: "2-digit" });
   } catch {
-    return l;
+    return o;
   }
 }
-function zs(n) {
-  const l = Math.floor((Date.now() - new Date(n).getTime()) / 1e3);
-  if (l < 60)
-    return `${l}s`;
-  const d = Math.floor(l / 60);
-  if (d < 60)
-    return `${d}m ${l % 60}s`;
-  const o = Math.floor(d / 60);
-  return o < 24 ? `${o}h ${d % 60}m` : `${Math.floor(o / 24)}d ${o % 24}h`;
+function Ds(n) {
+  const o = Math.floor((Date.now() - new Date(n).getTime()) / 1e3);
+  if (o < 60)
+    return `${o}s`;
+  const m = Math.floor(o / 60);
+  if (m < 60)
+    return `${m}m ${o % 60}s`;
+  const l = Math.floor(m / 60);
+  return l < 24 ? `${l}h ${m % 60}m` : `${Math.floor(l / 24)}d ${l % 24}h`;
 }
-const Ts = ({ jobs: n }) => {
-  const { t: l } = J(), d = n.filter((m) => m.status === "printing").length, o = n.filter((m) => m.status === "queued").length, S = n.filter((m) => m.status === "done").length, b = n.filter((m) => m.status === "error").length;
-  return /* @__PURE__ */ a("div", { className: y.statsBar, children: [
-    /* @__PURE__ */ a("span", { className: `${y.stat} ${y.statPrinting}`, children: [
-      /* @__PURE__ */ e("span", { className: y.dot }),
-      l("printing.stats.active", "Printing"),
+const Rs = ({ jobs: n }) => {
+  const { t: o } = j(), m = n.filter((g) => g.status === "printing").length, l = n.filter((g) => g.status === "queued").length, C = n.filter((g) => g.status === "done").length, v = n.filter((g) => g.status === "error").length;
+  return /* @__PURE__ */ a("div", { className: N.statsBar, children: [
+    /* @__PURE__ */ a("span", { className: `${N.stat} ${N.statPrinting}`, children: [
+      /* @__PURE__ */ e("span", { className: N.dot }),
+      o("printing.stats.active", "Printing"),
       ": ",
-      /* @__PURE__ */ e("strong", { children: d })
+      /* @__PURE__ */ e("strong", { children: m })
     ] }),
-    /* @__PURE__ */ a("span", { className: `${y.stat} ${y.statQueued}`, children: [
-      /* @__PURE__ */ e("span", { className: y.dot }),
-      l("printing.stats.queued", "In queue"),
+    /* @__PURE__ */ a("span", { className: `${N.stat} ${N.statQueued}`, children: [
+      /* @__PURE__ */ e("span", { className: N.dot }),
+      o("printing.stats.queued", "In queue"),
       ": ",
-      /* @__PURE__ */ e("strong", { children: o })
+      /* @__PURE__ */ e("strong", { children: l })
     ] }),
-    /* @__PURE__ */ a("span", { className: `${y.stat} ${y.statDone}`, children: [
-      /* @__PURE__ */ e("span", { className: y.dot }),
-      l("printing.stats.done", "Done"),
+    /* @__PURE__ */ a("span", { className: `${N.stat} ${N.statDone}`, children: [
+      /* @__PURE__ */ e("span", { className: N.dot }),
+      o("printing.stats.done", "Done"),
       ": ",
-      /* @__PURE__ */ e("strong", { children: S })
+      /* @__PURE__ */ e("strong", { children: C })
     ] }),
-    b > 0 && /* @__PURE__ */ a("span", { className: `${y.stat} ${y.statError}`, children: [
-      /* @__PURE__ */ e("span", { className: y.dot }),
-      l("printing.stats.errors", "Errors"),
+    v > 0 && /* @__PURE__ */ a("span", { className: `${N.stat} ${N.statError}`, children: [
+      /* @__PURE__ */ e("span", { className: N.dot }),
+      o("printing.stats.errors", "Errors"),
       ": ",
-      /* @__PURE__ */ e("strong", { children: b })
+      /* @__PURE__ */ e("strong", { children: v })
     ] })
   ] });
-}, Ds = ({
+}, Es = ({
   job: n,
-  index: l,
-  total: d,
-  printers: o,
-  selected: S,
-  onSelect: b,
-  onUpdate: m,
-  onRemove: I,
-  onPrint: h,
-  onReorder: f
+  index: o,
+  total: m,
+  printers: l,
+  selected: C,
+  onSelect: v,
+  onUpdate: g,
+  onRemove: _,
+  onPrint: b,
+  onReorder: k
 }) => {
-  const { t: s, lang: z } = J(), w = o.find((i) => i.id === n.options.printerId), L = l > 0 && n.status === "queued", r = l < d - 1 && n.status === "queued";
+  const { t: h, lang: r } = j(), S = l.find((s) => s.id === n.options.printerId), I = o > 0 && n.status === "queued", x = o < m - 1 && n.status === "queued";
   return /* @__PURE__ */ a(
     "div",
     {
-      className: `${y.jobRow} ${S ? y.jobRowSelected : ""} ${y[`status-${n.status}`] ?? ""}`,
+      className: `${N.jobRow} ${C ? N.jobRowSelected : ""} ${N[`status-${n.status}`] ?? ""}`,
       children: [
         /* @__PURE__ */ e(
           "input",
           {
             type: "checkbox",
-            className: y.jobCheckbox,
-            checked: S,
-            onChange: () => b(n.id)
+            className: N.jobCheckbox,
+            checked: C,
+            onChange: () => v(n.id)
           }
         ),
-        /* @__PURE__ */ e("span", { className: `${y.statusBadge} ${y[`badge-${n.status}`]}`, children: ke(s, n.status) }),
-        /* @__PURE__ */ a("div", { className: y.jobInfo, children: [
-          /* @__PURE__ */ e("div", { className: y.jobName, children: n.templateName ?? n.templateId }),
-          /* @__PURE__ */ a("div", { className: y.jobMeta, children: [
+        /* @__PURE__ */ e("span", { className: `${N.statusBadge} ${N[`badge-${n.status}`]}`, children: ke(h, n.status) }),
+        /* @__PURE__ */ a("div", { className: N.jobInfo, children: [
+          /* @__PURE__ */ e("div", { className: N.jobName, children: n.templateName ?? n.templateId }),
+          /* @__PURE__ */ a("div", { className: N.jobMeta, children: [
             n.entityLabel && /* @__PURE__ */ e("span", { children: n.entityLabel }),
-            w && /* @__PURE__ */ a("span", { children: [
-              /* @__PURE__ */ e(N, { name: "printer", size: 12 }),
+            S && /* @__PURE__ */ a("span", { children: [
+              /* @__PURE__ */ e(w, { name: "printer", size: 12 }),
               " ",
-              w.name
+              S.name
             ] }),
             /* @__PURE__ */ a("span", { children: [
               "×",
               n.options.copies
             ] }),
-            n.createdAt && /* @__PURE__ */ e("span", { className: y.jobTime, children: xs(z, n.createdAt) }),
-            n.startedAt && n.status !== "done" && /* @__PURE__ */ e("span", { className: y.jobDuration, children: zs(n.startedAt) })
+            n.createdAt && /* @__PURE__ */ e("span", { className: N.jobTime, children: $s(r, n.createdAt) }),
+            n.startedAt && n.status !== "done" && /* @__PURE__ */ e("span", { className: N.jobDuration, children: Ds(n.startedAt) })
           ] }),
-          n.status === "printing" && n.progress != null && /* @__PURE__ */ e("div", { className: y.progressBar, children: /* @__PURE__ */ e("div", { className: y.progressFill, style: { width: `${n.progress}%` } }) }),
-          n.status === "error" && n.errorMessage && /* @__PURE__ */ e("div", { className: y.jobError, children: n.errorMessage })
+          n.status === "printing" && n.progress != null && /* @__PURE__ */ e("div", { className: N.progressBar, children: /* @__PURE__ */ e("div", { className: N.progressFill, style: { width: `${n.progress}%` } }) }),
+          n.status === "error" && n.errorMessage && /* @__PURE__ */ e("div", { className: N.jobError, children: n.errorMessage })
         ] }),
-        /* @__PURE__ */ a("div", { className: y.copiesEditor, children: [
+        /* @__PURE__ */ a("div", { className: N.copiesEditor, children: [
           /* @__PURE__ */ e(
             "button",
             {
-              className: y.copiesBtn,
+              className: N.copiesBtn,
               disabled: n.options.copies <= 1,
-              "aria-label": s("printing.copies.decrease", "One copy fewer"),
-              onClick: () => m(n.id, { options: { ...n.options, copies: n.options.copies - 1 } }),
-              children: /* @__PURE__ */ e(N, { name: "minus", size: 12 })
+              "aria-label": h("printing.copies.decrease", "One copy fewer"),
+              onClick: () => g(n.id, { options: { ...n.options, copies: n.options.copies - 1 } }),
+              children: /* @__PURE__ */ e(w, { name: "minus", size: 12 })
             }
           ),
-          /* @__PURE__ */ e("span", { className: y.copiesValue, children: n.options.copies }),
+          /* @__PURE__ */ e("span", { className: N.copiesValue, children: n.options.copies }),
           /* @__PURE__ */ e(
             "button",
             {
-              className: y.copiesBtn,
-              "aria-label": s("printing.copies.increase", "One copy more"),
-              onClick: () => m(n.id, { options: { ...n.options, copies: n.options.copies + 1 } }),
-              children: /* @__PURE__ */ e(N, { name: "plus", size: 12 })
+              className: N.copiesBtn,
+              "aria-label": h("printing.copies.increase", "One copy more"),
+              onClick: () => g(n.id, { options: { ...n.options, copies: n.options.copies + 1 } }),
+              children: /* @__PURE__ */ e(w, { name: "plus", size: 12 })
             }
           )
         ] }),
-        /* @__PURE__ */ a("div", { className: y.jobActions, children: [
-          L && /* @__PURE__ */ e(
+        /* @__PURE__ */ a("div", { className: N.jobActions, children: [
+          I && /* @__PURE__ */ e(
             "button",
             {
-              className: y.actionBtn,
-              title: s("printing.action.moveUp", "Move up"),
-              onClick: () => f(l, l - 1),
-              children: /* @__PURE__ */ e(N, { name: "arrow-up", size: 14 })
+              className: N.actionBtn,
+              title: h("printing.action.moveUp", "Move up"),
+              onClick: () => k(o, o - 1),
+              children: /* @__PURE__ */ e(w, { name: "arrow-up", size: 14 })
             }
           ),
-          r && /* @__PURE__ */ e(
+          x && /* @__PURE__ */ e(
             "button",
             {
-              className: y.actionBtn,
-              title: s("printing.action.moveDown", "Move down"),
-              onClick: () => f(l, l + 1),
-              children: /* @__PURE__ */ e(N, { name: "arrow-down", size: 14 })
+              className: N.actionBtn,
+              title: h("printing.action.moveDown", "Move down"),
+              onClick: () => k(o, o + 1),
+              children: /* @__PURE__ */ e(w, { name: "arrow-down", size: 14 })
             }
           ),
           n.status === "queued" && /* @__PURE__ */ e(
             "button",
             {
-              className: y.actionBtn,
-              title: s("printing.action.printNow", "Print now"),
-              onClick: () => h(n.id),
-              children: /* @__PURE__ */ e(N, { name: "play", size: 14 })
+              className: N.actionBtn,
+              title: h("printing.action.printNow", "Print now"),
+              onClick: () => b(n.id),
+              children: /* @__PURE__ */ e(w, { name: "play", size: 14 })
             }
           ),
           n.status === "printing" && /* @__PURE__ */ e(
             "button",
             {
-              className: y.actionBtn,
-              title: s("printing.action.pause", "Pause"),
-              onClick: () => m(n.id, { status: "paused" }),
-              children: /* @__PURE__ */ e(N, { name: "pause", size: 14 })
+              className: N.actionBtn,
+              title: h("printing.action.pause", "Pause"),
+              onClick: () => g(n.id, { status: "paused" }),
+              children: /* @__PURE__ */ e(w, { name: "pause", size: 14 })
             }
           ),
           n.status === "paused" && /* @__PURE__ */ e(
             "button",
             {
-              className: y.actionBtn,
-              title: s("printing.action.resume", "Resume"),
-              onClick: () => m(n.id, { status: "queued" }),
-              children: /* @__PURE__ */ e(N, { name: "play", size: 14 })
+              className: N.actionBtn,
+              title: h("printing.action.resume", "Resume"),
+              onClick: () => g(n.id, { status: "queued" }),
+              children: /* @__PURE__ */ e(w, { name: "play", size: 14 })
             }
           ),
           /* @__PURE__ */ e(
             "button",
             {
-              className: `${y.actionBtn} ${y.removeBtn}`,
-              title: s("printing.action.remove", "Remove"),
-              onClick: () => I(n.id),
-              children: /* @__PURE__ */ e(N, { name: "close", size: 14 })
+              className: `${N.actionBtn} ${N.removeBtn}`,
+              title: h("printing.action.remove", "Remove"),
+              onClick: () => _(n.id),
+              children: /* @__PURE__ */ e(w, { name: "close", size: 14 })
             }
           )
         ] })
       ]
     }
   );
-}, cr = ({
-  jobs: n,
-  printers: l = [],
-  onJobUpdate: d,
-  onJobRemove: o,
-  onJobReorder: S,
-  onJobPrint: b,
-  onBulkRemove: m,
-  onBulkPrint: I,
-  maxHeight: h = 500,
-  className: f,
-  style: s,
-  theme: z = "light"
+}, pr = ({
+  jobs: n = Ts,
+  printers: o = [],
+  onJobUpdate: m,
+  onJobRemove: l,
+  onJobReorder: C,
+  onJobPrint: v,
+  onBulkRemove: g,
+  onBulkPrint: _,
+  maxHeight: b = 500,
+  className: k,
+  style: h,
+  theme: r = "light"
 }) => {
-  const { t: w } = J(), [L, r] = F(/* @__PURE__ */ new Set()), [i, _] = F("all"), p = i === "all" ? n : n.filter((v) => v.status === i), k = M((v) => {
-    r((q) => {
-      const D = new Set(q);
-      return D.has(v) ? D.delete(v) : D.add(v), D;
+  const { t: S } = j(), [I, x] = H(/* @__PURE__ */ new Set()), [s, i] = H("all"), d = s === "all" ? n : n.filter((T) => T.status === s), u = P((T) => {
+    x(($) => {
+      const A = new Set($);
+      return A.has(T) ? A.delete(T) : A.add(T), A;
     });
-  }, []), H = M(() => {
-    L.size === p.length ? r(/* @__PURE__ */ new Set()) : r(new Set(p.map((v) => v.id)));
-  }, [p, L.size]), g = M(() => {
-    m == null || m(Array.from(L)), r(/* @__PURE__ */ new Set());
-  }, [L, m]), $ = M(() => {
-    I == null || I(Array.from(L)), r(/* @__PURE__ */ new Set());
-  }, [L, I]);
+  }, []), z = P(() => {
+    I.size === d.length ? x(/* @__PURE__ */ new Set()) : x(new Set(d.map((T) => T.id)));
+  }, [d, I.size]), y = P(() => {
+    g == null || g(Array.from(I)), x(/* @__PURE__ */ new Set());
+  }, [I, g]), R = P(() => {
+    _ == null || _(Array.from(I)), x(/* @__PURE__ */ new Set());
+  }, [I, _]);
   return /* @__PURE__ */ a(
     "div",
     {
-      className: `${y.root} ${z === "dark" ? y.dark : ""} ${f ?? ""}`,
-      style: s,
+      className: `${N.root} ${r === "dark" ? N.dark : ""} ${k ?? ""}`,
+      style: h,
       children: [
-        /* @__PURE__ */ e(Ts, { jobs: n }),
-        /* @__PURE__ */ a("div", { className: y.toolbar, children: [
-          /* @__PURE__ */ e("div", { className: y.filterTabs, children: ["all", "queued", "printing", "done", "error"].map((v) => /* @__PURE__ */ a(
+        /* @__PURE__ */ e(Rs, { jobs: n }),
+        /* @__PURE__ */ a("div", { className: N.toolbar, children: [
+          /* @__PURE__ */ e("div", { className: N.filterTabs, children: ["all", "queued", "printing", "done", "error"].map((T) => /* @__PURE__ */ a(
             "button",
             {
-              className: `${y.filterTab} ${i === v ? y.filterTabActive : ""}`,
-              onClick: () => _(v),
+              className: `${N.filterTab} ${s === T ? N.filterTabActive : ""}`,
+              onClick: () => i(T),
               children: [
-                v === "all" ? w("printing.filter.all", "All") : ke(w, v),
-                /* @__PURE__ */ e("span", { className: y.filterCount, children: v === "all" ? n.length : n.filter((q) => q.status === v).length })
+                T === "all" ? S("printing.filter.all", "All") : ke(S, T),
+                /* @__PURE__ */ e("span", { className: N.filterCount, children: T === "all" ? n.length : n.filter(($) => $.status === T).length })
               ]
             },
-            v
+            T
           )) }),
-          L.size > 0 && /* @__PURE__ */ a("div", { className: y.bulkActions, children: [
-            /* @__PURE__ */ a("span", { className: y.bulkCount, children: [
-              L.size,
+          I.size > 0 && /* @__PURE__ */ a("div", { className: N.bulkActions, children: [
+            /* @__PURE__ */ a("span", { className: N.bulkCount, children: [
+              I.size,
               " ",
-              w("printing.bulk.selected", "selected")
+              S("printing.bulk.selected", "selected")
             ] }),
-            I && /* @__PURE__ */ a("button", { className: y.bulkBtn, onClick: $, children: [
-              /* @__PURE__ */ e(N, { name: "printer", size: 14 }),
+            _ && /* @__PURE__ */ a("button", { className: N.bulkBtn, onClick: R, children: [
+              /* @__PURE__ */ e(w, { name: "printer", size: 14 }),
               " ",
-              w("printing.bulk.print", "Print selected")
+              S("printing.bulk.print", "Print selected")
             ] }),
-            m && /* @__PURE__ */ a("button", { className: `${y.bulkBtn} ${y.bulkBtnRemove}`, onClick: g, children: [
-              /* @__PURE__ */ e(N, { name: "trash", size: 14 }),
+            g && /* @__PURE__ */ a("button", { className: `${N.bulkBtn} ${N.bulkBtnRemove}`, onClick: y, children: [
+              /* @__PURE__ */ e(w, { name: "trash", size: 14 }),
               " ",
-              w("printing.bulk.remove", "Remove selected")
+              S("printing.bulk.remove", "Remove selected")
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ e("div", { className: y.jobList, style: { maxHeight: h }, children: p.length === 0 ? /* @__PURE__ */ e("div", { className: y.emptyState, children: i === "all" ? w("printing.empty.queue", "No jobs in the queue") : `${w("printing.empty.filtered", "No jobs with status")} "${ke(w, i)}"` }) : /* @__PURE__ */ a(j, { children: [
-          /* @__PURE__ */ a("div", { className: y.listHeader, children: [
+        /* @__PURE__ */ e("div", { className: N.jobList, style: { maxHeight: b }, children: d.length === 0 ? /* @__PURE__ */ e("div", { className: N.emptyState, children: s === "all" ? S("printing.empty.queue", "No jobs in the queue") : `${S("printing.empty.filtered", "No jobs with status")} "${ke(S, s)}"` }) : /* @__PURE__ */ a(X, { children: [
+          /* @__PURE__ */ a("div", { className: N.listHeader, children: [
             /* @__PURE__ */ e(
               "input",
               {
                 type: "checkbox",
-                onChange: H,
-                checked: L.size === p.length && p.length > 0
+                onChange: z,
+                checked: I.size === d.length && d.length > 0
               }
             ),
-            /* @__PURE__ */ e("span", { className: y.headerLabel, children: w("printing.col.job", "Job") }),
-            /* @__PURE__ */ e("span", { className: y.headerLabel, children: w("printing.col.copies", "Copies") }),
-            /* @__PURE__ */ e("span", { className: y.headerLabel, children: w("printing.col.actions", "Actions") })
+            /* @__PURE__ */ e("span", { className: N.headerLabel, children: S("printing.col.job", "Job") }),
+            /* @__PURE__ */ e("span", { className: N.headerLabel, children: S("printing.col.copies", "Copies") }),
+            /* @__PURE__ */ e("span", { className: N.headerLabel, children: S("printing.col.actions", "Actions") })
           ] }),
-          p.map((v, q) => /* @__PURE__ */ e(
-            Ds,
+          d.map((T, $) => /* @__PURE__ */ e(
+            Es,
             {
-              job: v,
-              index: n.indexOf(v),
+              job: T,
+              index: n.indexOf(T),
               total: n.length,
-              printers: l,
-              selected: L.has(v.id),
-              onSelect: k,
-              onUpdate: d,
-              onRemove: o,
-              onPrint: b,
-              onReorder: S
+              printers: o,
+              selected: I.has(T.id),
+              onSelect: u,
+              onUpdate: m,
+              onRemove: l,
+              onPrint: v,
+              onReorder: C
             },
-            v.id
+            T.id
           ))
         ] }) })
       ]
     }
   );
-}, $s = "_container_1f76z_1", Rs = "_buttonGroup_1f76z_19", As = "_trigger_1f76z_31", Ms = "_triggerDisabled_1f76z_57", Ps = "_mainAction_1f76z_151", Es = "_dropdownToggle_1f76z_175", Fs = "_chevron_1f76z_201", Hs = "_chevronUp_1f76z_211", Gs = "_dropdown_1f76z_175", Os = "_dark_1f76z_245", qs = "_section_1f76z_257", Ws = "_sectionLabel_1f76z_263", Us = "_divider_1f76z_283", Ys = "_copiesRow_1f76z_301", Vs = "_copiesBtn_1f76z_311", js = "_copiesValue_1f76z_351", Ks = "_printerSelect_1f76z_375", Xs = "_printerStatus_1f76z_415", Js = "_printerDot_1f76z_429", Qs = "_printerStatusLabel_1f76z_463", Zs = "_submitBtn_1f76z_473", er = "_spinner_1f76z_515", tr = "_spin_1f76z_515", R = {
-  container: $s,
-  buttonGroup: Rs,
-  trigger: As,
-  triggerDisabled: Ms,
+}, As = "_container_1f76z_1", Ms = "_buttonGroup_1f76z_19", Ps = "_trigger_1f76z_31", Fs = "_triggerDisabled_1f76z_57", Hs = "_mainAction_1f76z_151", Gs = "_dropdownToggle_1f76z_175", Os = "_chevron_1f76z_201", qs = "_chevronUp_1f76z_211", Ws = "_dropdown_1f76z_175", Ys = "_dark_1f76z_245", Us = "_section_1f76z_257", js = "_sectionLabel_1f76z_263", Vs = "_divider_1f76z_283", Xs = "_copiesRow_1f76z_301", Ks = "_copiesBtn_1f76z_311", Js = "_copiesValue_1f76z_351", Qs = "_printerSelect_1f76z_375", Zs = "_printerStatus_1f76z_415", er = "_printerDot_1f76z_429", tr = "_printerStatusLabel_1f76z_463", nr = "_submitBtn_1f76z_473", ar = "_spinner_1f76z_515", ir = "_spin_1f76z_515", E = {
+  container: As,
+  buttonGroup: Ms,
+  trigger: Ps,
+  triggerDisabled: Fs,
   "variant-primary": "_variant-primary_1f76z_69",
   "variant-secondary": "_variant-secondary_1f76z_83",
   "variant-ghost": "_variant-ghost_1f76z_99",
   "size-sm": "_size-sm_1f76z_117",
   "size-md": "_size-md_1f76z_127",
   "size-lg": "_size-lg_1f76z_137",
-  mainAction: Ps,
-  dropdownToggle: Es,
-  chevron: Fs,
-  chevronUp: Hs,
-  dropdown: Gs,
-  dark: Os,
-  section: qs,
-  sectionLabel: Ws,
-  divider: Us,
-  copiesRow: Ys,
-  copiesBtn: Vs,
-  copiesValue: js,
-  printerSelect: Ks,
-  printerStatus: Xs,
-  printerDot: Js,
+  mainAction: Hs,
+  dropdownToggle: Gs,
+  chevron: Os,
+  chevronUp: qs,
+  dropdown: Ws,
+  dark: Ys,
+  section: Us,
+  sectionLabel: js,
+  divider: Vs,
+  copiesRow: Xs,
+  copiesBtn: Ks,
+  copiesValue: Js,
+  printerSelect: Qs,
+  printerStatus: Zs,
+  printerDot: er,
   "dot-ready": "_dot-ready_1f76z_439",
   "dot-busy": "_dot-busy_1f76z_445",
   "dot-offline": "_dot-offline_1f76z_451",
   "dot-error": "_dot-error_1f76z_457",
-  printerStatusLabel: Qs,
-  submitBtn: Zs,
-  spinner: er,
-  spin: tr
-}, dr = ({
+  printerStatusLabel: tr,
+  submitBtn: nr,
+  spinner: ar,
+  spin: ir
+}, ur = ({
   onPrint: n,
-  printers: l = [],
-  defaultPrinterId: d,
-  defaultCopies: o = 1,
-  disabled: S = !1,
-  loading: b = !1,
-  variant: m = "primary",
-  size: I = "md",
-  label: h,
-  className: f,
-  style: s,
-  theme: z = "light"
+  printers: o = [],
+  defaultPrinterId: m,
+  defaultCopies: l = 1,
+  disabled: C = !1,
+  loading: v = !1,
+  variant: g = "primary",
+  size: _ = "md",
+  label: b,
+  className: k,
+  style: h,
+  theme: r = "light"
 }) => {
-  var A;
-  const { t: w } = J(), L = h ?? w("printing.print", "Print"), [r, i] = F(!1), [_, p] = F(o), [k, H] = F(d ?? ((A = l[0]) == null ? void 0 : A.id) ?? ""), g = Je(null);
+  var Z;
+  const { t: S } = j(), I = b ?? S("printing.print", "Print"), [x, s] = H(!1), [i, d] = H(l), [u, z] = H(m ?? ((Z = o[0]) == null ? void 0 : Z.id) ?? ""), y = Qe(null);
   Se(() => {
-    if (!r)
+    if (!x)
       return;
-    const T = (X) => {
-      g.current && !g.current.contains(X.target) && i(!1);
+    const f = (K) => {
+      y.current && !y.current.contains(K.target) && s(!1);
     };
-    return document.addEventListener("mousedown", T), () => document.removeEventListener("mousedown", T);
-  }, [r]);
-  const $ = M(() => {
-    n({ copies: _, printerId: k }), i(!1);
-  }, [_, k, n]), v = M(() => p((T) => Math.min(99, T + 1)), []), q = M(() => p((T) => Math.max(1, T - 1)), []), D = [R.container, z === "dark" ? R.dark : "", f ?? ""].filter(Boolean).join(" "), K = [
-    R.trigger,
-    R[`variant-${m}`],
-    R[`size-${I}`],
-    S || b ? R.triggerDisabled : ""
+    return document.addEventListener("mousedown", f), () => document.removeEventListener("mousedown", f);
+  }, [x]);
+  const R = P(() => {
+    n({ copies: i, printerId: u }), s(!1);
+  }, [i, u, n]), T = P(() => d((f) => Math.min(99, f + 1)), []), $ = P(() => d((f) => Math.max(1, f - 1)), []), A = [E.container, r === "dark" ? E.dark : "", k ?? ""].filter(Boolean).join(" "), Y = [
+    E.trigger,
+    E[`variant-${g}`],
+    E[`size-${_}`],
+    C || v ? E.triggerDisabled : ""
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ a("div", { ref: g, className: D, style: s, children: [
-    /* @__PURE__ */ a("div", { className: R.buttonGroup, children: [
+  return /* @__PURE__ */ a("div", { ref: y, className: A, style: h, children: [
+    /* @__PURE__ */ a("div", { className: E.buttonGroup, children: [
       /* @__PURE__ */ a(
         "button",
         {
-          className: `${K} ${R.mainAction}`,
-          disabled: S || b,
-          onClick: $,
-          "aria-label": L,
+          className: `${Y} ${E.mainAction}`,
+          disabled: C || v,
+          onClick: R,
+          "aria-label": I,
           children: [
-            b ? /* @__PURE__ */ e("span", { className: R.spinner }) : /* @__PURE__ */ e(N, { name: "printer", size: 16 }),
-            /* @__PURE__ */ e("span", { children: L })
+            v ? /* @__PURE__ */ e("span", { className: E.spinner }) : /* @__PURE__ */ e(w, { name: "printer", size: 16 }),
+            /* @__PURE__ */ e("span", { children: I })
           ]
         }
       ),
       /* @__PURE__ */ e(
         "button",
         {
-          className: `${K} ${R.dropdownToggle}`,
-          disabled: S || b,
-          onClick: () => i((T) => !T),
-          "aria-label": w("printing.options", "Print options"),
-          "aria-expanded": r,
-          children: /* @__PURE__ */ e("span", { className: `${R.chevron} ${r ? R.chevronUp : ""}`, children: /* @__PURE__ */ e(N, { name: "chevron-down", size: 12 }) })
+          className: `${Y} ${E.dropdownToggle}`,
+          disabled: C || v,
+          onClick: () => s((f) => !f),
+          "aria-label": S("printing.options", "Print options"),
+          "aria-expanded": x,
+          children: /* @__PURE__ */ e("span", { className: `${E.chevron} ${x ? E.chevronUp : ""}`, children: /* @__PURE__ */ e(w, { name: "chevron-down", size: 12 }) })
         }
       )
     ] }),
-    r && /* @__PURE__ */ a("div", { className: R.dropdown, children: [
-      /* @__PURE__ */ a("div", { className: R.section, children: [
-        /* @__PURE__ */ e("label", { className: R.sectionLabel, children: w("printing.copies.label", "Copies") }),
-        /* @__PURE__ */ a("div", { className: R.copiesRow, children: [
+    x && /* @__PURE__ */ a("div", { className: E.dropdown, children: [
+      /* @__PURE__ */ a("div", { className: E.section, children: [
+        /* @__PURE__ */ e("label", { className: E.sectionLabel, children: S("printing.copies.label", "Copies") }),
+        /* @__PURE__ */ a("div", { className: E.copiesRow, children: [
           /* @__PURE__ */ e(
             "button",
             {
-              className: R.copiesBtn,
-              onClick: q,
-              disabled: _ <= 1,
-              "aria-label": w("printing.copies.decrease", "One copy fewer"),
-              children: /* @__PURE__ */ e(N, { name: "minus", size: 12 })
+              className: E.copiesBtn,
+              onClick: $,
+              disabled: i <= 1,
+              "aria-label": S("printing.copies.decrease", "One copy fewer"),
+              children: /* @__PURE__ */ e(w, { name: "minus", size: 12 })
             }
           ),
-          /* @__PURE__ */ e("span", { className: R.copiesValue, children: _ }),
+          /* @__PURE__ */ e("span", { className: E.copiesValue, children: i }),
           /* @__PURE__ */ e(
             "button",
             {
-              className: R.copiesBtn,
-              onClick: v,
-              disabled: _ >= 99,
-              "aria-label": w("printing.copies.increase", "One copy more"),
-              children: /* @__PURE__ */ e(N, { name: "plus", size: 12 })
+              className: E.copiesBtn,
+              onClick: T,
+              disabled: i >= 99,
+              "aria-label": S("printing.copies.increase", "One copy more"),
+              children: /* @__PURE__ */ e(w, { name: "plus", size: 12 })
             }
           )
         ] })
       ] }),
-      /* @__PURE__ */ e("div", { className: R.divider }),
-      l.length > 0 && /* @__PURE__ */ a(j, { children: [
-        /* @__PURE__ */ a("div", { className: R.section, children: [
-          /* @__PURE__ */ e("label", { className: R.sectionLabel, children: w("printing.printer", "Printer") }),
+      /* @__PURE__ */ e("div", { className: E.divider }),
+      o.length > 0 && /* @__PURE__ */ a(X, { children: [
+        /* @__PURE__ */ a("div", { className: E.section, children: [
+          /* @__PURE__ */ e("label", { className: E.sectionLabel, children: S("printing.printer", "Printer") }),
           /* @__PURE__ */ e(
             "select",
             {
-              className: R.printerSelect,
-              value: k,
-              onChange: (T) => H(T.target.value),
-              children: l.map((T) => /* @__PURE__ */ a(
+              className: E.printerSelect,
+              value: u,
+              onChange: (f) => z(f.target.value),
+              children: o.map((f) => /* @__PURE__ */ a(
                 "option",
                 {
-                  value: T.id,
-                  disabled: T.status === "offline" || !T.isOnline && T.status == null,
+                  value: f.id,
+                  disabled: f.status === "offline" || !f.isOnline && f.status == null,
                   children: [
-                    T.name,
+                    f.name,
                     " ",
-                    T.status === "offline" || !T.isOnline && T.status == null ? "(Offline)" : T.status === "busy" ? `(${w("printing.printerBusyLabel", "Busy")})` : ""
+                    f.status === "offline" || !f.isOnline && f.status == null ? S("printing.offline", "(Offline)") : f.status === "busy" ? `(${S("printing.printerBusyLabel", "Busy")})` : ""
                   ]
                 },
-                T.id
+                f.id
               ))
             }
           ),
-          l.find((T) => T.id === k) && /* @__PURE__ */ e("div", { className: R.printerStatus, children: (() => {
-            const T = l.find((be) => be.id === k), X = T.status ?? (T.isOnline ? "ready" : "offline");
-            return /* @__PURE__ */ a(j, { children: [
-              /* @__PURE__ */ e("span", { className: `${R.printerDot} ${R[`dot-${X}`]}` }),
-              /* @__PURE__ */ e("span", { className: R.printerStatusLabel, children: X === "ready" ? w("printing.printerReady", "Ready") : X === "busy" ? w("printing.printerBusyLabel", "Busy") : X === "offline" ? "Offline" : w("printing.printerError", "Error") })
+          o.find((f) => f.id === u) && /* @__PURE__ */ e("div", { className: E.printerStatus, children: (() => {
+            const f = o.find((ge) => ge.id === u), K = f.status ?? (f.isOnline ? "ready" : "offline");
+            return /* @__PURE__ */ a(X, { children: [
+              /* @__PURE__ */ e("span", { className: `${E.printerDot} ${E[`dot-${K}`]}` }),
+              /* @__PURE__ */ e("span", { className: E.printerStatusLabel, children: K === "ready" ? S("printing.printerReady", "Ready") : K === "busy" ? S("printing.printerBusyLabel", "Busy") : K === "offline" ? S("printing.offline2", "Offline") : S("printing.printerError", "Error") })
             ] });
           })() })
         ] }),
-        /* @__PURE__ */ e("div", { className: R.divider })
+        /* @__PURE__ */ e("div", { className: E.divider })
       ] }),
-      /* @__PURE__ */ e("div", { className: R.section, children: /* @__PURE__ */ e(
+      /* @__PURE__ */ e("div", { className: E.section, children: /* @__PURE__ */ e(
         "button",
         {
-          className: R.submitBtn,
-          onClick: $,
-          disabled: S || b || l.length > 0 && (() => {
-            const T = l.find((X) => X.id === k);
-            return T != null && (T.status === "offline" || !T.isOnline && T.status == null);
+          className: E.submitBtn,
+          onClick: R,
+          disabled: C || v || o.length > 0 && (() => {
+            const f = o.find((K) => K.id === u);
+            return f != null && (f.status === "offline" || !f.isOnline && f.status == null);
           })(),
-          children: b ? w("printing.printing", "Printing…") : /* @__PURE__ */ a(j, { children: [
-            /* @__PURE__ */ e(N, { name: "printer", size: 14 }),
+          children: v ? S("printing.printing", "Printing…") : /* @__PURE__ */ a(X, { children: [
+            /* @__PURE__ */ e(w, { name: "printer", size: 14 }),
             " ",
-            L,
-            _ > 1 ? ` (${_})` : ""
+            I,
+            i > 1 ? ` (${i})` : ""
           ] })
         }
       ) })
@@ -3244,9 +3262,9 @@ const Ts = ({ jobs: n }) => {
   ] });
 };
 export {
-  dr as NicePrintButton,
-  or as NicePrintPreview,
-  cr as NicePrintQueue,
-  lr as NiceTemplateBrowser,
-  rr as NiceTemplateEditor
+  ur as NicePrintButton,
+  mr as NicePrintPreview,
+  pr as NicePrintQueue,
+  dr as NiceTemplateBrowser,
+  cr as NiceTemplateEditor
 };