pangea-lib 4.0.507 → 4.0.508

package/dist/main.es.js

@@ -39779,35 +39779,35 @@ const Ia = /* @__PURE__ */ h2(_s2, [["__scopeId", "data-v-730e2fc4"]]), ws2 = ["
   },
   setup(e) {
     Y3((H) => ({
-      f7ae8886: r.value,
-      "1808fb34": i.value,
-      "1c5cd561": o.value,
-      f3891ce2: s.value,
-      c7153d96: f.value,
-      c7153d98: u.value,
-      "77b346ac": p.value,
-      "28ded69f": l.value,
-      "194acfb6": d.value,
-      "004a1e8a": m.value,
-      b265f540: M.value,
-      eca144c4: b.value,
-      "5c2e2201": h.value,
-      "7ef65761": k.value,
-      "790240a6": y.value,
-      "575579b8": g.value,
-      b27fb57e: v.value,
-      "1fa96384": C.value,
-      "24a8a3a1": w.value,
-      "08a29a44": z.value,
-      "1fe24c4c": L.value
+      "1ce9a513": r.value,
+      "3180420a": i.value,
+      "95c48292": o.value,
+      "1efc5ae5": s.value,
+      "35364a8b": f.value,
+      "35364a8a": u.value,
+      "451028d8": p.value,
+      "42561d75": l.value,
+      "91f753c0": d.value,
+      "6c06dc91": m.value,
+      e4ede16c: M.value,
+      "090b9f08": b.value,
+      "6d0e7057": h.value,
+      b250e26a: k.value,
+      "465f22d2": y.value,
+      "75cb130c": g.value,
+      e507a1aa: v.value,
+      "4a315f14": C.value,
+      "156dd6f7": w.value,
+      "2142b7a4": z.value,
+      "4a14eab0": L.value
     }));
     const t = e, { form: a, button: c } = m0(), n = o1(() => t.variant || c.variant), r = o1(() => {
       if (t.size === "s")
-        return "0.9rem";
+        return "var(--pga-font-size-s)";
       if (t.size === "m")
-        return "1rem";
+        return "var(--pga-font-size-m)";
       if (t.size === "l")
-        return "1.1rem";
+        return "var(--pga-font-size-l)";
     }), i = o1(() => t.heightAndWidth || "auto"), o = o1(() => t.fullWidth ? "100%" : t.heightAndWidth || "max-content"), s = o1(() => t.fitContent ? "fit-content" : ""), l = o1(() => t.borderRadius ? t.borderRadius : t.rounded ? "100%" : a.input.borderRadius), f = o1(() => {
       if (t.size === "s")
         return "0.15rem";
@@ -39870,7 +39870,7 @@ const Ia = /* @__PURE__ */ h2(_s2, [["__scopeId", "data-v-730e2fc4"]]), ws2 = ["
     ], 10, ws2));
   }
 });
-const I2 = /* @__PURE__ */ h2(Vs2, [["__scopeId", "data-v-c711de24"]]), WK = /* @__PURE__ */ q1({
+const I2 = /* @__PURE__ */ h2(Vs2, [["__scopeId", "data-v-cbcf468a"]]), WK = /* @__PURE__ */ q1({
   __name: "PgaDisplayButtons",
   props: {
     modelValue: { type: Boolean, required: !0 },
@@ -39932,7 +39932,7 @@ const I2 = /* @__PURE__ */ h2(Vs2, [["__scopeId", "data-v-c711de24"]]), WK = /*
     ], 2)) : (Z(), n1("span", Ss2, a2(o.showEmptyText ? "" : "-"), 1));
   }
 });
-const B3 = /* @__PURE__ */ h2(Ts2, [["__scopeId", "data-v-b8266da3"]]), Ra = (e) => (Yu("data-v-33060533"), e = e(), Gu(), e), Es2 = /* @__PURE__ */ Ra(() => /* @__PURE__ */ H1("div", { class: "item__tint" }, null, -1)), Ds2 = { class: "item__body" }, Os2 = { class: "item__header" }, Ps2 = { class: "item__icon-badge" }, Is2 = {
+const B3 = /* @__PURE__ */ h2(Ts2, [["__scopeId", "data-v-b8266da3"]]), Ra = (e) => (Yu("data-v-203ad545"), e = e(), Gu(), e), Es2 = /* @__PURE__ */ Ra(() => /* @__PURE__ */ H1("div", { class: "item__tint" }, null, -1)), Ds2 = { class: "item__body" }, Os2 = { class: "item__header" }, Ps2 = { class: "item__icon-badge" }, Is2 = {
   key: 0,
   class: "item__icon",
   viewBox: "0 0 24 24",
@@ -40064,7 +40064,7 @@ const B3 = /* @__PURE__ */ h2(Ts2, [["__scopeId", "data-v-b8266da3"]]), Ra = (e)
     ], 2));
   }
 });
-const e92 = /* @__PURE__ */ h2(Js2, [["__scopeId", "data-v-33060533"]]), ds = C1(!1), cZ = C1(""), ar1 = C1(() => {
+const e92 = /* @__PURE__ */ h2(Js2, [["__scopeId", "data-v-203ad545"]]), ds = C1(!1), cZ = C1(""), ar1 = C1(() => {
 }), LB = "__vue_click_outside__";
 function cr1() {
   return "click";
@@ -40152,7 +40152,7 @@ const ee1 = {
     ])) : d1("", !0);
   }
 });
-const s92 = /* @__PURE__ */ h2(o92, [["__scopeId", "data-v-ee2fe1c6"]]), El = C1(!1), ir1 = C1(""), nZ = C1(""), VB = { onClose: () => {
+const s92 = /* @__PURE__ */ h2(o92, [["__scopeId", "data-v-3f0d3418"]]), El = C1(!1), ir1 = C1(""), nZ = C1(""), VB = { onClose: () => {
 }, onAccept: () => {
 } }, l92 = {
   key: 0,
@@ -40207,7 +40207,7 @@ const s92 = /* @__PURE__ */ h2(o92, [["__scopeId", "data-v-ee2fe1c6"]]), El = C1
     ])) : d1("", !0);
   }
 });
-const p92 = /* @__PURE__ */ h2(d92, [["__scopeId", "data-v-3209ce83"]]), Qv4 = /* @__PURE__ */ q1({
+const p92 = /* @__PURE__ */ h2(d92, [["__scopeId", "data-v-3da52235"]]), Qv4 = /* @__PURE__ */ q1({
   __name: "App",
   setup(e) {
     return (t, a) => (Z(), n1(G1, null, [
@@ -42676,9 +42676,9 @@ const bl2 = {
   },
   setup(e) {
     Y3((c) => ({
-      "6359beef": a.value.borderColor,
-      "1b9aec8a": a.value.color,
-      "460f79a6": a.value.backgroundColor
+      "7406fd51": a.value.borderColor,
+      "63beb99d": a.value.color,
+      "3e3b808f": a.value.backgroundColor
     }));
     const t = e, a = o1(() => Qq(t.color) ? {
       color: `var(--pga-color-${t.color})`,
@@ -42694,7 +42694,7 @@ const bl2 = {
     ]));
   }
 });
-const Cl2 = /* @__PURE__ */ h2(zl2, [["__scopeId", "data-v-d94c8e63"]]), _l2 = /* @__PURE__ */ q1({
+const Cl2 = /* @__PURE__ */ h2(zl2, [["__scopeId", "data-v-dd8c1501"]]), _l2 = /* @__PURE__ */ q1({
   __name: "PgaColorCircle",
   props: {
     color: {}
@@ -43965,7 +43965,7 @@ const qr1 = /* @__PURE__ */ h2(Mf2, [["__scopeId", "data-v-f5619d93"]]), kf2 = {
     };
   }
 });
-const Cf2 = /* @__PURE__ */ h2(zf2, [["__scopeId", "data-v-3fbaed5a"]]);
+const Cf2 = /* @__PURE__ */ h2(zf2, [["__scopeId", "data-v-02d12257"]]);
 var jr1 = { exports: {} };
 /*!
  * Quill Editor v1.3.7
@@ -51468,7 +51468,7 @@ const Af2 = /* @__PURE__ */ q1({
     }, a2(`${a.value} / ${n.maxLength}`), 3));
   }
 });
-const aQ = /* @__PURE__ */ h2(Af2, [["__scopeId", "data-v-fb674e50"]]), Nf2 = { class: "editor__container" }, Tf2 = { class: "editor__footer" }, Ef2 = { class: "editor__actions" }, Df2 = { class: "editor__status" }, Of2 = /* @__PURE__ */ q1({
+const aQ = /* @__PURE__ */ h2(Af2, [["__scopeId", "data-v-8a8645f8"]]), Nf2 = { class: "editor__container" }, Tf2 = { class: "editor__footer" }, Ef2 = { class: "editor__actions" }, Df2 = { class: "editor__status" }, Of2 = /* @__PURE__ */ q1({
   __name: "PgaEditor",
   props: /* @__PURE__ */ O2({
     saveFn: { type: Function },
@@ -51562,7 +51562,7 @@ const aQ = /* @__PURE__ */ h2(Af2, [["__scopeId", "data-v-fb674e50"]]), Nf2 = {
     ], 2));
   }
 });
-const Pf2 = /* @__PURE__ */ h2(Of2, [["__scopeId", "data-v-cb564406"]]), If2 = { class: "pga-info-card" }, Rf2 = {
+const Pf2 = /* @__PURE__ */ h2(Of2, [["__scopeId", "data-v-469bcbde"]]), If2 = { class: "pga-info-card" }, Rf2 = {
   key: 1,
   class: "info-card__content"
 }, Ff2 = /* @__PURE__ */ q1({
@@ -51595,7 +51595,7 @@ const Pf2 = /* @__PURE__ */ h2(Of2, [["__scopeId", "data-v-cb564406"]]), If2 = {
     ]));
   }
 });
-const $f2 = /* @__PURE__ */ h2(Ff2, [["__scopeId", "data-v-f87ca71c"]]), Bf2 = /* @__PURE__ */ q1({
+const $f2 = /* @__PURE__ */ h2(Ff2, [["__scopeId", "data-v-742c8686"]]), Bf2 = /* @__PURE__ */ q1({
   __name: "PgaInfoTooltip",
   props: {
     info: {},
@@ -51669,7 +51669,7 @@ const Lj = /* @__PURE__ */ h2(Bf2, [["__scopeId", "data-v-748b10c0"]]), qf2 = /*
     ], 2));
   }
 });
-const hZ = /* @__PURE__ */ h2(jf2, [["__scopeId", "data-v-b7969dee"]]), Uf2 = { class: "modal__header" }, Wf2 = ["textContent"], Yf2 = { class: "modal__body" }, Gf2 = {
+const hZ = /* @__PURE__ */ h2(jf2, [["__scopeId", "data-v-26609cd8"]]), Uf2 = { class: "modal__header" }, Wf2 = ["textContent"], Yf2 = { class: "modal__body" }, Gf2 = {
   key: 0,
   class: "modal__footer"
 }, Zf2 = /* @__PURE__ */ q1({
@@ -51689,7 +51689,7 @@ const hZ = /* @__PURE__ */ h2(jf2, [["__scopeId", "data-v-b7969dee"]]), Uf2 = {
   emits: /* @__PURE__ */ O2(["accept"], ["update:modelValue"]),
   setup(e, { emit: t }) {
     Y3((r) => ({
-      "7656d9c6": r.width
+      b196da18: r.width
     }));
     const a = Z2(e, "modelValue"), c = t, n = J2("pgaModal");
     return C2(a, (r) => _9(!r)), (r, i) => a.value ? (Z(), n1("div", {
@@ -51740,7 +51740,7 @@ const hZ = /* @__PURE__ */ h2(jf2, [["__scopeId", "data-v-b7969dee"]]), Uf2 = {
     ], 32)) : d1("", !0);
   }
 });
-const Xf2 = /* @__PURE__ */ h2(Zf2, [["__scopeId", "data-v-d6ec01ac"]]), Kf2 = { class: "pga-flex-row" }, Qf2 = /* @__PURE__ */ q1({
+const Xf2 = /* @__PURE__ */ h2(Zf2, [["__scopeId", "data-v-ecf9f870"]]), Kf2 = { class: "pga-flex-row" }, Qf2 = /* @__PURE__ */ q1({
   __name: "PgaMonthSelector",
   props: {
     modelValue: { required: !0 },
@@ -51866,11 +51866,11 @@ const ru2 = /* @__PURE__ */ h2(nu2, [["__scopeId", "data-v-02af7f0a"]]), iu2 = [
   emits: ["newFile", "newFiles"],
   setup(e, { expose: t, emit: a }) {
     Y3((b) => ({
-      "1d6aae5b": X(r).input.borderColor,
-      ae8a66cc: X(r).input.borderRadius,
-      "3ceb9c99": X(r).input.backgroundColor,
-      "5b363423": X(r).input.backgroundColorHover,
-      f312db96: X(r).input.backgroundColorDisabled
+      "71ea7ea0": X(r).input.borderColor,
+      "331d04e5": X(r).input.borderRadius,
+      "18e07c6e": X(r).input.backgroundColor,
+      "68261d24": X(r).input.backgroundColorHover,
+      "280ccd0a": X(r).input.backgroundColorDisabled
     }));
     const c = e, n = a;
     t({ click: g, resetInput: k });
@@ -51942,7 +51942,7 @@ const ru2 = /* @__PURE__ */ h2(nu2, [["__scopeId", "data-v-02af7f0a"]]), iu2 = [
     ], 34));
   }
 });
-const ch = /* @__PURE__ */ h2(su2, [["__scopeId", "data-v-0dd22b8b"]]), lu2 = { class: "pga-videos" }, fu2 = { class: "videos" }, uu2 = ["src"], hu2 = {
+const ch = /* @__PURE__ */ h2(su2, [["__scopeId", "data-v-0d2d435a"]]), lu2 = { class: "pga-videos" }, fu2 = { class: "videos" }, uu2 = ["src"], hu2 = {
   key: 0,
   class: "videos__input-container"
 }, du2 = /* @__PURE__ */ q1({
@@ -102883,7 +102883,7 @@ const Du3 = {
     ]));
   }
 });
-const Uu3 = /* @__PURE__ */ h2(ju3, [["__scopeId", "data-v-b79ced79"]]);
+const Uu3 = /* @__PURE__ */ h2(ju3, [["__scopeId", "data-v-a64d542c"]]);
 /*!
  * @kurkle/color v0.3.4
  * https://github.com/kurkle/color#readme
@@ -112932,7 +112932,7 @@ const qb3 = /* @__PURE__ */ h2(Bb3, [["__scopeId", "data-v-333a4131"]]), jb3 = {
     ]));
   }
 });
-const Wb3 = /* @__PURE__ */ h2(Ub3, [["__scopeId", "data-v-cf004ab9"]]), Yb3 = { key: 0 }, Gb3 = /* @__PURE__ */ q1({
+const Wb3 = /* @__PURE__ */ h2(Ub3, [["__scopeId", "data-v-11bf60bc"]]), Yb3 = { key: 0 }, Gb3 = /* @__PURE__ */ q1({
   __name: "PgaDisplayDatetime",
   props: {
     datetime: {},
@@ -112970,9 +112970,9 @@ const Zb3 = /* @__PURE__ */ h2(Gb3, [["__scopeId", "data-v-0c465868"]]), Xb3 = {
   },
   setup(e) {
     Y3((o) => ({
-      "4d9774f8": i.value,
-      "5f44b86e": r.value,
-      "46bc31cc": n.value
+      "67c7d565": i.value,
+      "7a153b76": r.value,
+      "125b70f2": n.value
     }));
     const t = e, a = o1(() => t.type === "info" ? "info" : t.type === "success" ? "circle-check" : t.type === "error" ? "circle-x" : t.type === "warning" ? "circle-alert" : "info"), c = o1(() => {
       if (t.type === "info")
@@ -112999,7 +112999,7 @@ const Zb3 = /* @__PURE__ */ h2(Gb3, [["__scopeId", "data-v-0c465868"]]), Xb3 = {
     ]));
   }
 });
-const tx3 = /* @__PURE__ */ h2(ex3, [["__scopeId", "data-v-0767e72f"]]), ax3 = {
+const tx3 = /* @__PURE__ */ h2(ex3, [["__scopeId", "data-v-02ead1e5"]]), ax3 = {
   key: 0,
   class: "pga-display-no-items"
 }, cx3 = {
@@ -113008,7 +113008,7 @@ const tx3 = /* @__PURE__ */ h2(ex3, [["__scopeId", "data-v-0767e72f"]]), ax3 = {
 }, nx3 = {
   key: 0,
   class: "no-items__illustration"
-}, rx3 = /* @__PURE__ */ bn1('<svg viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg" data-v-f3240c17><circle cx="50" cy="50" r="40" fill="var(--pga-color-primary)" opacity="0.05" data-v-f3240c17></circle><path d="M25 35H40L45 42H75A5 5 0 0 1 80 47V70A5 5 0 0 1 75 75H25A5 5 0 0 1 20 70V40A5 5 0 0 1 25 35Z" stroke="var(--pga-color-second)" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" opacity="0.4" data-v-f3240c17></path><path d="M20 50L80 50" stroke="var(--pga-color-second)" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" opacity="0.4" data-v-f3240c17></path><circle cx="55" cy="55" r="14" fill="var(--pga-color-second-contrast)" stroke="currentColor" stroke-width="4" data-v-f3240c17></circle><path d="M65 65L76 76" stroke="currentColor" stroke-width="5" stroke-linecap="round" data-v-f3240c17></path></svg>', 1), ix3 = [
+}, rx3 = /* @__PURE__ */ bn1('<svg viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg" data-v-22f69956><circle cx="50" cy="50" r="40" fill="var(--pga-color-primary)" opacity="0.05" data-v-22f69956></circle><path d="M25 35H40L45 42H75A5 5 0 0 1 80 47V70A5 5 0 0 1 75 75H25A5 5 0 0 1 20 70V40A5 5 0 0 1 25 35Z" stroke="var(--pga-color-second)" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" opacity="0.4" data-v-22f69956></path><path d="M20 50L80 50" stroke="var(--pga-color-second)" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" opacity="0.4" data-v-22f69956></path><circle cx="55" cy="55" r="14" fill="var(--pga-color-second-contrast)" stroke="currentColor" stroke-width="4" data-v-22f69956></circle><path d="M65 65L76 76" stroke="currentColor" stroke-width="5" stroke-linecap="round" data-v-22f69956></path></svg>', 1), ix3 = [
   rx3
 ], ox3 = { class: "no-items__text" }, sx3 = { class: "no-items__title" }, lx3 = { class: "no-items__description" }, fx3 = /* @__PURE__ */ q1({
   __name: "PgaDisplayNoItems",
@@ -113031,7 +113031,7 @@ const tx3 = /* @__PURE__ */ h2(ex3, [["__scopeId", "data-v-0767e72f"]]), ax3 = {
     ])) : d1("", !0);
   }
 });
-const kk1 = /* @__PURE__ */ h2(fx3, [["__scopeId", "data-v-f3240c17"]]), ux3 = { key: 0 }, hx3 = {
+const kk1 = /* @__PURE__ */ h2(fx3, [["__scopeId", "data-v-22f69956"]]), ux3 = { key: 0 }, hx3 = {
   key: 0,
   class: "price__sign"
 }, dx3 = ["textContent"], px3 = /* @__PURE__ */ q1({
@@ -113051,8 +113051,8 @@ const kk1 = /* @__PURE__ */ h2(fx3, [["__scopeId", "data-v-f3240c17"]]), ux3 = {
   },
   setup(e) {
     Y3((u) => ({
-      "3139b1e9": l.value,
-      "1ead690a": f.value
+      "5bcbef0d": l.value,
+      "47d64334": f.value
     }));
     const t = e, { display: a } = m0(), c = o1(() => t.noSign ? !1 : a.price.withSign), n = o1(() => t.noBackground ? !1 : t.withBackground ? !0 : a.price.withBackground), r = o1(() => t.price !== null && t.price !== void 0), i = { maxDecimals: t.maxDecimals, prefix: t.prefix, suffix: t.suffix }, o = o1(() => {
       if (r.value)
@@ -113061,11 +113061,11 @@ const kk1 = /* @__PURE__ */ h2(fx3, [["__scopeId", "data-v-f3240c17"]]), ux3 = {
       if (t.fontSize)
         return t.fontSize;
       if (t.size === "s")
-        return "0.9rem";
+        return "var(--pga-font-size-s)";
       if (t.size === "m")
-        return "1rem";
+        return "var(--pga-font-size-m)";
       if (t.size === "l")
-        return "1.2rem";
+        return "var(--pga-font-size-xl)";
     }), f = o1(() => Qq(t.color) ? `var(--pga-color-${t.color})` : t.color);
     return (u, h) => {
       const d = ot("tooltip");
@@ -113084,7 +113084,7 @@ const kk1 = /* @__PURE__ */ h2(fx3, [["__scopeId", "data-v-f3240c17"]]), ux3 = {
     };
   }
 });
-const mx3 = /* @__PURE__ */ h2(px3, [["__scopeId", "data-v-9497debb"]]), vx3 = /* @__PURE__ */ q1({
+const mx3 = /* @__PURE__ */ h2(px3, [["__scopeId", "data-v-7e27f30f"]]), vx3 = /* @__PURE__ */ q1({
   __name: "PgaDisplayTime",
   props: {
     datetime: {}
@@ -113175,7 +113175,7 @@ const kx3 = /* @__PURE__ */ h2(Mx3, [["__scopeId", "data-v-b4a5ce65"]]), bx3 = /
     };
   }
 });
-const xx3 = /* @__PURE__ */ h2(bx3, [["__scopeId", "data-v-ab8e6272"]]), zx3 = {
+const xx3 = /* @__PURE__ */ h2(bx3, [["__scopeId", "data-v-07bcfb0a"]]), zx3 = {
   key: 0,
   class: "input-group__header"
 }, Cx3 = ["for"], _x3 = {
@@ -113209,7 +113209,7 @@ const xx3 = /* @__PURE__ */ h2(bx3, [["__scopeId", "data-v-ab8e6272"]]), zx3 = {
   },
   setup(e) {
     Y3((s) => ({
-      "1b401ddb": s.grow
+      "331733af": s.grow
     }));
     const t = e, a = J2("pgaForm"), c = o1(() => i4(t.label)), n = o1(() => i4(t.info)), r = o1(() => i4(t.description)), i = o1(() => c.value || t.withLabelSpace), o = o1(() => c.value || " ");
     return (s, l) => {
@@ -113260,7 +113260,7 @@ const xx3 = /* @__PURE__ */ h2(bx3, [["__scopeId", "data-v-ab8e6272"]]), zx3 = {
     };
   }
 });
-const K0 = /* @__PURE__ */ h2(Nx3, [["__scopeId", "data-v-057ab5c3"]]);
+const K0 = /* @__PURE__ */ h2(Nx3, [["__scopeId", "data-v-bd47f9b0"]]);
 function Ma1(e, t) {
   var a = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
@@ -113752,7 +113752,7 @@ const cz3 = /* @__PURE__ */ h2(az3, [["__scopeId", "data-v-725b8d32"]]), nz3 = {
     ]));
   }
 });
-const _k1 = /* @__PURE__ */ h2(iz3, [["__scopeId", "data-v-166fff24"]]), oz3 = { class: "pga-color-selector" }, sz3 = ["onClick"], lz3 = /* @__PURE__ */ q1({
+const _k1 = /* @__PURE__ */ h2(iz3, [["__scopeId", "data-v-2a784041"]]), oz3 = { class: "pga-color-selector" }, sz3 = ["onClick"], lz3 = /* @__PURE__ */ q1({
   __name: "PgaColorSelector",
   props: /* @__PURE__ */ O2({
     label: {},
@@ -143671,15 +143671,15 @@ const CO3 = /* @__PURE__ */ q1({
   emits: /* @__PURE__ */ O2(["change"], ["update:modelValue"]),
   setup(e, { expose: t, emit: a }) {
     Y3((A) => ({
-      a1b71b8e: X(i).input.height,
-      "54ff0582": X(i).input.padding,
-      "084dc0be": X(i).input.paddingWithIcon,
-      "7f2580c5": X(i).input.borderColor,
-      "7e5a4770": X(i).input.borderRadius,
-      "7279abfa": X(i).input.backgroundColor,
-      "8ce53972": X(i).input.colorFocus,
-      "5ec7159f": X(i).input.backgroundColorDisabled,
-      "695f5c42": X(i).input.placeholderColor
+      "3dbf26e8": X(i).input.height,
+      "39f86568": X(i).input.padding,
+      "660a986a": X(i).input.paddingWithIcon,
+      "7b380252": X(i).input.borderColor,
+      "0497f783": X(i).input.borderRadius,
+      e91fc5e0: X(i).input.backgroundColor,
+      "3d8dfc1a": X(i).input.colorFocus,
+      "344aabac": X(i).input.backgroundColorDisabled,
+      "3a50cad5": X(i).input.placeholderColor
     }));
     const c = Z2(e, "modelValue"), n = e, r = a;
     t({ focus: D });
@@ -143865,7 +143865,7 @@ const CO3 = /* @__PURE__ */ q1({
     }, 8, ["label", "withRequiredLabel", "withOptionalLabel", "withLabelSpace", "info", "description", "errors", "grow"]));
   }
 });
-const SO3 = /* @__PURE__ */ h2(VO3, [["__scopeId", "data-v-9c5d248c"]]), AO3 = /* @__PURE__ */ q1({
+const SO3 = /* @__PURE__ */ h2(VO3, [["__scopeId", "data-v-e1f29246"]]), AO3 = /* @__PURE__ */ q1({
   __name: "PgaMonthPicker",
   props: /* @__PURE__ */ O2({
     label: {},
@@ -144110,7 +144110,7 @@ const PO3 = /* @__PURE__ */ h2(OO3, [["__scopeId", "data-v-09795200"]]), IO3 = {
     }, 8, ["label", "withRequiredLabel", "withOptionalLabel", "withLabelSpace", "info", "description", "fitContent", "grow"]));
   }
 });
-const jO3 = /* @__PURE__ */ h2(qO3, [["__scopeId", "data-v-0a311225"]]), UO3 = { class: "pga-switch-options" }, WO3 = ["onClick"], YO3 = /* @__PURE__ */ q1({
+const jO3 = /* @__PURE__ */ h2(qO3, [["__scopeId", "data-v-dbd5cafc"]]), UO3 = { class: "pga-switch-options" }, WO3 = ["onClick"], YO3 = /* @__PURE__ */ q1({
   __name: "PgaSwitchOptions",
   props: /* @__PURE__ */ O2({
     items: {},
@@ -144608,7 +144608,7 @@ const hP3 = /* @__PURE__ */ h2(uP3, [["__scopeId", "data-v-fd5ba3fe"]]), dP3 = /
       B1(B3, {
         class: "item__title",
         text: t.title,
-        fontSize: "0.9rem",
+        fontSize: "var(--pga-font-size-s)",
         color: "second"
       }, null, 8, ["text"]),
       t.link ? (Z(), A1(cQ, {
@@ -144626,7 +144626,7 @@ const hP3 = /* @__PURE__ */ h2(uP3, [["__scopeId", "data-v-fd5ba3fe"]]), dP3 = /
         default: F1(() => [
           B1(B3, {
             text: t.info,
-            fontSize: "1rem"
+            fontSize: "var(--pga-font-size-m)"
           }, null, 8, ["text"])
         ]),
         _: 1
@@ -144634,13 +144634,13 @@ const hP3 = /* @__PURE__ */ h2(uP3, [["__scopeId", "data-v-fd5ba3fe"]]), dP3 = /
         key: 2,
         class: "item__info",
         text: t.info,
-        fontSize: "1rem",
+        fontSize: "var(--pga-font-size-m)",
         color: "first"
       }, null, 8, ["text"]))
     ], 2));
   }
 });
-const pP3 = /* @__PURE__ */ h2(dP3, [["__scopeId", "data-v-b5494460"]]), mP3 = { class: "pga-info-panel" }, vP3 = /* @__PURE__ */ q1({
+const pP3 = /* @__PURE__ */ h2(dP3, [["__scopeId", "data-v-e6e0faf9"]]), mP3 = { class: "pga-info-panel" }, vP3 = /* @__PURE__ */ q1({
   __name: "PgaInfoPanel",
   props: {
     details: {}
@@ -144703,7 +144703,7 @@ const yP3 = /* @__PURE__ */ h2(vP3, [["__scopeId", "data-v-f071c90e"]]), gP3 = {
     ]));
   }
 });
-const xP3 = /* @__PURE__ */ h2(bP3, [["__scopeId", "data-v-4ee93be1"]]), Zx1 = /* @__PURE__ */ q1({
+const xP3 = /* @__PURE__ */ h2(bP3, [["__scopeId", "data-v-32b361ee"]]), Zx1 = /* @__PURE__ */ q1({
   __name: "PgaLogo",
   setup(e) {
     const t = be.getConfig(), { layout: a } = m0();
@@ -144778,7 +144778,7 @@ const HP3 = /* @__PURE__ */ h2(wP3, [["__scopeId", "data-v-0faab4db"]]), LP3 = {
   },
   setup(e) {
     Y3((u) => ({
-      "074f45cd": u.headerAndBannerHeight
+      "04c142ea": u.headerAndBannerHeight
     }));
     const t = e, a = be.getConfig(), { routeType: c, isDisplayingBanner: n, isSideBarOpen: r, isDisplayingSideBar: i } = ro(ft()), o = o1(() => K71(t.routes)), s = o1(() => Q71(t.navSections, o.value)), l = o1(() => a.i18n[`${c.value}NavSections`]);
     C2(
@@ -144852,7 +144852,7 @@ const HP3 = /* @__PURE__ */ h2(wP3, [["__scopeId", "data-v-0faab4db"]]), LP3 = {
     };
   }
 });
-const OP3 = /* @__PURE__ */ h2(DP3, [["__scopeId", "data-v-3db5d417"]]), PP3 = {
+const OP3 = /* @__PURE__ */ h2(DP3, [["__scopeId", "data-v-6fe29ca7"]]), PP3 = {
   key: 0,
   class: "pga-bottom-bar"
 }, IP3 = { class: "bottom-bar__content" }, RP3 = { class: "router-link__icon-container" }, FP3 = { class: "router-link__name" }, $P3 = /* @__PURE__ */ q1({
@@ -144893,7 +144893,7 @@ const OP3 = /* @__PURE__ */ h2(DP3, [["__scopeId", "data-v-3db5d417"]]), PP3 = {
     };
   }
 });
-const BP3 = /* @__PURE__ */ h2($P3, [["__scopeId", "data-v-fef71aaa"]]), Xx1 = (e) => (Yu("data-v-d10d599a"), e = e(), Gu(), e), qP3 = { class: "pga-footer" }, jP3 = { class: "footer__content" }, UP3 = { class: "footer__brand" }, WP3 = /* @__PURE__ */ Xx1(() => /* @__PURE__ */ H1("div", { class: "footer__divider" }, null, -1)), YP3 = { class: "footer__info" }, GP3 = { class: "footer__text" }, ZP3 = ["textContent"], XP3 = { class: "footer__text footer__text--secondary" }, KP3 = ["textContent"], QP3 = /* @__PURE__ */ Xx1(() => /* @__PURE__ */ H1("span", null, /* @__PURE__ */ a2(" "), -1)), JP3 = "Raselli, Gianfranco", eI3 = "https://gianfrancoraselli.com", tI3 = /* @__PURE__ */ q1({
+const BP3 = /* @__PURE__ */ h2($P3, [["__scopeId", "data-v-f86a6224"]]), Xx1 = (e) => (Yu("data-v-40ce20ea"), e = e(), Gu(), e), qP3 = { class: "pga-footer" }, jP3 = { class: "footer__content" }, UP3 = { class: "footer__brand" }, WP3 = /* @__PURE__ */ Xx1(() => /* @__PURE__ */ H1("div", { class: "footer__divider" }, null, -1)), YP3 = { class: "footer__info" }, GP3 = { class: "footer__text" }, ZP3 = ["textContent"], XP3 = { class: "footer__text footer__text--secondary" }, KP3 = ["textContent"], QP3 = /* @__PURE__ */ Xx1(() => /* @__PURE__ */ H1("span", null, /* @__PURE__ */ a2(" "), -1)), JP3 = "Raselli, Gianfranco", eI3 = "https://gianfrancoraselli.com", tI3 = /* @__PURE__ */ q1({
   __name: "PgaFooter",
   setup(e) {
     const t = J2("pgaLayout", "footer"), a = (/* @__PURE__ */ new Date()).getFullYear();
@@ -144925,7 +144925,7 @@ const BP3 = /* @__PURE__ */ h2($P3, [["__scopeId", "data-v-fef71aaa"]]), Xx1 = (
     ]));
   }
 });
-const aI3 = /* @__PURE__ */ h2(tI3, [["__scopeId", "data-v-d10d599a"]]), dy4 = window.location.origin, py4 = window.location.protocol, Df = window.location.host, jc1 = Df.includes("localhost") ? Df.split(".").slice(-1)[0] : Df.split(".").slice(-2).join("."), my4 = Df === jc1 ? void 0 : Df.replace(`.${jc1}`, ""), cI3 = (e) => (Yu("data-v-5fd1bc31"), e = e(), Gu(), e), nI3 = {
+const aI3 = /* @__PURE__ */ h2(tI3, [["__scopeId", "data-v-40ce20ea"]]), dy4 = window.location.origin, py4 = window.location.protocol, Df = window.location.host, jc1 = Df.includes("localhost") ? Df.split(".").slice(-1)[0] : Df.split(".").slice(-2).join("."), my4 = Df === jc1 ? void 0 : Df.replace(`.${jc1}`, ""), cI3 = (e) => (Yu("data-v-e307badc"), e = e(), Gu(), e), nI3 = {
   key: 0,
   class: "layout__banner"
 }, rI3 = { class: "layout__content" }, iI3 = {
@@ -144940,12 +144940,12 @@ const aI3 = /* @__PURE__ */ h2(tI3, [["__scopeId", "data-v-d10d599a"]]), dy4 = w
   },
   setup(e) {
     Y3((v) => ({
-      "5cc506b8": f.value,
-      fafddd96: h.value,
-      "4ff7664a": u.value,
-      "30399c49": d.value,
-      ddf2b8cc: m.value,
-      "9850aae0": p.value
+      "5ab182da": f.value,
+      "2acca26b": h.value,
+      "04f00658": u.value,
+      "6cb3465a": d.value,
+      "395234d0": m.value,
+      "6c15ca74": p.value
     }));
     const { layout: t } = m0(), {
       routeTitle: a,
@@ -145010,7 +145010,7 @@ const aI3 = /* @__PURE__ */ h2(tI3, [["__scopeId", "data-v-d10d599a"]]), dy4 = w
     };
   }
 });
-const uI3 = /* @__PURE__ */ h2(fI3, [["__scopeId", "data-v-5fd1bc31"]]), hI3 = { class: "pga-not-found" }, dI3 = { class: "not-found__content" }, pI3 = { class: "not-found__hero" }, mI3 = { class: "hero__number" }, vI3 = { class: "hero__bubble" }, yI3 = /* @__PURE__ */ bn1('<div class="not-found__illustration" data-v-7ac7a792><svg class="illustration__svg" viewBox="0 0 600 250" fill="none" xmlns="http://www.w3.org/2000/svg" data-v-7ac7a792><rect width="600" height="250" fill="var(--pga-color-primary)" opacity="0.05" rx="20" data-v-7ac7a792></rect><circle cx="500" cy="80" r="40" fill="var(--pga-color-primary)" opacity="0.15" data-v-7ac7a792></circle><path d="M0,150 Q120,100 250,160 T600,140 L600,250 L0,250 Z" fill="var(--pga-color-first-contrast)" opacity="0.5" data-v-7ac7a792></path><path d="M0,190 Q150,170 300,210 T600,190 L600,250 L0,250 Z" fill="var(--pga-color-first-contrast)" data-v-7ac7a792></path><g transform="translate(300, 150)" data-v-7ac7a792><ellipse cx="0" cy="80" rx="35" ry="8" fill="var(--pga-color-first)" opacity="0.1" data-v-7ac7a792></ellipse><rect x="-25" y="60" width="50" height="15" rx="5" fill="var(--pga-color-second)" opacity="0.8" data-v-7ac7a792></rect><path d="M-20,30 L20,30 L25,60 L-25,60 Z" fill="var(--pga-color-primary)" opacity="0.9" data-v-7ac7a792></path><rect x="-10" y="35" width="20" height="5" rx="2" fill="var(--pga-color-first-contrast)" opacity="0.5" data-v-7ac7a792></rect><rect x="-5" y="15" width="10" height="15" fill="var(--pga-color-second)" data-v-7ac7a792></rect><rect x="-25" y="-15" width="50" height="35" rx="10" fill="var(--pga-color-primary)" data-v-7ac7a792></rect><rect x="-15" y="-5" width="30" height="15" rx="2" fill="var(--pga-color-first-contrast)" data-v-7ac7a792></rect><circle cx="-5" cy="0" r="3" fill="var(--pga-color-second)" data-v-7ac7a792></circle><circle cx="5" cy="0" r="3" fill="var(--pga-color-second)" data-v-7ac7a792></circle><line x1="0" y1="-15" x2="-10" y2="-35" stroke="var(--pga-color-second)" stroke-width="4" stroke-linecap="round" data-v-7ac7a792></line><circle cx="-10" cy="-35" r="4" fill="var(--pga-color-second)" data-v-7ac7a792></circle><path d="M-20,40 Q-40,40 -40,60" fill="none" stroke="var(--pga-color-second)" stroke-width="6" stroke-linecap="round" data-v-7ac7a792></path><path d="M20,40 Q40,40 35,55" fill="none" stroke="var(--pga-color-second)" stroke-width="6" stroke-linecap="round" data-v-7ac7a792></path></g><circle cx="100" cy="50" r="2" fill="var(--pga-color-primary)" opacity="0.3" data-v-7ac7a792></circle><circle cx="150" cy="100" r="1.5" fill="var(--pga-color-second)" opacity="0.3" data-v-7ac7a792></circle><circle cx="400" cy="40" r="2.5" fill="var(--pga-color-primary)" opacity="0.2" data-v-7ac7a792></circle><circle cx="550" cy="180" r="2" fill="var(--pga-color-second)" opacity="0.4" data-v-7ac7a792></circle></svg></div>', 1), gI3 = { class: "not-found__actions" }, MI3 = /* @__PURE__ */ q1({
+const uI3 = /* @__PURE__ */ h2(fI3, [["__scopeId", "data-v-e307badc"]]), hI3 = { class: "pga-not-found" }, dI3 = { class: "not-found__content" }, pI3 = { class: "not-found__hero" }, mI3 = { class: "hero__number" }, vI3 = { class: "hero__bubble" }, yI3 = /* @__PURE__ */ bn1('<div class="not-found__illustration" data-v-48a06948><svg class="illustration__svg" viewBox="0 0 600 250" fill="none" xmlns="http://www.w3.org/2000/svg" data-v-48a06948><rect width="600" height="250" fill="var(--pga-color-primary)" opacity="0.05" rx="20" data-v-48a06948></rect><circle cx="500" cy="80" r="40" fill="var(--pga-color-primary)" opacity="0.15" data-v-48a06948></circle><path d="M0,150 Q120,100 250,160 T600,140 L600,250 L0,250 Z" fill="var(--pga-color-first-contrast)" opacity="0.5" data-v-48a06948></path><path d="M0,190 Q150,170 300,210 T600,190 L600,250 L0,250 Z" fill="var(--pga-color-first-contrast)" data-v-48a06948></path><g transform="translate(300, 150)" data-v-48a06948><ellipse cx="0" cy="80" rx="35" ry="8" fill="var(--pga-color-first)" opacity="0.1" data-v-48a06948></ellipse><rect x="-25" y="60" width="50" height="15" rx="5" fill="var(--pga-color-second)" opacity="0.8" data-v-48a06948></rect><path d="M-20,30 L20,30 L25,60 L-25,60 Z" fill="var(--pga-color-primary)" opacity="0.9" data-v-48a06948></path><rect x="-10" y="35" width="20" height="5" rx="2" fill="var(--pga-color-first-contrast)" opacity="0.5" data-v-48a06948></rect><rect x="-5" y="15" width="10" height="15" fill="var(--pga-color-second)" data-v-48a06948></rect><rect x="-25" y="-15" width="50" height="35" rx="10" fill="var(--pga-color-primary)" data-v-48a06948></rect><rect x="-15" y="-5" width="30" height="15" rx="2" fill="var(--pga-color-first-contrast)" data-v-48a06948></rect><circle cx="-5" cy="0" r="3" fill="var(--pga-color-second)" data-v-48a06948></circle><circle cx="5" cy="0" r="3" fill="var(--pga-color-second)" data-v-48a06948></circle><line x1="0" y1="-15" x2="-10" y2="-35" stroke="var(--pga-color-second)" stroke-width="4" stroke-linecap="round" data-v-48a06948></line><circle cx="-10" cy="-35" r="4" fill="var(--pga-color-second)" data-v-48a06948></circle><path d="M-20,40 Q-40,40 -40,60" fill="none" stroke="var(--pga-color-second)" stroke-width="6" stroke-linecap="round" data-v-48a06948></path><path d="M20,40 Q40,40 35,55" fill="none" stroke="var(--pga-color-second)" stroke-width="6" stroke-linecap="round" data-v-48a06948></path></g><circle cx="100" cy="50" r="2" fill="var(--pga-color-primary)" opacity="0.3" data-v-48a06948></circle><circle cx="150" cy="100" r="1.5" fill="var(--pga-color-second)" opacity="0.3" data-v-48a06948></circle><circle cx="400" cy="40" r="2.5" fill="var(--pga-color-primary)" opacity="0.2" data-v-48a06948></circle><circle cx="550" cy="180" r="2" fill="var(--pga-color-second)" opacity="0.4" data-v-48a06948></circle></svg></div>', 1), gI3 = { class: "not-found__actions" }, MI3 = /* @__PURE__ */ q1({
   __name: "PgaNotFound",
   props: {
     redirectTo: {}
@@ -145041,7 +145041,7 @@ const uI3 = /* @__PURE__ */ h2(fI3, [["__scopeId", "data-v-5fd1bc31"]]), hI3 = {
     ]));
   }
 });
-const kI3 = /* @__PURE__ */ h2(MI3, [["__scopeId", "data-v-7ac7a792"]]), bI3 = { class: "pga-section" }, xI3 = {
+const kI3 = /* @__PURE__ */ h2(MI3, [["__scopeId", "data-v-48a06948"]]), bI3 = { class: "pga-section" }, xI3 = {
   key: 0,
   class: "section__title"
 }, zI3 = /* @__PURE__ */ q1({
@@ -145063,7 +145063,7 @@ const kI3 = /* @__PURE__ */ h2(MI3, [["__scopeId", "data-v-7ac7a792"]]), bI3 = {
     ]));
   }
 });
-const CI3 = /* @__PURE__ */ h2(zI3, [["__scopeId", "data-v-87dda4af"]]), _I3 = {
+const CI3 = /* @__PURE__ */ h2(zI3, [["__scopeId", "data-v-0348bbe6"]]), _I3 = {
   key: 0,
   class: "pga-pagination"
 }, wI3 = {
@@ -145162,7 +145162,7 @@ const CI3 = /* @__PURE__ */ h2(zI3, [["__scopeId", "data-v-87dda4af"]]), _I3 = {
     ])) : d1("", !0);
   }
 });
-const QX = /* @__PURE__ */ h2(TI3, [["__scopeId", "data-v-dc860960"]]), EI3 = /* @__PURE__ */ q1({
+const QX = /* @__PURE__ */ h2(TI3, [["__scopeId", "data-v-ff035e9b"]]), EI3 = /* @__PURE__ */ q1({
   __name: "PgaTr",
   props: {
     index: {},
@@ -145235,7 +145235,7 @@ const Zl = /* @__PURE__ */ h2(OI3, [["__scopeId", "data-v-e5d379e6"]]), PI3 = ["
     }));
   }
 });
-const RI3 = /* @__PURE__ */ h2(II3, [["__scopeId", "data-v-4cd6b168"]]), FI3 = { class: "pga-group-title" }, $I3 = /* @__PURE__ */ q1({
+const RI3 = /* @__PURE__ */ h2(II3, [["__scopeId", "data-v-b264e1a5"]]), FI3 = { class: "pga-group-title" }, $I3 = /* @__PURE__ */ q1({
   __name: "PgaGroupTitle",
   props: {
     items: {},
@@ -145256,7 +145256,7 @@ const RI3 = /* @__PURE__ */ h2(II3, [["__scopeId", "data-v-4cd6b168"]]), FI3 = {
     };
   }
 });
-const Kx1 = /* @__PURE__ */ h2($I3, [["__scopeId", "data-v-46ff0d13"]]), BI3 = { class: "pga-th" }, qI3 = { class: "th-content" }, jI3 = /* @__PURE__ */ q1({
+const Kx1 = /* @__PURE__ */ h2($I3, [["__scopeId", "data-v-b8dd0195"]]), BI3 = { class: "pga-th" }, qI3 = { class: "th-content" }, jI3 = /* @__PURE__ */ q1({
   __name: "PgaTh",
   props: {
     title: { default: "" },
@@ -145265,7 +145265,7 @@ const Kx1 = /* @__PURE__ */ h2($I3, [["__scopeId", "data-v-46ff0d13"]]), BI3 = {
   },
   setup(e) {
     return Y3((t) => ({
-      f2947850: t.align
+      "3087a9c2": t.align
     })), (t, a) => (Z(), n1("th", BI3, [
       H1("div", qI3, [
         B1(B3, {
@@ -145277,7 +145277,7 @@ const Kx1 = /* @__PURE__ */ h2($I3, [["__scopeId", "data-v-46ff0d13"]]), BI3 = {
     ]));
   }
 });
-const hp = /* @__PURE__ */ h2(jI3, [["__scopeId", "data-v-b82d376a"]]), UI3 = { class: "sidebar__header" }, WI3 = ["textContent"], YI3 = { class: "sidebar__body" }, GI3 = /* @__PURE__ */ q1({
+const hp = /* @__PURE__ */ h2(jI3, [["__scopeId", "data-v-b61486a9"]]), UI3 = { class: "sidebar__header" }, WI3 = ["textContent"], YI3 = { class: "sidebar__body" }, GI3 = /* @__PURE__ */ q1({
   __name: "PgaFiltersSidebar",
   props: {
     modelValue: { type: Boolean, required: !0 },
@@ -145315,7 +145315,7 @@ const hp = /* @__PURE__ */ h2(jI3, [["__scopeId", "data-v-b82d376a"]]), UI3 = {
     ], 32)) : d1("", !0);
   }
 });
-const ZI3 = /* @__PURE__ */ h2(GI3, [["__scopeId", "data-v-ed3d0d9f"]]), eK = /* @__PURE__ */ q1({
+const ZI3 = /* @__PURE__ */ h2(GI3, [["__scopeId", "data-v-ac29a495"]]), eK = /* @__PURE__ */ q1({
   __name: "PgaActionsButtons",
   props: /* @__PURE__ */ O2({
     item: {},
@@ -145982,7 +145982,7 @@ const eR3 = /* @__PURE__ */ h2(JI3, [["__scopeId", "data-v-8356d178"]]), tR3 = {
     ]));
   }
 });
-const dR3 = /* @__PURE__ */ h2(hR3, [["__scopeId", "data-v-e67689ce"]]), pR3 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const dR3 = /* @__PURE__ */ h2(hR3, [["__scopeId", "data-v-02d87844"]]), pR3 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   PgaBackButton: mu2,
   PgaBadge: Cl2,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "pangea-lib",
   "description": "",
-  "version": "4.0.507",
+  "version": "4.0.508",
   "author": "Gianfranco Raselli",
   "license": "ISC",
   "homepage": "https://github.com/GianfrancoRaselli/pangea-lib#readme",

package/dist/styles/font-sizes.styl

@@ -1,6 +0,0 @@
-$font-size-09 = 0.9rem
-$font-size-1 = 1rem
-$font-size-11 = 1.1rem
-$font-size-12 = 1.2rem
-$font-size-16 = 1.6rem
-$font-size-3 = 3rem