@hotelinking/ui 14.48.7 → 14.48.8

package/dist/ui.es.js

@@ -1,5 +1,5 @@
-import { defineComponent as B, createBlock as p, createElementBlock as n, openBlock as l, resolveDynamicComponent as me, normalizeClass as y, computed as F, createCommentVNode as b, renderSlot as Z, createElementVNode as t, ref as L, watch as W, unref as f, withCtx as h, createVNode as m, toDisplayString as u, createTextVNode as T, Transition as fe, Fragment as $, renderList as S, withDirectives as M, vModelDynamic as jt, vShow as z, withModifiers as je, vModelText as ge, createStaticVNode as re, resolveComponent as _e, vModelCheckbox as Xe, onMounted as Fe, mergeProps as ie, normalizeStyle as Dt, reactive as he, TransitionGroup as Tt, isRef as et, shallowRef as zt } from "vue";
-import { Menu as Le, MenuButton as Oe, MenuItems as Pe, MenuItem as Ne, Combobox as tt, ComboboxLabel as lt, ComboboxInput as at, ComboboxButton as st, ComboboxOptions as nt, ComboboxOption as ot, SwitchGroup as At, Switch as Ft, SwitchLabel as Lt, TransitionRoot as Ie, Dialog as Ve, TransitionChild as ne, DialogPanel as Ye, DialogTitle as it, Disclosure as Ce, DisclosureButton as le, DisclosurePanel as Se, Listbox as Ot, ListboxLabel as Pt, ListboxButton as Nt, ListboxOptions as It, ListboxOption as Vt, Popover as Yt, PopoverButton as qt, PopoverPanel as Rt } from "@headlessui/vue";
+import { defineComponent as B, createBlock as p, createElementBlock as n, openBlock as l, resolveDynamicComponent as me, normalizeClass as y, computed as L, createCommentVNode as b, renderSlot as Z, createElementVNode as t, ref as F, watch as W, unref as f, withCtx as h, createVNode as m, toDisplayString as u, createTextVNode as T, Transition as fe, Fragment as $, renderList as S, withDirectives as M, vModelDynamic as jt, vShow as z, withModifiers as je, vModelText as ge, createStaticVNode as re, resolveComponent as _e, vModelCheckbox as Xe, onMounted as Le, mergeProps as ie, normalizeStyle as Dt, reactive as he, TransitionGroup as Tt, isRef as et, shallowRef as zt } from "vue";
+import { Menu as Fe, MenuButton as Oe, MenuItems as Pe, MenuItem as Ne, Combobox as tt, ComboboxLabel as lt, ComboboxInput as at, ComboboxButton as st, ComboboxOptions as nt, ComboboxOption as ot, SwitchGroup as At, Switch as Lt, SwitchLabel as Ft, TransitionRoot as Ie, Dialog as Ve, TransitionChild as ne, DialogPanel as Ye, DialogTitle as it, Disclosure as Ce, DisclosureButton as le, DisclosurePanel as Se, Listbox as Ot, ListboxLabel as Pt, ListboxButton as Nt, ListboxOptions as It, ListboxOption as Vt, Popover as Yt, PopoverButton as qt, PopoverPanel as Rt } from "@headlessui/vue";
 import q from "dayjs";
 import _t from "@vueform/slider";
 const A = /* @__PURE__ */ B({
@@ -59,10 +59,10 @@ const A = /* @__PURE__ */ B({
       small: "px-2.5 py-1.5 text-xs rounded leading-none",
       medium: "px-4 py-2 text-sm rounded-md",
       big: "px-6 py-3 text-base rounded-md"
-    }, o = F(() => {
+    }, o = L(() => {
       const a = [Ht];
       return g.color && i[g.color] && a.push(i[g.color]), g.size && s[g.size] && a.push(s[g.size]), g.block && a.push("w-full flex items-center justify-center"), a.join(" ");
-    }), r = F(() => [
+    }), r = L(() => [
       "animate-pulse px-4 py-2.5 text-sm rounded-md inline-flex items-center border border-transparent font-medium shadow-sm text-white focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:opacity-25 bg-gray-200"
     ].join(" "));
     return (a, d) => e.loading ? (l(), n("button", {
@@ -111,7 +111,7 @@ const A = /* @__PURE__ */ B({
   },
   emits: ["checkboxChanged"],
   setup(e, { emit: g }) {
-    const i = g, s = e, o = L(s.check), r = () => {
+    const i = g, s = e, o = F(s.check), r = () => {
       s.disabled || (o.value = !o.value, i("checkboxChanged", { checked: o.value, value: s.value }));
     };
     return W(() => s.check, (a) => {
@@ -637,7 +637,7 @@ const cl = {
   },
   emits: ["optionSelected"],
   setup(e, { emit: g }) {
-    const i = g, s = e, o = F(() => {
+    const i = g, s = e, o = L(() => {
       let a = s.items.find((d) => d.active === !0);
       return a ? a.name : s.label;
     }), r = (a) => {
@@ -649,7 +649,7 @@ const cl = {
         "aria-hidden": "true",
         class: "-mr-1 ml-2 h-5 w-5 text-gray-200 dark:text-gray-300"
       })
-    ])) : (l(), p(f(Le), {
+    ])) : (l(), p(f(Fe), {
       key: 0,
       as: "div",
       class: y(["relative text-left", { "opacity-25": e.disabled }])
@@ -756,7 +756,7 @@ const cl = {
   },
   emits: ["inputChanged", "rightAddOnClicked", "addOnClicked"],
   setup(e, { emit: g }) {
-    const i = g, s = e, o = L(s.value);
+    const i = g, s = e, o = F(s.value);
     W(() => s.value, (a) => {
       o.value = a, o.value && i("inputChanged", { name: s.name, value: o.value });
     });
@@ -861,7 +861,7 @@ const cl = {
 }, Bl = {
   key: 1,
   class: "place-self-center text-[10px] uppercase"
-}, Ml = { class: "space-y-1 flex flex-col items-center justify-center" }, jl = { class: "flex text-sm flex-col sm:flex-row text-center" }, Dl = ["for"], Tl = ["id", "name", "accept"], zl = { class: "pl-1" }, Al = { class: "text-xs pb-4" }, Fl = { class: "mt-2 text-xs flex flex-row items-center text-red-600" }, Ll = {
+}, Ml = { class: "space-y-1 flex flex-col items-center justify-center" }, jl = { class: "flex text-sm flex-col sm:flex-row text-center" }, Dl = ["for"], Tl = ["id", "name", "accept"], zl = { class: "pl-1" }, Al = { class: "text-xs pb-4" }, Ll = { class: "mt-2 text-xs flex flex-row items-center text-red-600" }, Fl = {
   key: 1,
   class: "animate-pulse"
 }, Te = /* @__PURE__ */ B({
@@ -881,7 +881,7 @@ const cl = {
   },
   emits: ["filesUploaded"],
   setup(e, { emit: g }) {
-    let i = L("");
+    let i = F("");
     const s = g, o = e, r = (c) => {
       d(c.dataTransfer.files), s("filesUploaded", { id: o.id, files: c.dataTransfer.files });
     }, a = (c) => {
@@ -893,7 +893,7 @@ const cl = {
         v++, i.value += x.name, v >= 1 && v < c.length && (i.value += ", ");
       });
     };
-    return (c, v) => e.loading ? (l(), n("div", Ll, [...v[1] || (v[1] = [
+    return (c, v) => e.loading ? (l(), n("div", Fl, [...v[1] || (v[1] = [
       t("div", { class: "flex justify-center items-center flex-col rounded-md border-2 border-dashed px-6 pt-5 pb-6 border-gray-200" }, [
         t("div", { class: "rounded-full h-20 w-20 bg-gray-200 mb-4" }),
         t("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-full md:w-1/3 mb-3" }),
@@ -950,7 +950,7 @@ const cl = {
           ])
         ])
       ], 34),
-      M(t("p", Fl, [
+      M(t("p", Ll, [
         m(A, {
           icon: f(Be),
           color: "red",
@@ -985,9 +985,9 @@ const cl = {
   },
   emits: ["selectChanged"],
   setup(e, { expose: g, emit: i }) {
-    const s = L(""), o = i, r = e, a = F(() => s.value === "" ? r.items : r.items.filter((x) => x.name.toLowerCase().includes(s.value.toLowerCase()))), d = (x) => x?.name ?? "", c = (x) => {
+    const s = F(""), o = i, r = e, a = L(() => s.value === "" ? r.items : r.items.filter((x) => x.name.toLowerCase().includes(s.value.toLowerCase()))), d = (x) => x?.name ?? "", c = (x) => {
       o("selectChanged", x);
-    }, v = F({
+    }, v = L({
       get: () => r.select,
       set: (x) => {
         c(x);
@@ -1155,8 +1155,11 @@ const Rl = { class: "flex justify-between" }, _l = {
   },
   emits: ["selectChanged"],
   setup(e, { emit: g }) {
-    const i = e, s = g, o = L(""), r = L(i.select), a = F(
-      () => o.value === "" ? i.items : i.items.filter((c) => c.name.toLowerCase().includes(o.value.toLowerCase()))
+    const i = e, s = g, o = F(""), r = F(i.select), a = L(
+      () => o.value === "" ? i.items : i.items.filter((c) => {
+        const v = o.value.toLowerCase();
+        return c.name.toLowerCase().includes(v) || (c.label?.toLowerCase().includes(v) ?? !1);
+      })
     ), d = (c) => {
       o.value = "", s("selectChanged", c);
     };
@@ -1183,15 +1186,21 @@ const Rl = { class: "flex justify-between" }, _l = {
         }, [
           m(f(at), {
             class: y([{
+              // Estilos condicionales basados en props
               "!border-transparent !shadow-none": e.isWrapped,
+              // Sin borde si está envuelto
               "mt-1": e.requiredText || e.label,
+              // Margen superior si hay label o texto requerido
+              // Colores de borde según la prop color
               "border-gray-300": e.color === "gray",
               "border-black": e.color === "black",
               "border-red-600": e.color === "red",
               "border-yellow-400": e.color === "yellow",
               "border-green-600": e.color === "green",
+              // Estilos para estado deshabilitado
               "bg-gray-100 border-gray-300": e.disabled,
               "bg-white": !e.disabled,
+              // Colores de texto según la prop color
               "text-black": e.color === "gray",
               "text-gray-300": e.disabled,
               "text-red-600": e.color === "red",
@@ -1218,8 +1227,7 @@ const Rl = { class: "flex justify-between" }, _l = {
             default: h(() => [
               (l(!0), n($, null, S(a.value, (x) => (l(), p(f(ot), {
                 key: x.id,
-                value: x,
-                as: "template"
+                value: x
               }, {
                 default: h(({ active: k, selected: j }) => [
                   t("li", {
@@ -1247,6 +1255,7 @@ const Rl = { class: "flex justify-between" }, _l = {
         ], 2),
         M(t("p", {
           class: y([{
+            // Colores de texto de error según la prop color
             "text-gray-400": e.color === "gray",
             "text-red-600": e.color === "red",
             "text-yellow-400": e.color === "yellow",
@@ -1329,7 +1338,7 @@ const Rl = { class: "flex justify-between" }, _l = {
   setup(e, { emit: g }) {
     const i = g, s = e, o = (a) => {
       i("inputChanged", a.target.value);
-    }, r = L(s.value);
+    }, r = F(s.value);
     return W(() => s.value, (a) => {
       r.value = a, i("inputChanged", { name: s.name, value: r.value });
     }), (a, d) => e.loading ? (l(), n("div", Gl, [...d[1] || (d[1] = [
@@ -1401,7 +1410,7 @@ const Rl = { class: "flex justify-between" }, _l = {
   },
   emits: ["toggleChanged", "actionClicked"],
   setup(e, { emit: g }) {
-    const i = e, s = L(i.checked);
+    const i = e, s = F(i.checked);
     return W(() => i.checked, (o) => s.value = o), (o, r) => e.loading ? (l(), n("div", ea, [...r[3] || (r[3] = [
       t("div", { class: "relative bg-gray-200 rounded-full w-12 h-6 p-1 flex items-center" }, [
         t("div", { class: "rounded-full bg-gray-300 dark:bg-gray-400 h-4 w-4" })
@@ -1413,7 +1422,7 @@ const Rl = { class: "flex justify-between" }, _l = {
       class: "flex items-center relative"
     }, {
       default: h(() => [
-        m(f(Ft), {
+        m(f(Lt), {
           disabled: e.disabled,
           onClick: r[0] || (r[0] = (a) => o.$emit("toggleChanged", { item: e.item, active: !s.value })),
           modelValue: s.value,
@@ -1436,7 +1445,7 @@ const Rl = { class: "flex justify-between" }, _l = {
           ]),
           _: 1
         }, 8, ["disabled", "modelValue", "class"]),
-        m(f(Lt), {
+        m(f(Ft), {
           as: "span",
           class: "ml-3"
         }, {
@@ -1667,7 +1676,7 @@ const Rl = { class: "flex justify-between" }, _l = {
       r.value.forEach((d) => {
         d.active = d.value === a.value;
       }), i("filterSelected", a);
-    }, r = L(s.items);
+    }, r = F(s.items);
     return (a, d) => (l(), p(Me, {
       class: "text-nowrap",
       loading: e.loading,
@@ -1680,7 +1689,7 @@ const Rl = { class: "flex justify-between" }, _l = {
 }), Ba = { class: "fixed inset-0 z-10 overflow-y-auto" }, Ma = { class: "flex min-h-full items-end justify-center p-4 text-center sm:items-center sm:p-0" }, ja = { class: "absolute top-0 right-0 hidden pt-4 pr-4 sm:block" }, Da = { class: "sm:flex sm:items-start" }, Ta = { class: "mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left w-full break-words" }, za = { class: "mt-4 text-gray-500 text-sm" }, Aa = {
   key: 0,
   class: "mt-8"
-}, Fa = ["onClick"], ht = /* @__PURE__ */ B({
+}, La = ["onClick"], ht = /* @__PURE__ */ B({
   __name: "uiModal",
   props: {
     title: {},
@@ -1807,7 +1816,7 @@ const Rl = { class: "flex justify-between" }, _l = {
                                 type: "button",
                                 class: "inline-flex w-full justify-center rounded-md border border-transparent bg-black px-4 py-2 text-base font-medium text-white shadow-sm hover:bg-lime-400 hover:text-black focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2 mb-2 sm:mb-0 mr-2 sm:w-auto sm:text-sm",
                                 onClick: (v) => o(d.value)
-                              }, u(d.name), 9, Fa))), 128))
+                              }, u(d.name), 9, La))), 128))
                             ])) : b("", !0)
                           ])
                         ])
@@ -1826,7 +1835,7 @@ const Rl = { class: "flex justify-between" }, _l = {
       _: 3
     }, 8, ["show"]));
   }
-}), La = { class: "w-full flex flex-col items-center space-y-4 sm:items-end" }, Oa = {
+}), Fa = { class: "w-full flex flex-col items-center space-y-4 sm:items-end" }, Oa = {
   key: 0,
   class: "max-w-sm w-full bg-white shadow-lg rounded-lg pointer-events-auto ring-1 ring-black ring-opacity-5 overflow-hidden"
 }, Pa = { class: "p-4" }, Na = { class: "flex items-start" }, Ia = { class: "flex-shrink-0 mt-0.5" }, Va = { class: "ml-3 w-0 flex-1 pt-0.5" }, Ya = { class: "font-medium text-gray-900" }, qa = { class: "mt-1 text-sm text-gray-500" }, Ra = { class: "ml-4 flex-shrink-0 flex" }, _a = /* @__PURE__ */ B({
@@ -1840,12 +1849,12 @@ const Rl = { class: "flex justify-between" }, _l = {
   },
   emits: ["closeNotification"],
   setup(e, { emit: g }) {
-    const i = e, s = F(() => i.show);
+    const i = e, s = L(() => i.show);
     return (o, r) => (l(), n("div", {
       "aria-live": "assertive",
       class: y([{ fixed: e.fixed }, "inset-0 flex items-end px-4 py-6 pointer-events-none sm:p-6 sm:items-start z-[9999]"])
     }, [
-      t("div", La, [
+      t("div", Fa, [
         m(fe, {
           "enter-active-class": "transform ease-out duration-300 transition",
           "enter-from-class": "translate-y-2 opacity-0 sm:translate-y-0 sm:translate-x-2",
@@ -2251,8 +2260,8 @@ const Ds = /* @__PURE__ */ ts(js), Ts = {
       };
     }
   }
-}, zs = { class: "text-xs" }, As = { class: "font-bold text-lg" }, Fs = { class: "text-xs font-medium" };
-function Ls(e, g, i, s, o, r) {
+}, zs = { class: "text-xs" }, As = { class: "font-bold text-lg" }, Ls = { class: "text-xs font-medium" };
+function Fs(e, g, i, s, o, r) {
   return l(), n("div", {
     class: y([
       "day select-none text-center",
@@ -2264,10 +2273,10 @@ function Ls(e, g, i, s, o, r) {
   }, [
     t("p", zs, u(r.currentDay.dayName), 1),
     t("p", As, u(r.currentDay.day), 1),
-    t("p", Fs, u(r.currentDay.month), 1)
+    t("p", Ls, u(r.currentDay.month), 1)
   ], 2);
 }
-const Os = /* @__PURE__ */ de(Ts, [["render", Ls]]), Ps = {
+const Os = /* @__PURE__ */ de(Ts, [["render", Fs]]), Ps = {
   name: "dayPrice",
   props: {
     currency: String,
@@ -2370,16 +2379,16 @@ const ve = /* @__PURE__ */ de(Ps, [["render", Vs]]), Ys = {
   },
   emits: ["dateChanged", "changeCategoryBulkPrices", "changeCategorySelectionPrice", "changeCategoryUpgradePrice", "changeRoomPrice", "tableAction"],
   setup(e, { emit: g }) {
-    const i = e, s = g, o = L(/* @__PURE__ */ new Date()), r = L(i.today), a = L([]);
+    const i = e, s = g, o = F(/* @__PURE__ */ new Date()), r = F(i.today), a = F([]);
     W(() => i.today, (_) => {
       r.value = _;
     });
-    const d = F(() => {
+    const d = L(() => {
       let _ = [];
       for (let H = 0; H < 14; H++)
         _.push(q(r.value).add(H, "day"));
       return _;
-    }), c = F(() => a.value.length > 0 && a.value.length < i.rooms.length), v = (_) => {
+    }), c = L(() => a.value.length > 0 && a.value.length < i.rooms.length), v = (_) => {
       q(_).isBefore(o.value) || (r.value = _, s("dateChanged", r.value));
     }, x = (_) => {
       let H = i.category.selectionPrices.find((O) => q(O.date).isSame(_.date));
@@ -2549,8 +2558,8 @@ const ve = /* @__PURE__ */ de(Ps, [["render", Vs]]), Ys = {
   },
   emits: ["updated", "mounted", "dataPointSelection"],
   setup(e) {
-    const g = L(null);
-    return Fe(async () => {
+    const g = F(null);
+    return Le(async () => {
       if (typeof window < "u")
         try {
           const { default: i } = await import("vue3-apexcharts");
@@ -2597,7 +2606,7 @@ const ve = /* @__PURE__ */ de(Ps, [["render", Vs]]), Ys = {
   },
   emits: ["selectedRange", "chartUpdated", "dataPointSelection", "maximizeChart"],
   setup(e, { emit: g }) {
-    const i = g, s = L((/* @__PURE__ */ new Date()).toISOString().slice(0, (/* @__PURE__ */ new Date()).toISOString().lastIndexOf(":"))), o = e;
+    const i = g, s = F((/* @__PURE__ */ new Date()).toISOString().slice(0, (/* @__PURE__ */ new Date()).toISOString().lastIndexOf(":"))), o = e;
     let r = he(o.dates || { from: "", to: s });
     W(() => o.dates, (D) => {
       D && (r = D);
@@ -2660,7 +2669,7 @@ const ve = /* @__PURE__ */ de(Ps, [["render", Vs]]), Ys = {
     }), o.type === "area" && (d.tooltip = { intersect: !1, shared: !0 });
     const c = () => (d.chart.stacked = o.stacked, o.options && (o.options.xaxis.hideOverlappingLabels = !0, o.options.xaxis.decimalsInFloat = 2, o.options.xaxis.tickAmount = 10), { ...d, ...o.options, plotOptions: { bar: { horizontal: o.horizontal } } }), v = () => {
       r.from !== "" && r.to !== "" && q(r.from).isBefore(q(r.to)) && i("selectedRange", { range: r, chartId: o.id });
-    }, x = F(() => o.series), k = F(() => c()), j = () => i("chartUpdated"), Y = (D, V, J) => {
+    }, x = L(() => o.series), k = L(() => c()), j = () => i("chartUpdated"), Y = (D, V, J) => {
       i("dataPointSelection", { id: o.id, chartContext: V, config: J, event: D });
     };
     return (D, V) => (l(), n($, null, [
@@ -2827,7 +2836,7 @@ function zn(e, g, i, s, o, r) {
     ], -1)
   ])]);
 }
-const An = /* @__PURE__ */ de(Dn, [["render", zn]]), Fn = /* @__PURE__ */ B({
+const An = /* @__PURE__ */ de(Dn, [["render", zn]]), Ln = /* @__PURE__ */ B({
   __name: "uiLoadingScreen",
   props: {
     title: {},
@@ -2855,7 +2864,7 @@ const An = /* @__PURE__ */ de(Dn, [["render", zn]]), Fn = /* @__PURE__ */ B({
       ])
     ], 2));
   }
-}), Ln = {
+}), Fn = {
   key: 0,
   class: "py-6 flex items-center justify-between"
 }, On = { class: "flex-1 flex justify-between sm:hidden" }, Pn = {
@@ -2880,11 +2889,11 @@ const An = /* @__PURE__ */ de(Dn, [["render", zn]]), Fn = /* @__PURE__ */ B({
   },
   emits: ["changePage"],
   setup(e, { emit: g }) {
-    const i = g, s = e, o = L(3), r = F(
+    const i = g, s = e, o = F(3), r = L(
       () => Math.max(1, Number(s.current) - Number(o.value))
-    ), a = F(
+    ), a = L(
       () => Math.min(Number(s.current) + Number(o.value), Number(s.total))
-    ), d = F(() => {
+    ), d = L(() => {
       let c = [];
       for (let v = Number(r.value); v <= Number(a.value); v++)
         c.push(v);
@@ -2893,7 +2902,7 @@ const An = /* @__PURE__ */ de(Dn, [["render", zn]]), Fn = /* @__PURE__ */ B({
     return (c, v) => e.loading ? (l(), n("div", Zn, [...v[3] || (v[3] = [
       t("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/5" }, null, -1),
       t("div", { class: "h-10 w-32 bg-gray-200 rounded dark:bg-gray-300" }, null, -1)
-    ])])) : (l(), n("div", Ln, [
+    ])])) : (l(), n("div", Fn, [
       t("div", On, [
         t("a", Pn, [
           Z(c.$slots, "previous")
@@ -2989,7 +2998,7 @@ const An = /* @__PURE__ */ de(Dn, [["render", zn]]), Fn = /* @__PURE__ */ B({
   },
   emits: ["sideBarClick"],
   setup(e, { emit: g }) {
-    const i = e, s = g, o = F(() => i.navigation ? Array.isArray(i.navigation) ? i.navigation : [i.navigation] : []);
+    const i = e, s = g, o = L(() => i.navigation ? Array.isArray(i.navigation) ? i.navigation : [i.navigation] : []);
     return (r, a) => (l(), n("div", Wn, [
       t("div", Gn, [
         t("div", Qn, [
@@ -3102,7 +3111,7 @@ const An = /* @__PURE__ */ de(Dn, [["render", zn]]), Fn = /* @__PURE__ */ B({
   },
   emits: ["productBarClick", "sideBarClick", "inputChanged"],
   setup(e, { emit: g }) {
-    const i = e, s = F(() => i.navigation ? Array.isArray(i.navigation) ? i.navigation : [i.navigation] : []);
+    const i = e, s = L(() => i.navigation ? Array.isArray(i.navigation) ? i.navigation : [i.navigation] : []);
     return (o, r) => (l(), n("div", ro, [
       t("div", co, [
         t("ul", null, [
@@ -3255,7 +3264,7 @@ const An = /* @__PURE__ */ de(Dn, [["render", zn]]), Fn = /* @__PURE__ */ B({
 }), Bo = { key: 0 }, Mo = { class: "ml-16 text-sm font-medium truncate" }, jo = { class: "ml-16 flex items-baseline pb-5" }, Do = { class: "text-2xl font-semibold" }, To = {
   key: 0,
   class: "text-black ml-2 flex items-baseline text-sm font-semibold"
-}, zo = { class: "absolute bottom-0 inset-x-0 bg-lime-50 px-4 py-4 sm:px-6" }, Ao = { class: "text-sm" }, Fo = { key: 1 }, Lo = { class: "relative bg-white pt-5 px-4 sm:pt-6 sm:px-6 shadow rounded-lg overflow-hidden h-full pb-6" }, Oo = { class: "absolute bg-gray-200 rounded-md p-3 animate-pulse" }, vt = /* @__PURE__ */ B({
+}, zo = { class: "absolute bottom-0 inset-x-0 bg-lime-50 px-4 py-4 sm:px-6" }, Ao = { class: "text-sm" }, Lo = { key: 1 }, Fo = { class: "relative bg-white pt-5 px-4 sm:pt-6 sm:px-6 shadow rounded-lg overflow-hidden h-full pb-6" }, Oo = { class: "absolute bg-gray-200 rounded-md p-3 animate-pulse" }, vt = /* @__PURE__ */ B({
   __name: "uiStats",
   props: {
     item: {},
@@ -3263,8 +3272,8 @@ const An = /* @__PURE__ */ de(Dn, [["render", zn]]), Fn = /* @__PURE__ */ B({
   },
   emits: ["statClick"],
   setup(e, { emit: g }) {
-    return (i, s) => e.loading ? (l(), n("div", Fo, [
-      t("div", Lo, [
+    return (i, s) => e.loading ? (l(), n("div", Lo, [
+      t("div", Fo, [
         t("dt", null, [
           t("div", Oo, [
             m(A, {
@@ -3475,16 +3484,16 @@ const An = /* @__PURE__ */ de(Dn, [["render", zn]]), Fn = /* @__PURE__ */ B({
   },
   emits: ["tableAction", "orderBy", "customEmit", "selectedItemsDeleted"],
   setup(e, { emit: g }) {
-    const i = g, s = e, o = L([]), r = L(""), a = L(!1), d = F(() => o.value.length > 0), c = F(() => s.actions?.length > 0), v = F(
+    const i = g, s = e, o = F([]), r = F(""), a = F(!1), d = L(() => o.value.length > 0), c = L(() => s.actions?.length > 0), v = L(
       () => o.value.length === s.items.length && s.items.length > 0
-    ), x = F(
+    ), x = L(
       () => o.value.length > 0 && o.value.length < s.items.length
-    ), k = F(
+    ), k = L(
       () => s.header.filter((C, U) => D(U))
-    ), j = F(() => [
+    ), j = L(() => [
       s.actions ? "px-6 sm:px-8" : "px-3",
       "relative"
-    ]), Y = F(() => [
+    ]), Y = L(() => [
       s.actions?.length > 0 ? "w-2" : "w-0",
       "relative"
     ]), D = (C) => s.hiddenColumns && s.hiddenColumns.length > 0 ? !s.hiddenColumns.includes(C) : !0, V = (C) => o.value.includes(C), J = (C) => r.value === C, _ = (C) => C.filter((U, I) => D(I)), H = (C, U) => {
@@ -3700,10 +3709,10 @@ const An = /* @__PURE__ */ de(Dn, [["render", zn]]), Fn = /* @__PURE__ */ B({
   key: 0,
   class: "absolute left-4 top-4 -ml-px h-full w-0.5 bg-gray-200",
   "aria-hidden": "true"
-}, Mi = { class: "relative flex space-x-3" }, ji = { class: "min-w-0 flex-1 pt-1.5 flex justify-between space-x-4 items-center" }, Di = { class: "text-sm text-gray-500" }, Ti = ["onClick"], zi = { class: "text-right text-sm whitespace-nowrap text-gray-500" }, Ai = ["datetime"], Fi = {
+}, Mi = { class: "relative flex space-x-3" }, ji = { class: "min-w-0 flex-1 pt-1.5 flex justify-between space-x-4 items-center" }, Di = { class: "text-sm text-gray-500" }, Ti = ["onClick"], zi = { class: "text-right text-sm whitespace-nowrap text-gray-500" }, Ai = ["datetime"], Li = {
   key: 1,
   class: "bg-lime-50 px-4 py-4 sm:px-6 z-10"
-}, Li = { class: "text-sm" }, Oi = {
+}, Fi = { class: "text-sm" }, Oi = {
   key: 2,
   class: "h-full w-full flex items-center justify-center flex-col px-4 py-5 sm:p-6"
 }, Pi = {
@@ -3811,8 +3820,8 @@ const An = /* @__PURE__ */ de(Dn, [["render", zn]]), Fn = /* @__PURE__ */ B({
           })
         ])
       ])) : b("", !0),
-      s.items.length > 0 ? (l(), n("div", Fi, [
-        t("div", Li, [
+      s.items.length > 0 ? (l(), n("div", Li, [
+        t("div", Fi, [
           t("a", {
             class: "cursor-pointer font-medium text-black hover:text-lime-400",
             onClick: r[0] || (r[0] = (a) => o.$emit("timelineFooterClicked", e.timeline.id))
@@ -3844,7 +3853,7 @@ const An = /* @__PURE__ */ de(Dn, [["render", zn]]), Fn = /* @__PURE__ */ B({
   },
   emits: ["topBarClick"],
   setup(e, { emit: g }) {
-    const i = e, s = F(() => i.navigation ? Array.isArray(i.navigation) ? i.navigation : [i.navigation] : []);
+    const i = e, s = L(() => i.navigation ? Array.isArray(i.navigation) ? i.navigation : [i.navigation] : []);
     return (o, r) => (l(), p(f(Ce), {
       as: "nav",
       class: "bg-white shadow z-10"
@@ -3883,7 +3892,7 @@ const An = /* @__PURE__ */ de(Dn, [["render", zn]]), Fn = /* @__PURE__ */ B({
             ]),
             t("div", Ji, [
               t("div", Wi, [
-                m(f(Le), {
+                m(f(Fe), {
                   as: "div",
                   class: "ml-3 relative"
                 }, {
@@ -4004,7 +4013,7 @@ const An = /* @__PURE__ */ de(Dn, [["render", zn]]), Fn = /* @__PURE__ */ B({
   emits: ["rangeSelected"],
   setup(e, { emit: g }) {
     const i = g, s = e;
-    let o = F(() => s.range);
+    let o = L(() => s.range);
     const r = (a) => {
       o = a, i("rangeSelected", a);
     };
@@ -4085,7 +4094,7 @@ const An = /* @__PURE__ */ de(Dn, [["render", zn]]), Fn = /* @__PURE__ */ B({
         }
       }
     };
-    const r = F(() => ({ ...s.options, ...o })), a = F(() => s.series), d = () => i("chartUpdated"), c = (v, x, k) => {
+    const r = L(() => ({ ...s.options, ...o })), a = L(() => s.series), d = () => i("chartUpdated"), c = (v, x, k) => {
       i("dataPointSelection", { id: s.id, chartContext: x, config: k, event: v });
     };
     return (v, x) => (l(), n($, null, [
@@ -4201,7 +4210,7 @@ const An = /* @__PURE__ */ de(Dn, [["render", zn]]), Fn = /* @__PURE__ */ B({
       ])
     ]));
   }
-}), Cr = { class: "fixed inset-0 overflow-hidden" }, Sr = { class: "absolute inset-0 overflow-hidden" }, Br = { class: "pointer-events-none fixed inset-y-0 right-0 flex max-w-full pl-10" }, Mr = { class: "flex h-full flex-col overflow-y-scroll bg-white shadow-xl" }, jr = { class: "bg-lime-400 px-4 py-6 sm:px-6" }, Dr = { class: "flex items-center justify-between" }, Tr = { class: "ml-3 flex h-7 items-center" }, zr = { class: "mt-1" }, Ar = { class: "text-sm" }, Fr = { class: "relative flex-1 px-4 py-6 sm:px-6" }, Lr = /* @__PURE__ */ B({
+}), Cr = { class: "fixed inset-0 overflow-hidden" }, Sr = { class: "absolute inset-0 overflow-hidden" }, Br = { class: "pointer-events-none fixed inset-y-0 right-0 flex max-w-full pl-10" }, Mr = { class: "flex h-full flex-col overflow-y-scroll bg-white shadow-xl" }, jr = { class: "bg-lime-400 px-4 py-6 sm:px-6" }, Dr = { class: "flex items-center justify-between" }, Tr = { class: "ml-3 flex h-7 items-center" }, zr = { class: "mt-1" }, Ar = { class: "text-sm" }, Lr = { class: "relative flex-1 px-4 py-6 sm:px-6" }, Fr = /* @__PURE__ */ B({
   __name: "uiRightSidebar",
   props: {
     title: {},
@@ -4265,7 +4274,7 @@ const An = /* @__PURE__ */ de(Dn, [["render", zn]]), Fn = /* @__PURE__ */ B({
                                 t("p", Ar, u(e.description), 1)
                               ])
                             ]),
-                            t("div", Fr, [
+                            t("div", Lr, [
                               Z(i.$slots, "default")
                             ])
                           ])
@@ -4303,7 +4312,7 @@ const An = /* @__PURE__ */ de(Dn, [["render", zn]]), Fn = /* @__PURE__ */ B({
   },
   emits: ["modalAction", "deleteImage", "imgClicked"],
   setup(e, { emit: g }) {
-    const i = g, s = L(!1), o = (r) => {
+    const i = g, s = F(!1), o = (r) => {
       s.value = !1, i("modalAction", r);
     };
     return (r, a) => (l(), n("div", Or, [
@@ -4379,8 +4388,8 @@ const An = /* @__PURE__ */ de(Dn, [["render", zn]]), Fn = /* @__PURE__ */ B({
   __name: "DraggableWrapper",
   emits: ["update:modelValue"],
   setup(e) {
-    const g = L(null);
-    return Fe(async () => {
+    const g = F(null);
+    return Le(async () => {
       if (typeof window < "u")
         try {
           const { default: i } = await import("vue3-draggable");
@@ -4415,7 +4424,7 @@ const An = /* @__PURE__ */ de(Dn, [["render", zn]]), Fn = /* @__PURE__ */ B({
   emits: ["dragAndDropUpdated"],
   setup(e, { emit: g }) {
     const i = g, s = e;
-    let o = L(s.elements);
+    let o = F(s.elements);
     W(() => s.elements, (a) => {
       o.value = a;
     });
@@ -4475,7 +4484,7 @@ const An = /* @__PURE__ */ de(Dn, [["render", zn]]), Fn = /* @__PURE__ */ B({
   },
   emits: ["selectedRange", "chartUpdated", "dataPointSelection", "maximizeChart"],
   setup(e, { emit: g }) {
-    const i = g, s = e, o = L((/* @__PURE__ */ new Date()).toISOString().slice(0, (/* @__PURE__ */ new Date()).toISOString().lastIndexOf(":")));
+    const i = g, s = e, o = F((/* @__PURE__ */ new Date()).toISOString().slice(0, (/* @__PURE__ */ new Date()).toISOString().lastIndexOf(":")));
     let r = he(s.dates || { from: "", to: o });
     W(() => s.dates, (Y) => {
       Y && (r = Y);
@@ -4512,7 +4521,7 @@ const An = /* @__PURE__ */ de(Dn, [["render", zn]]), Fn = /* @__PURE__ */ B({
         }
       }
     };
-    const d = () => ({ ...a, ...s.options }), c = F(() => s.series), v = F(() => d()), x = () => i("chartUpdated"), k = (Y, D, V) => {
+    const d = () => ({ ...a, ...s.options }), c = L(() => s.series), v = L(() => d()), x = () => i("chartUpdated"), k = (Y, D, V) => {
       i("dataPointSelection", { id: s.id, chartContext: D, config: V, event: Y });
     }, j = () => {
       r.from !== "" && r.to !== "" && q(r.from).isBefore(q(r.to)) && i("selectedRange", { range: r, chartId: s.id });
@@ -4639,7 +4648,7 @@ const An = /* @__PURE__ */ de(Dn, [["render", zn]]), Fn = /* @__PURE__ */ B({
   },
   emits: ["uiDateRangeButtonClicked"],
   setup(e, { emit: g }) {
-    const i = e, s = L((/* @__PURE__ */ new Date()).toISOString().slice(0, (/* @__PURE__ */ new Date()).toISOString().lastIndexOf(":")));
+    const i = e, s = F((/* @__PURE__ */ new Date()).toISOString().slice(0, (/* @__PURE__ */ new Date()).toISOString().lastIndexOf(":")));
     let o = he(i.values || { from: "", to: s });
     const r = g;
     W(() => i.values, (d) => {
@@ -4728,7 +4737,7 @@ const An = /* @__PURE__ */ de(Dn, [["render", zn]]), Fn = /* @__PURE__ */ B({
   },
   emits: ["sliderUpdated"],
   setup(e, { emit: g }) {
-    const i = g, o = L(e.sliderValue);
+    const i = g, o = F(e.sliderValue);
     return (r, a) => (l(), n("div", null, [
       t("div", hd, [
         e.label ? (l(), n("label", yd, u(e.label), 1)) : b("", !0),
@@ -4862,7 +4871,7 @@ const An = /* @__PURE__ */ de(Dn, [["render", zn]]), Fn = /* @__PURE__ */ B({
       ])
     ]));
   }
-}), Fd = { class: "fixed inset-0 flex" }, Ld = { class: "absolute left-full top-0 flex w-16 justify-center pt-5" }, Od = { class: "hidden lg:fixed lg:inset-y-0 lg:z-50 lg:flex lg:w-[25rem] lg:flex-col" }, Pd = { class: "lg:pl-[25rem]" }, Nd = { class: "sticky top-0 z-10 flex h-16 shrink-0 items-center gap-x-4 border-b border-gray-200 bg-white px-4 shadow-sm sm:gap-x-6 sm:px-6 lg:px-8" }, Id = { class: "flex flex-1 gap-x-4 self-stretch lg:gap-x-6" }, Vd = { class: "flex items-center gap-x-4 lg:gap-x-6" }, Yd = { class: "redCircle flex items-center justify-center h-4 w-4 bg-red-500 rounded-full absolute top-1 left-2" }, qd = ["src"], Rd = { class: "hidden lg:flex lg:items-center" }, _d = ["onClick"], Ud = { class: "py-7" }, Hd = { class: "px-7 lg:px-10" }, Ed = /* @__PURE__ */ B({
+}), Ld = { class: "fixed inset-0 flex" }, Fd = { class: "absolute left-full top-0 flex w-16 justify-center pt-5" }, Od = { class: "hidden lg:fixed lg:inset-y-0 lg:z-50 lg:flex lg:w-[25rem] lg:flex-col" }, Pd = { class: "lg:pl-[25rem]" }, Nd = { class: "sticky top-0 z-10 flex h-16 shrink-0 items-center gap-x-4 border-b border-gray-200 bg-white px-4 shadow-sm sm:gap-x-6 sm:px-6 lg:px-8" }, Id = { class: "flex flex-1 gap-x-4 self-stretch lg:gap-x-6" }, Vd = { class: "flex items-center gap-x-4 lg:gap-x-6" }, Yd = { class: "redCircle flex items-center justify-center h-4 w-4 bg-red-500 rounded-full absolute top-1 left-2" }, qd = ["src"], Rd = { class: "hidden lg:flex lg:items-center" }, _d = ["onClick"], Ud = { class: "py-7" }, Hd = { class: "px-7 lg:px-10" }, Ed = /* @__PURE__ */ B({
   __name: "uiWrapper",
   props: {
     topbar: {},
@@ -4871,7 +4880,7 @@ const An = /* @__PURE__ */ de(Dn, [["render", zn]]), Fn = /* @__PURE__ */ B({
   },
   emits: ["productBarClick", "sideBarClick", "selectChanged", "topBarClick", "checkboxChanged", "inputChanged", "sidebarToggle", "bellClick"],
   setup(e, { emit: g }) {
-    const i = e, s = g, o = L(i.sidebarOpen), r = () => {
+    const i = e, s = g, o = F(i.sidebarOpen), r = () => {
       o.value = !o.value, s("sidebarToggle", o.value);
     };
     return (a, d) => (l(), n("div", null, [
@@ -4899,7 +4908,7 @@ const An = /* @__PURE__ */ de(Dn, [["render", zn]]), Fn = /* @__PURE__ */ B({
                 ])]),
                 _: 1
               }),
-              t("div", Fd, [
+              t("div", Ld, [
                 m(f(ne), {
                   as: "template",
                   enter: "transition ease-in-out duration-300 transform",
@@ -4922,7 +4931,7 @@ const An = /* @__PURE__ */ de(Dn, [["render", zn]]), Fn = /* @__PURE__ */ B({
                           "leave-to": "opacity-0"
                         }, {
                           default: h(() => [
-                            t("div", Ld, [
+                            t("div", Fd, [
                               t("button", {
                                 type: "button",
                                 class: "-m-2.5 p-2.5",
@@ -5023,7 +5032,7 @@ const An = /* @__PURE__ */ de(Dn, [["render", zn]]), Fn = /* @__PURE__ */ B({
                 class: "hidden lg:block lg:h-6 lg:w-px lg:bg-gray-200",
                 "aria-hidden": "true"
               }, null, -1)),
-              m(f(Le), {
+              m(f(Fe), {
                 as: "div",
                 class: "relative"
               }, {
@@ -5097,8 +5106,8 @@ const An = /* @__PURE__ */ de(Dn, [["render", zn]]), Fn = /* @__PURE__ */ B({
   setup(e, { emit: g }) {
     const i = e, s = g, o = (c) => {
       s("statClick", c);
-    }, r = () => i.dynamicStats.length <= 5 ? `lg:grid-cols-${i.dynamicStats.length}` : `lg:grid-cols-${Math.floor(i.dynamicStats.length / 2)} xl:grid-cols-${i.dynamicStats.length}`, a = L(0), d = L(r());
-    return Fe(() => a.value += 1), (c, v) => (l(), n("div", {
+    }, r = () => i.dynamicStats.length <= 5 ? `lg:grid-cols-${i.dynamicStats.length}` : `lg:grid-cols-${Math.floor(i.dynamicStats.length / 2)} xl:grid-cols-${i.dynamicStats.length}`, a = F(0), d = F(r());
+    return Le(() => a.value += 1), (c, v) => (l(), n("div", {
       class: y([d.value, "grid grid-cols-1 md:grid-cols-2 gap-4"]),
       key: a.value
     }, [
@@ -5136,7 +5145,7 @@ const An = /* @__PURE__ */ de(Dn, [["render", zn]]), Fn = /* @__PURE__ */ B({
   emits: ["selectChanged"],
   setup(e, { emit: g }) {
     const i = g, s = e;
-    let o = L(Array.isArray(s.select) ? s.select : s.select ? [s.select] : []);
+    let o = F(Array.isArray(s.select) ? s.select : s.select ? [s.select] : []);
     const r = (d) => {
       i("selectChanged", d);
     };
@@ -5298,7 +5307,7 @@ const An = /* @__PURE__ */ de(Dn, [["render", zn]]), Fn = /* @__PURE__ */ B({
   },
   emits: ["smartFilterSelected", "smartInputChanged", "smartSelectChanged", "smartOptionSelected", "rightAddOnClicked"],
   setup(e, { emit: g }) {
-    const i = e, s = g, o = zt(X), r = L(i.items[0].props), a = (d) => {
+    const i = e, s = g, o = zt(X), r = F(i.items[0].props), a = (d) => {
       switch (d.type) {
         case "uiInput":
           o.value = X, s("smartFilterSelected", d.value);
@@ -5357,7 +5366,7 @@ const Qe = /* @__PURE__ */ de(ac, [["render", nc]]), oc = { class: "flex flex-co
   },
   emits: ["smartFilterMultipleSent", "smartFilterSelected", "smartInputChanged", "smartSelectChanged", "smartOptionSelected", "rightAddOnClicked"],
   setup(e, { emit: g }) {
-    const i = e, s = g, o = L([JSON.parse(JSON.stringify(i))]), r = L([{ name: i.items[0].name, value: null }]), a = () => {
+    const i = e, s = g, o = F([JSON.parse(JSON.stringify(i))]), r = F([{ name: i.items[0].name, value: null }]), a = () => {
       o.value.push(JSON.parse(JSON.stringify(i))), r.value.push({ name: i.items[0].name, value: null });
     }, d = () => {
       r.value.pop(), o.value.pop();
@@ -5478,7 +5487,7 @@ const Qe = /* @__PURE__ */ de(ac, [["render", nc]]), oc = { class: "flex flex-co
   },
   emits: ["smartFiltersSent", "smartFiltersCleared", "smartFilterDeleted"],
   setup(e, { emit: g }) {
-    const i = e, s = g, o = L({ id: "1", name: i.literals.and }), r = he([]), a = L(i.availableCategories[0] || {}), d = (w) => w ? w === "uiInput" ? i.literals.contains : i.literals.is : "", c = (w) => {
+    const i = e, s = g, o = F({ id: "1", name: i.literals.and }), r = he([]), a = F(i.availableCategories[0] || {}), d = (w) => w ? w === "uiInput" ? i.literals.contains : i.literals.is : "", c = (w) => {
       r.splice(0, r.length), w.logicOperator === "and" || w.logicOperator === i.literals.and ? o.value = { id: "1", name: i.literals.and } : (w.logicOperator === "or" || w.logicOperator === i.literals.or) && (o.value = { id: "2", name: i.literals.or }), w.filters.forEach((P) => {
         const R = i.availableCategories.find((N) => N.name === P.name);
         if (R) {
@@ -5505,18 +5514,18 @@ const Qe = /* @__PURE__ */ de(ac, [["render", nc]]), oc = { class: "flex flex-co
     }, { deep: !0, immediate: !0 }), W(() => i.filters, (w) => {
       w && c(w);
     }, { deep: !0, immediate: !0 });
-    const v = F(() => [
+    const v = L(() => [
       { id: "1", name: i.literals.and },
       { id: "2", name: i.literals.or }
-    ]), x = F(() => i.availableCategories.map((w) => ({
+    ]), x = L(() => i.availableCategories.map((w) => ({
       id: w.name,
       name: w.name,
       label: w.label
-    }))), k = F(() => ({
+    }))), k = L(() => ({
       id: a.value.name,
       label: a.value.label,
       name: a.value.name
-    })), j = F(() => r.map((w) => w.type === "uiInput" ? {
+    })), j = L(() => r.map((w) => w.type === "uiInput" ? {
       name: w.label,
       operator: i.literals.contains,
       value: w.props.value || ""
@@ -5726,7 +5735,7 @@ const Qe = /* @__PURE__ */ de(ac, [["render", nc]]), oc = { class: "flex flex-co
   },
   emits: ["compareButtonClicked", "filesUploaded", "checkboxChanged", "generateNewFile"],
   setup(e, { emit: g }) {
-    const i = e, s = g, o = F(() => i.toCompare && Object.keys(i.toCompare).length > 0 && i.toCompare.constructor === Object), r = F(() => o.value ? Object.entries(i.toCompare).map(([v, x]) => ({
+    const i = e, s = g, o = L(() => i.toCompare && Object.keys(i.toCompare).length > 0 && i.toCompare.constructor === Object), r = L(() => o.value ? Object.entries(i.toCompare).map(([v, x]) => ({
       name: v,
       commands: x
     })) : []), a = (v, x, k, j) => {
@@ -5896,14 +5905,14 @@ const Qe = /* @__PURE__ */ de(ac, [["render", nc]]), oc = { class: "flex flex-co
   uiIcon: A,
   uiInput: X,
   uiInputFile: Te,
-  uiLoadingScreen: Fn,
+  uiLoadingScreen: Ln,
   uiModal: ht,
   uiNoResults: bt,
   uiNotification: _a,
   uiPagination: Jn,
   uiPriceCalendar: hn,
   uiRangeSlider: xd,
-  uiRightSidebar: Lr,
+  uiRightSidebar: Fr,
   uiSectionTitle: wd,
   uiSelect: Vl,
   uiSelectMultiple: xt,
@@ -5938,7 +5947,7 @@ const Qe = /* @__PURE__ */ de(ac, [["render", nc]]), oc = { class: "flex flex-co
   "number",
   "date",
   "datetime-local"
-], Ac = ["black", "gray", "white"], Rc = [...zc, ...Ac], Fc = ["small", "medium", "big"], Lc = ["bigger", "huge", "massive"], _c = [...Fc, ...Lc], Uc = ["default", "success", "warning", "danger"];
+], Ac = ["black", "gray", "white"], Rc = [...zc, ...Ac], Lc = ["small", "medium", "big"], Fc = ["bigger", "huge", "massive"], _c = [...Lc, ...Fc], Uc = ["default", "success", "warning", "danger"];
 function Oc(e) {
   for (const g in Ke)
     e.component(g, Ke[g]);
@@ -5947,10 +5956,10 @@ const Hc = { install: Oc };
 export {
   Rc as AllColors,
   _c as AllSizes,
-  Lc as BiggerSizes,
+  Fc as BiggerSizes,
   zc as Colors,
   Ac as MonoColors,
-  Fc as Sizes,
+  Lc as Sizes,
   Uc as Types,
   qc as UiInputTypes,
   Hc as default,
@@ -5974,14 +5983,14 @@ export {
   A as uiIcon,
   X as uiInput,
   Te as uiInputFile,
-  Fn as uiLoadingScreen,
+  Ln as uiLoadingScreen,
   ht as uiModal,
   bt as uiNoResults,
   _a as uiNotification,
   Jn as uiPagination,
   hn as uiPriceCalendar,
   xd as uiRangeSlider,
-  Lr as uiRightSidebar,
+  Fr as uiRightSidebar,
   wd as uiSectionTitle,
   Vl as uiSelect,
   xt as uiSelectMultiple,