@hotelinking/ui 10.43.0 → 10.43.5

package/dist/ui.es.js

@@ -96,7 +96,7 @@ const j = /* @__PURE__ */ M({
 }, ft = { class: "flex items-center h-5" }, ht = ["checked", "value", "disabled"], yt = { class: "ml-3 text-sm" }, vt = { class: "text-gray-500" }, bt = {
   key: 1,
   class: "flex items-center animate-pulse"
-}, He = /* @__PURE__ */ M({
+}, Ue = /* @__PURE__ */ M({
   __name: "uiCheckbox",
   props: {
     check: { type: Boolean, default: !1 },
@@ -185,7 +185,7 @@ function kt(p, i) {
     })
   ]);
 }
-function Ue(p, i) {
+function He(p, i) {
   return s(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -389,7 +389,7 @@ function St(p, i) {
     })
   ]);
 }
-function U(p, i) {
+function H(p, i) {
   return s(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -675,7 +675,7 @@ const Nt = { class: "flex justify-between" }, At = {
 }, qt = {
   key: 1,
   class: "text-[10px] text-gray-500 uppercase justify-self-end"
-}, Ht = ["max", "disabled", "name", "placeholder", "type"], Ut = { class: "absolute inset-y-0 right-0 pr-3 flex items-center pointer-events-none" }, Et = {
+}, Ut = ["max", "disabled", "name", "placeholder", "type"], Ht = { class: "absolute inset-y-0 right-0 pr-3 flex items-center pointer-events-none" }, Et = {
   key: 1,
   class: "animate-pulse"
 }, Zt = {
@@ -751,7 +751,7 @@ const Nt = { class: "flex justify-between" }, At = {
           placeholder: t.placeholder,
           type: t.type,
           onInput: o
-        }, null, 42, Ht), [
+        }, null, 42, Ut), [
           [tt, r.value]
         ]),
         t.rightAddOn ? (s(), n("span", {
@@ -759,7 +759,7 @@ const Nt = { class: "flex justify-between" }, At = {
           onClick: u[2] || (u[2] = (d) => t.$emit("rightAddOnClicked")),
           class: "inline-flex items-center px-3 rounded-r-md border border-l-0 border-gray-300 bg-gray-50 hover:bg-gray-200 text-gray-500 sm:text-sm cursor-pointer"
         }, g(t.rightAddOn), 1)) : b("", !0),
-        e("div", Ut, [
+        e("div", Ht, [
           t.icon ? (s(), _(j, {
             key: 0,
             icon: t.icon,
@@ -774,7 +774,7 @@ const Nt = { class: "flex justify-between" }, At = {
             [D, t.color === "green"]
           ]),
           C(m(j, {
-            icon: c(U),
+            icon: c(H),
             color: "yellow",
             loading: t.loading
           }, null, 8, ["icon", "loading"]), [
@@ -1052,7 +1052,7 @@ const Nt = { class: "flex justify-between" }, At = {
 }), cs = {
   key: 1,
   class: "inline-flex items-center px-3 py-2.5 rounded text-xs font-medium leading-none animate-pulse bg-gray-200"
-}, H = /* @__PURE__ */ M({
+}, U = /* @__PURE__ */ M({
   __name: "uiTag",
   props: {
     color: { default: "primary" },
@@ -1283,7 +1283,7 @@ const Nt = { class: "flex justify-between" }, At = {
               class: "h-8 w-8 text-red-400",
               "aria-hidden": "true"
             })) : b("", !0),
-            r.type === "warning" ? (s(), _(c(U), {
+            r.type === "warning" ? (s(), _(c(H), {
               key: 2,
               class: "h-8 w-8 text-yellow-400",
               "aria-hidden": "true"
@@ -1389,10 +1389,10 @@ const Nt = { class: "flex justify-between" }, At = {
       ])
     ]));
   }
-}), Fs = { class: "flex items-center flex-col sm:flex-row justify-center sm:justify-start" }, Vs = ["src"], Rs = { class: "font-bold text-center sm:text-left" }, qs = { class: "mt-1 text-xs text-center sm:text-left" }, Hs = {
+}), Fs = { class: "flex items-center flex-col sm:flex-row justify-center sm:justify-start" }, Vs = ["src"], Rs = { class: "font-bold text-center sm:text-left" }, qs = { class: "mt-1 text-xs text-center sm:text-left" }, Us = {
   key: 0,
   class: "flex flex-wrap mt-4 justify-center sm:justify-start"
-}, Us = {
+}, Hs = {
   key: 1,
   class: "rounded-lg bg-white shadow p-6 cursor-pointer animate-pulse"
 }, Es = /* @__PURE__ */ M({
@@ -1409,7 +1409,7 @@ const Nt = { class: "flex justify-between" }, At = {
   setup(p, { emit: i }) {
     return (l, a) => {
       var r;
-      return l.loading ? (s(), n("div", Us, a[1] || (a[1] = [
+      return l.loading ? (s(), n("div", Hs, a[1] || (a[1] = [
         Q('<div class="flex items-center flex-col sm:flex-row justify-center sm:justify-start w-full"><div class="w-16 h-16 rounded-full bg-gray-200 flex self-center"></div><div class="w-full ml-4"><div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-full mt-4 sm:mt-0 sm:w-16 mb-2"></div><div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-full sm:w-32"></div></div></div>', 1)
       ]))) : (s(), n("div", {
         key: 0,
@@ -1426,8 +1426,8 @@ const Nt = { class: "flex justify-between" }, At = {
             e("p", qs, g(l.type), 1)
           ])
         ]),
-        l.tags && ((r = l.tags) == null ? void 0 : r.length) > 0 ? (s(), n("div", Hs, [
-          (s(!0), n(k, null, $(l.tags, (o) => (s(), _(H, {
+        l.tags && ((r = l.tags) == null ? void 0 : r.length) > 0 ? (s(), n("div", Us, [
+          (s(!0), n(k, null, $(l.tags, (o) => (s(), _(U, {
             class: "mb-1 mr-1",
             key: o.name,
             color: o.color,
@@ -1558,7 +1558,7 @@ const Nt = { class: "flex justify-between" }, At = {
                             }, null, 512), [
                               [D, o.type === "success"]
                             ]),
-                            C(m(c(U), {
+                            C(m(c(H), {
                               class: "h-6 w-6 text-yellow-600",
                               "aria-hidden": "true"
                             }, null, 512), [
@@ -1654,7 +1654,7 @@ const Nt = { class: "flex justify-between" }, At = {
                     }, null, 512), [
                       [D, r.type === "danger"]
                     ]),
-                    C(m(c(U), {
+                    C(m(c(H), {
                       "aria-hidden": "true",
                       class: "h-6 w-6 text-yellow-400"
                     }, null, 512), [
@@ -1922,14 +1922,14 @@ function Yo(p, i, l, a, r, o) {
 }
 const Io = /* @__PURE__ */ te(zo, [["render", Yo]]), Po = {
   name: "SkeletonTable"
-}, Fo = { class: "px-4 sm:px-6 lg:px-8 animate-pulse" }, Vo = { class: "flow-root" }, Ro = { class: "-mx-4 -my-2 overflow-x-auto sm:-mx-6 lg:-mx-8" }, qo = { class: "inline-block min-w-full py-2 align-middle px-1" }, Ho = { class: "overflow-hidden shadow ring-1 ring-black ring-opacity-5 sm:rounded-lg" }, Uo = { class: "min-w-full divide-y divide-gray-300" }, Eo = { class: "divide-y divide-gray-200 bg-white" };
+}, Fo = { class: "px-4 sm:px-6 lg:px-8 animate-pulse" }, Vo = { class: "flow-root" }, Ro = { class: "-mx-4 -my-2 overflow-x-auto sm:-mx-6 lg:-mx-8" }, qo = { class: "inline-block min-w-full py-2 align-middle px-1" }, Uo = { class: "overflow-hidden shadow ring-1 ring-black ring-opacity-5 sm:rounded-lg" }, Ho = { class: "min-w-full divide-y divide-gray-300" }, Eo = { class: "divide-y divide-gray-200 bg-white" };
 function Zo(p, i, l, a, r, o) {
   return s(), n("div", Fo, [
     e("div", Vo, [
       e("div", Ro, [
         e("div", qo, [
-          e("div", Ho, [
-            e("table", Uo, [
+          e("div", Uo, [
+            e("table", Ho, [
               i[1] || (i[1] = e("thead", { class: "bg-gray-50" }, [
                 e("tr", null, [
                   e("th", {
@@ -2308,7 +2308,7 @@ const oe = /* @__PURE__ */ te(ll, [["render", nl]]), al = {
                       key: K
                     }, [
                       m(oe, {
-                        onClick: (vd) => P(V, A.id, A.name),
+                        onClick: (kd) => P(V, A.id, A.name),
                         class: "border-l border-gray-200 px-6 py-3 text-indigo-600 hover:text-indigo-400 cursor-pointer",
                         price: V,
                         currency: x.currency.symbol,
@@ -2327,7 +2327,7 @@ const oe = /* @__PURE__ */ te(ll, [["render", nl]]), al = {
 }), Ol = { class: "chart-header flex flex-row items-center w-full justify-between" }, Yl = { class: "text-sm font-medium text-gray-500 truncate mr-8" }, Il = {
   key: 0,
   class: "flex items-center gap-x-2 grow"
-}, Pl = { class: "self-center ml-2" }, Fl = { class: "self-center ml-2" }, Vl = { class: "self-center ml-2" }, Rl = { class: "hidden sm:flex items-center" }, ql = { class: "w-1/2 min-w-0 flex-1" }, Hl = ["max"], Ul = { class: "min-w-0 flex-1" }, El = ["max"], Zl = { class: "chart-content relative" }, Jl = /* @__PURE__ */ M({
+}, Pl = { class: "self-center ml-2" }, Fl = { class: "self-center ml-2" }, Vl = { class: "self-center ml-2" }, Rl = { class: "hidden sm:flex items-center" }, ql = { class: "w-1/2 min-w-0 flex-1" }, Ul = ["max"], Hl = { class: "min-w-0 flex-1" }, El = ["max"], Zl = { class: "chart-content relative" }, Jl = /* @__PURE__ */ M({
   __name: "uiChart",
   props: {
     labels: {},
@@ -2422,7 +2422,7 @@ const oe = /* @__PURE__ */ te(ll, [["render", nl]]), al = {
         e("div", Ol, [
           e("div", Yl, g(S.title), 1),
           S.isNps && S.npsLiterals ? (s(), n("div", Il, [
-            m(H, {
+            m(U, {
               size: "small",
               color: "red",
               loading: !1
@@ -2437,7 +2437,7 @@ const oe = /* @__PURE__ */ te(ll, [["render", nl]]), al = {
               ]),
               _: 1
             }),
-            m(H, {
+            m(U, {
               size: "small",
               color: "yellow",
               loading: !1
@@ -2452,7 +2452,7 @@ const oe = /* @__PURE__ */ te(ll, [["render", nl]]), al = {
               ]),
               _: 1
             }),
-            m(H, {
+            m(U, {
               size: "small",
               color: "green",
               loading: !1
@@ -2478,11 +2478,11 @@ const oe = /* @__PURE__ */ te(ll, [["render", nl]]), al = {
                 name: "from",
                 id: "from",
                 class: "text-xs relative block w-full rounded rounded-r-none border-0 bg-transparent py-1.5 text-gray-900 ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:z-10 focus:ring-2 focus:ring-inset focus:ring-indigo-600"
-              }, null, 40, Hl), [
+              }, null, 40, Ul), [
                 [X, c(o).from]
               ])
             ]),
-            e("div", Ul, [
+            e("div", Hl, [
               C(e("input", {
                 type: "datetime-local",
                 "onUpdate:modelValue": B[1] || (B[1] = (P) => c(o).to = P),
@@ -2499,7 +2499,7 @@ const oe = /* @__PURE__ */ te(ll, [["render", nl]]), al = {
               class: "ml-4 cursor-pointer",
               size: "big",
               loading: S.loading,
-              icon: c(Ue),
+              icon: c(He),
               onClick: B[2] || (B[2] = (P) => S.$emit("maximizeChart", S.id))
             }, null, 8, ["loading", "icon"])
           ])
@@ -2522,7 +2522,7 @@ const oe = /* @__PURE__ */ te(ll, [["render", nl]]), al = {
           class: y(["h-[" + S.height + "px]", "w-full flex items-center justify-center flex-col"])
         }, [
           m(j, {
-            icon: c(U),
+            icon: c(H),
             color: "gray",
             loading: !1,
             size: "massive"
@@ -2976,7 +2976,7 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
               key: o
             }, [
               e("p", Pr, g(r.label), 1),
-              (s(!0), n(k, null, $(r.filters, (t, u) => (s(), _(He, {
+              (s(!0), n(k, null, $(r.filters, (t, u) => (s(), _(Ue, {
                 class: "mb-2",
                 value: t.value,
                 loading: t.loading
@@ -2992,7 +2992,7 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
       ]))
     ]));
   }
-}), Rr = { key: 0 }, qr = { class: "ml-16 text-sm font-medium text-gray-500 truncate" }, Hr = { class: "ml-16 flex items-baseline pb-5" }, Ur = { class: "text-2xl font-semibold text-gray-900" }, Er = {
+}), Rr = { key: 0 }, qr = { class: "ml-16 text-sm font-medium text-gray-500 truncate" }, Ur = { class: "ml-16 flex items-baseline pb-5" }, Hr = { class: "text-2xl font-semibold text-gray-900" }, Er = {
   key: 0,
   class: "text-black ml-2 flex items-baseline text-sm font-semibold"
 }, Zr = { class: "absolute bottom-0 inset-x-0 bg-gray-50 px-4 py-4 sm:px-6" }, Jr = { class: "text-sm" }, Wr = { key: 1 }, Gr = { class: "relative bg-white pt-5 px-4 sm:pt-6 sm:px-6 shadow rounded-lg overflow-hidden h-full pb-6" }, Qr = { class: "absolute bg-gray-200 rounded-md p-3 animate-pulse" }, et = /* @__PURE__ */ M({
@@ -3045,8 +3045,8 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
           ], 2),
           e("p", qr, g(l.item.name), 1)
         ]),
-        e("dd", Hr, [
-          e("p", Ur, g(l.item.stat), 1),
+        e("dd", Ur, [
+          e("p", Hr, g(l.item.stat), 1),
           l.item.explanation ? (s(), n("p", Er, g(l.item.explanation), 1)) : b("", !0),
           l.item.changeType ? (s(), n("p", {
             key: 1,
@@ -3137,7 +3137,7 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
           }, [
             e("dt", on, g(a.title), 1),
             a.type === "tags" ? (s(), n("dd", ln, [
-              (s(!0), n(k, null, $(a.tags, (o, t) => (s(), _(H, {
+              (s(!0), n(k, null, $(a.tags, (o, t) => (s(), _(U, {
                 loading: i.loading,
                 key: t,
                 color: o.color,
@@ -3326,7 +3326,7 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
                             c(l).includes(B.id) ? "text-indigo-600" : "text-gray-900"
                           ])
                         }, [
-                          typeof Y == "object" && Y.type === "tag" ? (s(), _(H, {
+                          typeof Y == "object" && Y.type === "tag" ? (s(), _(U, {
                             key: 0,
                             loading: w.loading,
                             color: Y.color
@@ -3413,7 +3413,7 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
 }), Vn = { class: "px-4 py-5 sm:px-6" }, Rn = { class: "text-xl font-bold" }, qn = {
   key: 0,
   class: "px-4 py-5 sm:p-6"
-}, Hn = { class: "flow-root" }, Un = { class: "relative pb-8" }, En = {
+}, Un = { class: "flow-root" }, Hn = { class: "relative pb-8" }, En = {
   key: 0,
   class: "absolute left-4 top-4 -ml-px h-full w-0.5 bg-gray-200",
   "aria-hidden": "true"
@@ -3476,7 +3476,7 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
         e("h1", Rn, g(r.name), 1)
       ]),
       a.items ? (s(), n("div", qn, [
-        e("div", Hn, [
+        e("div", Un, [
           m(st, {
             name: "list",
             tag: "ul",
@@ -3484,7 +3484,7 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
           }, {
             default: v(() => [
               (s(!0), n(k, null, $(a.items, (t, u) => (s(), n("li", { key: u }, [
-                e("div", Un, [
+                e("div", Hn, [
                   u < a.items.length - 1 ? (s(), n("span", En)) : b("", !0),
                   e("div", Zn, [
                     e("div", null, [
@@ -3533,7 +3533,7 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
         ])
       ])) : (s(), n("div", ta, [
         m(j, {
-          icon: c(U),
+          icon: c(H),
           color: "gray",
           loading: !1,
           size: "huge"
@@ -3827,7 +3827,7 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
         ]),
         C(e("div", Oa, [
           m(j, {
-            icon: c(U),
+            icon: c(H),
             color: "gray",
             loading: !1,
             size: "huge"
@@ -3885,7 +3885,7 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
       m(j, {
         class: "mx-auto",
         loading: !1,
-        icon: c(U),
+        icon: c(H),
         size: "massive",
         color: "gray"
       }, null, 8, ["icon"]),
@@ -3913,7 +3913,7 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
       ])
     ]));
   }
-}), Ha = { class: "fixed inset-0 overflow-hidden" }, Ua = { class: "absolute inset-0 overflow-hidden" }, Ea = { class: "pointer-events-none fixed inset-y-0 right-0 flex max-w-full pl-10" }, Za = { class: "flex h-full flex-col overflow-y-scroll bg-white shadow-xl" }, Ja = { class: "bg-indigo-700 px-4 py-6 sm:px-6" }, Wa = { class: "flex items-center justify-between" }, Ga = { class: "ml-3 flex h-7 items-center" }, Qa = { class: "mt-1" }, Ka = { class: "text-sm text-indigo-300" }, Xa = { class: "relative flex-1 px-4 py-6 sm:px-6" }, ei = /* @__PURE__ */ M({
+}), Ua = { class: "fixed inset-0 overflow-hidden" }, Ha = { class: "absolute inset-0 overflow-hidden" }, Ea = { class: "pointer-events-none fixed inset-y-0 right-0 flex max-w-full pl-10" }, Za = { class: "flex h-full flex-col overflow-y-scroll bg-white shadow-xl" }, Ja = { class: "bg-indigo-700 px-4 py-6 sm:px-6" }, Wa = { class: "flex items-center justify-between" }, Ga = { class: "ml-3 flex h-7 items-center" }, Qa = { class: "mt-1" }, Ka = { class: "text-sm text-indigo-300" }, Xa = { class: "relative flex-1 px-4 py-6 sm:px-6" }, ei = /* @__PURE__ */ M({
   __name: "uiRightSidebar",
   props: {
     title: {},
@@ -3934,8 +3934,8 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
         }, {
           default: v(() => [
             a[4] || (a[4] = e("div", { class: "fixed inset-0" }, null, -1)),
-            e("div", Ha, [
-              e("div", Ua, [
+            e("div", Ua, [
+              e("div", Ha, [
                 e("div", Ea, [
                   m(c(G), {
                     as: "template",
@@ -4235,7 +4235,7 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
               class: "ml-4 cursor-pointer",
               size: "big",
               loading: N.loading,
-              icon: c(Ue),
+              icon: c(He),
               onClick: S[2] || (S[2] = (B) => N.$emit("maximizeChart", N.id))
             }, null, 8, ["loading", "icon"])
           ])
@@ -4256,7 +4256,7 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
         ]),
         C(e("div", Bi, [
           m(j, {
-            icon: c(U),
+            icon: c(H),
             color: "gray",
             loading: !1,
             size: "huge"
@@ -4450,7 +4450,7 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
 }), Fi = {
   key: 0,
   class: "col-span-1 flex flex-col divide-y divide-gray-200 rounded-lg bg-white text-center shadow"
-}, Vi = { class: "flex flex-1 flex-col p-8" }, Ri = { class: "text-2xl font-bold text-gray-900" }, qi = { class: "mt-1 flex flex-grow flex-col justify-between" }, Hi = { class: "mt-3 flex flex-wrap gap-x-1 gap-y-1 justify-center" }, Ui = {
+}, Vi = { class: "flex flex-1 flex-col p-8" }, Ri = { class: "text-2xl font-bold text-gray-900" }, qi = { class: "mt-1 flex flex-grow flex-col justify-between" }, Ui = { class: "mt-3 flex flex-wrap gap-x-1 gap-y-1 justify-center" }, Hi = {
   key: 1,
   class: "col-span-1 flex flex-col divide-y divide-gray-200 rounded-lg bg-white text-center shadow"
 }, Ei = { class: "flex flex-1 flex-col p-8" }, Zi = { class: "rounded-md p-3 flex items-center justify-center mx-auto mb-4 bg-gray-200" }, Ji = { class: "mt-1 flex flex-grow flex-col justify-between" }, Wi = { class: "mt-3 flex flex-wrap gap-x-1 gap-y-1 justify-center" }, Gi = /* @__PURE__ */ M({
@@ -4466,7 +4466,7 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
   },
   emits: ["deviceStatusTagClicked", "deviceStatusQtyClicked"],
   setup(p, { emit: i }) {
-    return (l, a) => l.loading ? (s(), n("div", Ui, [
+    return (l, a) => l.loading ? (s(), n("div", Hi, [
       e("div", Ei, [
         e("div", Zi, [
           m(j, {
@@ -4480,7 +4480,7 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
         a[3] || (a[3] = e("div", { class: "h-4 bg-gray-200 rounded-full dark:bg-gray-300 w-1/3 mx-auto" }, null, -1)),
         e("dl", Ji, [
           e("dd", Wi, [
-            (s(!0), n(k, null, $(l.tags, (r, o) => (s(), _(H, {
+            (s(!0), n(k, null, $(l.tags, (r, o) => (s(), _(U, {
               key: o,
               loading: l.loading,
               event: r.event,
@@ -4525,8 +4525,8 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
           ])
         ]),
         e("dl", qi, [
-          e("dd", Hi, [
-            (s(!0), n(k, null, $(l.tags, (r, o) => (s(), _(H, {
+          e("dd", Ui, [
+            (s(!0), n(k, null, $(l.tags, (r, o) => (s(), _(U, {
               key: o,
               loading: !1,
               event: r.event,
@@ -4897,7 +4897,7 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
   uiButton: J,
   uiCard: Es,
   uiChart: Jl,
-  uiCheckbox: He,
+  uiCheckbox: Ue,
   uiCircleChart: Di,
   uiDateRange: zi,
   uiDeviceStatus: Gi,
@@ -4928,27 +4928,35 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
   uiStripedCard: un,
   uiTable: Ln,
   uiTabs: Fn,
-  uiTag: H,
+  uiTag: U,
   uiTaskList: ko,
   uiTextArea: vs,
   uiTimeline: ia,
   uiToggle: ks,
   uiTopbar: ja,
   uiWrapper: md
-}, Symbol.toStringTag, { value: "Module" }));
-function yd(p) {
+}, Symbol.toStringTag, { value: "Module" })), yd = ["primary", "secondary", "light", "green", "yellow", "red"], Dd = ["text", "email", "password", "number", "date", "datetime-local"], vd = ["black", "gray", "white"], jd = [...yd, ...vd], bd = ["small", "medium", "big"], wd = ["bigger", "huge", "massive"], Td = [...bd, ...wd], zd = ["default", "success", "warning", "danger"];
+function xd(p) {
   for (const i in Ne)
     p.component(i, Ne[i]);
 }
-const Cd = { install: yd };
+const Ld = { install: xd };
 export {
-  Cd as default,
+  jd as AllColors,
+  Td as AllSizes,
+  wd as BiggerSizes,
+  yd as Colors,
+  vd as MonoColors,
+  bd as Sizes,
+  zd as Types,
+  Dd as UiInputTypes,
+  Ld as default,
   Ts as uiAlert,
   Ps as uiBreadcrumbs,
   J as uiButton,
   Es as uiCard,
   Jl as uiChart,
-  He as uiCheckbox,
+  Ue as uiCheckbox,
   Di as uiCircleChart,
   zi as uiDateRange,
   Gi as uiDeviceStatus,
@@ -4979,7 +4987,7 @@ export {
   un as uiStripedCard,
   Ln as uiTable,
   Fn as uiTabs,
-  H as uiTag,
+  U as uiTag,
   ko as uiTaskList,
   vs as uiTextArea,
   ia as uiTimeline,

package/package.json

@@ -1,14 +1,12 @@
 {
   "name": "@hotelinking/ui",
   "private": false,
-  "version": "10.43.0",
-  "files": [
-    "dist"
-  ],
+  "version": "10.43.5",
+  "files": ["dist"],
   "module": "./dist/ui.es.js",
   "exports": {
     ".": {
-      "types": "./dist/types/index.d.ts",
+      "types": "./dist/ui.d.ts",
       "import": "./dist/ui.es.js",
       "require": "./dist/ui.cjs"
     },
@@ -16,7 +14,7 @@
   },
   "scripts": {
     "dev": "storybook dev -p 6006",
-    "build": "rimraf dist && vue-tsc && vite build && npm run build:styles",
+    "build": "rimraf dist && vite build && npm run build:styles",
     "build:styles": "postcss src/ui.css -o dist/ui.css",
     "preview": "vite preview",
     "storybook": "storybook dev -p 6006",
@@ -27,8 +25,13 @@
     "docs:dev": "vitepress dev docs",
     "docs:build": "vitepress build docs",
     "docs:preview": "vitepress preview docs",
-    "test": "vitest",
-    "test:coverage": "vitest run --coverage"
+    "test": "vitest --silent --run",
+    "test:coverage": "vitest run --coverage",
+    "prepare": "husky",
+    "lint": "biome check .",
+    "lint:fix": "biome check --apply .",
+    "format": "biome format .",
+    "format:fix": "biome format --write ."
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^3.2.2",
@@ -56,7 +59,10 @@
     "chromatic": "^11.0.7",
     "cssnano": "^7.0.4",
     "dayjs": "^1.11.10",
+    "@biomejs/biome": "1.5.3",
     "happy-dom": "17.1.0",
+    "husky": "^9.0.11",
+    "lint-staged": "^15.2.2",
     "postcss": "^8.4.35",
     "postcss-cli": "^11.0.0",
     "rimraf": "^6.0.0",
@@ -67,12 +73,11 @@
     "tslib": "^2.8.1",
     "typescript": "~5.3.3",
     "vite": "^6.0.3",
-    "vite-plugin-dts": "^4.5.0",
+    "vite-plugin-dts": "^4.5.3",
     "vite-plugin-vue-devtools": "^7.6.2",
     "vitepress": "^1.4.5",
     "vitest": "^3.0.5",
     "vue": "^3.2.47",
-    "vue-tsc": "~1.8.27",
     "vue3-apexcharts": "^1.5.2",
     "vue3-draggable": "^2.0.9"
   },
@@ -92,5 +97,8 @@
   },
   "dependencies": {
     "@storybook/test": "^8.5.3"
+  },
+  "lint-staged": {
+    "*.{js,jsx,ts,tsx,json,vue}": ["biome check --apply"]
   }
 }

package/dist/components/Atoms/uiButton/uiButton.vue.d.ts

@@ -1,14 +0,0 @@
-import { UiButtonInterface } from '../../../types';
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<UiButtonInterface, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<UiButtonInterface> & Readonly<{}>, {
-    loading: boolean;
-    size: "big" | "small" | "medium";
-    color: "primary" | "secondary" | "light" | "green" | "yellow" | "red";
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
-    default?(_: {}): any;
-}>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/components/Atoms/uiCheckbox/uiCheckbox.vue.d.ts

@@ -1,18 +0,0 @@
-import { UiCheckboxInterface } from '../../../types';
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<UiCheckboxInterface, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    checkboxChanged: (checkbox: import('../../../types').UiCheckboxType) => any;
-}, string, import('vue').PublicProps, Readonly<UiCheckboxInterface> & Readonly<{
-    onCheckboxChanged?: ((checkbox: import('../../../types').UiCheckboxType) => any) | undefined;
-}>, {
-    disabled: boolean;
-    loading: boolean;
-    check: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
-    default?(_: {}): any;
-}>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/components/Atoms/uiDropdown/uiDropdown.vue.d.ts

@@ -1,10 +0,0 @@
-import { UiDropdownInterface, UiDropdownItemType } from '../../../types';
-declare const _default: import('vue').DefineComponent<UiDropdownInterface, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    optionSelected: (v: UiDropdownItemType) => any;
-}, string, import('vue').PublicProps, Readonly<UiDropdownInterface> & Readonly<{
-    onOptionSelected?: ((v: UiDropdownItemType) => any) | undefined;
-}>, {
-    position: "left" | "right";
-    loading: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-export default _default;

package/dist/components/Atoms/uiIcon/uiIcon.vue.d.ts

@@ -1,7 +0,0 @@
-import { UiIconInterface } from '../../../types';
-declare const _default: import('vue').DefineComponent<UiIconInterface, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<UiIconInterface> & Readonly<{}>, {
-    loading: boolean;
-    size: "big" | "small" | "medium" | "bigger" | "huge" | "massive";
-    color: "primary" | "secondary" | "light" | "green" | "yellow" | "red" | "black" | "gray" | "white";
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-export default _default;

package/dist/components/Atoms/uiInput/uiInput.vue.d.ts

@@ -1,16 +0,0 @@
-import { UiInputInterface } from '../../../types';
-declare const _default: import('vue').DefineComponent<UiInputInterface, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    inputChanged: (T: import('../../../types').InputType) => any;
-    rightAddOnClicked: () => any;
-    addOnClicked: () => any;
-}, string, import('vue').PublicProps, Readonly<UiInputInterface> & Readonly<{
-    onInputChanged?: ((T: import('../../../types').InputType) => any) | undefined;
-    onRightAddOnClicked?: (() => any) | undefined;
-    onAddOnClicked?: (() => any) | undefined;
-}>, {
-    loading: boolean;
-    type: "number" | "text" | "email" | "password" | "date" | "datetime-local";
-    color: "primary" | "secondary" | "light" | "green" | "yellow" | "red" | "black" | "gray" | "white";
-    placeholder: string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-export default _default;

package/dist/components/Atoms/uiInputFile/uiInputFile.vue.d.ts

@@ -1,10 +0,0 @@
-import { UiInputFileInterface } from '../../../types';
-declare const _default: import('vue').DefineComponent<UiInputFileInterface, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    filesUploaded: (T: import('../../../types').FileInputType) => any;
-}, string, import('vue').PublicProps, Readonly<UiInputFileInterface> & Readonly<{
-    onFilesUploaded?: ((T: import('../../../types').FileInputType) => any) | undefined;
-}>, {
-    loading: boolean;
-    icon: any;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-export default _default;

package/dist/components/Atoms/uiRangeSlider/uiRangeSlider.vue.d.ts

@@ -1,10 +0,0 @@
-import { UiRangeSliderInterface } from '../../../types';
-declare const _default: import('vue').DefineComponent<UiRangeSliderInterface, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    sliderUpdated: (T: any) => any;
-}, string, import('vue').PublicProps, Readonly<UiRangeSliderInterface> & Readonly<{
-    onSliderUpdated?: ((T: any) => any) | undefined;
-}>, {
-    disabled: boolean;
-    loading: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
-export default _default;

package/dist/components/Atoms/uiSelect/uiSelect.vue.d.ts

@@ -1,12 +0,0 @@
-import { SelectItemType, UiSelectInterface } from '../../../types';
-declare const _default: import('vue').DefineComponent<UiSelectInterface, {
-    handleChange: (value: SelectItemType) => void;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    selectChanged: (T: SelectItemType) => any;
-}, string, import('vue').PublicProps, Readonly<UiSelectInterface> & Readonly<{
-    onSelectChanged?: ((T: SelectItemType) => any) | undefined;
-}>, {
-    loading: boolean;
-    color: "primary" | "secondary" | "light" | "green" | "yellow" | "red" | "black" | "gray" | "white";
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-export default _default;