@nice2dev/ui-printing 1.1.5 → 1.1.7

package/dist/index.mjs

@@ -1,8 +1,8 @@
 import { jsx as e, jsxs as s, Fragment as Y } from "react/jsx-runtime";
-import We, { useReducer as je, useState as M, useCallback as $, useMemo as oe, useEffect as ye, useRef as Fe } from "react";
+import He, { useReducer as We, useState as P, useCallback as T, useMemo as oe, useEffect as ge, useRef as Fe } from "react";
 import { NiceAppShell as Oe, useNiceTranslation as Ue } from "@nice2dev/ui";
 import { createPortal as Ye } from "react-dom";
-const qe = "_root_552wg_3", Ke = "_dark_552wg_27", Ve = "_toolbar_552wg_39", Ze = "_toolbarGroup_552wg_75", Xe = "_toolbarBtn_552wg_107", Je = "_toolbarBtnActive_552wg_167", Qe = "_toolbarBtnDanger_552wg_191", et = "_toolbarSelect_552wg_203", tt = "_toolbarSep_552wg_233", at = "_insertWrapper_552wg_259", nt = "_insertBtn_552wg_267", st = "_insertDropdown_552wg_289", rt = "_insertCategory_552wg_329", lt = "_insertItem_552wg_347", it = "_insertIcon_552wg_391", ot = "_zoomSelect_552wg_405", ct = "_saveBtn_552wg_437", dt = "_editorBody_552wg_473", pt = "_leftPanel_552wg_489", mt = "_leftTabs_552wg_519", ut = "_leftTab_552wg_519", ht = "_leftTabActive_552wg_591", _t = "_leftTabIcon_552wg_611", gt = "_leftTabLabel_552wg_619", yt = "_leftContent_552wg_629", bt = "_panelHeader_552wg_643", wt = "_panelHeaderIcon_552wg_667", vt = "_panelHeaderName_552wg_675", Nt = "_searchBox_552wg_689", ft = "_searchInput_552wg_697", kt = "_fieldList_552wg_743", St = "_fieldItem_552wg_753", Bt = "_fieldItemIcon_552wg_797", Ct = "_fieldItemInfo_552wg_811", It = "_fieldItemLabel_552wg_821", Lt = "_fieldItemPath_552wg_837", xt = "_fieldItemType_552wg_853", zt = "_layerList_552wg_873", Dt = "_layerItem_552wg_885", Tt = "_layerItemSelected_552wg_919", $t = "_layerIcon_552wg_937", Rt = "_layerName_552wg_949", At = "_layerActions_552wg_965", Pt = "_layerBtn_552wg_987", Mt = "_wmList_552wg_1019", Et = "_wmItem_552wg_1027", Gt = "_wmRow_552wg_1053", Ht = "_wmLabel_552wg_1067", Wt = "_wmInput_552wg_1079", jt = "_wmInputNum_552wg_1111", Ft = "_wmSelect_552wg_1131", Ot = "_wmSlider_552wg_1163", Ut = "_wmValue_552wg_1173", Yt = "_wmUnit_552wg_1187", qt = "_wmDelete_552wg_1197", Kt = "_addBtn_552wg_1229", Vt = "_settingsForm_552wg_1265", Zt = "_settingsRow_552wg_1273", Xt = "_settingsLabel_552wg_1287", Jt = "_settingsInput_552wg_1299", Qt = "_settingsInputNum_552wg_1331", ea = "_settingsTextarea_552wg_1363", ta = "_settingsDivider_552wg_1397", aa = "_settingsUnit_552wg_1417", na = "_emptyMsg_552wg_1429", sa = "_canvasArea_552wg_1447", ra = "_testDataBar_552wg_1473", la = "_testDataLabel_552wg_1505", ia = "_testDataSelect_552wg_1515", oa = "_rulerWrapper_552wg_1535", ca = "_rulerCorner_552wg_1551", da = "_ruler_552wg_1535", pa = "_ruler_h_552wg_1609", ma = "_ruler_v_552wg_1619", ua = "_rulerTick_552wg_1639", ha = "_rulerTickMajor_552wg_1679", _a = "_rulerLabel_552wg_1699", ga = "_paperScroll_552wg_1737", ya = "_paperShadow_552wg_1755", ba = "_marginGuide_552wg_1779", wa = "_watermark_552wg_1795", va = "_sectionCanvas_552wg_1821", Na = "_sectionCanvasOver_552wg_1835", fa = "_sectionTypeChip_552wg_1843", ka = "_sectionResizeBar_552wg_1875", Sa = "_sectionResizeGrip_552wg_1909", Ba = "_fieldImagePlaceholder_552wg_1925", Ca = "_fieldBarcodePlaceholder_552wg_1947", Ia = "_fieldSignaturePlaceholder_552wg_1975", La = "_resizeHandle_552wg_2001", xa = "_handle_n_552wg_2021", za = "_handle_s_552wg_2023", Da = "_handle_e_552wg_2025", Ta = "_handle_w_552wg_2027", $a = "_handle_ne_552wg_2029", Ra = "_handle_nw_552wg_2031", Aa = "_handle_se_552wg_2033", Pa = "_handle_sw_552wg_2035", Ma = "_rightPanel_552wg_2041", Ea = "_rightTabs_552wg_2071", Ga = "_rightTab_552wg_2071", Ha = "_rightTabActive_552wg_2135", Wa = "_propsBody_552wg_2147", ja = "_propsEmpty_552wg_2159", Fa = "_propsEmptyIcon_552wg_2181", Oa = "_propsEmptyText_552wg_2191", Ua = "_posGrid_552wg_2203", Ya = "_posCell_552wg_2217", qa = "_posLabel_552wg_2229", Ka = "_posInput_552wg_2241", Va = "_posUnit_552wg_2283", Za = "_snapSection_552wg_2295", Xa = "_snapTitle_552wg_2303", Ja = "_snapRow_552wg_2321", Qa = "_snapBtn_552wg_2331", en = "_styleGroup_552wg_2365", tn = "_styleGroupTitle_552wg_2373", an = "_styleRow_552wg_2403", nn = "_styleLabel_552wg_2417", sn = "_styleSelect_552wg_2431", rn = "_styleSelectFull_552wg_2461", ln = "_styleSelectSm_552wg_2493", on = "_styleSelectXs_552wg_2513", cn = "_styleInput_552wg_2545", dn = "_styleInputFull_552wg_2577", pn = "_styleUnit_552wg_2609", mn = "_styleValue_552wg_2621", un = "_toggleGroup_552wg_2635", hn = "_toggleBtn_552wg_2645", _n = "_toggleBtnActive_552wg_2675", gn = "_colorPicker_552wg_2689", yn = "_colorHex_552wg_2707", bn = "_clearBtn_552wg_2741", wn = "_sliderInput_552wg_2773", vn = "_conditionalHint_552wg_2785", Nn = "_clearConditionalBtn_552wg_2817", fn = "_shortcutGrid_552wg_2849", kn = "_shortcutChip_552wg_2863", Sn = "_shortcutKeys_552wg_2895", Bn = "_shortcutLabel_552wg_2915", t = {
+const qe = "_root_142ej_3", Ke = "_dark_142ej_27", Ve = "_toolbar_142ej_39", Ze = "_toolbarGroup_142ej_75", Xe = "_toolbarBtn_142ej_107", Je = "_toolbarBtnActive_142ej_171", Qe = "_toolbarBtnDanger_142ej_195", et = "_toolbarSelect_142ej_207", tt = "_toolbarSep_142ej_237", at = "_insertWrapper_142ej_263", nt = "_insertBtn_142ej_271", st = "_insertDropdown_142ej_293", lt = "_insertCategory_142ej_333", rt = "_insertItem_142ej_351", it = "_insertIcon_142ej_395", ot = "_zoomSelect_142ej_409", ct = "_saveBtn_142ej_441", dt = "_editorBody_142ej_477", pt = "_leftPanel_142ej_493", mt = "_leftTabs_142ej_523", ut = "_leftTab_142ej_523", _t = "_leftTabActive_142ej_601", ht = "_leftTabIcon_142ej_621", yt = "_leftTabLabel_142ej_629", gt = "_leftContent_142ej_639", bt = "_panelHeader_142ej_653", vt = "_panelHeaderIcon_142ej_677", Nt = "_panelHeaderName_142ej_685", wt = "_searchBox_142ej_699", ft = "_searchInput_142ej_707", kt = "_fieldList_142ej_753", St = "_fieldItem_142ej_763", Bt = "_fieldItemIcon_142ej_807", xt = "_fieldItemInfo_142ej_821", Ct = "_fieldItemLabel_142ej_831", It = "_fieldItemPath_142ej_847", Lt = "_fieldItemType_142ej_863", jt = "_layerList_142ej_883", zt = "_layerItem_142ej_895", Dt = "_layerItemSelected_142ej_931", Tt = "_layerIcon_142ej_949", $t = "_layerName_142ej_961", Rt = "_layerActions_142ej_977", At = "_layerBtn_142ej_999", Pt = "_wmList_142ej_1031", Mt = "_wmItem_142ej_1039", Et = "_wmRow_142ej_1065", Gt = "_wmLabel_142ej_1079", Ht = "_wmInput_142ej_1091", Wt = "_wmInputNum_142ej_1123", Ft = "_wmSelect_142ej_1143", Ot = "_wmSlider_142ej_1175", Ut = "_wmValue_142ej_1185", Yt = "_wmUnit_142ej_1199", qt = "_wmDelete_142ej_1209", Kt = "_addBtn_142ej_1241", Vt = "_settingsForm_142ej_1277", Zt = "_settingsRow_142ej_1285", Xt = "_settingsLabel_142ej_1299", Jt = "_settingsInput_142ej_1311", Qt = "_settingsInputNum_142ej_1343", ea = "_settingsTextarea_142ej_1375", ta = "_settingsDivider_142ej_1409", aa = "_settingsUnit_142ej_1429", na = "_emptyMsg_142ej_1441", sa = "_canvasArea_142ej_1459", la = "_testDataBar_142ej_1485", ra = "_testDataLabel_142ej_1517", ia = "_testDataSelect_142ej_1527", oa = "_rulerWrapper_142ej_1547", ca = "_rulerCorner_142ej_1563", da = "_ruler_142ej_1547", pa = "_ruler_h_142ej_1621", ma = "_ruler_v_142ej_1631", ua = "_rulerTick_142ej_1651", _a = "_rulerTickMajor_142ej_1691", ha = "_rulerLabel_142ej_1711", ya = "_paperScroll_142ej_1749", ga = "_paperShadow_142ej_1767", ba = "_marginGuide_142ej_1795", va = "_watermark_142ej_1811", Na = "_sectionCanvas_142ej_1837", wa = "_sectionCanvasOver_142ej_1851", fa = "_sectionTypeChip_142ej_1859", ka = "_sectionResizeBar_142ej_1891", Sa = "_sectionResizeGrip_142ej_1925", Ba = "_fieldImagePlaceholder_142ej_1941", xa = "_fieldBarcodePlaceholder_142ej_1963", Ca = "_fieldSignaturePlaceholder_142ej_1991", Ia = "_resizeHandle_142ej_2017", La = "_handle_n_142ej_2037", ja = "_handle_s_142ej_2049", za = "_handle_e_142ej_2061", Da = "_handle_w_142ej_2073", Ta = "_handle_ne_142ej_2085", $a = "_handle_nw_142ej_2095", Ra = "_handle_se_142ej_2105", Aa = "_handle_sw_142ej_2115", Pa = "_rightPanel_142ej_2129", Ma = "_rightTabs_142ej_2159", Ea = "_rightTab_142ej_2159", Ga = "_rightTabActive_142ej_2229", Ha = "_propsBody_142ej_2241", Wa = "_propsEmpty_142ej_2253", Fa = "_propsEmptyIcon_142ej_2275", Oa = "_propsEmptyText_142ej_2285", Ua = "_posGrid_142ej_2297", Ya = "_posCell_142ej_2311", qa = "_posLabel_142ej_2323", Ka = "_posInput_142ej_2335", Va = "_posUnit_142ej_2377", Za = "_snapSection_142ej_2389", Xa = "_snapTitle_142ej_2397", Ja = "_snapRow_142ej_2415", Qa = "_snapBtn_142ej_2425", en = "_styleGroup_142ej_2459", tn = "_styleGroupTitle_142ej_2467", an = "_styleRow_142ej_2497", nn = "_styleLabel_142ej_2511", sn = "_styleSelect_142ej_2525", ln = "_styleSelectFull_142ej_2555", rn = "_styleSelectSm_142ej_2587", on = "_styleSelectXs_142ej_2607", cn = "_styleInput_142ej_2639", dn = "_styleInputFull_142ej_2671", pn = "_styleUnit_142ej_2703", mn = "_styleValue_142ej_2715", un = "_toggleGroup_142ej_2729", _n = "_toggleBtn_142ej_2739", hn = "_toggleBtnActive_142ej_2773", yn = "_colorPicker_142ej_2787", gn = "_colorHex_142ej_2805", bn = "_clearBtn_142ej_2839", vn = "_sliderInput_142ej_2871", Nn = "_conditionalHint_142ej_2883", wn = "_clearConditionalBtn_142ej_2915", fn = "_shortcutGrid_142ej_2947", kn = "_shortcutChip_142ej_2961", Sn = "_shortcutKeys_142ej_2993", Bn = "_shortcutLabel_142ej_3013", t = {
   root: qe,
   dark: Ke,
   toolbar: Ve,
@@ -15,8 +15,8 @@ const qe = "_root_552wg_3", Ke = "_dark_552wg_27", Ve = "_toolbar_552wg_39", Ze
   insertWrapper: at,
   insertBtn: nt,
   insertDropdown: st,
-  insertCategory: rt,
-  insertItem: lt,
+  insertCategory: lt,
+  insertItem: rt,
   insertIcon: it,
   zoomSelect: ot,
   saveBtn: ct,
@@ -24,35 +24,35 @@ const qe = "_root_552wg_3", Ke = "_dark_552wg_27", Ve = "_toolbar_552wg_39", Ze
   leftPanel: pt,
   leftTabs: mt,
   leftTab: ut,
-  leftTabActive: ht,
-  leftTabIcon: _t,
-  leftTabLabel: gt,
-  leftContent: yt,
+  leftTabActive: _t,
+  leftTabIcon: ht,
+  leftTabLabel: yt,
+  leftContent: gt,
   panelHeader: bt,
-  panelHeaderIcon: wt,
-  panelHeaderName: vt,
-  searchBox: Nt,
+  panelHeaderIcon: vt,
+  panelHeaderName: Nt,
+  searchBox: wt,
   searchInput: ft,
   fieldList: kt,
   fieldItem: St,
   fieldItemIcon: Bt,
-  fieldItemInfo: Ct,
-  fieldItemLabel: It,
-  fieldItemPath: Lt,
-  fieldItemType: xt,
-  layerList: zt,
-  layerItem: Dt,
-  layerItemSelected: Tt,
-  layerIcon: $t,
-  layerName: Rt,
-  layerActions: At,
-  layerBtn: Pt,
-  wmList: Mt,
-  wmItem: Et,
-  wmRow: Gt,
-  wmLabel: Ht,
-  wmInput: Wt,
-  wmInputNum: jt,
+  fieldItemInfo: xt,
+  fieldItemLabel: Ct,
+  fieldItemPath: It,
+  fieldItemType: Lt,
+  layerList: jt,
+  layerItem: zt,
+  layerItemSelected: Dt,
+  layerIcon: Tt,
+  layerName: $t,
+  layerActions: Rt,
+  layerBtn: At,
+  wmList: Pt,
+  wmItem: Mt,
+  wmRow: Et,
+  wmLabel: Gt,
+  wmInput: Ht,
+  wmInputNum: Wt,
   wmSelect: Ft,
   wmSlider: Ot,
   wmValue: Ut,
@@ -69,8 +69,8 @@ const qe = "_root_552wg_3", Ke = "_dark_552wg_27", Ve = "_toolbar_552wg_39", Ze
   settingsUnit: aa,
   emptyMsg: na,
   canvasArea: sa,
-  testDataBar: ra,
-  testDataLabel: la,
+  testDataBar: la,
+  testDataLabel: ra,
   testDataSelect: ia,
   rulerWrapper: oa,
   rulerCorner: ca,
@@ -78,35 +78,35 @@ const qe = "_root_552wg_3", Ke = "_dark_552wg_27", Ve = "_toolbar_552wg_39", Ze
   ruler_h: pa,
   ruler_v: ma,
   rulerTick: ua,
-  rulerTickMajor: ha,
-  rulerLabel: _a,
-  paperScroll: ga,
-  paperShadow: ya,
+  rulerTickMajor: _a,
+  rulerLabel: ha,
+  paperScroll: ya,
+  paperShadow: ga,
   marginGuide: ba,
-  watermark: wa,
-  sectionCanvas: va,
-  sectionCanvasOver: Na,
+  watermark: va,
+  sectionCanvas: Na,
+  sectionCanvasOver: wa,
   sectionTypeChip: fa,
   sectionResizeBar: ka,
   sectionResizeGrip: Sa,
   fieldImagePlaceholder: Ba,
-  fieldBarcodePlaceholder: Ca,
-  fieldSignaturePlaceholder: Ia,
-  resizeHandle: La,
-  handle_n: xa,
-  handle_s: za,
-  handle_e: Da,
-  handle_w: Ta,
-  handle_ne: $a,
-  handle_nw: Ra,
-  handle_se: Aa,
-  handle_sw: Pa,
-  rightPanel: Ma,
-  rightTabs: Ea,
-  rightTab: Ga,
-  rightTabActive: Ha,
-  propsBody: Wa,
-  propsEmpty: ja,
+  fieldBarcodePlaceholder: xa,
+  fieldSignaturePlaceholder: Ca,
+  resizeHandle: Ia,
+  handle_n: La,
+  handle_s: ja,
+  handle_e: za,
+  handle_w: Da,
+  handle_ne: Ta,
+  handle_nw: $a,
+  handle_se: Ra,
+  handle_sw: Aa,
+  rightPanel: Pa,
+  rightTabs: Ma,
+  rightTab: Ea,
+  rightTabActive: Ga,
+  propsBody: Ha,
+  propsEmpty: Wa,
   propsEmptyIcon: Fa,
   propsEmptyText: Oa,
   posGrid: Ua,
@@ -123,27 +123,27 @@ const qe = "_root_552wg_3", Ke = "_dark_552wg_27", Ve = "_toolbar_552wg_39", Ze
   styleRow: an,
   styleLabel: nn,
   styleSelect: sn,
-  styleSelectFull: rn,
-  styleSelectSm: ln,
+  styleSelectFull: ln,
+  styleSelectSm: rn,
   styleSelectXs: on,
   styleInput: cn,
   styleInputFull: dn,
   styleUnit: pn,
   styleValue: mn,
   toggleGroup: un,
-  toggleBtn: hn,
-  toggleBtnActive: _n,
-  colorPicker: gn,
-  colorHex: yn,
+  toggleBtn: _n,
+  toggleBtnActive: hn,
+  colorPicker: yn,
+  colorHex: gn,
   clearBtn: bn,
-  sliderInput: wn,
-  conditionalHint: vn,
-  clearConditionalBtn: Nn,
+  sliderInput: vn,
+  conditionalHint: Nn,
+  clearConditionalBtn: wn,
   shortcutGrid: fn,
   shortcutChip: kn,
   shortcutKeys: Sn,
   shortcutLabel: Bn
-}, F = 3.78, Ne = {
+}, F = 3.78, we = {
   A3: [297, 420],
   A4: [210, 297],
   A5: [148, 210],
@@ -152,7 +152,7 @@ const qe = "_root_552wg_3", Ke = "_dark_552wg_27", Ve = "_toolbar_552wg_39", Ze
   Legal: [216, 356],
   Tabloid: [279, 432],
   custom: [210, 297]
-}, Cn = [
+}, xn = [
   "sans-serif",
   "serif",
   "monospace",
@@ -199,7 +199,7 @@ const qe = "_root_552wg_3", Ke = "_dark_552wg_27", Ve = "_toolbar_552wg_39", Ze
   total_pages: "Liczba stron",
   print_date: "Data wydruku"
 };
-function In(a, i) {
+function Cn(a, i) {
   switch (i.type) {
     case "UPDATE":
       return {
@@ -255,23 +255,23 @@ const Se = ({
   zoom: i,
   orientation: p
 }) => {
-  const l = [], k = i < 0.6 ? 20 : i < 1 ? 10 : 5;
-  for (let h = 0; h <= a; h += k) {
-    const S = h * i * F, b = h % (k * 2) === 0;
-    l.push(
+  const r = [], k = i < 0.6 ? 20 : i < 1 ? 10 : 5;
+  for (let _ = 0; _ <= a; _ += k) {
+    const S = _ * i * F, b = _ % (k * 2) === 0;
+    r.push(
       /* @__PURE__ */ e(
         "div",
         {
           className: `${t.rulerTick} ${b ? t.rulerTickMajor : ""}`,
           style: p === "h" ? { left: S } : { top: S },
-          children: b && /* @__PURE__ */ e("span", { className: t.rulerLabel, children: h })
+          children: b && /* @__PURE__ */ e("span", { className: t.rulerLabel, children: _ })
         },
-        h
+        _
       )
     );
   }
-  return /* @__PURE__ */ e("div", { className: `${t.ruler} ${t[`ruler_${p}`]}`, children: l });
-}, Ln = ["n", "s", "e", "w", "ne", "nw", "se", "sw"], xn = ({ onResizeStart: a }) => /* @__PURE__ */ e(Y, { children: Ln.map((i) => /* @__PURE__ */ e(
+  return /* @__PURE__ */ e("div", { className: `${t.ruler} ${t[`ruler_${p}`]}`, children: r });
+}, In = ["n", "s", "e", "w", "ne", "nw", "se", "sw"], Ln = ({ onResizeStart: a }) => /* @__PURE__ */ e(Y, { children: In.map((i) => /* @__PURE__ */ e(
   "div",
   {
     className: `${t.resizeHandle} ${t[`handle_${i}`]}`,
@@ -281,7 +281,7 @@ const Se = ({
   },
   i
 )) });
-function zn(a, i) {
+function jn(a, i) {
   if (a.type === "static_text")
     return a.fallback ?? "Tekst";
   if (a.type === "page_number")
@@ -292,7 +292,7 @@ function zn(a, i) {
     return (/* @__PURE__ */ new Date()).toLocaleDateString("pl-PL");
   if (i && a.dataPath) {
     const p = a.dataPath.split(".").reduce(
-      (l, k) => l && typeof l == "object" ? l[k] : null,
+      (r, k) => r && typeof r == "object" ? r[k] : null,
       i
     );
     if (p != null)
@@ -300,77 +300,77 @@ function zn(a, i) {
   }
   return a.label ? `{${a.label}}` : `{${a.dataPath}}`;
 }
-const Dn = ({
+const zn = ({
   field: a,
   zoom: i,
   selected: p,
-  sampleData: l,
+  sampleData: r,
   onClick: k,
-  onDragStart: h,
+  onDragStart: _,
   onResizeStart: S,
   readOnly: b
 }) => {
-  const g = a.position, v = a.style, c = (m) => m * i * F, T = a.type === "line", N = a.type === "rect", r = a.type === "image" || a.type === "static_image", n = a.type === "barcode" || a.type === "qr", u = {
+  const y = a.position, N = a.style, c = (m) => m * i * F, D = a.type === "line", w = a.type === "rect", l = a.type === "image" || a.type === "static_image", n = a.type === "barcode" || a.type === "qr", u = {
     position: "absolute",
-    left: c(g.x),
-    top: c(g.y),
-    width: c(g.width),
-    height: c(g.height),
-    zIndex: g.zIndex ?? 1,
-    transform: v.rotation ? `rotate(${v.rotation}deg)` : void 0,
+    left: c(y.x),
+    top: c(y.y),
+    width: c(y.width),
+    height: c(y.height),
+    zIndex: y.zIndex ?? 1,
+    transform: N.rotation ? `rotate(${N.rotation}deg)` : void 0,
     boxSizing: "border-box",
     overflow: "hidden",
-    ...!T && !N ? {
-      fontSize: (v.fontSize ?? 10) * i,
-      fontFamily: v.fontFamily ?? "sans-serif",
-      fontWeight: v.fontWeight ?? "normal",
-      fontStyle: v.fontStyle ?? "normal",
-      color: v.color ?? "var(--nice-text, #000)",
-      textAlign: v.textAlign ?? "left",
-      lineHeight: v.lineHeight ?? 1.4,
-      letterSpacing: v.letterSpacing ? `${v.letterSpacing}em` : void 0,
-      padding: v.padding ? c(v.padding) : 0
+    ...!D && !w ? {
+      fontSize: (N.fontSize ?? 10) * i,
+      fontFamily: N.fontFamily ?? "sans-serif",
+      fontWeight: N.fontWeight ?? "normal",
+      fontStyle: N.fontStyle ?? "normal",
+      color: N.color ?? "var(--nice-text, #000)",
+      textAlign: N.textAlign ?? "left",
+      lineHeight: N.lineHeight ?? 1.4,
+      letterSpacing: N.letterSpacing ? `${N.letterSpacing}em` : void 0,
+      padding: N.padding ? c(N.padding) : 0
     } : {},
-    backgroundColor: v.backgroundColor,
-    borderWidth: v.borderWidth ?? 0,
-    borderColor: v.borderColor ?? "transparent",
-    borderStyle: v.borderStyle ?? "solid",
-    borderRadius: v.borderRadius,
-    opacity: v.opacity,
+    backgroundColor: N.backgroundColor,
+    borderWidth: N.borderWidth ?? 0,
+    borderColor: N.borderColor ?? "transparent",
+    borderStyle: N.borderStyle ?? "solid",
+    borderRadius: N.borderRadius,
+    opacity: N.opacity,
     outline: p ? "1.5px solid var(--nice-primary-hover, #2563eb)" : "1px dashed transparent",
     outlineOffset: 1,
     cursor: b ? "default" : "move"
   };
-  return /* @__PURE__ */ s("div", { style: u, onClick: k, onMouseDown: b ? void 0 : h, children: [
-    T ? /* @__PURE__ */ e(
+  return /* @__PURE__ */ s("div", { style: u, onClick: k, onMouseDown: b ? void 0 : _, children: [
+    D ? /* @__PURE__ */ e(
       "div",
       {
         style: {
           width: "100%",
-          borderBottom: `${(v.borderWidth ?? 0.5) * i}px ${v.borderStyle ?? "solid"} ${v.borderColor ?? "var(--nice-text, #000)"}`
+          borderBottom: `${(N.borderWidth ?? 0.5) * i}px ${N.borderStyle ?? "solid"} ${N.borderColor ?? "var(--nice-text, #000)"}`
         }
       }
-    ) : N ? null : r ? /* @__PURE__ */ e("div", { className: t.fieldImagePlaceholder, children: "🖼" }) : n ? /* @__PURE__ */ e("div", { className: t.fieldBarcodePlaceholder, children: a.type === "qr" ? "⬛ QR" : "▮▌▮ Barcode" }) : a.type === "signature" ? /* @__PURE__ */ s("div", { className: t.fieldSignaturePlaceholder, children: [
+    ) : w ? null : l ? /* @__PURE__ */ e("div", { className: t.fieldImagePlaceholder, children: "🖼" }) : n ? /* @__PURE__ */ e("div", { className: t.fieldBarcodePlaceholder, children: a.type === "qr" ? "⬛ QR" : "▮▌▮ Barcode" }) : a.type === "signature" ? /* @__PURE__ */ s("div", { className: t.fieldSignaturePlaceholder, children: [
       "✍ ",
       a.label
-    ] }) : /* @__PURE__ */ e("span", { style: { display: "block", width: "100%" }, children: zn(a, l) }),
-    p && !b && /* @__PURE__ */ e(xn, { onResizeStart: S })
+    ] }) : /* @__PURE__ */ e("span", { style: { display: "block", width: "100%" }, children: jn(a, r) }),
+    p && !b && /* @__PURE__ */ e(Ln, { onResizeStart: S })
   ] });
-}, Tn = ({
+}, Dn = ({
   section: a,
   zoom: i,
   paperWidthMm: p,
-  selectedIds: l,
+  selectedIds: r,
   sampleData: k,
-  readOnly: h,
+  readOnly: _,
   showGrid: S,
   onFieldClick: b,
-  onFieldDragStart: g,
-  onResizeStart: v,
+  onFieldDragStart: y,
+  onResizeStart: N,
   onSectionHeightChange: c,
-  onDropField: T
+  onDropField: D
 }) => {
-  const N = (a.heightMm ?? (a.type === "body" ? 200 : 40)) * i * F, r = p * i * F, [n, u] = M(!1), m = {
+  const w = (a.heightMm ?? (a.type === "body" ? 200 : 40)) * i * F, l = p * i * F, [n, u] = P(!1), m = {
     header: "rgba(219,234,254,0.35)",
     footer: "rgba(220,252,231,0.35)",
     background: "rgba(254,249,195,0.35)",
@@ -381,8 +381,8 @@ const Dn = ({
     {
       className: `${t.sectionCanvas} ${n ? t.sectionCanvasOver : ""}`,
       style: {
-        width: r,
-        height: N,
+        width: l,
+        height: w,
         position: "relative",
         background: m[a.type] ?? "transparent",
         backgroundImage: S ? `repeating-linear-gradient(0deg, var(--nice-overlay-15, rgba(148, 163, 184, 0.15)) 0, var(--nice-overlay-15, rgba(148, 163, 184, 0.15)) 1px, transparent 1px, transparent ${5 * i * F}px),
@@ -394,41 +394,41 @@ const Dn = ({
       onDragLeave: () => u(!1),
       onDrop: (f) => {
         f.preventDefault(), u(!1);
-        const D = f.dataTransfer.getData("fieldPath");
-        if (!D)
+        const z = f.dataTransfer.getData("fieldPath");
+        if (!z)
           return;
-        const y = f.currentTarget.getBoundingClientRect(), x = (f.clientX - y.left) / (i * F), I = (f.clientY - y.top) / (i * F);
-        T(a.id, D, Math.max(0, x), Math.max(0, I));
+        const g = f.currentTarget.getBoundingClientRect(), L = (f.clientX - g.left) / (i * F), C = (f.clientY - g.top) / (i * F);
+        D(a.id, z, Math.max(0, L), Math.max(0, C));
       },
       children: [
         /* @__PURE__ */ e("div", { className: t.sectionTypeChip, children: a.type }),
         a.fields.map((f) => /* @__PURE__ */ e(
-          Dn,
+          zn,
           {
             field: f,
             zoom: i,
-            selected: l.has(f.id),
+            selected: r.has(f.id),
             sampleData: k,
-            readOnly: h,
-            onClick: (D) => b(f.id, D),
-            onDragStart: (D) => g(f.id, D),
-            onResizeStart: (D, y) => v(f.id, D, y)
+            readOnly: _,
+            onClick: (z) => b(f.id, z),
+            onDragStart: (z) => y(f.id, z),
+            onResizeStart: (z, g) => N(f.id, z, g)
           },
           f.id
         )),
-        !h && a.type !== "body" && /* @__PURE__ */ e(
+        !_ && a.type !== "body" && /* @__PURE__ */ e(
           "div",
           {
             className: t.sectionResizeBar,
             onMouseDown: (f) => {
               f.preventDefault();
-              const D = f.clientY, y = a.heightMm ?? 40, x = (E) => {
-                const W = (E.clientY - D) / (i * F);
-                c(a.id, Math.max(10, y + W));
-              }, I = () => {
-                document.removeEventListener("mousemove", x), document.removeEventListener("mouseup", I);
+              const z = f.clientY, g = a.heightMm ?? 40, L = (M) => {
+                const H = (M.clientY - z) / (i * F);
+                c(a.id, Math.max(10, g + H));
+              }, C = () => {
+                document.removeEventListener("mousemove", L), document.removeEventListener("mouseup", C);
               };
-              document.addEventListener("mousemove", x), document.addEventListener("mouseup", I);
+              document.addEventListener("mousemove", L), document.addEventListener("mouseup", C);
             },
             children: /* @__PURE__ */ e("div", { className: t.sectionResizeGrip })
           }
@@ -439,42 +439,42 @@ const Dn = ({
 }, ne = ({ keys: a, label: i }) => /* @__PURE__ */ s("div", { className: t.shortcutChip, children: [
   /* @__PURE__ */ e("span", { className: t.shortcutKeys, children: a }),
   /* @__PURE__ */ e("span", { className: t.shortcutLabel, children: i })
-] }), $n = [
+] }), Tn = [
   { id: "fields", icon: "📝", label: "Pola" },
   { id: "layers", icon: "◧", label: "Warstwy" },
   { id: "watermarks", icon: "💧", label: "Znaki" },
   { id: "signatures", icon: "✍", label: "Podpisy" },
   { id: "settings", icon: "⚙", label: "Ustawienia" }
-], Rn = [
+], $n = [
   { id: "position", label: "Pozycja" },
   { id: "style", label: "Styl" },
   { id: "data", label: "Dane" },
   { id: "conditional", label: "Warunki" }
-], An = ({
+], Rn = ({
   tpl: a,
   zoom: i,
   canUndo: p,
-  canRedo: l,
+  canRedo: r,
   showGrid: k,
-  showRulers: h,
+  showRulers: _,
   readOnly: S,
   selectedCount: b,
-  onPaperChange: g,
-  onZoom: v,
+  onPaperChange: y,
+  onZoom: N,
   onUndo: c,
-  onRedo: T,
-  onToggleGrid: N,
-  onToggleRulers: r,
+  onRedo: D,
+  onToggleGrid: w,
+  onToggleRulers: l,
   onInsert: n,
   onDelete: u,
   onDuplicate: m,
   onAlignH: f,
-  onAlignV: D,
-  onBringForward: y,
-  onSendBackward: x,
-  onSave: I
+  onAlignV: z,
+  onBringForward: g,
+  onSendBackward: L,
+  onSave: C
 }) => {
-  const [E, W] = M(!1), P = [0.5, 0.75, 1, 1.25, 1.5, 2];
+  const [M, H] = P(!1), A = [0.5, 0.75, 1, 1.25, 1.5, 2];
   return /* @__PURE__ */ s("div", { className: t.toolbar, children: [
     /* @__PURE__ */ s("div", { className: t.toolbarGroup, children: [
       /* @__PURE__ */ e(
@@ -482,15 +482,15 @@ const Dn = ({
         {
           className: t.toolbarSelect,
           value: a.paperSize,
-          onChange: (_) => g(_.target.value, a.orientation),
-          children: ["A4", "A5", "A3", "Letter", "Legal", "Tabloid", "custom"].map((_) => /* @__PURE__ */ e("option", { value: _, children: _ }, _))
+          onChange: (h) => y(h.target.value, a.orientation),
+          children: ["A4", "A5", "A3", "Letter", "Legal", "Tabloid", "custom"].map((h) => /* @__PURE__ */ e("option", { value: h, children: h }, h))
         }
       ),
       /* @__PURE__ */ e(
         "button",
         {
           className: `${t.toolbarBtn} ${a.orientation === "portrait" ? t.toolbarBtnActive : ""}`,
-          onClick: () => g(a.paperSize, "portrait"),
+          onClick: () => y(a.paperSize, "portrait"),
           title: "Pion",
           children: "⬜"
         }
@@ -499,7 +499,7 @@ const Dn = ({
         "button",
         {
           className: `${t.toolbarBtn} ${a.orientation === "landscape" ? t.toolbarBtnActive : ""}`,
-          onClick: () => g(a.paperSize, "landscape"),
+          onClick: () => y(a.paperSize, "landscape"),
           title: "Poziom",
           children: "▭"
         }
@@ -520,8 +520,8 @@ const Dn = ({
         "button",
         {
           className: t.toolbarBtn,
-          disabled: !l,
-          onClick: T,
+          disabled: !r,
+          onClick: D,
           title: "Ponów (Ctrl+Y)",
           children: "↪"
         }
@@ -532,25 +532,25 @@ const Dn = ({
         "button",
         {
           className: `${t.toolbarBtn} ${t.insertBtn}`,
-          onClick: () => W((_) => !_),
+          onClick: () => H((h) => !h),
           children: "＋ Wstaw ▾"
         }
       ),
-      E && /* @__PURE__ */ s("div", { className: t.insertDropdown, onMouseLeave: () => W(!1), children: [
+      M && /* @__PURE__ */ s("div", { className: t.insertDropdown, onMouseLeave: () => H(!1), children: [
         /* @__PURE__ */ e("div", { className: t.insertCategory, children: "Pola danych" }),
-        ["text", "number", "currency", "date", "image", "barcode", "qr"].map((_) => /* @__PURE__ */ s(
+        ["text", "number", "currency", "date", "image", "barcode", "qr"].map((h) => /* @__PURE__ */ s(
           "button",
           {
             className: t.insertItem,
             onClick: () => {
-              n(_), W(!1);
+              n(h), H(!1);
             },
             children: [
-              /* @__PURE__ */ e("span", { className: t.insertIcon, children: ce[_] }),
-              de[_]
+              /* @__PURE__ */ e("span", { className: t.insertIcon, children: ce[h] }),
+              de[h]
             ]
           },
-          _
+          h
         )),
         /* @__PURE__ */ e("div", { className: t.insertCategory, children: "Elementy statyczne" }),
         [
@@ -561,19 +561,19 @@ const Dn = ({
           "page_number",
           "total_pages",
           "print_date"
-        ].map((_) => /* @__PURE__ */ s(
+        ].map((h) => /* @__PURE__ */ s(
           "button",
           {
             className: t.insertItem,
             onClick: () => {
-              n(_), W(!1);
+              n(h), H(!1);
             },
             children: [
-              /* @__PURE__ */ e("span", { className: t.insertIcon, children: ce[_] }),
-              de[_]
+              /* @__PURE__ */ e("span", { className: t.insertIcon, children: ce[h] }),
+              de[h]
             ]
           },
-          _
+          h
         )),
         /* @__PURE__ */ e("div", { className: t.insertCategory, children: "Specjalne" }),
         /* @__PURE__ */ s(
@@ -581,7 +581,7 @@ const Dn = ({
           {
             className: t.insertItem,
             onClick: () => {
-              n("watermark"), W(!1);
+              n("watermark"), H(!1);
             },
             children: [
               /* @__PURE__ */ e("span", { className: t.insertIcon, children: "💧" }),
@@ -594,7 +594,7 @@ const Dn = ({
           {
             className: t.insertItem,
             onClick: () => {
-              n("signature"), W(!1);
+              n("signature"), H(!1);
             },
             children: [
               /* @__PURE__ */ e("span", { className: t.insertIcon, children: "✍" }),
@@ -643,19 +643,19 @@ const Dn = ({
           children: "□□⬛"
         }
       ),
-      /* @__PURE__ */ e("button", { className: t.toolbarBtn, onClick: () => D("top"), title: "Góra", children: "⊤" }),
-      /* @__PURE__ */ e("button", { className: t.toolbarBtn, onClick: () => D("center"), title: "Środek V", children: "⊕" }),
-      /* @__PURE__ */ e("button", { className: t.toolbarBtn, onClick: () => D("bottom"), title: "Dół", children: "⊥" }),
+      /* @__PURE__ */ e("button", { className: t.toolbarBtn, onClick: () => z("top"), title: "Góra", children: "⊤" }),
+      /* @__PURE__ */ e("button", { className: t.toolbarBtn, onClick: () => z("center"), title: "Środek V", children: "⊕" }),
+      /* @__PURE__ */ e("button", { className: t.toolbarBtn, onClick: () => z("bottom"), title: "Dół", children: "⊥" }),
       /* @__PURE__ */ e("span", { className: t.toolbarSep }),
-      /* @__PURE__ */ e("button", { className: t.toolbarBtn, onClick: y, title: "Do przodu", children: "▲" }),
-      /* @__PURE__ */ e("button", { className: t.toolbarBtn, onClick: x, title: "Do tyłu", children: "▼" })
+      /* @__PURE__ */ e("button", { className: t.toolbarBtn, onClick: g, title: "Do przodu", children: "▲" }),
+      /* @__PURE__ */ e("button", { className: t.toolbarBtn, onClick: L, title: "Do tyłu", children: "▼" })
     ] }),
     /* @__PURE__ */ s("div", { className: t.toolbarGroup, children: [
       /* @__PURE__ */ e(
         "button",
         {
           className: `${t.toolbarBtn} ${k ? t.toolbarBtnActive : ""}`,
-          onClick: N,
+          onClick: w,
           title: "Siatka",
           children: "⊞"
         }
@@ -663,60 +663,60 @@ const Dn = ({
       /* @__PURE__ */ e(
         "button",
         {
-          className: `${t.toolbarBtn} ${h ? t.toolbarBtnActive : ""}`,
-          onClick: r,
+          className: `${t.toolbarBtn} ${_ ? t.toolbarBtnActive : ""}`,
+          onClick: l,
           title: "Linijki",
           children: "⊢"
         }
       )
     ] }),
     /* @__PURE__ */ s("div", { className: t.toolbarGroup, children: [
-      /* @__PURE__ */ e("button", { className: t.toolbarBtn, onClick: () => v(Math.max(0.25, i - 0.1)), children: "−" }),
+      /* @__PURE__ */ e("button", { className: t.toolbarBtn, onClick: () => N(Math.max(0.25, i - 0.1)), children: "−" }),
       /* @__PURE__ */ e(
         "select",
         {
           className: t.zoomSelect,
-          value: P.includes(i) ? i : "",
-          onChange: (_) => v(+_.target.value),
-          children: P.map((_) => /* @__PURE__ */ s("option", { value: _, children: [
-            Math.round(_ * 100),
+          value: A.includes(i) ? i : "",
+          onChange: (h) => N(+h.target.value),
+          children: A.map((h) => /* @__PURE__ */ s("option", { value: h, children: [
+            Math.round(h * 100),
             "%"
-          ] }, _))
+          ] }, h))
         }
       ),
-      /* @__PURE__ */ e("button", { className: t.toolbarBtn, onClick: () => v(Math.min(3, i + 0.1)), children: "+" }),
-      /* @__PURE__ */ e("button", { className: t.toolbarBtn, onClick: () => v(1), title: "100%", children: "⊡" })
+      /* @__PURE__ */ e("button", { className: t.toolbarBtn, onClick: () => N(Math.min(3, i + 0.1)), children: "+" }),
+      /* @__PURE__ */ e("button", { className: t.toolbarBtn, onClick: () => N(1), title: "100%", children: "⊡" })
     ] }),
-    !S && I && /* @__PURE__ */ e("button", { className: t.saveBtn, onClick: I, children: "💾 Zapisz" })
+    !S && C && /* @__PURE__ */ e("button", { className: t.saveBtn, onClick: C, children: "💾 Zapisz" })
   ] });
-}, Pn = ({
+}, An = ({
   activeTab: a,
   onTabChange: i,
   schema: p,
-  tpl: l,
+  tpl: r,
   allFields: k,
-  selectedIds: h,
+  selectedIds: _,
   onInsertSchemaField: S,
   onSelectField: b,
-  onUpdateTpl: g,
-  onReorderField: v
+  onUpdateTpl: y,
+  onReorderField: N
 }) => {
-  const [c, T] = M(""), N = p == null ? void 0 : p.fields.filter(
-    (r) => r.label.toLowerCase().includes(c.toLowerCase()) || r.path.toLowerCase().includes(c.toLowerCase())
+  const [c, D] = P(""), w = p == null ? void 0 : p.fields.filter(
+    (l) => l.label.toLowerCase().includes(c.toLowerCase()) || l.path.toLowerCase().includes(c.toLowerCase())
   );
   return /* @__PURE__ */ s("div", { className: t.leftPanel, children: [
-    /* @__PURE__ */ e("div", { className: t.leftTabs, children: $n.map((r) => /* @__PURE__ */ s(
+    /* @__PURE__ */ e("div", { className: t.leftTabs, children: Tn.map((l) => /* @__PURE__ */ s(
       "button",
       {
-        className: `${t.leftTab} ${a === r.id ? t.leftTabActive : ""}`,
-        onClick: () => i(r.id),
-        title: r.label,
+        className: `${t.leftTab} ${a === l.id ? t.leftTabActive : ""}`,
+        onClick: () => i(l.id),
+        title: l.label,
         children: [
-          /* @__PURE__ */ e("span", { className: t.leftTabIcon, children: r.icon }),
-          /* @__PURE__ */ e("span", { className: t.leftTabLabel, children: r.label })
+          /* @__PURE__ */ e("span", { className: t.leftTabIcon, children: l.icon }),
+          /* @__PURE__ */ e("span", { className: t.leftTabLabel, children: l.label })
         ]
       },
-      r.id
+      l.id
     )) }),
     /* @__PURE__ */ s("div", { className: t.leftContent, children: [
       a === "fields" && /* @__PURE__ */ s(Y, { children: [
@@ -727,31 +727,31 @@ const Dn = ({
             className: t.searchInput,
             placeholder: "Szukaj...",
             value: c,
-            onChange: (r) => T(r.target.value)
+            onChange: (l) => D(l.target.value)
           }
         ) }),
         p ? /* @__PURE__ */ s("div", { className: t.fieldList, children: [
-          (N ?? []).map((r) => /* @__PURE__ */ s(
+          (w ?? []).map((l) => /* @__PURE__ */ s(
             "div",
             {
               className: t.fieldItem,
               draggable: !0,
               onDragStart: (n) => {
-                n.dataTransfer.setData("fieldPath", r.path), n.dataTransfer.setData("fieldLabel", r.label), n.dataTransfer.setData("fieldType", r.type);
+                n.dataTransfer.setData("fieldPath", l.path), n.dataTransfer.setData("fieldLabel", l.label), n.dataTransfer.setData("fieldType", l.type);
               },
-              onClick: () => S(r),
+              onClick: () => S(l),
               children: [
-                /* @__PURE__ */ e("span", { className: t.fieldItemIcon, children: ce[r.type] ?? "📝" }),
+                /* @__PURE__ */ e("span", { className: t.fieldItemIcon, children: ce[l.type] ?? "📝" }),
                 /* @__PURE__ */ s("div", { className: t.fieldItemInfo, children: [
-                  /* @__PURE__ */ e("div", { className: t.fieldItemLabel, children: r.label }),
-                  /* @__PURE__ */ e("div", { className: t.fieldItemPath, children: r.path })
+                  /* @__PURE__ */ e("div", { className: t.fieldItemLabel, children: l.label }),
+                  /* @__PURE__ */ e("div", { className: t.fieldItemPath, children: l.path })
                 ] }),
-                /* @__PURE__ */ e("span", { className: t.fieldItemType, children: r.type })
+                /* @__PURE__ */ e("span", { className: t.fieldItemType, children: l.type })
               ]
             },
-            r.path
+            l.path
           )),
-          (N == null ? void 0 : N.length) === 0 && /* @__PURE__ */ e("div", { className: t.emptyMsg, children: "Brak wyników" })
+          (w == null ? void 0 : w.length) === 0 && /* @__PURE__ */ e("div", { className: t.emptyMsg, children: "Brak wyników" })
         ] }) : /* @__PURE__ */ e("div", { className: t.emptyMsg, children: "Brak schematu danych. Przypisz encję w zakładce Ustawienia." })
       ] }),
       a === "layers" && /* @__PURE__ */ s(Y, { children: [
@@ -762,21 +762,21 @@ const Dn = ({
         ] }),
         /* @__PURE__ */ s("div", { className: t.layerList, children: [
           k.length === 0 && /* @__PURE__ */ e("div", { className: t.emptyMsg, children: "Brak elementów" }),
-          k.slice().reverse().map((r) => /* @__PURE__ */ s(
+          k.slice().reverse().map((l) => /* @__PURE__ */ s(
             "div",
             {
-              className: `${t.layerItem} ${h.has(r.id) ? t.layerItemSelected : ""}`,
-              onClick: () => b(r.id),
+              className: `${t.layerItem} ${_.has(l.id) ? t.layerItemSelected : ""}`,
+              onClick: () => b(l.id),
               children: [
-                /* @__PURE__ */ e("span", { className: t.layerIcon, children: ce[r.type] ?? "📝" }),
-                /* @__PURE__ */ e("span", { className: t.layerName, children: r.name || r.label }),
+                /* @__PURE__ */ e("span", { className: t.layerIcon, children: ce[l.type] ?? "📝" }),
+                /* @__PURE__ */ e("span", { className: t.layerName, children: l.name || l.label }),
                 /* @__PURE__ */ s("div", { className: t.layerActions, children: [
                   /* @__PURE__ */ e(
                     "button",
                     {
                       className: t.layerBtn,
                       onClick: (n) => {
-                        n.stopPropagation(), v(r.id, -1);
+                        n.stopPropagation(), N(l.id, -1);
                       },
                       title: "Do przodu",
                       children: "↑"
@@ -787,7 +787,7 @@ const Dn = ({
                     {
                       className: t.layerBtn,
                       onClick: (n) => {
-                        n.stopPropagation(), v(r.id, 1);
+                        n.stopPropagation(), N(l.id, 1);
                       },
                       title: "Do tyłu",
                       children: "↓"
@@ -796,26 +796,26 @@ const Dn = ({
                 ] })
               ]
             },
-            r.id
+            l.id
           ))
         ] })
       ] }),
       a === "watermarks" && /* @__PURE__ */ s(Y, { children: [
         /* @__PURE__ */ e("div", { className: t.panelHeader, children: "Znaki wodne" }),
         /* @__PURE__ */ s("div", { className: t.wmList, children: [
-          (l.watermarks ?? []).map((r) => /* @__PURE__ */ s("div", { className: t.wmItem, children: [
+          (r.watermarks ?? []).map((l) => /* @__PURE__ */ s("div", { className: t.wmItem, children: [
             /* @__PURE__ */ s("div", { className: t.wmRow, children: [
               /* @__PURE__ */ e("span", { className: t.wmLabel, children: "Typ" }),
               /* @__PURE__ */ s(
                 "select",
                 {
                   className: t.wmSelect,
-                  value: r.type,
+                  value: l.type,
                   onChange: (n) => {
                     var u;
-                    return g({
-                      watermarks: (u = l.watermarks) == null ? void 0 : u.map(
-                        (m) => m.id === r.id ? { ...m, type: n.target.value } : m
+                    return y({
+                      watermarks: (u = r.watermarks) == null ? void 0 : u.map(
+                        (m) => m.id === l.id ? { ...m, type: n.target.value } : m
                       )
                     });
                   },
@@ -826,18 +826,18 @@ const Dn = ({
                 }
               )
             ] }),
-            r.type === "text" && /* @__PURE__ */ s("div", { className: t.wmRow, children: [
+            l.type === "text" && /* @__PURE__ */ s("div", { className: t.wmRow, children: [
               /* @__PURE__ */ e("span", { className: t.wmLabel, children: "Tekst" }),
               /* @__PURE__ */ e(
                 "input",
                 {
                   className: t.wmInput,
-                  value: r.text ?? "",
+                  value: l.text ?? "",
                   onChange: (n) => {
                     var u;
-                    return g({
-                      watermarks: (u = l.watermarks) == null ? void 0 : u.map(
-                        (m) => m.id === r.id ? { ...m, text: n.target.value } : m
+                    return y({
+                      watermarks: (u = r.watermarks) == null ? void 0 : u.map(
+                        (m) => m.id === l.id ? { ...m, text: n.target.value } : m
                       )
                     });
                   }
@@ -854,19 +854,19 @@ const Dn = ({
                   max: 0.5,
                   step: 0.01,
                   className: t.wmSlider,
-                  value: r.opacity,
+                  value: l.opacity,
                   onChange: (n) => {
                     var u;
-                    return g({
-                      watermarks: (u = l.watermarks) == null ? void 0 : u.map(
-                        (m) => m.id === r.id ? { ...m, opacity: +n.target.value } : m
+                    return y({
+                      watermarks: (u = r.watermarks) == null ? void 0 : u.map(
+                        (m) => m.id === l.id ? { ...m, opacity: +n.target.value } : m
                       )
                     });
                   }
                 }
               ),
               /* @__PURE__ */ s("span", { className: t.wmValue, children: [
-                Math.round(r.opacity * 100),
+                Math.round(l.opacity * 100),
                 "%"
               ] })
             ] }),
@@ -880,19 +880,19 @@ const Dn = ({
                   max: 90,
                   step: 5,
                   className: t.wmSlider,
-                  value: r.angle,
+                  value: l.angle,
                   onChange: (n) => {
                     var u;
-                    return g({
-                      watermarks: (u = l.watermarks) == null ? void 0 : u.map(
-                        (m) => m.id === r.id ? { ...m, angle: +n.target.value } : m
+                    return y({
+                      watermarks: (u = r.watermarks) == null ? void 0 : u.map(
+                        (m) => m.id === l.id ? { ...m, angle: +n.target.value } : m
                       )
                     });
                   }
                 }
               ),
               /* @__PURE__ */ s("span", { className: t.wmValue, children: [
-                r.angle,
+                l.angle,
                 "°"
               ] })
             ] }),
@@ -905,12 +905,12 @@ const Dn = ({
                   min: 8,
                   max: 200,
                   className: t.wmInputNum,
-                  value: r.fontSize ?? 48,
+                  value: l.fontSize ?? 48,
                   onChange: (n) => {
                     var u;
-                    return g({
-                      watermarks: (u = l.watermarks) == null ? void 0 : u.map(
-                        (m) => m.id === r.id ? { ...m, fontSize: +n.target.value } : m
+                    return y({
+                      watermarks: (u = r.watermarks) == null ? void 0 : u.map(
+                        (m) => m.id === l.id ? { ...m, fontSize: +n.target.value } : m
                       )
                     });
                   }
@@ -925,12 +925,12 @@ const Dn = ({
                 {
                   type: "color",
                   className: t.colorPicker,
-                  value: r.color ?? "var(--nice-text-muted, #94a3b8)",
+                  value: l.color ?? "var(--nice-text-muted, #94a3b8)",
                   onChange: (n) => {
                     var u;
-                    return g({
-                      watermarks: (u = l.watermarks) == null ? void 0 : u.map(
-                        (m) => m.id === r.id ? { ...m, color: n.target.value } : m
+                    return y({
+                      watermarks: (u = r.watermarks) == null ? void 0 : u.map(
+                        (m) => m.id === l.id ? { ...m, color: n.target.value } : m
                       )
                     });
                   }
@@ -943,19 +943,19 @@ const Dn = ({
                 className: t.wmDelete,
                 onClick: () => {
                   var n;
-                  return g({ watermarks: (n = l.watermarks) == null ? void 0 : n.filter((u) => u.id !== r.id) });
+                  return y({ watermarks: (n = r.watermarks) == null ? void 0 : n.filter((u) => u.id !== l.id) });
                 },
                 children: "Usuń"
               }
             )
-          ] }, r.id)),
+          ] }, l.id)),
           /* @__PURE__ */ e(
             "button",
             {
               className: t.addBtn,
-              onClick: () => g({
+              onClick: () => y({
                 watermarks: [
-                  ...l.watermarks ?? [],
+                  ...r.watermarks ?? [],
                   {
                     id: se(),
                     type: "text",
@@ -975,19 +975,19 @@ const Dn = ({
       a === "signatures" && /* @__PURE__ */ s(Y, { children: [
         /* @__PURE__ */ e("div", { className: t.panelHeader, children: "Podpisy" }),
         /* @__PURE__ */ s("div", { className: t.wmList, children: [
-          (l.signatures ?? []).map((r) => /* @__PURE__ */ s("div", { className: t.wmItem, children: [
+          (r.signatures ?? []).map((l) => /* @__PURE__ */ s("div", { className: t.wmItem, children: [
             /* @__PURE__ */ s("div", { className: t.wmRow, children: [
               /* @__PURE__ */ e("span", { className: t.wmLabel, children: "Etykieta" }),
               /* @__PURE__ */ e(
                 "input",
                 {
                   className: t.wmInput,
-                  value: r.label,
+                  value: l.label,
                   onChange: (n) => {
                     var u;
-                    return g({
-                      signatures: (u = l.signatures) == null ? void 0 : u.map(
-                        (m) => m.id === r.id ? { ...m, label: n.target.value } : m
+                    return y({
+                      signatures: (u = r.signatures) == null ? void 0 : u.map(
+                        (m) => m.id === l.id ? { ...m, label: n.target.value } : m
                       )
                     });
                   }
@@ -1000,12 +1000,12 @@ const Dn = ({
                 "input",
                 {
                   className: t.wmInput,
-                  value: r.signerName ?? "",
+                  value: l.signerName ?? "",
                   onChange: (n) => {
                     var u;
-                    return g({
-                      signatures: (u = l.signatures) == null ? void 0 : u.map(
-                        (m) => m.id === r.id ? { ...m, signerName: n.target.value } : m
+                    return y({
+                      signatures: (u = r.signatures) == null ? void 0 : u.map(
+                        (m) => m.id === l.id ? { ...m, signerName: n.target.value } : m
                       )
                     });
                   }
@@ -1018,12 +1018,12 @@ const Dn = ({
                 "input",
                 {
                   type: "checkbox",
-                  checked: r.showLine ?? !0,
+                  checked: l.showLine ?? !0,
                   onChange: (n) => {
                     var u;
-                    return g({
-                      signatures: (u = l.signatures) == null ? void 0 : u.map(
-                        (m) => m.id === r.id ? { ...m, showLine: n.target.checked } : m
+                    return y({
+                      signatures: (u = r.signatures) == null ? void 0 : u.map(
+                        (m) => m.id === l.id ? { ...m, showLine: n.target.checked } : m
                       )
                     });
                   }
@@ -1036,12 +1036,12 @@ const Dn = ({
                 "input",
                 {
                   type: "checkbox",
-                  checked: r.showDate ?? !1,
+                  checked: l.showDate ?? !1,
                   onChange: (n) => {
                     var u;
-                    return g({
-                      signatures: (u = l.signatures) == null ? void 0 : u.map(
-                        (m) => m.id === r.id ? { ...m, showDate: n.target.checked } : m
+                    return y({
+                      signatures: (u = r.signatures) == null ? void 0 : u.map(
+                        (m) => m.id === l.id ? { ...m, showDate: n.target.checked } : m
                       )
                     });
                   }
@@ -1054,19 +1054,19 @@ const Dn = ({
                 className: t.wmDelete,
                 onClick: () => {
                   var n;
-                  return g({ signatures: (n = l.signatures) == null ? void 0 : n.filter((u) => u.id !== r.id) });
+                  return y({ signatures: (n = r.signatures) == null ? void 0 : n.filter((u) => u.id !== l.id) });
                 },
                 children: "Usuń"
               }
             )
-          ] }, r.id)),
+          ] }, l.id)),
           /* @__PURE__ */ e(
             "button",
             {
               className: t.addBtn,
-              onClick: () => g({
+              onClick: () => y({
                 signatures: [
-                  ...l.signatures ?? [],
+                  ...r.signatures ?? [],
                   {
                     id: se(),
                     label: "Podpis",
@@ -1090,8 +1090,8 @@ const Dn = ({
               "input",
               {
                 className: t.settingsInput,
-                value: l.name,
-                onChange: (r) => g({ name: r.target.value })
+                value: r.name,
+                onChange: (l) => y({ name: l.target.value })
               }
             )
           ] }),
@@ -1101,8 +1101,8 @@ const Dn = ({
               "textarea",
               {
                 className: t.settingsTextarea,
-                value: l.description ?? "",
-                onChange: (r) => g({ description: r.target.value }),
+                value: r.description ?? "",
+                onChange: (l) => y({ description: l.target.value }),
                 rows: 2
               }
             )
@@ -1113,14 +1113,14 @@ const Dn = ({
               "input",
               {
                 className: t.settingsInput,
-                value: l.category ?? "",
-                onChange: (r) => g({ category: r.target.value })
+                value: r.category ?? "",
+                onChange: (l) => y({ category: l.target.value })
               }
             )
           ] }),
           /* @__PURE__ */ e("div", { className: t.settingsDivider, children: "Marginesy (mm)" }),
-          ["top", "right", "bottom", "left"].map((r) => /* @__PURE__ */ s("div", { className: t.settingsRow, children: [
-            /* @__PURE__ */ e("label", { className: t.settingsLabel, children: r === "top" ? "Góra" : r === "right" ? "Prawo" : r === "bottom" ? "Dół" : "Lewo" }),
+          ["top", "right", "bottom", "left"].map((l) => /* @__PURE__ */ s("div", { className: t.settingsRow, children: [
+            /* @__PURE__ */ e("label", { className: t.settingsLabel, children: l === "top" ? "Góra" : l === "right" ? "Prawo" : l === "bottom" ? "Dół" : "Lewo" }),
             /* @__PURE__ */ e(
               "input",
               {
@@ -1129,31 +1129,31 @@ const Dn = ({
                 max: 50,
                 step: 1,
                 className: t.settingsInputNum,
-                value: l.margins[r],
-                onChange: (n) => g({ margins: { ...l.margins, [r]: +n.target.value } })
+                value: r.margins[l],
+                onChange: (n) => y({ margins: { ...r.margins, [l]: +n.target.value } })
               }
             ),
             /* @__PURE__ */ e("span", { className: t.settingsUnit, children: "mm" })
-          ] }, r))
+          ] }, l))
         ] })
       ] })
     ] })
   ] });
-}, Mn = ({
+}, Pn = ({
   field: a,
   activeTab: i,
   onTabChange: p,
-  onChange: l,
+  onChange: r,
   paperWidthMm: k,
-  paperHeightMm: h
+  paperHeightMm: _
 }) => {
-  var c, T, N, r;
-  const S = $(
-    (n) => a && l({ position: { ...a.position, ...n } }),
-    [a, l]
-  ), b = $(
-    (n) => a && l({ style: { ...(a == null ? void 0 : a.style) ?? {}, ...n } }),
-    [a, l]
+  var c, D, w, l;
+  const S = T(
+    (n) => a && r({ position: { ...a.position, ...n } }),
+    [a, r]
+  ), b = T(
+    (n) => a && r({ style: { ...(a == null ? void 0 : a.style) ?? {}, ...n } }),
+    [a, r]
   );
   if (!a)
     return /* @__PURE__ */ s("div", { className: t.rightPanel, children: [
@@ -1171,9 +1171,9 @@ const Dn = ({
         ] })
       ] })
     ] });
-  const g = !["line", "rect", "image", "static_image", "barcode", "qr", "signature"].includes(
+  const y = !["line", "rect", "image", "static_image", "barcode", "qr", "signature"].includes(
     a.type
-  ), v = ![
+  ), N = ![
     "static_text",
     "static_image",
     "line",
@@ -1187,7 +1187,7 @@ const Dn = ({
       /* @__PURE__ */ e("span", { className: t.panelHeaderIcon, children: ce[a.type] }),
       /* @__PURE__ */ e("span", { className: t.panelHeaderName, children: a.name })
     ] }),
-    /* @__PURE__ */ e("div", { className: t.rightTabs, children: Rn.map((n) => n.id === "data" && !v ? null : /* @__PURE__ */ e(
+    /* @__PURE__ */ e("div", { className: t.rightTabs, children: $n.map((n) => n.id === "data" && !N ? null : /* @__PURE__ */ e(
       "button",
       {
         className: `${t.rightTab} ${i === n.id ? t.rightTabActive : ""}`,
@@ -1273,7 +1273,7 @@ const Dn = ({
         ] })
       ] }),
       i === "style" && /* @__PURE__ */ s(Y, { children: [
-        g && /* @__PURE__ */ s("div", { className: t.styleGroup, children: [
+        y && /* @__PURE__ */ s("div", { className: t.styleGroup, children: [
           /* @__PURE__ */ e("div", { className: t.styleGroupTitle, children: "Czcionka" }),
           /* @__PURE__ */ s("div", { className: t.styleRow, children: [
             /* @__PURE__ */ e("label", { className: t.styleLabel, children: "Rodzina" }),
@@ -1283,7 +1283,7 @@ const Dn = ({
                 className: t.styleSelectFull,
                 value: a.style.fontFamily ?? "sans-serif",
                 onChange: (n) => b({ fontFamily: n.target.value }),
-                children: Cn.map((n) => /* @__PURE__ */ e("option", { value: n, children: n }, n))
+                children: xn.map((n) => /* @__PURE__ */ e("option", { value: n, children: n }, n))
               }
             )
           ] }),
@@ -1512,7 +1512,7 @@ const Dn = ({
           ] })
         ] })
       ] }),
-      i === "data" && v && /* @__PURE__ */ s("div", { className: t.styleGroup, children: [
+      i === "data" && N && /* @__PURE__ */ s("div", { className: t.styleGroup, children: [
         /* @__PURE__ */ e("div", { className: t.styleGroupTitle, children: "Źródło danych" }),
         /* @__PURE__ */ s("div", { className: t.styleRow, children: [
           /* @__PURE__ */ e("label", { className: t.styleLabel, children: "Ścieżka" }),
@@ -1521,7 +1521,7 @@ const Dn = ({
             {
               className: t.styleInputFull,
               value: a.dataPath,
-              onChange: (n) => l({ dataPath: n.target.value }),
+              onChange: (n) => r({ dataPath: n.target.value }),
               placeholder: "np. invoice.number"
             }
           )
@@ -1533,7 +1533,7 @@ const Dn = ({
             {
               className: t.styleInputFull,
               value: a.format ?? "",
-              onChange: (n) => l({ format: n.target.value }),
+              onChange: (n) => r({ format: n.target.value }),
               placeholder: "DD.MM.YYYY / #,##0.00"
             }
           )
@@ -1545,7 +1545,7 @@ const Dn = ({
             {
               className: t.styleInputFull,
               value: a.fallback ?? "",
-              onChange: (n) => l({ fallback: n.target.value }),
+              onChange: (n) => r({ fallback: n.target.value }),
               placeholder: "Gdy brak wartości"
             }
           )
@@ -1557,7 +1557,7 @@ const Dn = ({
             {
               className: t.styleSelectFull,
               value: a.type,
-              onChange: (n) => l({ type: n.target.value }),
+              onChange: (n) => r({ type: n.target.value }),
               children: Object.entries(de).map(([n, u]) => /* @__PURE__ */ e("option", { value: n, children: u }, n))
             }
           )
@@ -1569,7 +1569,7 @@ const Dn = ({
             {
               className: t.styleSelectFull,
               value: a.barcodeType ?? "code128",
-              onChange: (n) => l({ barcodeType: n.target.value }),
+              onChange: (n) => r({ barcodeType: n.target.value }),
               children: ["ean13", "ean8", "code128", "code39", "upc", "itf14", "datamatrix"].map((n) => /* @__PURE__ */ e("option", { value: n, children: n.toUpperCase() }, n))
             }
           )
@@ -1587,7 +1587,7 @@ const Dn = ({
               value: ((c = a.conditional) == null ? void 0 : c.field) ?? "",
               onChange: (n) => {
                 var u, m;
-                return l({
+                return r({
                   conditional: {
                     field: n.target.value,
                     operator: ((u = a.conditional) == null ? void 0 : u.operator) ?? "eq",
@@ -1605,10 +1605,10 @@ const Dn = ({
             "select",
             {
               className: t.styleSelectFull,
-              value: ((T = a.conditional) == null ? void 0 : T.operator) ?? "eq",
+              value: ((D = a.conditional) == null ? void 0 : D.operator) ?? "eq",
               onChange: (n) => {
                 var u, m;
-                return l({
+                return r({
                   conditional: {
                     field: ((u = a.conditional) == null ? void 0 : u.field) ?? "",
                     operator: n.target.value,
@@ -1632,10 +1632,10 @@ const Dn = ({
             "input",
             {
               className: t.styleInputFull,
-              value: String(((N = a.conditional) == null ? void 0 : N.value) ?? ""),
+              value: String(((w = a.conditional) == null ? void 0 : w.value) ?? ""),
               onChange: (n) => {
                 var u, m;
-                return l({
+                return r({
                   conditional: {
                     field: ((u = a.conditional) == null ? void 0 : u.field) ?? "",
                     operator: ((m = a.conditional) == null ? void 0 : m.operator) ?? "eq",
@@ -1647,11 +1647,11 @@ const Dn = ({
             }
           )
         ] }),
-        ((r = a.conditional) == null ? void 0 : r.field) && /* @__PURE__ */ e(
+        ((l = a.conditional) == null ? void 0 : l.field) && /* @__PURE__ */ e(
           "button",
           {
             className: t.clearConditionalBtn,
-            onClick: () => l({ conditional: void 0 }),
+            onClick: () => r({ conditional: void 0 }),
             children: "Wyczyść warunek"
           }
         )
@@ -1659,7 +1659,7 @@ const Dn = ({
     ] })
   ] });
 };
-function En() {
+function Mn() {
   return {
     id: `tpl-${Date.now()}`,
     name: "Nowy szablon",
@@ -1676,61 +1676,61 @@ function En() {
     signatures: []
   };
 }
-const el = ({
+const er = ({
   template: a,
   dataSchema: i,
   sampleData: p = [],
-  onChange: l,
+  onChange: r,
   onSave: k,
-  readOnly: h = !1,
+  readOnly: _ = !1,
   className: S,
   style: b,
-  theme: g = "light"
+  theme: y = "light"
 }) => {
-  const [{ past: v, present: c, future: T }, N] = je(In, {
+  const [{ past: N, present: c, future: D }, w] = We(Cn, {
     past: [],
-    present: a ?? En(),
+    present: a ?? Mn(),
     future: []
-  }), [r, n] = M(/* @__PURE__ */ new Set()), [u, m] = M("sec-body"), [f, D] = M(1), [y, x] = M(0), [I, E] = M("fields"), [W, P] = M("position"), [_, q] = M(!1), [pe, Ce] = M(!0), R = $(
+  }), [l, n] = P(/* @__PURE__ */ new Set()), [u, m] = P("sec-body"), [f, z] = P(1), [g, L] = P(0), [C, M] = P("fields"), [H, A] = P("position"), [h, q] = P(!1), [pe, xe] = P(!0), $ = T(
     (o) => {
       const d = { ...c, ...o };
-      N({ type: "UPDATE", payload: d }), l == null || l(d);
+      w({ type: "UPDATE", payload: d }), r == null || r(d);
     },
-    [c, l]
+    [c, r]
   ), [Z, me] = oe(() => {
-    const [o, d] = Ne[c.paperSize] ?? Ne.A4;
+    const [o, d] = we[c.paperSize] ?? we.A4;
     return c.orientation === "landscape" ? [d, o] : [o, d];
-  }, [c.paperSize, c.orientation]), X = oe(() => c.sections.flatMap((o) => o.fields), [c]), G = oe(
-    () => X.find((o) => r.has(o.id)) ?? null,
-    [X, r]
-  ), ue = $(
+  }, [c.paperSize, c.orientation]), X = oe(() => c.sections.flatMap((o) => o.fields), [c]), E = oe(
+    () => X.find((o) => l.has(o.id)) ?? null,
+    [X, l]
+  ), ue = T(
     (o, d) => {
-      R({
-        sections: c.sections.map((C) => ({
-          ...C,
-          fields: C.fields.map(
+      $({
+        sections: c.sections.map((x) => ({
+          ...x,
+          fields: x.fields.map(
             (B) => B.id === o ? { ...B, ...d, style: { ...B.style, ...d.style ?? {} } } : B
           )
         }))
       });
     },
-    [c, R]
-  ), re = $(
+    [c, $]
+  ), le = T(
     (o) => {
-      R({
+      $({
         sections: c.sections.map((d) => ({
           ...d,
           fields: d.fields.map(
-            (C) => r.has(C.id) ? { ...C, ...o, style: { ...C.style, ...o.style ?? {} } } : C
+            (x) => l.has(x.id) ? { ...x, ...o, style: { ...x.style, ...o.style ?? {} } } : x
           )
         }))
       });
     },
-    [c, r, R]
-  ), be = $(
+    [c, l, $]
+  ), be = T(
     (o, d) => {
       if (o === "watermark") {
-        R({
+        $({
           watermarks: [
             ...c.watermarks ?? [],
             {
@@ -1743,11 +1743,11 @@ const el = ({
               color: "var(--nice-text-muted, #94a3b8)"
             }
           ]
-        }), E("watermarks");
+        }), M("watermarks");
         return;
       }
       if (o === "signature") {
-        R({
+        $({
           signatures: [
             ...c.signatures ?? [],
             {
@@ -1758,87 +1758,87 @@ const el = ({
               showDate: !1
             }
           ]
-        }), E("signatures");
+        }), M("signatures");
         return;
       }
-      const C = c.sections.find((H) => H.id === u) ?? c.sections.find((H) => H.type === "body");
-      if (!C)
+      const x = c.sections.find((G) => G.id === u) ?? c.sections.find((G) => G.type === "body");
+      if (!x)
         return;
-      const B = ke(o, d), A = {
+      const B = ke(o, d), R = {
         sections: c.sections.map(
-          (H) => H.id === C.id ? { ...H, fields: [...H.fields, B] } : H
+          (G) => G.id === x.id ? { ...G, fields: [...G.fields, B] } : G
         )
       };
-      N({ type: "UPDATE", payload: { ...c, ...A } }), l == null || l({ ...c, ...A }), n(/* @__PURE__ */ new Set([B.id]));
+      w({ type: "UPDATE", payload: { ...c, ...R } }), r == null || r({ ...c, ...R }), n(/* @__PURE__ */ new Set([B.id]));
     },
-    [c, u, l]
-  ), Ie = $(
-    (o, d, C, B) => {
-      const A = i == null ? void 0 : i.fields.find((O) => O.path === d), H = ke((A == null ? void 0 : A.type) ?? "text", A);
-      H.position.x = Math.round(C * 2) / 2, H.position.y = Math.round(B * 2) / 2;
+    [c, u, r]
+  ), Ce = T(
+    (o, d, x, B) => {
+      const R = i == null ? void 0 : i.fields.find((O) => O.path === d), G = ke((R == null ? void 0 : R.type) ?? "text", R);
+      G.position.x = Math.round(x * 2) / 2, G.position.y = Math.round(B * 2) / 2;
       const J = {
         sections: c.sections.map(
-          (O) => O.id === o ? { ...O, fields: [...O.fields, H] } : O
+          (O) => O.id === o ? { ...O, fields: [...O.fields, G] } : O
         )
       };
-      N({ type: "UPDATE", payload: { ...c, ...J } }), l == null || l({ ...c, ...J }), n(/* @__PURE__ */ new Set([H.id]));
+      w({ type: "UPDATE", payload: { ...c, ...J } }), r == null || r({ ...c, ...J }), n(/* @__PURE__ */ new Set([G.id]));
     },
-    [c, i, l]
-  ), Le = $((o, d) => {
-    d.ctrlKey || d.metaKey ? n((C) => {
-      const B = new Set(C);
+    [c, i, r]
+  ), Ie = T((o, d) => {
+    d.ctrlKey || d.metaKey ? n((x) => {
+      const B = new Set(x);
       return B.has(o) ? B.delete(o) : B.add(o), B;
-    }) : d.shiftKey ? n((C) => /* @__PURE__ */ new Set([...C, o])) : n(/* @__PURE__ */ new Set([o]));
-  }, []), xe = $(
+    }) : d.shiftKey ? n((x) => /* @__PURE__ */ new Set([...x, o])) : n(/* @__PURE__ */ new Set([o]));
+  }, []), Le = T(
     (o, d) => {
-      if (h)
+      if (_)
         return;
-      d.preventDefault(), r.has(o) || n(/* @__PURE__ */ new Set([o]));
-      const C = d.clientX, B = d.clientY, A = c.sections.map((O) => ({
+      d.preventDefault(), l.has(o) || n(/* @__PURE__ */ new Set([o]));
+      const x = d.clientX, B = d.clientY, R = c.sections.map((O) => ({
         id: O.id,
         fields: O.fields.map((Q) => ({ id: Q.id, pos: { ...Q.position } }))
-      })), H = (O) => {
-        const Q = (O.clientX - C) / (f * F), te = (O.clientY - B) / (f * F), le = r.has(o) ? r : /* @__PURE__ */ new Set([o]), ie = c.sections.map((ee) => {
-          const K = A.find((U) => U.id === ee.id);
+      })), G = (O) => {
+        const Q = (O.clientX - x) / (f * F), te = (O.clientY - B) / (f * F), re = l.has(o) ? l : /* @__PURE__ */ new Set([o]), ie = c.sections.map((ee) => {
+          const K = R.find((U) => U.id === ee.id);
           return {
             ...ee,
             fields: ee.fields.map((U) => {
-              var ve;
-              if (!le.has(U.id))
+              var Ne;
+              if (!re.has(U.id))
                 return U;
-              const we = ((ve = K == null ? void 0 : K.fields.find((He) => He.id === U.id)) == null ? void 0 : ve.pos) ?? U.position;
+              const ve = ((Ne = K == null ? void 0 : K.fields.find((Ge) => Ge.id === U.id)) == null ? void 0 : Ne.pos) ?? U.position;
               return {
                 ...U,
                 position: {
                   ...U.position,
-                  x: Math.max(0, Math.round((we.x + Q) * 2) / 2),
-                  y: Math.max(0, Math.round((we.y + te) * 2) / 2)
+                  x: Math.max(0, Math.round((ve.x + Q) * 2) / 2),
+                  y: Math.max(0, Math.round((ve.y + te) * 2) / 2)
                 }
               };
             })
           };
         }), ae = { ...c, sections: ie };
-        l == null || l(ae), N({ type: "UPDATE", payload: ae });
+        r == null || r(ae), w({ type: "UPDATE", payload: ae });
       }, J = () => {
-        document.removeEventListener("mousemove", H), document.removeEventListener("mouseup", J);
+        document.removeEventListener("mousemove", G), document.removeEventListener("mouseup", J);
       };
-      document.addEventListener("mousemove", H), document.addEventListener("mouseup", J);
+      document.addEventListener("mousemove", G), document.addEventListener("mouseup", J);
     },
-    [c, f, r, h, l]
-  ), ze = $(
-    (o, d, C) => {
-      if (h)
+    [c, f, l, _, r]
+  ), je = T(
+    (o, d, x) => {
+      if (_)
         return;
-      C.preventDefault();
+      x.preventDefault();
       const B = X.find((te) => te.id === o);
       if (!B)
         return;
-      const A = { ...B.position }, H = C.clientX, J = C.clientY, O = (te) => {
-        const le = (te.clientX - H) / (f * F), ie = (te.clientY - J) / (f * F);
-        let { x: ae, y: ee, width: K, height: U } = A;
-        d.includes("e") && (K = Math.max(5, K + le)), d.includes("s") && (U = Math.max(3, U + ie)), d.includes("w") && (ae = ae + le, K = Math.max(5, K - le)), d.includes("n") && (ee = ee + ie, U = Math.max(3, U - ie)), ue(o, {
+      const R = { ...B.position }, G = x.clientX, J = x.clientY, O = (te) => {
+        const re = (te.clientX - G) / (f * F), ie = (te.clientY - J) / (f * F);
+        let { x: ae, y: ee, width: K, height: U } = R;
+        d.includes("e") && (K = Math.max(5, K + re)), d.includes("s") && (U = Math.max(3, U + ie)), d.includes("w") && (ae = ae + re, K = Math.max(5, K - re)), d.includes("n") && (ee = ee + ie, U = Math.max(3, U - ie)), ue(o, {
           position: {
-            ...A,
+            ...R,
             x: Math.round(ae * 2) / 2,
             y: Math.round(ee * 2) / 2,
             width: Math.round(K * 2) / 2,
@@ -1850,90 +1850,90 @@ const el = ({
       };
       document.addEventListener("mousemove", O), document.addEventListener("mouseup", Q);
     },
-    [X, f, h, ue]
-  ), he = $(() => {
-    R({
+    [X, f, _, ue]
+  ), _e = T(() => {
+    $({
       sections: c.sections.map((o) => ({
         ...o,
-        fields: o.fields.filter((d) => !r.has(d.id))
+        fields: o.fields.filter((d) => !l.has(d.id))
       }))
     }), n(/* @__PURE__ */ new Set());
-  }, [c, r, R]), _e = $(() => {
+  }, [c, l, $]), he = T(() => {
     const o = /* @__PURE__ */ new Set();
-    R({
+    $({
       sections: c.sections.map((d) => {
-        const C = d.fields.filter((B) => r.has(B.id)).map((B) => {
-          const A = {
+        const x = d.fields.filter((B) => l.has(B.id)).map((B) => {
+          const R = {
             ...B,
             id: se(),
             position: { ...B.position, x: B.position.x + 5, y: B.position.y + 5 }
           };
-          return o.add(A.id), A;
+          return o.add(R.id), R;
         });
-        return { ...d, fields: [...d.fields, ...C] };
+        return { ...d, fields: [...d.fields, ...x] };
       })
     }), n(o);
-  }, [c, r, R]), De = $(
+  }, [c, l, $]), ze = T(
     (o) => {
-      R({
+      $({
         sections: c.sections.map((d) => ({
           ...d,
-          fields: d.fields.map((C) => {
-            if (!r.has(C.id))
-              return C;
-            const B = o === "left" ? c.margins.left : o === "right" ? Z - c.margins.right - C.position.width : (Z - C.position.width) / 2;
-            return { ...C, position: { ...C.position, x: B } };
+          fields: d.fields.map((x) => {
+            if (!l.has(x.id))
+              return x;
+            const B = o === "left" ? c.margins.left : o === "right" ? Z - c.margins.right - x.position.width : (Z - x.position.width) / 2;
+            return { ...x, position: { ...x.position, x: B } };
           })
         }))
       });
     },
-    [c, r, Z, R]
-  ), Te = $(
+    [c, l, Z, $]
+  ), De = T(
     (o) => {
       const d = c.sections.find((B) => B.id === u);
       if (!d)
         return;
-      const C = d.heightMm ?? 200;
-      R({
+      const x = d.heightMm ?? 200;
+      $({
         sections: c.sections.map((B) => B.id !== u ? B : {
           ...B,
-          fields: B.fields.map((A) => {
-            if (!r.has(A.id))
-              return A;
-            const H = o === "top" ? 0 : o === "bottom" ? C - A.position.height : (C - A.position.height) / 2;
-            return { ...A, position: { ...A.position, y: H } };
+          fields: B.fields.map((R) => {
+            if (!l.has(R.id))
+              return R;
+            const G = o === "top" ? 0 : o === "bottom" ? x - R.position.height : (x - R.position.height) / 2;
+            return { ...R, position: { ...R.position, y: G } };
           })
         })
       });
     },
-    [c, r, u, R]
-  ), $e = $(() => {
-    R({
+    [c, l, u, $]
+  ), Te = T(() => {
+    $({
       sections: c.sections.map((o) => ({
         ...o,
         fields: o.fields.map(
-          (d) => r.has(d.id) ? { ...d, position: { ...d.position, zIndex: (d.position.zIndex ?? 1) + 1 } } : d
+          (d) => l.has(d.id) ? { ...d, position: { ...d.position, zIndex: (d.position.zIndex ?? 1) + 1 } } : d
         )
       }))
     });
-  }, [c, r, R]), Re = $(() => {
-    R({
+  }, [c, l, $]), $e = T(() => {
+    $({
       sections: c.sections.map((o) => ({
         ...o,
         fields: o.fields.map(
-          (d) => r.has(d.id) ? {
+          (d) => l.has(d.id) ? {
             ...d,
             position: { ...d.position, zIndex: Math.max(1, (d.position.zIndex ?? 1) - 1) }
           } : d
         )
       }))
     });
-  }, [c, r, R]), Ae = $(
+  }, [c, l, $]), Re = T(
     (o, d) => {
-      R({
-        sections: c.sections.map((C) => ({
-          ...C,
-          fields: C.fields.map(
+      $({
+        sections: c.sections.map((x) => ({
+          ...x,
+          fields: x.fields.map(
             (B) => B.id === o ? {
               ...B,
               position: {
@@ -1945,94 +1945,94 @@ const el = ({
         }))
       });
     },
-    [c, R]
+    [c, $]
   );
-  ye(() => {
+  ge(() => {
     const o = (d) => {
-      const C = d.target.tagName;
-      if (C === "INPUT" || C === "TEXTAREA" || C === "SELECT")
+      const x = d.target.tagName;
+      if (x === "INPUT" || x === "TEXTAREA" || x === "SELECT")
         return;
       const B = d.shiftKey ? 5 : 0.5;
-      d.key === "Delete" || d.key === "Backspace" ? r.size && (d.preventDefault(), he()) : d.ctrlKey && d.key === "z" ? (d.preventDefault(), N({ type: "UNDO" })) : d.ctrlKey && (d.key === "y" || d.key === "Y") ? (d.preventDefault(), N({ type: "REDO" })) : d.ctrlKey && (d.key === "d" || d.key === "D") ? (d.preventDefault(), r.size && _e()) : d.ctrlKey && d.key === "a" ? (d.preventDefault(), n(new Set(X.map((A) => A.id)))) : d.key === "ArrowLeft" ? (d.preventDefault(), re({
-        position: { ...G.position, x: ((G == null ? void 0 : G.position.x) ?? 0) - B }
-      })) : d.key === "ArrowRight" ? (d.preventDefault(), re({
-        position: { ...G.position, x: ((G == null ? void 0 : G.position.x) ?? 0) + B }
-      })) : d.key === "ArrowUp" ? (d.preventDefault(), re({
-        position: { ...G.position, y: ((G == null ? void 0 : G.position.y) ?? 0) - B }
-      })) : d.key === "ArrowDown" && (d.preventDefault(), re({
-        position: { ...G.position, y: ((G == null ? void 0 : G.position.y) ?? 0) + B }
+      d.key === "Delete" || d.key === "Backspace" ? l.size && (d.preventDefault(), _e()) : d.ctrlKey && d.key === "z" ? (d.preventDefault(), w({ type: "UNDO" })) : d.ctrlKey && (d.key === "y" || d.key === "Y") ? (d.preventDefault(), w({ type: "REDO" })) : d.ctrlKey && (d.key === "d" || d.key === "D") ? (d.preventDefault(), l.size && he()) : d.ctrlKey && d.key === "a" ? (d.preventDefault(), n(new Set(X.map((R) => R.id)))) : d.key === "ArrowLeft" ? (d.preventDefault(), le({
+        position: { ...E.position, x: ((E == null ? void 0 : E.position.x) ?? 0) - B }
+      })) : d.key === "ArrowRight" ? (d.preventDefault(), le({
+        position: { ...E.position, x: ((E == null ? void 0 : E.position.x) ?? 0) + B }
+      })) : d.key === "ArrowUp" ? (d.preventDefault(), le({
+        position: { ...E.position, y: ((E == null ? void 0 : E.position.y) ?? 0) - B }
+      })) : d.key === "ArrowDown" && (d.preventDefault(), le({
+        position: { ...E.position, y: ((E == null ? void 0 : E.position.y) ?? 0) + B }
       }));
     };
     return window.addEventListener("keydown", o), () => window.removeEventListener("keydown", o);
-  }, [r, X, G, he, _e, re]);
-  const Pe = $(
+  }, [l, X, E, _e, he, le]);
+  const Ae = T(
     (o, d) => {
-      R({
+      $({
         sections: c.sections.map(
-          (C) => C.id === o ? { ...C, heightMm: Math.round(d * 2) / 2 } : C
+          (x) => x.id === o ? { ...x, heightMm: Math.round(d * 2) / 2 } : x
         )
       });
     },
-    [c, R]
-  ), Me = oe(() => {
-    const o = Array.isArray(p) ? p[y] : p;
+    [c, $]
+  ), Pe = oe(() => {
+    const o = Array.isArray(p) ? p[g] : p;
     return o ? "data" in o ? o.data : o : {};
-  }, [p, y]), Ee = Z * f * F, Ge = me * f * F;
+  }, [p, g]), Me = Z * f * F, Ee = me * f * F;
   return /* @__PURE__ */ e(
     Oe,
     {
       flush: !0,
-      className: `${t.root} ${g === "dark" ? t.dark : ""} ${S ?? ""}`,
+      className: `${t.root} ${y === "dark" ? t.dark : ""} ${S ?? ""}`,
       style: b,
       toolbar: /* @__PURE__ */ e(
-        An,
+        Rn,
         {
           tpl: c,
           zoom: f,
-          canUndo: v.length > 0,
-          canRedo: T.length > 0,
-          showGrid: _,
+          canUndo: N.length > 0,
+          canRedo: D.length > 0,
+          showGrid: h,
           showRulers: pe,
-          readOnly: h,
-          selectedCount: r.size,
-          onPaperChange: (o, d) => R({ paperSize: o, orientation: d }),
-          onZoom: D,
-          onUndo: () => N({ type: "UNDO" }),
-          onRedo: () => N({ type: "REDO" }),
+          readOnly: _,
+          selectedCount: l.size,
+          onPaperChange: (o, d) => $({ paperSize: o, orientation: d }),
+          onZoom: z,
+          onUndo: () => w({ type: "UNDO" }),
+          onRedo: () => w({ type: "REDO" }),
           onToggleGrid: () => q((o) => !o),
-          onToggleRulers: () => Ce((o) => !o),
+          onToggleRulers: () => xe((o) => !o),
           onInsert: be,
-          onDelete: he,
-          onDuplicate: _e,
-          onAlignH: De,
-          onAlignV: Te,
-          onBringForward: $e,
-          onSendBackward: Re,
+          onDelete: _e,
+          onDuplicate: he,
+          onAlignH: ze,
+          onAlignV: De,
+          onBringForward: Te,
+          onSendBackward: $e,
           onSave: k ? () => k(c) : void 0
         }
       ),
       sidebar: /* @__PURE__ */ e(
-        Pn,
+        An,
         {
-          activeTab: I,
-          onTabChange: E,
+          activeTab: C,
+          onTabChange: M,
           schema: i,
           tpl: c,
           allFields: X,
-          selectedIds: r,
+          selectedIds: l,
           onInsertSchemaField: (o) => be(o.type, o),
           onSelectField: (o) => n(/* @__PURE__ */ new Set([o])),
-          onUpdateTpl: (o) => R(o),
-          onReorderField: Ae
+          onUpdateTpl: (o) => $(o),
+          onReorderField: Re
         }
       ),
       rightSidebar: /* @__PURE__ */ e(
-        Mn,
+        Pn,
         {
-          field: G,
-          activeTab: W,
-          onTabChange: P,
-          onChange: (o) => G && ue(G.id, o),
+          field: E,
+          activeTab: H,
+          onTabChange: A,
+          onChange: (o) => E && ue(E.id, o),
           paperWidthMm: Z,
           paperHeightMm: me
         }
@@ -2044,8 +2044,8 @@ const el = ({
             "select",
             {
               className: t.testDataSelect,
-              value: y,
-              onChange: (o) => x(+o.target.value),
+              value: g,
+              onChange: (o) => L(+o.target.value),
               children: p.map((o, d) => /* @__PURE__ */ s("option", { value: d, children: [
                 "Rekord ",
                 d + 1
@@ -2058,7 +2058,7 @@ const el = ({
           /* @__PURE__ */ e(Se, { lengthMm: Z, zoom: f, orientation: "h" }),
           /* @__PURE__ */ e(Se, { lengthMm: me, zoom: f, orientation: "v" })
         ] }),
-        /* @__PURE__ */ e("div", { className: t.paperScroll, onClick: (o) => o.stopPropagation(), children: /* @__PURE__ */ s("div", { className: t.paperShadow, style: { width: Ee, minHeight: Ge }, children: [
+        /* @__PURE__ */ e("div", { className: t.paperScroll, onClick: (o) => o.stopPropagation(), children: /* @__PURE__ */ s("div", { className: t.paperShadow, style: { width: Me, minHeight: Ee }, children: [
           /* @__PURE__ */ e(
             "div",
             {
@@ -2086,31 +2086,31 @@ const el = ({
             o.id
           )),
           c.sections.map((o) => /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
-            Tn,
+            Dn,
             {
               section: o,
               zoom: f,
               paperWidthMm: Z,
-              selectedIds: r,
-              sampleData: Me,
-              readOnly: h,
-              showGrid: _,
-              onFieldClick: Le,
-              onFieldDragStart: xe,
-              onResizeStart: ze,
-              onSectionHeightChange: Pe,
-              onDropField: Ie
+              selectedIds: l,
+              sampleData: Pe,
+              readOnly: _,
+              showGrid: h,
+              onFieldClick: Ie,
+              onFieldDragStart: Le,
+              onResizeStart: je,
+              onSectionHeightChange: Ae,
+              onDropField: Ce
             }
           ) }, o.id))
         ] }) })
       ] })
     }
   );
-}, Gn = "_root_6hwvk_1", Hn = "_dark_6hwvk_25", Wn = "_topBar_6hwvk_31", jn = "_searchInput_6hwvk_55", Fn = "_actionBtn_6hwvk_83", On = "_categoryRow_6hwvk_117", Un = "_catChip_6hwvk_141", Yn = "_catChipActive_6hwvk_167", qn = "_grid_6hwvk_181", Kn = "_card_6hwvk_203", Vn = "_cardSelected_6hwvk_235", Zn = "_thumbnail_6hwvk_251", Xn = "_thumbnailImg_6hwvk_265", Jn = "_thumbnailPlaceholder_6hwvk_277", Qn = "_paperMini_6hwvk_291", es = "_paperLine_6hwvk_315", ts = "_cardOverlay_6hwvk_329", as = "_overlayBtn_6hwvk_349", ns = "_overlayBtnDanger_6hwvk_381", ss = "_cardBody_6hwvk_411", rs = "_cardName_6hwvk_415", ls = "_cardDesc_6hwvk_439", is = "_cardMeta_6hwvk_461", os = "_cardSize_6hwvk_475", cs = "_cardCat_6hwvk_491", ds = "_cardTags_6hwvk_507", ps = "_cardTag_6hwvk_507", ms = "_emptyState_6hwvk_531", us = "_emptyIcon_6hwvk_553", L = {
-  root: Gn,
-  dark: Hn,
-  topBar: Wn,
-  searchInput: jn,
+}, En = "_root_85lw2_1", Gn = "_dark_85lw2_25", Hn = "_topBar_85lw2_39", Wn = "_searchInput_85lw2_69", Fn = "_actionBtn_85lw2_111", On = "_categoryRow_85lw2_157", Un = "_catChip_85lw2_187", Yn = "_catChipActive_85lw2_217", qn = "_grid_85lw2_231", Kn = "_card_85lw2_253", Vn = "_cardSelected_85lw2_285", Zn = "_thumbnail_85lw2_307", Xn = "_thumbnailImg_85lw2_321", Jn = "_thumbnailPlaceholder_85lw2_333", Qn = "_paperMini_85lw2_347", es = "_paperLine_85lw2_371", ts = "_cardOverlay_85lw2_385", as = "_overlayBtn_85lw2_405", ns = "_overlayBtnDanger_85lw2_441", ss = "_cardBody_85lw2_481", ls = "_cardName_85lw2_489", rs = "_cardDesc_85lw2_517", is = "_cardMeta_85lw2_539", os = "_cardSize_85lw2_553", cs = "_cardCat_85lw2_569", ds = "_cardTags_85lw2_585", ps = "_cardTag_85lw2_585", ms = "_emptyState_85lw2_617", us = "_emptyIcon_85lw2_639", I = {
+  root: En,
+  dark: Gn,
+  topBar: Hn,
+  searchInput: Wn,
   actionBtn: Fn,
   categoryRow: On,
   catChip: Un,
@@ -2127,8 +2127,8 @@ const el = ({
   overlayBtn: as,
   overlayBtnDanger: ns,
   cardBody: ss,
-  cardName: rs,
-  cardDesc: ls,
+  cardName: ls,
+  cardDesc: rs,
   cardMeta: is,
   cardSize: os,
   cardCat: cs,
@@ -2136,76 +2136,76 @@ const el = ({
   cardTag: ps,
   emptyState: ms,
   emptyIcon: us
-}, hs = ["Faktury", "Raporty", "Etykiety", "Listy", "Umowy", "Inne"];
-function _s(a) {
+}, _s = ["Faktury", "Raporty", "Etykiety", "Listy", "Umowy", "Inne"];
+function hs(a) {
   return new Promise((i, p) => {
-    const l = new FileReader();
-    l.onload = (k) => {
-      var h;
+    const r = new FileReader();
+    r.onload = (k) => {
+      var _;
       try {
-        i(JSON.parse((h = k.target) == null ? void 0 : h.result));
+        i(JSON.parse((_ = k.target) == null ? void 0 : _.result));
       } catch (S) {
         p(S);
       }
-    }, l.readAsText(a);
+    }, r.readAsText(a);
   });
 }
-function gs(a) {
-  const i = new Blob([JSON.stringify(a, null, 2)], { type: "application/json" }), p = URL.createObjectURL(i), l = document.createElement("a");
-  l.href = p, l.download = `${a.name.replace(/\s+/g, "_")}.json`, l.click(), URL.revokeObjectURL(p);
+function ys(a) {
+  const i = new Blob([JSON.stringify(a, null, 2)], { type: "application/json" }), p = URL.createObjectURL(i), r = document.createElement("a");
+  r.href = p, r.download = `${a.name.replace(/\s+/g, "_")}.json`, r.click(), URL.revokeObjectURL(p);
 }
-const tl = ({
+const tr = ({
   templates: a,
   selectedId: i,
   onSelect: p,
-  onImport: l,
+  onImport: r,
   onExport: k,
-  onDelete: h,
+  onDelete: _,
   onNew: S,
   className: b,
-  style: g,
-  theme: v = "light"
+  style: y,
+  theme: N = "light"
 }) => {
-  const [c, T] = M(""), [N, r] = M(null), [n, u] = M(null), m = We.useRef(null), f = async (y) => {
-    var I;
-    const x = (I = y.target.files) == null ? void 0 : I[0];
-    if (x) {
+  const [c, D] = P(""), [w, l] = P(null), [n, u] = P(null), m = He.useRef(null), f = async (g) => {
+    var C;
+    const L = (C = g.target.files) == null ? void 0 : C[0];
+    if (L) {
       try {
-        const E = await _s(x);
-        l == null || l(E);
+        const M = await hs(L);
+        r == null || r(M);
       } catch {
       }
-      y.target.value = "";
+      g.target.value = "";
     }
-  }, D = a.filter((y) => {
-    const x = !c || y.name.toLowerCase().includes(c.toLowerCase()) || (y.description ?? "").toLowerCase().includes(c.toLowerCase()) || (y.tags ?? []).some((E) => E.toLowerCase().includes(c.toLowerCase())), I = !N || y.category === N;
-    return x && I;
+  }, z = a.filter((g) => {
+    const L = !c || g.name.toLowerCase().includes(c.toLowerCase()) || (g.description ?? "").toLowerCase().includes(c.toLowerCase()) || (g.tags ?? []).some((M) => M.toLowerCase().includes(c.toLowerCase())), C = !w || g.category === w;
+    return L && C;
   });
   return /* @__PURE__ */ s(
     "div",
     {
-      className: `${L.root} ${v === "dark" ? L.dark : ""} ${b ?? ""}`,
-      style: g,
+      className: `${I.root} ${N === "dark" ? I.dark : ""} ${b ?? ""}`,
+      style: y,
       children: [
-        /* @__PURE__ */ s("div", { className: L.topBar, children: [
+        /* @__PURE__ */ s("div", { className: I.topBar, children: [
           /* @__PURE__ */ e(
             "input",
             {
               type: "search",
-              className: L.searchInput,
+              className: I.searchInput,
               placeholder: "Szukaj szablonów…",
               value: c,
-              onChange: (y) => T(y.target.value)
+              onChange: (g) => D(g.target.value)
             }
           ),
-          /* @__PURE__ */ e("button", { className: L.actionBtn, onClick: S, title: "Nowy szablon", children: "+ Nowy" }),
+          /* @__PURE__ */ e("button", { className: I.actionBtn, onClick: S, title: "Nowy szablon", children: "+ Nowy" }),
           /* @__PURE__ */ e(
             "button",
             {
-              className: L.actionBtn,
+              className: I.actionBtn,
               onClick: () => {
-                var y;
-                return (y = m.current) == null ? void 0 : y.click();
+                var g;
+                return (g = m.current) == null ? void 0 : g.click();
               },
               title: "Importuj JSON",
               children: "⬆ Import"
@@ -2213,83 +2213,83 @@ const tl = ({
           ),
           /* @__PURE__ */ e("input", { ref: m, type: "file", accept: ".json", hidden: !0, onChange: f })
         ] }),
-        /* @__PURE__ */ s("div", { className: L.categoryRow, children: [
+        /* @__PURE__ */ s("div", { className: I.categoryRow, children: [
           /* @__PURE__ */ e(
             "button",
             {
-              className: `${L.catChip} ${N ? "" : L.catChipActive}`,
-              onClick: () => r(null),
+              className: `${I.catChip} ${w ? "" : I.catChipActive}`,
+              onClick: () => l(null),
               children: "Wszystkie"
             }
           ),
-          hs.map((y) => /* @__PURE__ */ e(
+          _s.map((g) => /* @__PURE__ */ e(
             "button",
             {
-              className: `${L.catChip} ${N === y ? L.catChipActive : ""}`,
-              onClick: () => r((x) => x === y ? null : y),
-              children: y
+              className: `${I.catChip} ${w === g ? I.catChipActive : ""}`,
+              onClick: () => l((L) => L === g ? null : g),
+              children: g
             },
-            y
+            g
           ))
         ] }),
-        /* @__PURE__ */ s("div", { className: L.grid, children: [
-          D.map((y) => /* @__PURE__ */ s(
+        /* @__PURE__ */ s("div", { className: I.grid, children: [
+          z.map((g) => /* @__PURE__ */ s(
             "div",
             {
-              className: `${L.card} ${i === y.id ? L.cardSelected : ""}`,
-              onClick: () => p == null ? void 0 : p(y),
-              onMouseEnter: () => u(y.id),
+              className: `${I.card} ${i === g.id ? I.cardSelected : ""}`,
+              onClick: () => p == null ? void 0 : p(g),
+              onMouseEnter: () => u(g.id),
               onMouseLeave: () => u(null),
               children: [
-                /* @__PURE__ */ s("div", { className: L.thumbnail, children: [
-                  y.previewImageUrl ? /* @__PURE__ */ e("img", { src: y.previewImageUrl, alt: y.name, className: L.thumbnailImg }) : /* @__PURE__ */ e("div", { className: L.thumbnailPlaceholder, children: /* @__PURE__ */ s("div", { className: L.paperMini, children: [
+                /* @__PURE__ */ s("div", { className: I.thumbnail, children: [
+                  g.previewImageUrl ? /* @__PURE__ */ e("img", { src: g.previewImageUrl, alt: g.name, className: I.thumbnailImg }) : /* @__PURE__ */ e("div", { className: I.thumbnailPlaceholder, children: /* @__PURE__ */ s("div", { className: I.paperMini, children: [
                     /* @__PURE__ */ e(
                       "div",
                       {
-                        className: L.paperLine,
+                        className: I.paperLine,
                         style: { width: "80%" }
                       }
                     ),
                     /* @__PURE__ */ e(
                       "div",
                       {
-                        className: L.paperLine,
+                        className: I.paperLine,
                         style: { width: "60%" }
                       }
                     ),
                     /* @__PURE__ */ e(
                       "div",
                       {
-                        className: L.paperLine,
+                        className: I.paperLine,
                         style: { width: "90%" }
                       }
                     ),
                     /* @__PURE__ */ e(
                       "div",
                       {
-                        className: L.paperLine,
+                        className: I.paperLine,
                         style: { width: "50%" }
                       }
                     )
                   ] }) }),
-                  n === y.id && /* @__PURE__ */ s("div", { className: L.cardOverlay, children: [
+                  n === g.id && /* @__PURE__ */ s("div", { className: I.cardOverlay, children: [
                     /* @__PURE__ */ e(
                       "button",
                       {
-                        className: L.overlayBtn,
-                        onClick: (x) => {
-                          x.stopPropagation(), k == null || k(y), gs(y);
+                        className: I.overlayBtn,
+                        onClick: (L) => {
+                          L.stopPropagation(), k == null || k(g), ys(g);
                         },
                         title: "Eksportuj",
                         children: "⬇"
                       }
                     ),
-                    h && /* @__PURE__ */ e(
+                    _ && /* @__PURE__ */ e(
                       "button",
                       {
-                        className: L.overlayBtnDanger,
-                        onClick: (x) => {
-                          x.stopPropagation(), h(y.id);
+                        className: I.overlayBtnDanger,
+                        onClick: (L) => {
+                          L.stopPropagation(), _(g.id);
                         },
                         title: "Usuń",
                         children: "✕"
@@ -2297,47 +2297,47 @@ const tl = ({
                     )
                   ] })
                 ] }),
-                /* @__PURE__ */ s("div", { className: L.cardBody, children: [
-                  /* @__PURE__ */ e("div", { className: L.cardName, children: y.name }),
-                  y.description && /* @__PURE__ */ e("div", { className: L.cardDesc, children: y.description }),
-                  /* @__PURE__ */ s("div", { className: L.cardMeta, children: [
-                    /* @__PURE__ */ s("span", { className: L.cardSize, children: [
-                      y.paperSize,
+                /* @__PURE__ */ s("div", { className: I.cardBody, children: [
+                  /* @__PURE__ */ e("div", { className: I.cardName, children: g.name }),
+                  g.description && /* @__PURE__ */ e("div", { className: I.cardDesc, children: g.description }),
+                  /* @__PURE__ */ s("div", { className: I.cardMeta, children: [
+                    /* @__PURE__ */ s("span", { className: I.cardSize, children: [
+                      g.paperSize,
                       " ",
-                      y.orientation === "landscape" ? "↔" : "↕"
+                      g.orientation === "landscape" ? "↔" : "↕"
                     ] }),
-                    y.category && /* @__PURE__ */ e("span", { className: L.cardCat, children: y.category })
+                    g.category && /* @__PURE__ */ e("span", { className: I.cardCat, children: g.category })
                   ] }),
-                  y.tags && y.tags.length > 0 && /* @__PURE__ */ e("div", { className: L.cardTags, children: y.tags.slice(0, 3).map((x) => /* @__PURE__ */ e("span", { className: L.cardTag, children: x }, x)) })
+                  g.tags && g.tags.length > 0 && /* @__PURE__ */ e("div", { className: I.cardTags, children: g.tags.slice(0, 3).map((L) => /* @__PURE__ */ e("span", { className: I.cardTag, children: L }, L)) })
                 ] })
               ]
             },
-            y.id
+            g.id
           )),
-          D.length === 0 && /* @__PURE__ */ s("div", { className: L.emptyState, children: [
-            /* @__PURE__ */ e("span", { className: L.emptyIcon, children: "📄" }),
+          z.length === 0 && /* @__PURE__ */ s("div", { className: I.emptyState, children: [
+            /* @__PURE__ */ e("span", { className: I.emptyIcon, children: "📄" }),
             /* @__PURE__ */ e("span", { children: c ? `Brak wyników dla "${c}"` : "Brak szablonów. Utwórz pierwszy!" })
           ] })
         ] })
       ]
     }
   );
-}, ys = "_root_1grye_1", bs = "_dark_1grye_19", ws = "_headerBar_1grye_25", vs = "_entityNav_1grye_47", Ns = "_navBtn_1grye_49", fs = "_navLabel_1grye_73", ks = "_sampleBadge_1grye_77", Ss = "_zoomBar_1grye_95", Bs = "_zoomBtn_1grye_97", Cs = "_zoomLabel_1grye_119", Is = "_printBtn_1grye_123", Ls = "_canvas_1grye_149", xs = "_page_1grye_169", zs = "_watermark_1grye_191", Ds = "_footerBar_1grye_221", j = {
-  root: ys,
+}, gs = "_root_10i1f_1", bs = "_dark_10i1f_19", vs = "_headerBar_10i1f_31", Ns = "_entityNav_10i1f_59", ws = "_navBtn_10i1f_69", fs = "_navLabel_10i1f_103", ks = "_sampleBadge_10i1f_117", Ss = "_zoomBar_10i1f_135", Bs = "_zoomBtn_10i1f_147", xs = "_zoomLabel_10i1f_179", Cs = "_printBtn_10i1f_193", Is = "_canvas_10i1f_223", Ls = "_page_10i1f_243", js = "_watermark_10i1f_269", zs = "_footerBar_10i1f_299", W = {
+  root: gs,
   dark: bs,
-  headerBar: ws,
-  entityNav: vs,
-  navBtn: Ns,
+  headerBar: vs,
+  entityNav: Ns,
+  navBtn: ws,
   navLabel: fs,
   sampleBadge: ks,
   zoomBar: Ss,
   zoomBtn: Bs,
-  zoomLabel: Cs,
-  printBtn: Is,
-  canvas: Ls,
-  page: xs,
-  watermark: zs,
-  footerBar: Ds
+  zoomLabel: xs,
+  printBtn: Cs,
+  canvas: Is,
+  page: Ls,
+  watermark: js,
+  footerBar: zs
 }, V = 3.78, Be = {
   A3: [297, 420],
   A4: [210, 297],
@@ -2347,45 +2347,45 @@ const tl = ({
   Legal: [216, 356],
   Tabloid: [279, 432]
 };
-function Ts(a, i) {
+function Ds(a, i) {
   try {
-    return a.split(".").reduce((p, l) => p && typeof p == "object" ? p[l] : null, i);
+    return a.split(".").reduce((p, r) => p && typeof p == "object" ? p[r] : null, i);
   } catch {
     return null;
   }
 }
-function $s(a, i, p) {
+function Ts(a, i, p) {
   if (a == null)
     return "";
   if (i === "date" && p)
     try {
-      const l = new Date(a);
+      const r = new Date(a);
       if (p === "DD.MM.YYYY") {
-        const k = String(l.getDate()).padStart(2, "0"), h = String(l.getMonth() + 1).padStart(2, "0");
-        return `${k}.${h}.${l.getFullYear()}`;
+        const k = String(r.getDate()).padStart(2, "0"), _ = String(r.getMonth() + 1).padStart(2, "0");
+        return `${k}.${_}.${r.getFullYear()}`;
       }
-      return l.toLocaleDateString();
+      return r.toLocaleDateString();
     } catch {
       return String(a);
     }
   if (i === "currency" && p) {
-    const l = Number(a);
-    if (!isNaN(l))
-      return `${l.toFixed(2)} ${p}`;
+    const r = Number(a);
+    if (!isNaN(r))
+      return `${r.toFixed(2)} ${p}`;
   }
   return i === "number" && typeof a == "number" ? a.toLocaleString("pl-PL") : String(a);
 }
-const Rs = ({ field: a, data: i, zoom: p }) => {
-  const l = a.dataPath ? Ts(a.dataPath, i) : null, k = l != null ? $s(l, a.type, a.format) : a.fallback ?? "", h = (b) => b * p * V, S = {
+const $s = ({ field: a, data: i, zoom: p }) => {
+  const r = a.dataPath ? Ds(a.dataPath, i) : null, k = r != null ? Ts(r, a.type, a.format) : a.fallback ?? "", _ = (b) => b * p * V, S = {
     position: "absolute",
-    left: h(a.position.x),
-    top: h(a.position.y),
-    width: h(a.position.width),
-    height: h(a.position.height),
+    left: _(a.position.x),
+    top: _(a.position.y),
+    width: _(a.position.width),
+    height: _(a.position.height),
     fontSize: (a.style.fontSize ?? 10) * p,
     fontWeight: a.style.fontWeight ?? "normal",
     fontStyle: a.style.fontStyle ?? "normal",
-    color: a.style.color ?? "var(--text-primary, #0f172a)",
+    color: a.style.color ?? "var(--nice-text-primary, #0f172a)",
     textAlign: a.style.textAlign ?? "left",
     backgroundColor: a.style.backgroundColor,
     transform: a.style.rotation ? `rotate(${a.style.rotation}deg)` : void 0,
@@ -2393,7 +2393,7 @@ const Rs = ({ field: a, data: i, zoom: p }) => {
     display: "flex",
     alignItems: a.style.verticalAlign === "middle" ? "center" : a.style.verticalAlign === "bottom" ? "flex-end" : "flex-start",
     lineHeight: a.style.lineHeight ?? 1.4,
-    padding: a.style.padding ? h(a.style.padding) : 0,
+    padding: a.style.padding ? _(a.style.padding) : 0,
     boxSizing: "border-box",
     borderWidth: a.style.borderWidth,
     borderColor: a.style.borderColor,
@@ -2401,10 +2401,10 @@ const Rs = ({ field: a, data: i, zoom: p }) => {
     borderRadius: a.style.borderRadius,
     zIndex: a.position.zIndex ?? 1
   };
-  return a.type === "image" && l ? /* @__PURE__ */ e("div", { style: S, children: /* @__PURE__ */ e(
+  return a.type === "image" && r ? /* @__PURE__ */ e("div", { style: S, children: /* @__PURE__ */ e(
     "img",
     {
-      src: String(l),
+      src: String(r),
       alt: "",
       style: { width: "100%", height: "100%", objectFit: "contain" }
     }
@@ -2413,8 +2413,8 @@ const Rs = ({ field: a, data: i, zoom: p }) => {
     {
       style: {
         ...S,
-        background: "var(--bg-secondary, #f8fafc)",
-        border: "1px dashed var(--border-color, #e2e8f0)",
+        background: "var(--nice-bg-secondary, #f8fafc)",
+        border: "1px dashed var(--nice-border-color, #e2e8f0)",
         alignItems: "center",
         justifyContent: "center",
         fontSize: 10 * p
@@ -2430,139 +2430,139 @@ const Rs = ({ field: a, data: i, zoom: p }) => {
     {
       style: {
         ...S,
-        borderBottom: "1px solid var(--text-primary, #0f172a)",
+        borderBottom: "1px solid var(--nice-text-primary, #0f172a)",
         alignItems: "flex-end"
       },
-      children: /* @__PURE__ */ e("span", { style: { fontSize: 8 * p, color: "var(--text-muted, #94a3b8)" }, children: a.label })
+      children: /* @__PURE__ */ e("span", { style: { fontSize: 8 * p, color: "var(--nice-text-muted, #94a3b8)" }, children: a.label })
     }
   ) : a.type === "line" ? /* @__PURE__ */ e(
     "div",
     {
       style: {
         ...S,
-        borderBottom: `${a.style.borderWidth ?? 1}px ${a.style.borderStyle ?? "solid"} ${a.style.borderColor ?? "var(--text-primary, #0f172a)"}`
+        borderBottom: `${a.style.borderWidth ?? 1}px ${a.style.borderStyle ?? "solid"} ${a.style.borderColor ?? "var(--nice-text-primary, #0f172a)"}`
       }
     }
   ) : /* @__PURE__ */ e("div", { style: S, children: k });
-}, As = ({ template: a, data: i, zoom: p }) => {
+}, Rs = ({ template: a, data: i, zoom: p }) => {
   var b;
-  const [l, k] = (() => {
-    const [g, v] = Be[a.paperSize] ?? Be.A4;
-    return a.orientation === "landscape" ? [v * V * p, g * V * p] : [g * V * p, v * V * p];
-  })(), h = a.margins, S = a.sections.flatMap((g) => g.fields);
-  return /* @__PURE__ */ s("div", { className: j.page, style: { width: l, minHeight: k }, children: [
+  const [r, k] = (() => {
+    const [y, N] = Be[a.paperSize] ?? Be.A4;
+    return a.orientation === "landscape" ? [N * V * p, y * V * p] : [y * V * p, N * V * p];
+  })(), _ = a.margins, S = a.sections.flatMap((y) => y.fields);
+  return /* @__PURE__ */ s("div", { className: W.page, style: { width: r, minHeight: k }, children: [
     /* @__PURE__ */ e(
       "div",
       {
         style: {
           position: "absolute",
-          top: h.top * p * V,
-          left: h.left * p * V,
-          right: h.right * p * V,
-          bottom: h.bottom * p * V
+          top: _.top * p * V,
+          left: _.left * p * V,
+          right: _.right * p * V,
+          bottom: _.bottom * p * V
         },
-        children: S.map((g) => /* @__PURE__ */ e(Rs, { field: g, data: i, zoom: p }, g.id))
+        children: S.map((y) => /* @__PURE__ */ e($s, { field: y, data: i, zoom: p }, y.id))
       }
     ),
-    (b = a.watermarks) == null ? void 0 : b.map((g) => /* @__PURE__ */ e(
+    (b = a.watermarks) == null ? void 0 : b.map((y) => /* @__PURE__ */ e(
       "div",
       {
-        className: j.watermark,
+        className: W.watermark,
         style: {
-          opacity: g.opacity,
-          transform: `rotate(${g.angle}deg)`,
-          fontSize: (g.fontSize ?? 48) * p
+          opacity: y.opacity,
+          transform: `rotate(${y.angle}deg)`,
+          fontSize: (y.fontSize ?? 48) * p
         },
-        children: g.type === "text" ? g.text : /* @__PURE__ */ e(
+        children: y.type === "text" ? y.text : /* @__PURE__ */ e(
           "img",
           {
-            src: g.imageUrl,
+            src: y.imageUrl,
             alt: "wm",
             style: { maxWidth: 200 * p }
           }
         )
       },
-      g.id
+      y.id
     ))
   ] });
-}, al = ({
+}, ar = ({
   template: a,
   entities: i = [],
   sampleData: p,
-  onPrint: l,
+  onPrint: r,
   className: k,
-  style: h,
+  style: _,
   theme: S = "light",
   asPopup: b = !0,
-  open: g,
-  onClose: v
+  open: y,
+  onClose: N
 }) => {
-  const { t: c } = Ue(), [T, N] = M(0), [r, n] = M(0.8), [u, m] = M(!0), f = g !== void 0, D = f ? g : u, y = () => {
-    f || m(!1), v == null || v();
+  const { t: c } = Ue(), [D, w] = P(0), [l, n] = P(0.8), [u, m] = P(!0), f = y !== void 0, z = f ? y : u, g = () => {
+    f || m(!1), N == null || N();
   };
-  ye(() => {
-    if (!b || !D)
+  ge(() => {
+    if (!b || !z)
       return;
-    const P = (_) => {
-      _.key === "Escape" && y();
+    const A = (h) => {
+      h.key === "Escape" && g();
     };
-    return document.addEventListener("keydown", P), document.body.style.overflow = "hidden", () => {
-      document.removeEventListener("keydown", P), document.body.style.overflow = "";
+    return document.addEventListener("keydown", A), document.body.style.overflow = "hidden", () => {
+      document.removeEventListener("keydown", A), document.body.style.overflow = "";
     };
-  }, [b, D]);
-  const x = oe(() => i.length > 0 ? i : p ? [p.data] : [{}], [i, p]), I = x[T] ?? {};
-  if (b && !D)
+  }, [b, z]);
+  const L = oe(() => i.length > 0 ? i : p ? [p.data] : [{}], [i, p]), C = L[D] ?? {};
+  if (b && !z)
     return null;
-  const E = /* @__PURE__ */ s(
+  const M = /* @__PURE__ */ s(
     "div",
     {
-      className: `${j.root} ${S === "dark" ? j.dark : ""} ${k ?? ""}`,
-      style: h,
+      className: `${W.root} ${S === "dark" ? W.dark : ""} ${k ?? ""}`,
+      style: _,
       children: [
-        /* @__PURE__ */ s("div", { className: j.headerBar, children: [
-          /* @__PURE__ */ s("div", { className: j.entityNav, children: [
-            x.length > 1 && /* @__PURE__ */ s(Y, { children: [
+        /* @__PURE__ */ s("div", { className: W.headerBar, children: [
+          /* @__PURE__ */ s("div", { className: W.entityNav, children: [
+            L.length > 1 && /* @__PURE__ */ s(Y, { children: [
               /* @__PURE__ */ e(
                 "button",
                 {
-                  className: j.navBtn,
-                  disabled: T === 0,
-                  onClick: () => N((P) => P - 1),
+                  className: W.navBtn,
+                  disabled: D === 0,
+                  onClick: () => w((A) => A - 1),
                   children: "‹"
                 }
               ),
-              /* @__PURE__ */ s("span", { className: j.navLabel, children: [
-                T + 1,
+              /* @__PURE__ */ s("span", { className: W.navLabel, children: [
+                D + 1,
                 " / ",
-                x.length
+                L.length
               ] }),
               /* @__PURE__ */ e(
                 "button",
                 {
-                  className: j.navBtn,
-                  disabled: T >= x.length - 1,
-                  onClick: () => N((P) => P + 1),
+                  className: W.navBtn,
+                  disabled: D >= L.length - 1,
+                  onClick: () => w((A) => A + 1),
                   children: "›"
                 }
               )
             ] }),
-            i.length === 0 && p && /* @__PURE__ */ e("span", { className: j.sampleBadge, children: "Przykładowe dane" })
+            i.length === 0 && p && /* @__PURE__ */ e("span", { className: W.sampleBadge, children: "Przykładowe dane" })
           ] }),
-          /* @__PURE__ */ s("div", { className: j.zoomBar, children: [
-            /* @__PURE__ */ e("button", { className: j.zoomBtn, onClick: () => n((P) => Math.max(0.3, P - 0.1)), children: "−" }),
-            /* @__PURE__ */ s("span", { className: j.zoomLabel, children: [
-              Math.round(r * 100),
+          /* @__PURE__ */ s("div", { className: W.zoomBar, children: [
+            /* @__PURE__ */ e("button", { className: W.zoomBtn, onClick: () => n((A) => Math.max(0.3, A - 0.1)), children: "−" }),
+            /* @__PURE__ */ s("span", { className: W.zoomLabel, children: [
+              Math.round(l * 100),
               "%"
             ] }),
-            /* @__PURE__ */ e("button", { className: j.zoomBtn, onClick: () => n((P) => Math.min(2.5, P + 0.1)), children: "+" }),
-            /* @__PURE__ */ e("button", { className: j.zoomBtn, onClick: () => n(0.8), title: "Dopasuj", children: "⊡" })
+            /* @__PURE__ */ e("button", { className: W.zoomBtn, onClick: () => n((A) => Math.min(2.5, A + 0.1)), children: "+" }),
+            /* @__PURE__ */ e("button", { className: W.zoomBtn, onClick: () => n(0.8), title: "Dopasuj", children: "⊡" })
           ] }),
           /* @__PURE__ */ s("div", { style: { display: "flex", gap: 8 }, children: [
             /* @__PURE__ */ e(
               "button",
               {
-                className: j.printBtn,
-                onClick: () => l == null ? void 0 : l({ copies: 1, printerId: "" }),
+                className: W.printBtn,
+                onClick: () => r == null ? void 0 : r({ copies: 1, printerId: "" }),
                 children: c("printPreview.print", "Drukuj")
               }
             ),
@@ -2570,8 +2570,8 @@ const Rs = ({ field: a, data: i, zoom: p }) => {
               "button",
               {
                 type: "button",
-                className: j.zoomBtn,
-                onClick: y,
+                className: W.zoomBtn,
+                onClick: g,
                 "aria-label": c("common.close", "Zamknij"),
                 title: c("common.close", "Zamknij"),
                 children: "✕"
@@ -2579,15 +2579,15 @@ const Rs = ({ field: a, data: i, zoom: p }) => {
             )
           ] })
         ] }),
-        /* @__PURE__ */ e("div", { className: j.canvas, children: /* @__PURE__ */ e(As, { template: a, data: I, zoom: r }) }),
-        /* @__PURE__ */ s("div", { className: j.footerBar, children: [
+        /* @__PURE__ */ e("div", { className: W.canvas, children: /* @__PURE__ */ e(Rs, { template: a, data: C, zoom: l }) }),
+        /* @__PURE__ */ s("div", { className: W.footerBar, children: [
           /* @__PURE__ */ e("span", { children: a.name }),
           /* @__PURE__ */ s("span", { children: [
             a.paperSize,
             " · ",
             a.orientation === "portrait" ? "Pion" : "Poziom"
           ] }),
-          a.sections.reduce((P, _) => P + _.fields.length, 0),
+          a.sections.reduce((A, h) => A + h.fields.length, 0),
           " pól"
         ] })
       ]
@@ -2599,15 +2599,15 @@ const Rs = ({ field: a, data: i, zoom: p }) => {
       style: {
         position: "fixed",
         inset: 0,
-        background: "color-mix(in srgb, var(--text-primary, #000) 50%, transparent)",
+        background: "color-mix(in srgb, var(--nice-text-primary, #000) 50%, transparent)",
         display: "flex",
         alignItems: "center",
         justifyContent: "center",
         zIndex: 1e3,
         padding: 24
       },
-      onMouseDown: (P) => {
-        P.target === P.currentTarget && y();
+      onMouseDown: (A) => {
+        A.target === A.currentTarget && g();
       },
       role: "presentation",
       children: /* @__PURE__ */ e(
@@ -2616,26 +2616,26 @@ const Rs = ({ field: a, data: i, zoom: p }) => {
           role: "dialog",
           "aria-modal": "true",
           style: {
-            background: "var(--bg-elevated, var(--bg-primary, #ffffff))",
+            background: "var(--nice-bg-elevated, var(--nice-bg-primary, #ffffff))",
             borderRadius: 12,
-            boxShadow: "0 20px 60px color-mix(in srgb, var(--text-primary, #000) 30%, transparent)",
+            boxShadow: "0 20px 60px color-mix(in srgb, var(--nice-text-primary, #000) 30%, transparent)",
             maxWidth: "90vw",
             maxHeight: "90vh",
             overflow: "auto"
           },
-          children: E
+          children: M
         }
       )
     }
-  ), document.body) : E;
-}, Ps = "_root_18ftw_1", Ms = "_dark_18ftw_23", Es = "_statsBar_18ftw_29", Gs = "_stat_18ftw_29", Hs = "_dot_18ftw_51", Ws = "_statPrinting_18ftw_53", js = "_statQueued_18ftw_55", Fs = "_statDone_18ftw_57", Os = "_statError_18ftw_59", Us = "_toolbar_18ftw_65", Ys = "_filterTabs_18ftw_85", qs = "_filterTab_18ftw_85", Ks = "_filterTabActive_18ftw_109", Vs = "_filterCount_18ftw_111", Zs = "_bulkActions_18ftw_123", Xs = "_bulkCount_18ftw_125", Js = "_bulkBtn_18ftw_127", Qs = "_bulkBtnRemove_18ftw_147", er = "_jobList_18ftw_155", tr = "_listHeader_18ftw_159", ar = "_headerLabel_18ftw_187", nr = "_jobRow_18ftw_193", sr = "_jobRowSelected_18ftw_217", rr = "_jobCheckbox_18ftw_223", lr = "_statusBadge_18ftw_229", ir = "_pulse_18ftw_1", or = "_jobInfo_18ftw_267", cr = "_jobName_18ftw_269", dr = "_jobMeta_18ftw_271", pr = "_jobTime_18ftw_281", mr = "_jobDuration_18ftw_283", ur = "_jobError_18ftw_285", hr = "_progressBar_18ftw_291", _r = "_progressFill_18ftw_305", gr = "_copiesEditor_18ftw_321", yr = "_copiesBtn_18ftw_333", br = "_copiesValue_18ftw_357", wr = "_jobActions_18ftw_363", vr = "_actionBtn_18ftw_365", Nr = "_removeBtn_18ftw_387", fr = "_emptyState_18ftw_395", w = {
-  root: Ps,
-  dark: Ms,
-  statsBar: Es,
-  stat: Gs,
-  dot: Hs,
-  statPrinting: Ws,
-  statQueued: js,
+  ), document.body) : M;
+}, As = "_root_lsn26_1", Ps = "_dark_lsn26_23", Ms = "_statsBar_lsn26_37", Es = "_stat_lsn26_37", Gs = "_dot_lsn26_75", Hs = "_statPrinting_lsn26_87", Ws = "_statQueued_lsn26_93", Fs = "_statDone_lsn26_99", Os = "_statError_lsn26_105", Us = "_toolbar_lsn26_115", Ys = "_filterTabs_lsn26_139", qs = "_filterTab_lsn26_139", Ks = "_filterTabActive_lsn26_177", Vs = "_filterCount_lsn26_187", Zs = "_bulkActions_lsn26_211", Xs = "_bulkCount_lsn26_223", Js = "_bulkBtn_lsn26_231", Qs = "_bulkBtnRemove_lsn26_255", el = "_jobList_lsn26_273", tl = "_listHeader_lsn26_281", al = "_headerLabel_lsn26_313", nl = "_jobRow_lsn26_323", sl = "_jobRowSelected_lsn26_359", ll = "_jobCheckbox_lsn26_373", rl = "_statusBadge_lsn26_387", il = "_pulse_lsn26_1", ol = "_jobInfo_lsn26_479", cl = "_jobName_lsn26_485", dl = "_jobMeta_lsn26_497", pl = "_jobTime_lsn26_513", ml = "_jobDuration_lsn26_519", ul = "_jobError_lsn26_525", _l = "_progressBar_lsn26_539", hl = "_progressFill_lsn26_553", yl = "_copiesEditor_lsn26_569", gl = "_copiesBtn_lsn26_581", bl = "_copiesValue_lsn26_621", vl = "_jobActions_lsn26_635", Nl = "_actionBtn_lsn26_645", wl = "_removeBtn_lsn26_677", fl = "_emptyState_lsn26_695", v = {
+  root: As,
+  dark: Ps,
+  statsBar: Ms,
+  stat: Es,
+  dot: Gs,
+  statPrinting: Hs,
+  statQueued: Ws,
   statDone: Fs,
   statError: Os,
   toolbar: Us,
@@ -2647,36 +2647,36 @@ const Rs = ({ field: a, data: i, zoom: p }) => {
   bulkCount: Xs,
   bulkBtn: Js,
   bulkBtnRemove: Qs,
-  jobList: er,
-  listHeader: tr,
-  headerLabel: ar,
-  jobRow: nr,
-  jobRowSelected: sr,
-  jobCheckbox: rr,
-  statusBadge: lr,
-  "badge-queued": "_badge-queued_18ftw_247",
-  "badge-printing": "_badge-printing_18ftw_249",
-  pulse: ir,
-  "badge-done": "_badge-done_18ftw_251",
-  "badge-error": "_badge-error_18ftw_253",
-  "badge-paused": "_badge-paused_18ftw_255",
-  "badge-cancelled": "_badge-cancelled_18ftw_257",
-  jobInfo: or,
-  jobName: cr,
-  jobMeta: dr,
-  jobTime: pr,
-  jobDuration: mr,
-  jobError: ur,
-  progressBar: hr,
-  progressFill: _r,
-  copiesEditor: gr,
-  copiesBtn: yr,
-  copiesValue: br,
-  jobActions: wr,
-  actionBtn: vr,
-  removeBtn: Nr,
-  emptyState: fr
-}, ge = {
+  jobList: el,
+  listHeader: tl,
+  headerLabel: al,
+  jobRow: nl,
+  jobRowSelected: sl,
+  jobCheckbox: ll,
+  statusBadge: rl,
+  "badge-queued": "_badge-queued_lsn26_405",
+  "badge-printing": "_badge-printing_lsn26_413",
+  pulse: il,
+  "badge-done": "_badge-done_lsn26_423",
+  "badge-error": "_badge-error_lsn26_431",
+  "badge-paused": "_badge-paused_lsn26_439",
+  "badge-cancelled": "_badge-cancelled_lsn26_447",
+  jobInfo: ol,
+  jobName: cl,
+  jobMeta: dl,
+  jobTime: pl,
+  jobDuration: ml,
+  jobError: ul,
+  progressBar: _l,
+  progressFill: hl,
+  copiesEditor: yl,
+  copiesBtn: gl,
+  copiesValue: bl,
+  jobActions: vl,
+  actionBtn: Nl,
+  removeBtn: wl,
+  emptyState: fl
+}, ye = {
   queued: "Kolejka",
   printing: "Drukowanie",
   done: "Wydrukowano",
@@ -2684,72 +2684,72 @@ const Rs = ({ field: a, data: i, zoom: p }) => {
   paused: "Wstrzymano",
   cancelled: "Anulowano"
 };
-function kr(a) {
+function kl(a) {
   try {
     return new Date(a).toLocaleTimeString("pl-PL", { hour: "2-digit", minute: "2-digit" });
   } catch {
     return a;
   }
 }
-function Sr(a) {
+function Sl(a) {
   const i = Date.now() - new Date(a).getTime(), p = Math.floor(i / 1e3);
   return p < 60 ? `${p}s` : `${Math.floor(p / 60)}m ${p % 60}s`;
 }
-const Br = ({ jobs: a }) => {
-  const i = a.filter((h) => h.status === "printing").length, p = a.filter((h) => h.status === "queued").length, l = a.filter((h) => h.status === "done").length, k = a.filter((h) => h.status === "error").length;
-  return /* @__PURE__ */ s("div", { className: w.statsBar, children: [
-    /* @__PURE__ */ s("span", { className: `${w.stat} ${w.statPrinting}`, children: [
-      /* @__PURE__ */ e("span", { className: w.dot }),
+const Bl = ({ jobs: a }) => {
+  const i = a.filter((_) => _.status === "printing").length, p = a.filter((_) => _.status === "queued").length, r = a.filter((_) => _.status === "done").length, k = a.filter((_) => _.status === "error").length;
+  return /* @__PURE__ */ s("div", { className: v.statsBar, children: [
+    /* @__PURE__ */ s("span", { className: `${v.stat} ${v.statPrinting}`, children: [
+      /* @__PURE__ */ e("span", { className: v.dot }),
       "Drukuje: ",
       /* @__PURE__ */ e("strong", { children: i })
     ] }),
-    /* @__PURE__ */ s("span", { className: `${w.stat} ${w.statQueued}`, children: [
-      /* @__PURE__ */ e("span", { className: w.dot }),
+    /* @__PURE__ */ s("span", { className: `${v.stat} ${v.statQueued}`, children: [
+      /* @__PURE__ */ e("span", { className: v.dot }),
       "W kolejce: ",
       /* @__PURE__ */ e("strong", { children: p })
     ] }),
-    /* @__PURE__ */ s("span", { className: `${w.stat} ${w.statDone}`, children: [
-      /* @__PURE__ */ e("span", { className: w.dot }),
+    /* @__PURE__ */ s("span", { className: `${v.stat} ${v.statDone}`, children: [
+      /* @__PURE__ */ e("span", { className: v.dot }),
       "Gotowe: ",
-      /* @__PURE__ */ e("strong", { children: l })
+      /* @__PURE__ */ e("strong", { children: r })
     ] }),
-    k > 0 && /* @__PURE__ */ s("span", { className: `${w.stat} ${w.statError}`, children: [
-      /* @__PURE__ */ e("span", { className: w.dot }),
+    k > 0 && /* @__PURE__ */ s("span", { className: `${v.stat} ${v.statError}`, children: [
+      /* @__PURE__ */ e("span", { className: v.dot }),
       "Błędy: ",
       /* @__PURE__ */ e("strong", { children: k })
     ] })
   ] });
-}, Cr = ({
+}, xl = ({
   job: a,
   index: i,
   total: p,
-  printers: l,
+  printers: r,
   selected: k,
-  onSelect: h,
+  onSelect: _,
   onUpdate: S,
   onRemove: b,
-  onPrint: g,
-  onReorder: v
+  onPrint: y,
+  onReorder: N
 }) => {
-  const c = l.find((r) => r.id === a.options.printerId), T = i > 0 && a.status === "queued", N = i < p - 1 && a.status === "queued";
+  const c = r.find((l) => l.id === a.options.printerId), D = i > 0 && a.status === "queued", w = i < p - 1 && a.status === "queued";
   return /* @__PURE__ */ s(
     "div",
     {
-      className: `${w.jobRow} ${k ? w.jobRowSelected : ""} ${w[`status-${a.status}`] ?? ""}`,
+      className: `${v.jobRow} ${k ? v.jobRowSelected : ""} ${v[`status-${a.status}`] ?? ""}`,
       children: [
         /* @__PURE__ */ e(
           "input",
           {
             type: "checkbox",
-            className: w.jobCheckbox,
+            className: v.jobCheckbox,
             checked: k,
-            onChange: () => h(a.id)
+            onChange: () => _(a.id)
           }
         ),
-        /* @__PURE__ */ e("span", { className: `${w.statusBadge} ${w[`badge-${a.status}`]}`, children: ge[a.status] ?? a.status }),
-        /* @__PURE__ */ s("div", { className: w.jobInfo, children: [
-          /* @__PURE__ */ e("div", { className: w.jobName, children: a.templateName ?? a.templateId }),
-          /* @__PURE__ */ s("div", { className: w.jobMeta, children: [
+        /* @__PURE__ */ e("span", { className: `${v.statusBadge} ${v[`badge-${a.status}`]}`, children: ye[a.status] ?? a.status }),
+        /* @__PURE__ */ s("div", { className: v.jobInfo, children: [
+          /* @__PURE__ */ e("div", { className: v.jobName, children: a.templateName ?? a.templateId }),
+          /* @__PURE__ */ s("div", { className: v.jobMeta, children: [
             a.entityLabel && /* @__PURE__ */ e("span", { children: a.entityLabel }),
             c && /* @__PURE__ */ s("span", { children: [
               "🖨 ",
@@ -2759,56 +2759,56 @@ const Br = ({ jobs: a }) => {
               "×",
               a.options.copies
             ] }),
-            a.createdAt && /* @__PURE__ */ e("span", { className: w.jobTime, children: kr(a.createdAt) }),
-            a.startedAt && a.status !== "done" && /* @__PURE__ */ e("span", { className: w.jobDuration, children: Sr(a.startedAt) })
+            a.createdAt && /* @__PURE__ */ e("span", { className: v.jobTime, children: kl(a.createdAt) }),
+            a.startedAt && a.status !== "done" && /* @__PURE__ */ e("span", { className: v.jobDuration, children: Sl(a.startedAt) })
           ] }),
-          a.status === "printing" && a.progress != null && /* @__PURE__ */ e("div", { className: w.progressBar, children: /* @__PURE__ */ e("div", { className: w.progressFill, style: { width: `${a.progress}%` } }) }),
-          a.status === "error" && a.errorMessage && /* @__PURE__ */ e("div", { className: w.jobError, children: a.errorMessage })
+          a.status === "printing" && a.progress != null && /* @__PURE__ */ e("div", { className: v.progressBar, children: /* @__PURE__ */ e("div", { className: v.progressFill, style: { width: `${a.progress}%` } }) }),
+          a.status === "error" && a.errorMessage && /* @__PURE__ */ e("div", { className: v.jobError, children: a.errorMessage })
         ] }),
-        /* @__PURE__ */ s("div", { className: w.copiesEditor, children: [
+        /* @__PURE__ */ s("div", { className: v.copiesEditor, children: [
           /* @__PURE__ */ e(
             "button",
             {
-              className: w.copiesBtn,
+              className: v.copiesBtn,
               disabled: a.options.copies <= 1,
               onClick: () => S(a.id, { options: { ...a.options, copies: a.options.copies - 1 } }),
               children: "−"
             }
           ),
-          /* @__PURE__ */ e("span", { className: w.copiesValue, children: a.options.copies }),
+          /* @__PURE__ */ e("span", { className: v.copiesValue, children: a.options.copies }),
           /* @__PURE__ */ e(
             "button",
             {
-              className: w.copiesBtn,
+              className: v.copiesBtn,
               onClick: () => S(a.id, { options: { ...a.options, copies: a.options.copies + 1 } }),
               children: "+"
             }
           )
         ] }),
-        /* @__PURE__ */ s("div", { className: w.jobActions, children: [
-          T && /* @__PURE__ */ e(
+        /* @__PURE__ */ s("div", { className: v.jobActions, children: [
+          D && /* @__PURE__ */ e(
             "button",
             {
-              className: w.actionBtn,
+              className: v.actionBtn,
               title: "Przesuń wyżej",
-              onClick: () => v(i, i - 1),
+              onClick: () => N(i, i - 1),
               children: "↑"
             }
           ),
-          N && /* @__PURE__ */ e(
+          w && /* @__PURE__ */ e(
             "button",
             {
-              className: w.actionBtn,
+              className: v.actionBtn,
               title: "Przesuń niżej",
-              onClick: () => v(i, i + 1),
+              onClick: () => N(i, i + 1),
               children: "↓"
             }
           ),
-          a.status === "queued" && /* @__PURE__ */ e("button", { className: w.actionBtn, title: "Drukuj teraz", onClick: () => g(a.id), children: "▶" }),
+          a.status === "queued" && /* @__PURE__ */ e("button", { className: v.actionBtn, title: "Drukuj teraz", onClick: () => y(a.id), children: "▶" }),
           a.status === "printing" && /* @__PURE__ */ e(
             "button",
             {
-              className: w.actionBtn,
+              className: v.actionBtn,
               title: "Wstrzymaj",
               onClick: () => S(a.id, { status: "paused" }),
               children: "⏸"
@@ -2817,7 +2817,7 @@ const Br = ({ jobs: a }) => {
           a.status === "paused" && /* @__PURE__ */ e(
             "button",
             {
-              className: w.actionBtn,
+              className: v.actionBtn,
               title: "Wznów",
               onClick: () => S(a.id, { status: "queued" }),
               children: "▶"
@@ -2826,7 +2826,7 @@ const Br = ({ jobs: a }) => {
           /* @__PURE__ */ e(
             "button",
             {
-              className: `${w.actionBtn} ${w.removeBtn}`,
+              className: `${v.actionBtn} ${v.removeBtn}`,
               title: "Usuń",
               onClick: () => b(a.id),
               children: "✕"
@@ -2836,251 +2836,251 @@ const Br = ({ jobs: a }) => {
       ]
     }
   );
-}, nl = ({
+}, nr = ({
   jobs: a,
   printers: i = [],
   onJobUpdate: p,
-  onJobRemove: l,
+  onJobRemove: r,
   onJobReorder: k,
-  onJobPrint: h,
+  onJobPrint: _,
   onBulkRemove: S,
   onBulkPrint: b,
-  maxHeight: g = 500,
-  className: v,
+  maxHeight: y = 500,
+  className: N,
   style: c,
-  theme: T = "light"
+  theme: D = "light"
 }) => {
-  const [N, r] = M(/* @__PURE__ */ new Set()), [n, u] = M("all"), m = n === "all" ? a : a.filter((I) => I.status === n), f = $((I) => {
-    r((E) => {
-      const W = new Set(E);
-      return W.has(I) ? W.delete(I) : W.add(I), W;
+  const [w, l] = P(/* @__PURE__ */ new Set()), [n, u] = P("all"), m = n === "all" ? a : a.filter((C) => C.status === n), f = T((C) => {
+    l((M) => {
+      const H = new Set(M);
+      return H.has(C) ? H.delete(C) : H.add(C), H;
     });
-  }, []), D = $(() => {
-    N.size === m.length ? r(/* @__PURE__ */ new Set()) : r(new Set(m.map((I) => I.id)));
-  }, [m, N.size]), y = $(() => {
-    S == null || S(Array.from(N)), r(/* @__PURE__ */ new Set());
-  }, [N, S]), x = $(() => {
-    b == null || b(Array.from(N)), r(/* @__PURE__ */ new Set());
-  }, [N, b]);
+  }, []), z = T(() => {
+    w.size === m.length ? l(/* @__PURE__ */ new Set()) : l(new Set(m.map((C) => C.id)));
+  }, [m, w.size]), g = T(() => {
+    S == null || S(Array.from(w)), l(/* @__PURE__ */ new Set());
+  }, [w, S]), L = T(() => {
+    b == null || b(Array.from(w)), l(/* @__PURE__ */ new Set());
+  }, [w, b]);
   return /* @__PURE__ */ s(
     "div",
     {
-      className: `${w.root} ${T === "dark" ? w.dark : ""} ${v ?? ""}`,
+      className: `${v.root} ${D === "dark" ? v.dark : ""} ${N ?? ""}`,
       style: c,
       children: [
-        /* @__PURE__ */ e(Br, { jobs: a }),
-        /* @__PURE__ */ s("div", { className: w.toolbar, children: [
-          /* @__PURE__ */ e("div", { className: w.filterTabs, children: ["all", "queued", "printing", "done", "error"].map((I) => /* @__PURE__ */ s(
+        /* @__PURE__ */ e(Bl, { jobs: a }),
+        /* @__PURE__ */ s("div", { className: v.toolbar, children: [
+          /* @__PURE__ */ e("div", { className: v.filterTabs, children: ["all", "queued", "printing", "done", "error"].map((C) => /* @__PURE__ */ s(
             "button",
             {
-              className: `${w.filterTab} ${n === I ? w.filterTabActive : ""}`,
-              onClick: () => u(I),
+              className: `${v.filterTab} ${n === C ? v.filterTabActive : ""}`,
+              onClick: () => u(C),
               children: [
-                I === "all" ? "Wszystkie" : ge[I],
-                /* @__PURE__ */ e("span", { className: w.filterCount, children: I === "all" ? a.length : a.filter((E) => E.status === I).length })
+                C === "all" ? "Wszystkie" : ye[C],
+                /* @__PURE__ */ e("span", { className: v.filterCount, children: C === "all" ? a.length : a.filter((M) => M.status === C).length })
               ]
             },
-            I
+            C
           )) }),
-          N.size > 0 && /* @__PURE__ */ s("div", { className: w.bulkActions, children: [
-            /* @__PURE__ */ s("span", { className: w.bulkCount, children: [
-              N.size,
+          w.size > 0 && /* @__PURE__ */ s("div", { className: v.bulkActions, children: [
+            /* @__PURE__ */ s("span", { className: v.bulkCount, children: [
+              w.size,
               " zaznaczonych"
             ] }),
-            b && /* @__PURE__ */ e("button", { className: w.bulkBtn, onClick: x, children: "▶ Drukuj wybrane" }),
-            S && /* @__PURE__ */ e("button", { className: `${w.bulkBtn} ${w.bulkBtnRemove}`, onClick: y, children: "✕ Usuń wybrane" })
+            b && /* @__PURE__ */ e("button", { className: v.bulkBtn, onClick: L, children: "▶ Drukuj wybrane" }),
+            S && /* @__PURE__ */ e("button", { className: `${v.bulkBtn} ${v.bulkBtnRemove}`, onClick: g, children: "✕ Usuń wybrane" })
           ] })
         ] }),
-        /* @__PURE__ */ e("div", { className: w.jobList, style: { maxHeight: g }, children: m.length === 0 ? /* @__PURE__ */ e("div", { className: w.emptyState, children: n === "all" ? "Brak zadań w kolejce" : `Brak zadań ze statusem "${ge[n]}"` }) : /* @__PURE__ */ s(Y, { children: [
-          /* @__PURE__ */ s("div", { className: w.listHeader, children: [
+        /* @__PURE__ */ e("div", { className: v.jobList, style: { maxHeight: y }, children: m.length === 0 ? /* @__PURE__ */ e("div", { className: v.emptyState, children: n === "all" ? "Brak zadań w kolejce" : `Brak zadań ze statusem "${ye[n]}"` }) : /* @__PURE__ */ s(Y, { children: [
+          /* @__PURE__ */ s("div", { className: v.listHeader, children: [
             /* @__PURE__ */ e(
               "input",
               {
                 type: "checkbox",
-                onChange: D,
-                checked: N.size === m.length && m.length > 0
+                onChange: z,
+                checked: w.size === m.length && m.length > 0
               }
             ),
-            /* @__PURE__ */ e("span", { className: w.headerLabel, children: "Zadanie" }),
-            /* @__PURE__ */ e("span", { className: w.headerLabel, children: "Kopie" }),
-            /* @__PURE__ */ e("span", { className: w.headerLabel, children: "Akcje" })
+            /* @__PURE__ */ e("span", { className: v.headerLabel, children: "Zadanie" }),
+            /* @__PURE__ */ e("span", { className: v.headerLabel, children: "Kopie" }),
+            /* @__PURE__ */ e("span", { className: v.headerLabel, children: "Akcje" })
           ] }),
-          m.map((I, E) => /* @__PURE__ */ e(
-            Cr,
+          m.map((C, M) => /* @__PURE__ */ e(
+            xl,
             {
-              job: I,
-              index: a.indexOf(I),
+              job: C,
+              index: a.indexOf(C),
               total: a.length,
               printers: i,
-              selected: N.has(I.id),
+              selected: w.has(C.id),
               onSelect: f,
               onUpdate: p,
-              onRemove: l,
-              onPrint: h,
+              onRemove: r,
+              onPrint: _,
               onReorder: k
             },
-            I.id
+            C.id
           ))
         ] }) })
       ]
     }
   );
-}, Ir = "_container_yzbyh_1", Lr = "_buttonGroup_yzbyh_19", xr = "_trigger_yzbyh_31", zr = "_triggerDisabled_yzbyh_53", Dr = "_mainAction_yzbyh_85", Tr = "_dropdownToggle_yzbyh_95", $r = "_chevron_yzbyh_109", Rr = "_chevronUp_yzbyh_111", Ar = "_dropdown_yzbyh_95", Pr = "_dark_yzbyh_141", Mr = "_section_yzbyh_145", Er = "_sectionLabel_yzbyh_147", Gr = "_divider_yzbyh_167", Hr = "_copiesRow_yzbyh_175", Wr = "_copiesBtn_yzbyh_185", jr = "_copiesValue_yzbyh_209", Fr = "_printerSelect_yzbyh_229", Or = "_printerStatus_yzbyh_255", Ur = "_printerDot_yzbyh_269", Yr = "_printerStatusLabel_yzbyh_279", qr = "_submitBtn_yzbyh_285", Kr = "_spinner_yzbyh_317", Vr = "_spin_yzbyh_317", z = {
-  container: Ir,
-  buttonGroup: Lr,
-  trigger: xr,
-  triggerDisabled: zr,
-  "variant-primary": "_variant-primary_yzbyh_59",
-  "variant-secondary": "_variant-secondary_yzbyh_63",
-  "variant-ghost": "_variant-ghost_yzbyh_67",
-  "size-sm": "_size-sm_yzbyh_75",
-  "size-md": "_size-md_yzbyh_77",
-  "size-lg": "_size-lg_yzbyh_79",
-  mainAction: Dr,
-  dropdownToggle: Tr,
-  chevron: $r,
-  chevronUp: Rr,
-  dropdown: Ar,
-  dark: Pr,
-  section: Mr,
-  sectionLabel: Er,
-  divider: Gr,
-  copiesRow: Hr,
-  copiesBtn: Wr,
-  copiesValue: jr,
-  printerSelect: Fr,
-  printerStatus: Or,
-  printerDot: Ur,
-  "dot-ready": "_dot-ready_yzbyh_271",
-  "dot-busy": "_dot-busy_yzbyh_273",
-  "dot-offline": "_dot-offline_yzbyh_275",
-  "dot-error": "_dot-error_yzbyh_277",
-  printerStatusLabel: Yr,
-  submitBtn: qr,
-  spinner: Kr,
-  spin: Vr
-}, sl = ({
+}, Cl = "_container_yxz96_1", Il = "_buttonGroup_yxz96_19", Ll = "_trigger_yxz96_31", jl = "_triggerDisabled_yxz96_57", zl = "_mainAction_yxz96_151", Dl = "_dropdownToggle_yxz96_175", Tl = "_chevron_yxz96_201", $l = "_chevronUp_yxz96_211", Rl = "_dropdown_yxz96_175", Al = "_dark_yxz96_245", Pl = "_section_yxz96_257", Ml = "_sectionLabel_yxz96_263", El = "_divider_yxz96_283", Gl = "_copiesRow_yxz96_301", Hl = "_copiesBtn_yxz96_311", Wl = "_copiesValue_yxz96_351", Fl = "_printerSelect_yxz96_375", Ol = "_printerStatus_yxz96_415", Ul = "_printerDot_yxz96_429", Yl = "_printerStatusLabel_yxz96_463", ql = "_submitBtn_yxz96_473", Kl = "_spinner_yxz96_515", Vl = "_spin_yxz96_515", j = {
+  container: Cl,
+  buttonGroup: Il,
+  trigger: Ll,
+  triggerDisabled: jl,
+  "variant-primary": "_variant-primary_yxz96_69",
+  "variant-secondary": "_variant-secondary_yxz96_83",
+  "variant-ghost": "_variant-ghost_yxz96_99",
+  "size-sm": "_size-sm_yxz96_117",
+  "size-md": "_size-md_yxz96_127",
+  "size-lg": "_size-lg_yxz96_137",
+  mainAction: zl,
+  dropdownToggle: Dl,
+  chevron: Tl,
+  chevronUp: $l,
+  dropdown: Rl,
+  dark: Al,
+  section: Pl,
+  sectionLabel: Ml,
+  divider: El,
+  copiesRow: Gl,
+  copiesBtn: Hl,
+  copiesValue: Wl,
+  printerSelect: Fl,
+  printerStatus: Ol,
+  printerDot: Ul,
+  "dot-ready": "_dot-ready_yxz96_439",
+  "dot-busy": "_dot-busy_yxz96_445",
+  "dot-offline": "_dot-offline_yxz96_451",
+  "dot-error": "_dot-error_yxz96_457",
+  printerStatusLabel: Yl,
+  submitBtn: ql,
+  spinner: Kl,
+  spin: Vl
+}, sr = ({
   onPrint: a,
   printers: i = [],
   defaultPrinterId: p,
-  defaultCopies: l = 1,
+  defaultCopies: r = 1,
   disabled: k = !1,
-  loading: h = !1,
+  loading: _ = !1,
   variant: S = "primary",
   size: b = "md",
-  label: g = "Drukuj",
-  className: v,
+  label: y = "Drukuj",
+  className: N,
   style: c,
-  theme: T = "light"
+  theme: D = "light"
 }) => {
-  var P;
-  const [N, r] = M(!1), [n, u] = M(l), [m, f] = M(p ?? ((P = i[0]) == null ? void 0 : P.id) ?? ""), D = Fe(null);
-  ye(() => {
-    if (!N)
+  var A;
+  const [w, l] = P(!1), [n, u] = P(r), [m, f] = P(p ?? ((A = i[0]) == null ? void 0 : A.id) ?? ""), z = Fe(null);
+  ge(() => {
+    if (!w)
       return;
-    const _ = (q) => {
-      D.current && !D.current.contains(q.target) && r(!1);
+    const h = (q) => {
+      z.current && !z.current.contains(q.target) && l(!1);
     };
-    return document.addEventListener("mousedown", _), () => document.removeEventListener("mousedown", _);
-  }, [N]);
-  const y = $(() => {
-    a({ copies: n, printerId: m }), r(!1);
-  }, [n, m, a]), x = $(() => u((_) => Math.min(99, _ + 1)), []), I = $(() => u((_) => Math.max(1, _ - 1)), []), E = [z.container, T === "dark" ? z.dark : "", v ?? ""].filter(Boolean).join(" "), W = [
-    z.trigger,
-    z[`variant-${S}`],
-    z[`size-${b}`],
-    k || h ? z.triggerDisabled : ""
+    return document.addEventListener("mousedown", h), () => document.removeEventListener("mousedown", h);
+  }, [w]);
+  const g = T(() => {
+    a({ copies: n, printerId: m }), l(!1);
+  }, [n, m, a]), L = T(() => u((h) => Math.min(99, h + 1)), []), C = T(() => u((h) => Math.max(1, h - 1)), []), M = [j.container, D === "dark" ? j.dark : "", N ?? ""].filter(Boolean).join(" "), H = [
+    j.trigger,
+    j[`variant-${S}`],
+    j[`size-${b}`],
+    k || _ ? j.triggerDisabled : ""
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ s("div", { ref: D, className: E, style: c, children: [
-    /* @__PURE__ */ s("div", { className: z.buttonGroup, children: [
+  return /* @__PURE__ */ s("div", { ref: z, className: M, style: c, children: [
+    /* @__PURE__ */ s("div", { className: j.buttonGroup, children: [
       /* @__PURE__ */ s(
         "button",
         {
-          className: `${W} ${z.mainAction}`,
-          disabled: k || h,
-          onClick: y,
-          "aria-label": g,
+          className: `${H} ${j.mainAction}`,
+          disabled: k || _,
+          onClick: g,
+          "aria-label": y,
           children: [
-            h ? /* @__PURE__ */ e("span", { className: z.spinner }) : /* @__PURE__ */ e("span", { children: "🖨" }),
-            /* @__PURE__ */ e("span", { children: g })
+            _ ? /* @__PURE__ */ e("span", { className: j.spinner }) : /* @__PURE__ */ e("span", { children: "🖨" }),
+            /* @__PURE__ */ e("span", { children: y })
           ]
         }
       ),
       /* @__PURE__ */ e(
         "button",
         {
-          className: `${W} ${z.dropdownToggle}`,
-          disabled: k || h,
-          onClick: () => r((_) => !_),
+          className: `${H} ${j.dropdownToggle}`,
+          disabled: k || _,
+          onClick: () => l((h) => !h),
           "aria-label": "Opcje druku",
-          "aria-expanded": N,
-          children: /* @__PURE__ */ e("span", { className: `${z.chevron} ${N ? z.chevronUp : ""}`, children: "▾" })
+          "aria-expanded": w,
+          children: /* @__PURE__ */ e("span", { className: `${j.chevron} ${w ? j.chevronUp : ""}`, children: "▾" })
         }
       )
     ] }),
-    N && /* @__PURE__ */ s("div", { className: z.dropdown, children: [
-      /* @__PURE__ */ s("div", { className: z.section, children: [
-        /* @__PURE__ */ e("label", { className: z.sectionLabel, children: "Liczba kopii" }),
-        /* @__PURE__ */ s("div", { className: z.copiesRow, children: [
-          /* @__PURE__ */ e("button", { className: z.copiesBtn, onClick: I, disabled: n <= 1, children: "−" }),
-          /* @__PURE__ */ e("span", { className: z.copiesValue, children: n }),
-          /* @__PURE__ */ e("button", { className: z.copiesBtn, onClick: x, disabled: n >= 99, children: "+" })
+    w && /* @__PURE__ */ s("div", { className: j.dropdown, children: [
+      /* @__PURE__ */ s("div", { className: j.section, children: [
+        /* @__PURE__ */ e("label", { className: j.sectionLabel, children: "Liczba kopii" }),
+        /* @__PURE__ */ s("div", { className: j.copiesRow, children: [
+          /* @__PURE__ */ e("button", { className: j.copiesBtn, onClick: C, disabled: n <= 1, children: "−" }),
+          /* @__PURE__ */ e("span", { className: j.copiesValue, children: n }),
+          /* @__PURE__ */ e("button", { className: j.copiesBtn, onClick: L, disabled: n >= 99, children: "+" })
         ] })
       ] }),
-      /* @__PURE__ */ e("div", { className: z.divider }),
+      /* @__PURE__ */ e("div", { className: j.divider }),
       i.length > 0 && /* @__PURE__ */ s(Y, { children: [
-        /* @__PURE__ */ s("div", { className: z.section, children: [
-          /* @__PURE__ */ e("label", { className: z.sectionLabel, children: "Drukarka" }),
+        /* @__PURE__ */ s("div", { className: j.section, children: [
+          /* @__PURE__ */ e("label", { className: j.sectionLabel, children: "Drukarka" }),
           /* @__PURE__ */ e(
             "select",
             {
-              className: z.printerSelect,
+              className: j.printerSelect,
               value: m,
-              onChange: (_) => f(_.target.value),
-              children: i.map((_) => /* @__PURE__ */ s(
+              onChange: (h) => f(h.target.value),
+              children: i.map((h) => /* @__PURE__ */ s(
                 "option",
                 {
-                  value: _.id,
-                  disabled: _.status === "offline" || !_.isOnline && _.status == null,
+                  value: h.id,
+                  disabled: h.status === "offline" || !h.isOnline && h.status == null,
                   children: [
-                    _.name,
+                    h.name,
                     " ",
-                    _.status === "offline" || !_.isOnline && _.status == null ? "(Offline)" : _.status === "busy" ? "(Zajęta)" : ""
+                    h.status === "offline" || !h.isOnline && h.status == null ? "(Offline)" : h.status === "busy" ? "(Zajęta)" : ""
                   ]
                 },
-                _.id
+                h.id
               ))
             }
           ),
-          i.find((_) => _.id === m) && /* @__PURE__ */ e("div", { className: z.printerStatus, children: (() => {
-            const _ = i.find((pe) => pe.id === m), q = _.status ?? (_.isOnline ? "ready" : "offline");
+          i.find((h) => h.id === m) && /* @__PURE__ */ e("div", { className: j.printerStatus, children: (() => {
+            const h = i.find((pe) => pe.id === m), q = h.status ?? (h.isOnline ? "ready" : "offline");
             return /* @__PURE__ */ s(Y, { children: [
-              /* @__PURE__ */ e("span", { className: `${z.printerDot} ${z[`dot-${q}`]}` }),
-              /* @__PURE__ */ e("span", { className: z.printerStatusLabel, children: q === "ready" ? "Gotowa" : q === "busy" ? "Zajęta" : q === "offline" ? "Offline" : "Błąd" })
+              /* @__PURE__ */ e("span", { className: `${j.printerDot} ${j[`dot-${q}`]}` }),
+              /* @__PURE__ */ e("span", { className: j.printerStatusLabel, children: q === "ready" ? "Gotowa" : q === "busy" ? "Zajęta" : q === "offline" ? "Offline" : "Błąd" })
             ] });
           })() })
         ] }),
-        /* @__PURE__ */ e("div", { className: z.divider })
+        /* @__PURE__ */ e("div", { className: j.divider })
       ] }),
-      /* @__PURE__ */ e("div", { className: z.section, children: /* @__PURE__ */ e(
+      /* @__PURE__ */ e("div", { className: j.section, children: /* @__PURE__ */ e(
         "button",
         {
-          className: z.submitBtn,
-          onClick: y,
-          disabled: k || h || i.length > 0 && (() => {
-            const _ = i.find((q) => q.id === m);
-            return _ != null && (_.status === "offline" || !_.isOnline && _.status == null);
+          className: j.submitBtn,
+          onClick: g,
+          disabled: k || _ || i.length > 0 && (() => {
+            const h = i.find((q) => q.id === m);
+            return h != null && (h.status === "offline" || !h.isOnline && h.status == null);
           })(),
-          children: h ? "Drukowanie..." : `🖨 Drukuj${n > 1 ? ` (${n} kopie)` : ""}`
+          children: _ ? "Drukowanie..." : `🖨 Drukuj${n > 1 ? ` (${n} kopie)` : ""}`
         }
       ) })
     ] })
   ] });
 };
 export {
-  sl as NicePrintButton,
-  al as NicePrintPreview,
-  nl as NicePrintQueue,
-  tl as NiceTemplateBrowser,
-  el as NiceTemplateEditor
+  sr as NicePrintButton,
+  ar as NicePrintPreview,
+  nr as NicePrintQueue,
+  tr as NiceTemplateBrowser,
+  er as NiceTemplateEditor
 };