@pdfme/ui 3.0.1 → 3.1.0-dev.1

package/dist/path2d-polyfill.esm-yIGK7UQJ.js

@@ -0,0 +1,214 @@
+function F(n, a, r) {
+  if (r || arguments.length === 2)
+    for (var t = 0, o = a.length, l; t < o; t++)
+      (l || !(t in a)) && (l || (l = Array.prototype.slice.call(a, 0, t)), l[t] = a[t]);
+  return n.concat(l || Array.prototype.slice.call(a));
+}
+var q = {
+  a: 7,
+  c: 6,
+  h: 1,
+  l: 2,
+  m: 2,
+  q: 4,
+  s: 4,
+  t: 2,
+  v: 1,
+  z: 0
+}, Z = /([astvzqmhlc])([^astvzqmhlc]*)/gi, _ = /-?[0-9]*\.?[0-9]+(?:e[-+]?\d+)?/gi;
+function U(n) {
+  var a = n.match(_);
+  return a ? a.map(Number) : [];
+}
+function j(n) {
+  var a = [], r = String(n).trim();
+  return r[0] !== "M" && r[0] !== "m" || r.replace(Z, function(t, o, l) {
+    var s = U(l), u = o.toLowerCase(), h = o;
+    if (u === "m" && s.length > 2 && (a.push(F([h], s.splice(0, 2), !0)), u = "l", h = h === "m" ? "l" : "L"), s.length < q[u])
+      return "";
+    for (a.push(F([h], s.splice(0, q[u]), !0)); s.length >= q[u] && s.length && q[u]; )
+      a.push(F([h], s.splice(0, q[u]), !0));
+    return "";
+  }), a;
+}
+function B(n, a) {
+  var r = n.x * Math.cos(a) - n.y * Math.sin(a), t = n.y * Math.cos(a) + n.x * Math.sin(a);
+  n.x = r, n.y = t;
+}
+function J(n, a, r) {
+  n.x += a, n.y += r;
+}
+function H(n, a) {
+  n.x *= a, n.y *= a;
+}
+var L = (
+  /** @class */
+  function() {
+    function n(a) {
+      var r;
+      this.commands = [], a && a instanceof n ? (r = this.commands).push.apply(r, a.commands) : a && (this.commands = j(a));
+    }
+    return n.prototype.addPath = function(a) {
+      var r;
+      a && a instanceof n && (r = this.commands).push.apply(r, a.commands);
+    }, n.prototype.moveTo = function(a, r) {
+      this.commands.push(["M", a, r]);
+    }, n.prototype.lineTo = function(a, r) {
+      this.commands.push(["L", a, r]);
+    }, n.prototype.arc = function(a, r, t, o, l, s) {
+      this.commands.push(["AC", a, r, t, o, l, !!s]);
+    }, n.prototype.arcTo = function(a, r, t, o, l) {
+      this.commands.push(["AT", a, r, t, o, l]);
+    }, n.prototype.ellipse = function(a, r, t, o, l, s, u, h) {
+      this.commands.push(["E", a, r, t, o, l, s, u, !!h]);
+    }, n.prototype.closePath = function() {
+      this.commands.push(["Z"]);
+    }, n.prototype.bezierCurveTo = function(a, r, t, o, l, s) {
+      this.commands.push(["C", a, r, t, o, l, s]);
+    }, n.prototype.quadraticCurveTo = function(a, r, t, o) {
+      this.commands.push(["Q", a, r, t, o]);
+    }, n.prototype.rect = function(a, r, t, o) {
+      this.commands.push(["R", a, r, t, o]);
+    }, n.prototype.roundRect = function(a, r, t, o, l) {
+      typeof l > "u" ? this.commands.push(["RR", a, r, t, o, 0]) : this.commands.push(["RR", a, r, t, o, l]);
+    }, n;
+  }()
+);
+function N(n, a) {
+  var r = 0, t = 0, o, l, s, u, h, v, P, C, I, A, S, G, D, p, f, z, d, b, m, E, Q, g = null, R = null, y = null, T = null, M = null, k = null;
+  n.beginPath();
+  for (var i = 0; i < a.length; ++i) {
+    b = a[i][0], b !== "S" && b !== "s" && b !== "C" && b !== "c" && (g = null, R = null), b !== "T" && b !== "t" && b !== "Q" && b !== "q" && (y = null, T = null);
+    var e = void 0;
+    switch (b) {
+      case "m":
+      case "M":
+        e = a[i], b === "m" ? (r += e[1], t += e[2]) : (r = e[1], t = e[2]), (b === "M" || !M) && (M = { x: r, y: t }), n.moveTo(r, t);
+        break;
+      case "l":
+        e = a[i], r += e[1], t += e[2], n.lineTo(r, t);
+        break;
+      case "L":
+        e = a[i], r = e[1], t = e[2], n.lineTo(r, t);
+        break;
+      case "H":
+        e = a[i], r = e[1], n.lineTo(r, t);
+        break;
+      case "h":
+        e = a[i], r += e[1], n.lineTo(r, t);
+        break;
+      case "V":
+        e = a[i], t = e[1], n.lineTo(r, t);
+        break;
+      case "v":
+        e = a[i], t += e[1], n.lineTo(r, t);
+        break;
+      case "a":
+      case "A":
+        if (e = a[i], k === null)
+          throw new Error("This should never happen");
+        b === "a" ? (r += e[6], t += e[7]) : (r = e[6], t = e[7]), p = e[1], f = e[2], P = e[3] * Math.PI / 180, s = !!e[4], u = !!e[5], h = { x: r, y: t }, v = {
+          x: (k.x - h.x) / 2,
+          y: (k.y - h.y) / 2
+        }, B(v, -P), C = v.x * v.x / (p * p) + v.y * v.y / (f * f), C > 1 && (C = Math.sqrt(C), p *= C, f *= C), m = {
+          x: p * v.y / f,
+          y: -(f * v.x) / p
+        }, I = p * p * f * f, A = p * p * v.y * v.y + f * f * v.x * v.x, u !== s ? H(m, Math.sqrt((I - A) / A) || 0) : H(m, -Math.sqrt((I - A) / A) || 0), l = Math.atan2((v.y - m.y) / f, (v.x - m.x) / p), o = Math.atan2(-(v.y + m.y) / f, -(v.x + m.x) / p), B(m, P), J(m, (h.x + k.x) / 2, (h.y + k.y) / 2), n.save(), n.translate(m.x, m.y), n.rotate(P), n.scale(p, f), n.arc(0, 0, 1, l, o, !u), n.restore();
+        break;
+      case "C":
+        e = a[i], g = e[3], R = e[4], r = e[5], t = e[6], n.bezierCurveTo(e[1], e[2], g, R, r, t);
+        break;
+      case "c":
+        e = a[i], n.bezierCurveTo(e[1] + r, e[2] + t, e[3] + r, e[4] + t, e[5] + r, e[6] + t), g = e[3] + r, R = e[4] + t, r += e[5], t += e[6];
+        break;
+      case "S":
+        e = a[i], (g === null || R === null) && (g = r, R = t), n.bezierCurveTo(2 * r - g, 2 * t - R, e[1], e[2], e[3], e[4]), g = e[1], R = e[2], r = e[3], t = e[4];
+        break;
+      case "s":
+        e = a[i], (g === null || R === null) && (g = r, R = t), n.bezierCurveTo(2 * r - g, 2 * t - R, e[1] + r, e[2] + t, e[3] + r, e[4] + t), g = e[1] + r, R = e[2] + t, r += e[3], t += e[4];
+        break;
+      case "Q":
+        e = a[i], y = e[1], T = e[2], r = e[3], t = e[4], n.quadraticCurveTo(y, T, r, t);
+        break;
+      case "q":
+        e = a[i], y = e[1] + r, T = e[2] + t, r += e[3], t += e[4], n.quadraticCurveTo(y, T, r, t);
+        break;
+      case "T":
+        e = a[i], (y === null || T === null) && (y = r, T = t), y = 2 * r - y, T = 2 * t - T, r = e[1], t = e[2], n.quadraticCurveTo(y, T, r, t);
+        break;
+      case "t":
+        e = a[i], (y === null || T === null) && (y = r, T = t), y = 2 * r - y, T = 2 * t - T, r += e[1], t += e[2], n.quadraticCurveTo(y, T, r, t);
+        break;
+      case "z":
+      case "Z":
+        M && (r = M.x, t = M.y), M = null, n.closePath();
+        break;
+      case "AC":
+        e = a[i], r = e[1], t = e[2], D = e[3], l = e[4], o = e[5], E = e[6], n.arc(r, t, D, l, o, E);
+        break;
+      case "AT":
+        e = a[i], S = e[1], G = e[2], r = e[3], t = e[4], D = e[5], n.arcTo(S, G, r, t, D);
+        break;
+      case "E":
+        e = a[i], r = e[1], t = e[2], p = e[3], f = e[4], P = e[5], l = e[6], o = e[7], E = e[8], n.save(), n.translate(r, t), n.rotate(P), n.scale(p, f), n.arc(0, 0, 1, l, o, E), n.restore();
+        break;
+      case "R":
+        e = a[i], r = e[1], t = e[2], z = e[3], d = e[4], M = { x: r, y: t }, n.rect(r, t, z, d);
+        break;
+      case "RR":
+        e = a[i], r = e[1], t = e[2], z = e[3], d = e[4], Q = e[5], M = { x: r, y: t }, n.roundRect(r, t, z, d, Q);
+        break;
+    }
+    k ? (k.x = r, k.y = t) : k = { x: r, y: t };
+  }
+}
+function K(n) {
+  if (!(!n || !n.CanvasRenderingContext2D || n.Path2D)) {
+    var a = n.CanvasRenderingContext2D, r = a.prototype.fill, t = a.prototype.stroke, o = a.prototype.isPointInPath;
+    a.prototype.fill = function() {
+      for (var s = [], u = 0; u < arguments.length; u++)
+        s[u] = arguments[u];
+      if (s[0] instanceof L) {
+        var h = s[0], v = s[1] || "nonzero";
+        N(this, h.commands), r.apply(this, [v]);
+      } else {
+        var v = s[0] || "nonzero";
+        return r.apply(this, [v]);
+      }
+    }, a.prototype.stroke = function(s) {
+      s && N(this, s.commands), t.apply(this);
+    }, a.prototype.isPointInPath = function() {
+      for (var s = [], u = 0; u < arguments.length; u++)
+        s[u] = arguments[u];
+      if (s[0] instanceof L) {
+        var h = s[0], v = s[1], P = s[2], C = s[3] || "nonzero";
+        return N(this, h.commands), o.apply(this, [v, P, C]);
+      } else
+        return o.apply(this, s);
+    }, n.Path2D = L;
+  }
+}
+function V(n, a, r, t, o) {
+  var l = this;
+  if (o === void 0 && (o = 0), typeof o == "number" && (o = [o]), Array.isArray(o)) {
+    if (o.length === 0 || o.length > 4)
+      throw new RangeError("Failed to execute 'roundRect' on '".concat(this.constructor.name, "': ").concat(o.length, " radii provided. Between one and four radii are necessary."));
+    o.forEach(function(C) {
+      if (C < 0)
+        throw new RangeError("Failed to execute 'roundRect' on '".concat(l.constructor.name, "': Radius value ").concat(C, " is negative."));
+    });
+  } else
+    return;
+  if (o.length === 1 && o[0] === 0)
+    return this.rect(n, a, r, t);
+  var s = Math.min(r, t) / 2, u, h, v, P = u = h = v = Math.min(s, o[0]);
+  o.length === 2 && (u = v = Math.min(s, o[1])), o.length === 3 && (u = v = Math.min(s, o[1]), h = Math.min(s, o[2])), o.length === 4 && (u = Math.min(s, o[1]), h = Math.min(s, o[2]), v = Math.min(s, o[3])), this.moveTo(n, a + t - v), this.arcTo(n, a, n + P, a, P), this.arcTo(n + r, a, n + r, a + u, u), this.arcTo(n + r, a + t, n + r - h, a + t, h), this.arcTo(n, a + t, n, a + t - v, v), this.moveTo(n, a);
+}
+function O(n) {
+  if (!(!n || !n.CanvasRenderingContext2D)) {
+    var a = n.CanvasRenderingContext2D, r = n.Path2D;
+    a && !a.prototype.roundRect && (a.prototype.roundRect = V), r && !r.prototype.roundRect && (r.prototype.roundRect = V);
+  }
+}
+K(window);
+O(window);

package/dist/style.css

@@ -0,0 +1 @@
+.fr-inline-field{display:inline-block;margin-right:16px}.fr-inline-container{display:inline-flex;flex-wrap:wrap}.ant-form-item-optional-hide{padding:0 8px}.ant-form-item-optional-hide .ant-form-item-label>label{font-size:16px;font-weight:#000000d9;font-weight:600}.fr-desc{word-break:break-all;color:#00000073;line-height:22px;margin-left:5px;font-weight:400;font-size:14px}.fr-hide-label>.ant-form-item-row>.ant-form-item-label{visibility:hidden}.fr-field .ant-form-item-row{flex-wrap:nowrap}.fr-field .ant-form-item-control-input-content{display:flex}.fr-field-visibility{width:0;height:0;visibility:hidden}.fr-form .ant-form-item-control{width:0}.fr-form .fr-inline-field .ant-form-item-control{width:auto}.rc-color-picker-panel-inner{position:relative;border-radius:4px;box-shadow:0 1px 5px #ccc;border:1px solid #ccc;padding-bottom:8px}.rc-color-picker-panel-wrap{margin:5px 0 0;height:30px;width:100%;position:relative}.rc-color-picker-panel-wrap-preview{position:absolute;right:8px}.rc-color-picker-panel-wrap-ribbon{position:absolute;left:8px;top:0;right:43px;height:30px}.rc-color-picker-panel-wrap-alpha{position:absolute;left:8px;right:43px;bottom:0;height:12.5px}.rc-color-picker-panel-wrap-has-alpha .rc-color-picker-panel-wrap-ribbon{height:12.5px}.rc-color-picker-trigger{border:1px solid #999;display:inline-block;padding:2px;border-radius:2px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:20px;height:20px;cursor:pointer;box-shadow:0 0 0 2px #fff inset}.rc-color-picker-trigger-open{box-shadow:0 0 3px #999}.rc-color-picker-panel{width:218px;background-color:#fff;box-sizing:border-box;outline:none;z-index:9;border-radius:4px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.rc-color-picker-panel *{box-sizing:border-box}.rc-color-picker-panel-open{display:block}.rc-color-picker-panel-close{display:none}.rc-color-picker-panel-preview{height:30px;width:30px;overflow:hidden;border-radius:2px;background-image:url(data:image/png;base64,R0lGODdhCgAKAPAAAOXl5f///ywAAAAACgAKAEACEIQdqXt9GxyETrI279OIgwIAOw==)}.rc-color-picker-panel-preview span{box-shadow:0 0 2px gray inset}.rc-color-picker-panel-preview span,.rc-color-picker-panel-preview input[type=color]{position:absolute;display:block;height:100%;width:30px;border-radius:2px}.rc-color-picker-panel-preview input[type=color]{opacity:0}.rc-color-picker-panel-board{position:relative;font-size:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin:8px 8px 0}.rc-color-picker-panel-board span{position:absolute;border-radius:10px;border:1px solid #fff;width:9px;height:9px;margin:-4px 0 0 -4px;left:-999px;top:-999px;box-shadow:0 0 1px #787878b3;z-index:2}.rc-color-picker-panel-board-hsv{width:200px;height:150px;position:relative;z-index:1;border-radius:2px}.rc-color-picker-panel-board-value{border-radius:2px;position:absolute;width:100%;height:100%;left:0;top:0;z-index:2;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9InJnYigwLDAsMCkiIHN0b3Atb3BhY2l0eT0iMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);background-image:-webkit-linear-gradient(top,transparent 0%,#000000 100%);background-image:-moz-linear-gradient(top,transparent 0%,#000000 100%);background-image:-o-linear-gradient(top,transparent 0%,#000000 100%);background-image:linear-gradient(to bottom,transparent 0%,#000000 100%)}.rc-color-picker-panel-board-saturation{border-radius:2px;position:absolute;width:100%;height:100%;left:0;top:0;z-index:1;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0icmdiKDAsMCwwKSIgc3RvcC1vcGFjaXR5PSIwIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);background-image:-webkit-linear-gradient(left,#ffffff 0%,transparent 100%);background-image:-moz-linear-gradient(left,#ffffff 0%,transparent 100%);background-image:-o-linear-gradient(left,#ffffff 0%,transparent 100%);background-image:linear-gradient(to right,#ffffff 0%,transparent 100%)}.rc-color-picker-panel-board-handler{box-shadow:0 0 2px gray inset;border-radius:2px;cursor:crosshair;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:3}.rc-color-picker-panel-ribbon{position:relative;height:100%;border-radius:2px;box-shadow:0 0 2px gray inset;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZjAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAlIiBzdG9wLWNvbG9yPSIjZmY5OTAwIiBzdG9wLW9wYWNpdHk9IjEiLz48c3RvcCBvZmZzZXQ9IjIwJSIgc3RvcC1jb2xvcj0iI2NkZmYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSIzMCUiIHN0b3AtY29sb3I9IiMzNWZmMDAiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iNDAlIiBzdG9wLWNvbG9yPSIjMDBmZjY2IiBzdG9wLW9wYWNpdHk9IjEiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwZmZmZCIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSI2MCUiIHN0b3AtY29sb3I9IiMwMDY2ZmYiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iNzAlIiBzdG9wLWNvbG9yPSIjMzIwMGZmIiBzdG9wLW9wYWNpdHk9IjEiLz48c3RvcCBvZmZzZXQ9IjgwJSIgc3RvcC1jb2xvcj0iI2NkMDBmZiIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSI5MCUiIHN0b3AtY29sb3I9IiNmZjAwOTkiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);background-image:-webkit-linear-gradient(left,#ff0000 0%,#ff9900 10%,#cdff00 20%,#35ff00 30%,#00ff66 40%,#00fffd 50%,#0066ff 60%,#3200ff 70%,#cd00ff 80%,#ff0099 90%,#ff0000 100%);background-image:-moz-linear-gradient(left,#ff0000 0%,#ff9900 10%,#cdff00 20%,#35ff00 30%,#00ff66 40%,#00fffd 50%,#0066ff 60%,#3200ff 70%,#cd00ff 80%,#ff0099 90%,#ff0000 100%);background-image:-o-linear-gradient(left,#ff0000 0%,#ff9900 10%,#cdff00 20%,#35ff00 30%,#00ff66 40%,#00fffd 50%,#0066ff 60%,#3200ff 70%,#cd00ff 80%,#ff0099 90%,#ff0000 100%);background-image:linear-gradient(to right,#ff0000 0%,#ff9900 10%,#cdff00 20%,#35ff00 30%,#00ff66 40%,#00fffd 50%,#0066ff 60%,#3200ff 70%,#cd00ff 80%,#ff0099 90%,#ff0000 100%)}.rc-color-picker-panel-ribbon span{position:absolute;top:0;height:100%;width:4px;border:1px solid #000000;padding:1px 0;margin-left:-2px;background-color:#fff;border-radius:3px}.rc-color-picker-panel-ribbon-handler{position:absolute;width:104%;height:100%;left:-2%;cursor:pointer}.rc-color-picker-panel-alpha{position:relative;height:100%;width:100%;border-radius:2px;background-image:url(data:image/png;base64,R0lGODdhCgAKAPAAAOXl5f///ywAAAAACgAKAEACEIQdqXt9GxyETrI279OIgwIAOw==);background-repeat:repeat;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.rc-color-picker-panel-alpha-bg{position:absolute;width:100%;height:100%;border-radius:2px;box-shadow:0 0 2px gray inset}.rc-color-picker-panel-alpha span{position:absolute;top:0;height:100%;width:4px;border:1px solid #000000;padding:1px 0;margin-left:-2px;background-color:#fff;border-radius:3px}.rc-color-picker-panel-alpha-handler{position:absolute;width:104%;height:100%;left:-2%;cursor:pointer}.rc-color-picker-panel-params{font-size:12px}.rc-color-picker-panel-params-input{overflow:hidden;padding:2px 8px}.rc-color-picker-panel-params input{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;text-align:center;padding:1px;margin:0;float:left;border-radius:2px;border:1px solid #CACACA;font-family:Helvetica Neue,Helvetica,sans-serif}.rc-color-picker-panel-params-hex{width:52px}.rc-color-picker-panel-params input[type=number]{margin-left:5px;width:44px}.rc-color-picker-panel-params input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}.rc-color-picker-panel-params-lable{padding:2px 8px;height:22px;line-height:18px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.rc-color-picker-panel-params-lable label{float:left;text-align:center}.rc-color-picker-panel-params-lable-hex{width:52px}.rc-color-picker-panel-params-lable-number,.rc-color-picker-panel-params-lable-alpha{margin-left:5px;width:44px;text-transform:uppercase}.rc-color-picker-panel-params-lable-number:hover{border-radius:2px;background-color:#eee;box-shadow:0 0 0 1px #ccc inset;cursor:pointer}.rc-color-picker-panel-params-has-alpha input[type=number],.rc-color-picker-panel-params-has-alpha .rc-color-picker-panel-params-lable-number,.rc-color-picker-panel-params-has-alpha .rc-color-picker-panel-params-lable-alpha{width:32px}.rc-color-picker{position:absolute;left:-9999px;top:-9999px;z-index:1000}.rc-color-picker-wrap{display:inline-block}.rc-color-picker-slide-up-enter,.rc-color-picker-slide-up-appear{animation-duration:.3s;animation-fill-mode:both;transform-origin:0 0;display:block!important;opacity:0;animation-timing-function:cubic-bezier(.08,.82,.17,1);animation-play-state:paused}.rc-color-picker-slide-up-leave{animation-duration:.3s;animation-fill-mode:both;transform-origin:0 0;display:block!important;opacity:1;animation-timing-function:cubic-bezier(.6,.04,.98,.34);animation-play-state:paused}.rc-color-picker-slide-up-enter.rc-color-picker-slide-up-enter-active.rc-color-picker-placement-bottomLeft,.rc-color-picker-slide-up-enter.rc-color-picker-slide-up-enter-active.rc-color-picker-placement-bottomRight,.rc-color-picker-slide-up-appear.rc-color-picker-slide-up-appear-active.rc-color-picker-placement-bottomLeft,.rc-color-picker-slide-up-appear.rc-color-picker-slide-up-appear-active.rc-color-picker-placement-bottomRight{animation-name:rcColorPickerSlideUpIn;animation-play-state:running}.rc-color-picker-slide-up-enter.rc-color-picker-slide-up-enter-active.rc-color-picker-placement-topLeft,.rc-color-picker-slide-up-enter.rc-color-picker-slide-up-enter-active.rc-color-picker-placement-topRight,.rc-color-picker-slide-up-appear.rc-color-picker-slide-up-appear-active.rc-color-picker-placement-topLeft,.rc-color-picker-slide-up-appear.rc-color-picker-slide-up-appear-active.rc-color-picker-placement-topRight{animation-name:rcColorPickerSlideDownIn;animation-play-state:running}.rc-color-picker-slide-up-leave.rc-color-picker-slide-up-leave-active.rc-color-picker-placement-bottomLeft,.rc-color-picker-slide-up-leave.rc-color-picker-slide-up-leave-active.rc-color-picker-placement-bottomRight{animation-name:rcColorPickerSlideUpOut;animation-play-state:running}.rc-color-picker-slide-up-leave.rc-color-picker-slide-up-leave-active.rc-color-picker-placement-topLeft,.rc-color-picker-slide-up-leave.rc-color-picker-slide-up-leave-active.rc-color-picker-placement-topRight{animation-name:rcColorPickerSlideDownOut;animation-play-state:running}@keyframes rcColorPickerSlideUpIn{0%{opacity:0;transform-origin:0% 0%;transform:scaleY(0)}to{opacity:1;transform-origin:0% 0%;transform:scaleY(1)}}@keyframes rcColorPickerSlideUpOut{0%{opacity:1;transform-origin:0% 0%;transform:scaleY(1)}to{opacity:0;transform-origin:0% 0%;transform:scaleY(0)}}@keyframes rcColorPickerSlideDownIn{0%{opacity:0;transform-origin:100% 100%;transform:scaleY(0)}to{opacity:1;transform-origin:100% 100%;transform:scaleY(1)}}@keyframes rcColorPickerSlideDownOut{0%{opacity:1;transform-origin:100% 100%;transform:scaleY(1)}to{opacity:0;transform-origin:100% 100%;transform:scaleY(0)}}.fr-color-picker{width:100%;display:flex;flex-direction:row;align-items:center;color:#666}.fr-color-picker .rc-color-picker-trigger{margin-right:12px;height:32px;width:60px;border:1px solid #e5e5e5}.fr-color-picker>p{margin:0;font-size:14px;line-height:28px}.fr-color-picker .rc-color-picker-wrap{display:flex}.fr-preview-image{width:160px}.fr-preview{position:relative;cursor:pointer}.fr-slider{display:flex;width:100%;align-items:center}.fr-upload-mod,.fr-upload-file{display:flex}.fr-upload-mod{align-items:center}.fr-upload-mod .fr-upload-preview{margin:0 12px}.fr-upload-file .ant-upload-list-item{margin:5px 0 0 8px}.fr-upload-file .ant-upload-list-item-name{margin-right:6px}.fr-upload-file .ant-upload-list-item-info{cursor:pointer}.fr-upload-file .next-upload-list-text .next-upload-list-item-done,.fr-upload-file .next-upload-list-text .next-upload-list-item .next-icon{height:28px;line-height:28px;margin-left:12px}.fr-upload-file .next-upload-list-item-name-wrap{margin-top:-4px}.fr-panel-bordered{border-radius:4px;border:1px solid #f4f4f4;padding:52px 24px 0;margin-bottom:24px}.fr-obj-card{border-radius:4px;border-color:#f4f4f4;margin-bottom:24px!important}.fr-obj-card .ant-card-head{border:none}.fr-obj-card .ant-card-body{padding:12px 24px!important}.fr-obj-card .fr-header-desc{word-break:break-all;color:#00000073;margin-left:6px;font-weight:400}.fr-obj-collapse{border-radius:4px;border:1px solid #f1f1f1;margin-bottom:24px}.fr-obj-collapse .collapse-title{height:24px;color:#000000e0;font-weight:600;font-size:16px;line-height:24px}.fr-obj-collapse .fr-header-desc{word-break:break-all;color:#00000073;margin-left:6px;font-weight:400}.fr-obj-collapse .header-item-label{height:14px;margin-left:30px;color:#000;font-weight:600;font-size:14px;line-height:14px}.fr-obj-collapse .header-item-label span{color:#141414}.fr-obj-collapse .expand-icon-desc{margin-left:4px}.fr-obj-collapse .ant-collapse-header{display:flex;align-items:center!important;padding:16px!important;background-color:#fff;border-radius:4px!important}.fr-obj-collapse .ant-collapse-header-text{display:flex;align-items:center}.fr-obj-collapse .tag-no-data{color:#000000a6}.fr-obj-collapse .ant-collapse-content-box{padding:12px 24px!important}.fr-obj-collapse .ant-collapse-content-box .ant-skeleton-title,.fr-obj-collapse .ant-collapse-content-box .ant-skeleton-paragraph>li{animation:none!important}.fr-obj-subinline-label-hidden>.ant-form-item-row>.ant-form-item-label{visibility:hidden}.fr-obj-subinline-background>.ant-form-item-row>.ant-form-item-control{background-color:#f6f6f6;padding:24px 24px 0;border-radius:4px}.fr-obj-subinline .ant-form-item-row{flex-wrap:nowrap}.fr-obj-line-title .fr-obj-header{line-height:36px;border-bottom:1px solid #e9e9e9}.fr-obj-line-title .fr-header-title{color:#000000e0;font-size:16px;font-weight:600}.fr-obj-line-title .fr-header-desc{word-break:break-all;color:#00000073;margin-left:6px;font-weight:400}.fr-obj-line-title .fr-obj-content{padding:24px 0 0}.fr-list-simple{display:inline-block}.fr-list-simple .fr-inline-field{min-width:220px;margin-bottom:24px!important}.fr-list-simple .fr-list-item{display:flex;align-items:flex-start;position:relative}.fr-list-simple .fr-list-item-operate{height:32px;gap:0!important}.fr-list-simple-background{padding:24px 24px 0;background-color:#f6f6f6;border-radius:4px}.fr-list-simple-background .add-btn{margin-bottom:24px}.fr-list-simple-column .fr-list-item{align-items:center}.fr-list-card{margin-bottom:24px}.fr-list-card .fr-list-item{display:flex;align-items:flex-start;position:relative}.fr-list-card .fr-list-item-operate{padding:0 20px;height:32px;gap:0!important}.fr-list-card .fr-list-item-operate-fixed{position:absolute;right:8px}.fr-list-card .fr-list-add-btn{padding:0 8px}.fr-table-list{margin-bottom:24px}.fr-table-list .ant-form-item{margin-bottom:0}.fr-table-list .ant-form-item-label,.fr-table-list .ant-form-item-explain-error{display:none}.fr-table-list .fr-list-item-operate{gap:0!important}.fr-table-list-no-popover .ant-table-tbody .ant-table-cell{padding:24px 8px 0!important}.fr-table-list-no-popover .ant-form-item{margin-bottom:24px}.fr-table-list-no-popover .ant-form-item-explain-error{display:block;font-size:10px}.fr-list-drawer{margin-bottom:24px}.fr-list-drawer-table-header{width:100%;display:flex;justify-content:right;align-items:center;margin-bottom:10px}.fr-list-drawer .ant-form-item{margin-bottom:0}.fr-list-drawer .fr-list-item-operate{gap:0!important}.fr-virtual-list{margin-bottom:12px}.fr-virtual-list .ant-form-item{margin-bottom:0}.fr-virtual-list .ant-form-item-label,.fr-virtual-list .ant-form-item-explain-error{display:none}.fr-virtual-list .fr-list-item-operate{gap:0!important}.fr-popover-error .ant-popover-inner-content{color:#ff4d4f!important}.fr-virtual-list-no-popover .ant-table-tbody .ant-table-cell{padding:24px 8px 0!important}.fr-virtual-list-no-popover .ant-form-item{margin-bottom:24px}.fr-virtual-list-no-popover .ant-form-item-explain-error{display:block;font-size:10px}.fr-void-title{height:24px;color:#000000e0;font-weight:600;font-size:16px;line-height:24px}.fr-search{width:100%;background:#fff;padding:24px 24px 0 0;margin-bottom:16px;box-sizing:border-box;position:relative}.fr-search .search-action-col{flex:1;display:flex;justify-content:flex-end;align-items:baseline;height:56px}.fr-search .search-action-fixed{position:absolute;right:0;bottom:0;background-color:#fff;padding-right:24px!important}.fr-search .search-action-column{height:auto}.fr-search .search-action-column-fixed{height:86px;padding-top:30px}.fr-search .fr-form>.ant-row{align-items:center}.fr-column-search{padding-left:24px}

package/dist/types/class.d.ts

@@ -10,9 +10,9 @@ export declare abstract class BaseUIClass {
     private readonly setSize;
     resizeObserver: ResizeObserver;
     constructor(props: UIProps);
-    protected getI18n(): (key: "type" | "field" | "cancel" | "fieldName" | "require" | "uniq" | "edit" | "plsInputName" | "fieldMustUniq" | "notUniq" | "noKeyName" | "fieldsList" | "addNewField" | "editField" | "errorOccurred" | "errorBulkUpdateFieldName" | "commitBulkUpdateFieldName" | "bulkUpdateFieldName" | "barColor" | "textColor" | "bgColor") => string;
+    protected getLang(): "en" | "th" | "ja" | "ar" | "pl" | "it";
     protected getFont(): Record<string, {
-        data: (string | ArrayBuffer | Uint8Array) & (string | ArrayBuffer | Uint8Array | undefined);
+        data: (string | Uint8Array | ArrayBuffer) & (string | Uint8Array | ArrayBuffer | undefined);
         fallback?: boolean | undefined;
         subset?: boolean | undefined;
     }>;
@@ -35,7 +35,7 @@ export declare abstract class BaseUIClass {
             height: import("zod").ZodNumber;
             rotate: import("zod").ZodOptional<import("zod").ZodNumber>;
         }, import("zod").ZodTypeAny, "passthrough">>[];
-        basePdf: (string | ArrayBuffer | Uint8Array) & (string | ArrayBuffer | Uint8Array | undefined);
+        basePdf: (string | Uint8Array | ArrayBuffer) & (string | Uint8Array | ArrayBuffer | undefined);
         sampledata?: Record<string, string>[] | undefined;
         columns?: string[] | undefined;
     };

package/dist/types/components/AppContextProvider.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import type { Plugins, Font, Lang, UIOptions } from '@pdfme/common';
+type Props = {
+    children: React.ReactNode;
+    lang: Lang;
+    font: Font;
+    plugins: Plugins;
+    options: UIOptions;
+};
+declare const _default: ({ children, lang, font, plugins, options }: Props) => React.JSX.Element;
+export default _default;

package/dist/types/components/{CtlBar/index.d.ts → CtlBar.d.ts}

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Size } from '@pdfme/common';
-type Props = {
+type CtlBarProps = {
     size: Size;
     pageCursor: number;
     pageNum: number;
@@ -8,5 +8,5 @@ type Props = {
     zoomLevel: number;
     setZoomLevel: (zoom: number) => void;
 };
-declare const CtlBar: (props: Props) => React.JSX.Element;
+declare const CtlBar: (props: CtlBarProps) => React.JSX.Element;
 export default CtlBar;

package/dist/types/components/Designer/Canvas/Selecto.d.ts

@@ -1,9 +1,10 @@
 import React from 'react';
 import { OnDragStart as _OnDragStart, OnSelect as _OnSelect } from 'react-selecto';
-declare const _Selecto: ({ container, continueSelect, onDragStart, onSelect, }: {
+type Props = {
     container: HTMLElement | null;
     continueSelect: boolean;
     onDragStart: (e: _OnDragStart) => void;
     onSelect: (e: _OnSelect) => void;
-}) => React.JSX.Element;
+};
+declare const _Selecto: (props: Props) => React.JSX.Element;
 export default _Selecto;

package/dist/types/components/Designer/Sidebar/DetailView/AlignWidget.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import type { PropPanelWidgetProps } from '@pdfme/common';
-declare const AlignWidget: ({ activeElements, changeSchemas, schemas, pageSize, }: PropPanelWidgetProps) => React.JSX.Element;
+declare const AlignWidget: (props: PropPanelWidgetProps) => React.JSX.Element;
 export default AlignWidget;

package/dist/types/components/Designer/Sidebar/ListView/SelectableSortableContainer.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import type { SidebarProps } from '../../../../types';
-declare const SelectableSortableContainer: (props: Pick<SidebarProps, 'schemas' | 'onEdit' | 'onSortEnd' | 'height' | 'hoveringSchemaId' | 'onChangeHoveringSchemaId'>) => React.JSX.Element;
+declare const SelectableSortableContainer: (props: Pick<SidebarProps, 'schemas' | 'onEdit' | 'onSortEnd' | 'hoveringSchemaId' | 'onChangeHoveringSchemaId'>) => React.JSX.Element;
 export default SelectableSortableContainer;

package/dist/types/components/Renderer.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { UIRenderProps, SchemaForUI, Schema } from '@pdfme/common';
-type RendererProps = Omit<UIRenderProps<Schema>, 'value' | 'schema' | 'onChange' | 'rootElement' | 'options'> & {
+type RendererProps = Omit<UIRenderProps<Schema>, 'value' | 'schema' | 'onChange' | 'rootElement' | 'options' | 'theme' | 'i18n'> & {
     schema: SchemaForUI;
     onChange: (value: string) => void;
     outline: string;

package/dist/types/components/UnitPager.d.ts

@@ -6,5 +6,5 @@ type Props = {
     unitNum: number;
     setUnitCursor: (page: number) => void;
 };
-declare const UnitPager: ({ size, unitCursor, unitNum, setUnitCursor }: Props) => React.JSX.Element;
+declare const UnitPager: ({ size, unitCursor, unitNum, setUnitCursor }: Props) => React.JSX.Element | null;
 export default UnitPager;

package/dist/types/constants.d.ts

@@ -4,3 +4,4 @@ export declare const SELECTABLE_CLASSNAME = "selectable";
 export declare const RULER_HEIGHT = 30;
 export declare const PAGE_GAP = 10;
 export declare const SIDEBAR_WIDTH = 350;
+export declare const BACKGROUND_COLOR = "rgb(74, 74, 74)";

package/dist/types/contexts.d.ts

@@ -1,10 +1,52 @@
 /// <reference types="react" />
-import { Plugins } from '@pdfme/common';
-export declare const I18nContext: import("react").Context<(key: "type" | "field" | "cancel" | "fieldName" | "require" | "uniq" | "edit" | "plsInputName" | "fieldMustUniq" | "notUniq" | "noKeyName" | "fieldsList" | "addNewField" | "editField" | "errorOccurred" | "errorBulkUpdateFieldName" | "commitBulkUpdateFieldName" | "bulkUpdateFieldName" | "barColor" | "textColor" | "bgColor") => string>;
+import { Plugins, UIOptions } from '@pdfme/common';
+export declare const I18nContext: import("react").Context<(key: "height" | "width" | "type" | "rotate" | "cancel" | "field" | "fieldName" | "align" | "edit" | "plsInputName" | "fieldMustUniq" | "notUniq" | "noKeyName" | "fieldsList" | "addNewField" | "editField" | "errorOccurred" | "errorBulkUpdateFieldName" | "commitBulkUpdateFieldName" | "bulkUpdateFieldName" | "schemas.textColor" | "schemas.bgColor" | "schemas.horizontal" | "schemas.vertical" | "schemas.left" | "schemas.center" | "schemas.right" | "schemas.top" | "schemas.middle" | "schemas.bottom" | "schemas.text.fontName" | "schemas.text.size" | "schemas.text.spacing" | "schemas.text.textAlign" | "schemas.text.verticalAlign" | "schemas.text.lineHeight" | "schemas.text.min" | "schemas.text.max" | "schemas.text.fit" | "schemas.text.dynamicFontSize" | "schemas.barcodes.barColor", dict?: {
+    cancel: string;
+    field: string;
+    fieldName: string;
+    align: string;
+    width: string;
+    height: string;
+    rotate: string;
+    edit: string;
+    plsInputName: string;
+    fieldMustUniq: string;
+    notUniq: string;
+    noKeyName: string;
+    fieldsList: string;
+    addNewField: string;
+    editField: string;
+    type: string;
+    errorOccurred: string;
+    errorBulkUpdateFieldName: string;
+    commitBulkUpdateFieldName: string;
+    bulkUpdateFieldName: string;
+    'schemas.textColor': string;
+    'schemas.bgColor': string;
+    'schemas.horizontal': string;
+    'schemas.vertical': string;
+    'schemas.left': string;
+    'schemas.center': string;
+    'schemas.right': string;
+    'schemas.top': string;
+    'schemas.middle': string;
+    'schemas.bottom': string;
+    'schemas.text.fontName': string;
+    'schemas.text.size': string;
+    'schemas.text.spacing': string;
+    'schemas.text.textAlign': string;
+    'schemas.text.verticalAlign': string;
+    'schemas.text.lineHeight': string;
+    'schemas.text.min': string;
+    'schemas.text.max': string;
+    'schemas.text.fit': string;
+    'schemas.text.dynamicFontSize': string;
+    'schemas.barcodes.barColor': string;
+} | undefined) => string>;
 export declare const FontContext: import("react").Context<Record<string, {
-    data: (string | ArrayBuffer | Uint8Array) & (string | ArrayBuffer | Uint8Array | undefined);
+    data: (string | Uint8Array | ArrayBuffer) & (string | Uint8Array | ArrayBuffer | undefined);
     fallback?: boolean | undefined;
     subset?: boolean | undefined;
 }>>;
 export declare const PluginsRegistry: import("react").Context<Plugins>;
-export declare const OptionsContext: import("react").Context<{}>;
+export declare const OptionsContext: import("react").Context<UIOptions>;

package/dist/types/helper.d.ts

@@ -25,8 +25,8 @@ export declare const getPdfPageSizes: (pdfBlob: Blob) => Promise<{
 export declare const pdf2Pngs: (pdfBlob: Blob, width: number) => Promise<string[]>;
 export declare const b64toBlob: (base64: string) => Blob;
 export declare const templateSchemas2SchemasList: (_template: Template) => Promise<{
-    height: number;
     width: number;
+    height: number;
     type: string;
     position: {
         x: number;
@@ -57,4 +57,5 @@ export declare const getPagesScrollTopByIndex: (pageSizes: {
     width: number;
     height: number;
 }[], index: number, scale: number) => number;
+export declare const getSidebarContentHeight: (sidebarHeight: number) => number;
 export {};

package/dist/types/hooks.d.ts

@@ -1,5 +1,5 @@
 import { RefObject } from 'react';
-import { Template, Size } from '@pdfme/common';
+import { Template, Size, SchemaForUI, ChangeSchemas } from '@pdfme/common';
 export declare const usePrevious: <T>(value: T) => T | null;
 type UIPreProcessorProps = {
     template: Template;
@@ -9,8 +9,8 @@ type UIPreProcessorProps = {
 export declare const useUIPreProcessor: ({ template, size, zoomLevel }: UIPreProcessorProps) => {
     backgrounds: string[];
     pageSizes: {
-        height: number;
         width: number;
+        height: number;
     }[];
     scale: number;
     error: Error | null;
@@ -24,4 +24,21 @@ type ScrollPageCursorProps = {
 };
 export declare const useScrollPageCursor: ({ ref, pageSizes, scale, pageCursor, onChangePageCursor, }: ScrollPageCursorProps) => void;
 export declare const useMountStatus: () => boolean;
+interface UseInitEventsParams {
+    pageCursor: number;
+    pageSizes: Size[];
+    activeElements: HTMLElement[];
+    template: Template;
+    schemasList: SchemaForUI[][];
+    changeSchemas: ChangeSchemas;
+    commitSchemas: (newSchemas: SchemaForUI[]) => void;
+    removeSchemas: (ids: string[]) => void;
+    onSaveTemplate: (t: Template) => void;
+    past: React.MutableRefObject<SchemaForUI[][]>;
+    future: React.MutableRefObject<SchemaForUI[][]>;
+    setSchemasList: React.Dispatch<React.SetStateAction<SchemaForUI[][]>>;
+    onEdit: (targets: HTMLElement[]) => void;
+    onEditEnd: () => void;
+}
+export declare const useInitEvents: ({ pageCursor, pageSizes, activeElements, template, schemasList, changeSchemas, commitSchemas, removeSchemas, onSaveTemplate, past, future, setSchemasList, onEdit, onEditEnd, }: UseInitEventsParams) => void;
 export {};

package/dist/types/i18n.d.ts

@@ -1,27 +1,3 @@
-import { Lang } from '@pdfme/common';
-type DictEn = typeof dictEn;
-declare const dictEn: {
-    cancel: string;
-    field: string;
-    fieldName: string;
-    require: string;
-    uniq: string;
-    edit: string;
-    plsInputName: string;
-    fieldMustUniq: string;
-    notUniq: string;
-    noKeyName: string;
-    fieldsList: string;
-    addNewField: string;
-    editField: string;
-    type: string;
-    errorOccurred: string;
-    errorBulkUpdateFieldName: string;
-    commitBulkUpdateFieldName: string;
-    bulkUpdateFieldName: string;
-    barColor: string;
-    textColor: string;
-    bgColor: string;
-};
-export declare const curriedI18n: (lang: Lang) => (key: keyof DictEn) => string;
-export {};
+import type { Lang, Dict } from '@pdfme/common';
+export declare const getDict: (lang: Lang) => Dict;
+export declare const i18n: (key: keyof Dict, dict?: Dict) => string;

package/dist/types/theme.d.ts

@@ -0,0 +1,2 @@
+import type { ThemeConfig } from 'antd';
+export declare const defaultTheme: ThemeConfig;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pdfme/ui",
-  "version": "3.0.1",
+  "version": "3.1.0-dev.1",
   "sideEffects": false,
   "author": "hand-dot",
   "license": "MIT",
@@ -21,6 +21,7 @@
   "bugs": {
     "url": "https://github.com/pdfme/pdfme/issues"
   },
+  "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "types": "dist/types/index.d.ts",
@@ -28,8 +29,10 @@
     "node": ">=16"
   },
   "scripts": {
-    "develop": "webpack --watch --mode development",
-    "build": "NODE_ENV=production webpack --mode production",
+    "develop": "npm-run-all --parallel devBuild:watch devBuildType:watch",
+    "devBuild:watch": "esbuild src/index.ts --bundle --outfile=dist/index.js --format=esm --watch",
+    "devBuildType:watch": "tsc --emitDeclarationOnly --watch",
+    "build": "vite build && tsc --emitDeclarationOnly",
     "clean": "rimraf dist",
     "lint": "tsc --noEmit",
     "test": "jest",
@@ -39,14 +42,14 @@
     "prettier": "prettier --write 'src/**/*.{ts,tsx}'"
   },
   "dependencies": {
+    "@ant-design/icons": "^5.2.6",
     "@dnd-kit/core": "^6.0.8",
     "@dnd-kit/sortable": "^7.0.2",
-    "@heroicons/react": "^2.0.13",
     "@scena/react-guides": "^0.16.0",
     "antd": "^5.9.4",
     "form-render": "^2.2.16",
     "hotkeys-js": "^3.8.7",
-    "pdfjs-dist": "2.12.313",
+    "pdfjs-dist": "^4.0.189",
     "react": "^16.14.0",
     "react-dom": "^16.14.0",
     "react-moveable": "^0.30.3",
@@ -57,18 +60,19 @@
     "@pdfme/schemas": "file:../schemas",
     "@testing-library/jest-dom": "^5.16.1",
     "@testing-library/react": "^12.1.2",
-    "@types/pdfjs-dist": "^2.10.378",
     "@types/react": "^17.0.52",
     "@types/react-dom": "^17.0.18",
+    "@vitejs/plugin-react": "^4.2.0",
     "css-loader": "^6.8.1",
     "csstype": "^3.1.2",
+    "esbuild": "^0.19.5",
     "eslint-plugin-react": "^7.28.0",
     "eslint-plugin-react-hooks": "^4.3.0",
     "jest-canvas-mock": "^2.3.1",
     "process": "^0.11.10",
-    "style-loader": "^3.3.3",
-    "webpack": "^5.75.0",
-    "webpack-cli": "^5.0.1"
+    "vite": "^5.0.0",
+    "vite-plugin-top-level-await": "^1.3.1",
+    "vite-tsconfig-paths": "^4.2.1"
   },
   "peerDependencies": {
     "@pdfme/common": "latest",
@@ -82,11 +86,13 @@
       "./__tests__/test-helpers.js"
     ],
     "moduleNameMapper": {
-      "\\.(png|css)$": "<rootDir>/../../assetsTransformer.js",
+      "\\.(png|css)$": "<rootDir>/__mocks__/assetsTransformer.js",
       "^antd/es/": "antd/lib/",
       "^form-render/es/": "form-render/lib/",
       "^rc-picker/es/": "rc-picker/lib/",
-      "^lodash-es$": "lodash"
+      "^lodash-es$": "lodash",
+      "^pdfjs-dist$": "<rootDir>/__mocks__/pdfjs-dist.js",
+      "^pdfjs-dist/build/pdf.worker.mjs$": "<rootDir>/__mocks__/pdfjs-dist.js"
     },
     "resolver": "ts-jest-resolver",
     "moduleFileExtensions": [