@brighterly/ui-kit 0.1.5 → 0.1.6

package/README.md

@@ -1 +1,30 @@
-# ui-kit
+# ui-kit
+
+**to enable prepush guard**
+run:
+```shell
+chmod +x _tools/git/pre-push
+ln -s ../../_tools/git/pre-push .git/hooks/pre-push
+```
+
+**to download deps:**
+run:
+```bash
+set -a; source .env; set +a
+pnpm i
+```
+
+**to login in npm to enable version patch**
+```bash
+npm login # and then ENTER to login within browser
+npm whoami # to check is everything correct, should log "brighterly"
+```
+
+**to trigger auto-publish with ci**
+to update package version patch|minor|major - (developer must decide what the version should be)
+run:
+**with empty stage changes (any changes that was made can be freely pushed to the repo ci triggers only on tag with v@.@.@ prefix)**
+```bash
+pnpm version patch -m "release: v%s message for the changes"
+git push --follow-tags
+```

package/dist/ui-kit.es.js

@@ -1,28 +1,27 @@
-import { defineComponent as d, openBlock as c, createBlock as h, resolveDynamicComponent as T, withCtx as m, renderSlot as r, computed as p, createElementBlock as s, normalizeClass as o, createVNode as b, unref as y, createElementVNode as C, withModifiers as v, createCommentVNode as f, withDirectives as g, toDisplayString as $, createTextVNode as z } from "vue";
-import { faSquare as S, faCircle as w } from "@fortawesome/pro-regular-svg-icons";
-import { faSquareCheck as q, faXmark as Q, faEllipsisVertical as R, faScrubber as L } from "@fortawesome/pro-solid-svg-icons";
-import { FontAwesomeIcon as _ } from "@fortawesome/vue-fontawesome";
-import { vOnClickOutside as D } from "@vueuse/components";
-const W = /* @__PURE__ */ d({
+import { defineComponent as f, openBlock as a, createBlock as B, resolveDynamicComponent as U, withCtx as y, renderSlot as k, computed as M, createElementBlock as u, normalizeClass as d, createVNode as p, unref as _, createElementVNode as g, withModifiers as G, createCommentVNode as h, watch as V, toRef as Y, readonly as Z, customRef as ee, ref as te, getCurrentScope as ne, onScopeDispose as oe, toValue as C, shallowRef as H, withDirectives as le, toDisplayString as T, createTextVNode as ce } from "vue";
+import { faSquare as ae, faCircle as ie } from "@fortawesome/pro-regular-svg-icons";
+import { faSquareCheck as se, faXmark as de, faEllipsisVertical as ue, faScrubber as re } from "@fortawesome/pro-solid-svg-icons";
+import { FontAwesomeIcon as I } from "@fortawesome/vue-fontawesome";
+const fe = /* @__PURE__ */ f({
   name: "IconContainer",
   __name: "IconContainer",
   props: {
     is: { default: "span" }
   },
-  setup(t) {
-    return (l, n) => (c(), h(T(t.is), { class: "icon-container" }, {
-      default: m(() => [
-        r(l.$slots, "default", {}, void 0, !0)
+  setup(e) {
+    return (t, o) => (a(), B(U(e.is), { class: "icon-container" }, {
+      default: y(() => [
+        k(t.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
     }));
   }
-}), u = (t, l) => {
-  const n = t.__vccOpts || t;
-  for (const [a, e] of l)
-    n[a] = e;
-  return n;
-}, k = /* @__PURE__ */ u(W, [["__scopeId", "data-v-41c12e6f"]]), M = ["disabled"], V = /* @__PURE__ */ d({
+}), m = (e, t) => {
+  const o = e.__vccOpts || e;
+  for (const [l, n] of t)
+    o[l] = n;
+  return o;
+}, $ = /* @__PURE__ */ m(fe, [["__scopeId", "data-v-41c12e6f"]]), me = ["disabled"], be = /* @__PURE__ */ f({
   name: "BtnCheckbox",
   __name: "ButtonCheckbox",
   props: {
@@ -30,54 +29,54 @@ const W = /* @__PURE__ */ d({
     disabled: { type: Boolean, default: !1 }
   },
   emits: ["click"],
-  setup(t, { emit: l }) {
-    const n = t, a = l, e = () => {
-      n.disabled || a("click");
-    }, i = p(() => n.checked ? q : S);
-    return (B, I) => (c(), s("button", {
-      class: o(["btn-checkbox", { checked: t.checked, disabled: t.disabled }]),
-      disabled: t.disabled,
-      onClick: e
+  setup(e, { emit: t }) {
+    const o = e, l = t, n = () => {
+      o.disabled || l("click");
+    }, c = M(() => o.checked ? se : ae);
+    return (s, x) => (a(), u("button", {
+      class: d(["btn-checkbox", { checked: e.checked, disabled: e.disabled }]),
+      disabled: e.disabled,
+      onClick: n
     }, [
-      b(k, { class: "medium" }, {
-        default: m(() => [
-          b(y(_), { icon: i.value }, null, 8, ["icon"])
+      p($, { class: "medium" }, {
+        default: y(() => [
+          p(_(I), { icon: c.value }, null, 8, ["icon"])
         ]),
         _: 1
       })
-    ], 10, M));
+    ], 10, me));
   }
-}), Qt = /* @__PURE__ */ u(V, [["__scopeId", "data-v-df7a5c10"]]), j = ["disabled"], N = /* @__PURE__ */ d({
+}), ht = /* @__PURE__ */ m(be, [["__scopeId", "data-v-df7a5c10"]]), ke = ["disabled"], he = /* @__PURE__ */ f({
   name: "BtnClose",
   __name: "ButtonClose",
   props: {
-    icon: { default: () => Q },
+    icon: { default: () => de },
     disabled: { type: Boolean, default: !1 },
     color: { default: "gray" },
     size: { default: "medium" }
   },
   emits: ["click"],
-  setup(t, { emit: l }) {
-    const n = l, a = () => {
-      n("click");
+  setup(e, { emit: t }) {
+    const o = t, l = () => {
+      o("click");
     };
-    return (e, i) => (c(), s("button", {
+    return (n, c) => (a(), u("button", {
       type: "button",
-      class: o(["ui-btn-close", t.color, t.size]),
-      disabled: t.disabled,
-      onClick: a
+      class: d(["ui-btn-close", e.color, e.size]),
+      disabled: e.disabled,
+      onClick: l
     }, [
-      b(k, {
-        class: o([`ui-btn-close__container container-${t.size}`])
+      p($, {
+        class: d([`ui-btn-close__container container-${e.size}`])
       }, {
-        default: m(() => [
-          b(y(_), { icon: t.icon }, null, 8, ["icon"])
+        default: y(() => [
+          p(_(I), { icon: e.icon }, null, 8, ["icon"])
         ]),
         _: 1
       }, 8, ["class"])
-    ], 10, j));
+    ], 10, ke));
   }
-}), Rt = /* @__PURE__ */ u(N, [["__scopeId", "data-v-e98c30ca"]]), O = { class: "tooltip__box" }, E = ["innerHTML"], K = /* @__PURE__ */ d({
+}), yt = /* @__PURE__ */ m(he, [["__scopeId", "data-v-e98c30ca"]]), ye = { class: "tooltip__box" }, pe = ["innerHTML"], ve = /* @__PURE__ */ f({
   name: "TooltipDefault",
   __name: "TooltipDefault",
   props: {
@@ -85,20 +84,20 @@ const W = /* @__PURE__ */ d({
     size: { default: "default" },
     placement: { default: "left" }
   },
-  setup(t) {
-    return (l, n) => (c(), s("div", {
-      class: o(["tooltip", t.size, t.placement])
+  setup(e) {
+    return (t, o) => (a(), u("div", {
+      class: d(["tooltip", e.size, e.placement])
     }, [
-      C("div", O, [
-        t.text ? (c(), s("span", {
+      g("div", ye, [
+        e.text ? (a(), u("span", {
           key: 0,
           class: "tooltip__text",
-          innerHTML: t.text
-        }, null, 8, E)) : r(l.$slots, "default", { key: 1 }, void 0, !0)
+          innerHTML: e.text
+        }, null, 8, pe)) : k(t.$slots, "default", { key: 1 }, void 0, !0)
       ])
     ], 2));
   }
-}), x = /* @__PURE__ */ u(K, [["__scopeId", "data-v-ca5d60f0"]]), P = ["data-qa", "disabled"], H = /* @__PURE__ */ d({
+}), O = /* @__PURE__ */ m(ve, [["__scopeId", "data-v-ca5d60f0"]]), $e = ["data-qa", "disabled"], Be = /* @__PURE__ */ f({
   name: "BtnIcon",
   __name: "ButtonIcon",
   props: {
@@ -110,35 +109,210 @@ const W = /* @__PURE__ */ d({
     dataQa: { default: null }
   },
   emits: ["click", "click:close"],
-  setup(t, { emit: l }) {
-    const n = l, a = () => {
-      n("click");
-    }, e = (i) => {
-      n("click:close", i);
+  setup(e, { emit: t }) {
+    const o = t, l = () => {
+      o("click");
+    }, n = (c) => {
+      o("click:close", c);
     };
-    return (i, B) => (c(), s("button", {
+    return (c, s) => (a(), u("button", {
       type: "button",
-      class: o(["ui-btn-icon", t.color, t.size, { tooltip: t.tooltip }]),
-      "data-qa": t.dataQa,
-      disabled: t.disabled,
+      class: d(["ui-btn-icon", e.color, e.size, { tooltip: e.tooltip }]),
+      "data-qa": e.dataQa,
+      disabled: e.disabled,
       onClick: [
-        a,
-        v(e, ["stop"])
+        l,
+        G(n, ["stop"])
       ]
     }, [
-      b(k, { is: "span" }, {
-        default: m(() => [
-          b(y(_), { icon: t.icon }, null, 8, ["icon"])
+      p($, { is: "span" }, {
+        default: y(() => [
+          p(_(I), { icon: e.icon }, null, 8, ["icon"])
         ]),
         _: 1
       }),
-      t.tooltip ? (c(), h(x, {
+      e.tooltip ? (a(), B(O, {
         key: 0,
-        text: t.tooltip
-      }, null, 8, ["text"])) : f("", !0)
-    ], 10, P));
+        text: e.tooltip
+      }, null, 8, ["text"])) : h("", !0)
+    ], 10, $e));
   }
-}), Lt = /* @__PURE__ */ u(H, [["__scopeId", "data-v-11788724"]]), A = ["disabled"], F = /* @__PURE__ */ d({
+}), pt = /* @__PURE__ */ m(Be, [["__scopeId", "data-v-11788724"]]);
+function _e(e, t) {
+  return ne() ? (oe(e, t), !0) : !1;
+}
+const Ce = typeof window < "u" && typeof document < "u";
+typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
+const xe = Object.prototype.toString, Te = (e) => xe.call(e) === "[object Object]", z = () => {
+};
+function Ie(...e) {
+  if (e.length !== 1) return Y(...e);
+  const t = e[0];
+  return typeof t == "function" ? Z(ee(() => ({
+    get: t,
+    set: z
+  }))) : te(t);
+}
+function q(e) {
+  return Array.isArray(e) ? e : [e];
+}
+function ge(e, t, o) {
+  return V(e, t, {
+    ...o,
+    immediate: !0
+  });
+}
+const X = Ce ? window : void 0;
+function R(e) {
+  var t;
+  const o = C(e);
+  return (t = o?.$el) !== null && t !== void 0 ? t : o;
+}
+function D(...e) {
+  const t = (l, n, c, s) => (l.addEventListener(n, c, s), () => l.removeEventListener(n, c, s)), o = M(() => {
+    const l = q(C(e[0])).filter((n) => n != null);
+    return l.every((n) => typeof n != "string") ? l : void 0;
+  });
+  return ge(() => {
+    var l, n;
+    return [
+      (l = (n = o.value) === null || n === void 0 ? void 0 : n.map((c) => R(c))) !== null && l !== void 0 ? l : [X].filter((c) => c != null),
+      q(C(o.value ? e[1] : e[0])),
+      q(_(o.value ? e[2] : e[1])),
+      C(o.value ? e[3] : e[2])
+    ];
+  }, ([l, n, c, s], x, b) => {
+    if (!l?.length || !n?.length || !c?.length) return;
+    const E = Te(s) ? { ...s } : s, W = l.flatMap((S) => n.flatMap((L) => c.map((w) => t(S, L, w, E))));
+    b(() => {
+      W.forEach((S) => S());
+    });
+  }, { flush: "post" });
+}
+function K(e, t, o = {}) {
+  const { window: l = X, ignore: n = [], capture: c = !0, detectIframe: s = !1, controls: x = !1 } = o;
+  if (!l) return x ? {
+    stop: z,
+    cancel: z,
+    trigger: z
+  } : z;
+  let b = !0;
+  const E = (i) => C(n).some((r) => {
+    if (typeof r == "string") return Array.from(l.document.querySelectorAll(r)).some((v) => v === i.target || i.composedPath().includes(v));
+    {
+      const v = R(r);
+      return v && (i.target === v || i.composedPath().includes(v));
+    }
+  });
+  function W(i) {
+    const r = C(i);
+    return r && r.$.subTree.shapeFlag === 16;
+  }
+  function S(i, r) {
+    const v = C(i), P = v.$.subTree && v.$.subTree.children;
+    return P == null || !Array.isArray(P) ? !1 : P.some((F) => F.el === r.target || r.composedPath().includes(F.el));
+  }
+  const L = (i) => {
+    const r = R(e);
+    if (i.target != null && !(!(r instanceof Element) && W(e) && S(e, i)) && !(!r || r === i.target || i.composedPath().includes(r))) {
+      if ("detail" in i && i.detail === 0 && (b = !E(i)), !b) {
+        b = !0;
+        return;
+      }
+      t(i);
+    }
+  };
+  let w = !1;
+  const J = [
+    D(l, "click", (i) => {
+      w || (w = !0, setTimeout(() => {
+        w = !1;
+      }, 0), L(i));
+    }, {
+      passive: !0,
+      capture: c
+    }),
+    D(l, "pointerdown", (i) => {
+      const r = R(e);
+      b = !E(i) && !!(r && !i.composedPath().includes(r));
+    }, { passive: !0 }),
+    s && D(l, "blur", (i) => {
+      setTimeout(() => {
+        var r;
+        const v = R(e);
+        ((r = l.document.activeElement) === null || r === void 0 ? void 0 : r.tagName) === "IFRAME" && !v?.contains(l.document.activeElement) && t(i);
+      }, 0);
+    }, { passive: !0 })
+  ].filter(Boolean), N = () => J.forEach((i) => i());
+  return x ? {
+    stop: N,
+    cancel: () => {
+      b = !1;
+    },
+    trigger: (i) => {
+      b = !0, L(i), b = !1;
+    }
+  } : N;
+}
+function j(e) {
+  return typeof Window < "u" && e instanceof Window ? e.document.documentElement : typeof Document < "u" && e instanceof Document ? e.documentElement : e;
+}
+const A = /* @__PURE__ */ new WeakMap();
+function Se(e, t = !1) {
+  const o = H(t);
+  let l = "";
+  V(Ie(e), (s) => {
+    const x = j(C(s));
+    if (x) {
+      const b = x;
+      if (A.get(b) || A.set(b, b.style.overflow), b.style.overflow !== "hidden" && (l = b.style.overflow), b.style.overflow === "hidden") return o.value = !0;
+      if (o.value) return b.style.overflow = "hidden";
+    }
+  }, { immediate: !0 });
+  const n = () => {
+    const s = j(C(e));
+    !s || o.value || (s.style.overflow = "hidden", o.value = !0);
+  }, c = () => {
+    const s = j(C(e));
+    !s || !o.value || (s.style.overflow = l, A.delete(s), o.value = !1);
+  };
+  return _e(c), M({
+    get() {
+      return o.value;
+    },
+    set(s) {
+      s ? n() : c();
+    }
+  });
+}
+const Q = /* @__PURE__ */ new WeakMap(), we = {
+  mounted(e, t) {
+    const o = !t.modifiers.bubble;
+    let l;
+    if (typeof t.value == "function") l = K(e, t.value, { capture: o });
+    else {
+      const [n, c] = t.value;
+      l = K(e, n, Object.assign({ capture: o }, c));
+    }
+    Q.set(e, l);
+  },
+  unmounted(e) {
+    const t = Q.get(e);
+    t && typeof t == "function" ? t() : t?.stop(), Q.delete(e);
+  }
+};
+function ze() {
+  let e = !1;
+  const t = H(!1);
+  return (o, l) => {
+    if (t.value = l.value, e) return;
+    e = !0;
+    const n = Se(o, l.value);
+    V(t, (c) => n.value = c);
+  };
+}
+ze();
+const Re = ["disabled"], Ee = /* @__PURE__ */ f({
   name: "BtnKebab",
   __name: "ButtonKebab",
   props: {
@@ -146,32 +320,32 @@ const W = /* @__PURE__ */ d({
     disabled: { type: Boolean }
   },
   emits: ["click", "click:outside"],
-  setup(t, { emit: l }) {
-    const n = l, a = () => {
-      n("click");
-    }, e = () => {
-      n("click:outside");
+  setup(e, { emit: t }) {
+    const o = t, l = () => {
+      o("click");
+    }, n = () => {
+      o("click:outside");
     };
-    return (i, B) => g((c(), s("button", {
-      class: o(["btn-kebab", t.size]),
+    return (c, s) => le((a(), u("button", {
+      class: d(["btn-kebab", e.size]),
       type: "button",
-      disabled: t.disabled,
-      onClick: a
+      disabled: e.disabled,
+      onClick: l
     }, [
-      b(k, null, {
-        default: m(() => [
-          b(y(_), { icon: y(R) }, null, 8, ["icon"])
+      p($, null, {
+        default: y(() => [
+          p(_(I), { icon: _(ue) }, null, 8, ["icon"])
         ]),
         _: 1
       })
-    ], 10, A)), [
-      [y(D), e]
+    ], 10, Re)), [
+      [_(we), n]
     ]);
   }
-}), Dt = /* @__PURE__ */ u(F, [["__scopeId", "data-v-d98b1fcd"]]), X = ["data-qa", "disabled"], G = {
+}), vt = /* @__PURE__ */ m(Ee, [["__scopeId", "data-v-d98b1fcd"]]), Le = ["data-qa", "disabled"], Me = {
   key: 2,
   class: "ui-btn-primary__text"
-}, J = /* @__PURE__ */ d({
+}, Oe = /* @__PURE__ */ f({
   name: "BtnPrimary",
   __name: "ButtonPrimary",
   props: {
@@ -184,45 +358,45 @@ const W = /* @__PURE__ */ d({
     dataQa: { default: null }
   },
   emits: ["click"],
-  setup(t, { emit: l }) {
-    const n = l, a = () => {
-      n("click");
+  setup(e, { emit: t }) {
+    const o = t, l = () => {
+      o("click");
     };
-    return (e, i) => (c(), s("button", {
+    return (n, c) => (a(), u("button", {
       type: "button",
-      class: o(["ui-btn-primary", t.color, t.size, t.elementWidth, { tooltip: t.tooltip }]),
-      "data-qa": t.dataQa,
-      disabled: t.disabled,
-      onClick: a
+      class: d(["ui-btn-primary", e.color, e.size, e.elementWidth, { tooltip: e.tooltip }]),
+      "data-qa": e.dataQa,
+      disabled: e.disabled,
+      onClick: l
     }, [
-      e.$slots.iconLeft ? (c(), h(k, {
+      n.$slots.iconLeft ? (a(), B($, {
         key: 0,
-        class: o([t.size])
+        class: d([e.size])
       }, {
-        default: m(() => [
-          r(e.$slots, "iconLeft", {}, void 0, !0)
+        default: y(() => [
+          k(n.$slots, "iconLeft", {}, void 0, !0)
         ]),
         _: 3
-      }, 8, ["class"])) : f("", !0),
-      e.$slots.content ? r(e.$slots, "content", { key: 1 }, void 0, !0) : (c(), s("span", G, $(t.text), 1)),
-      e.$slots.iconRight ? (c(), h(k, {
+      }, 8, ["class"])) : h("", !0),
+      n.$slots.content ? k(n.$slots, "content", { key: 1 }, void 0, !0) : (a(), u("span", Me, T(e.text), 1)),
+      n.$slots.iconRight ? (a(), B($, {
         key: 3,
-        class: o([`container-${t.size}`])
+        class: d([`container-${e.size}`])
       }, {
-        default: m(() => [
-          r(e.$slots, "iconRight", {}, void 0, !0)
+        default: y(() => [
+          k(n.$slots, "iconRight", {}, void 0, !0)
         ]),
         _: 3
-      }, 8, ["class"])) : f("", !0),
-      t.tooltip ? (c(), h(x, {
+      }, 8, ["class"])) : h("", !0),
+      e.tooltip ? (a(), B(O, {
         key: 4,
         class: "tooltip-default",
-        text: t.tooltip,
+        text: e.tooltip,
         size: "small"
-      }, null, 8, ["text"])) : f("", !0)
-    ], 10, X));
+      }, null, 8, ["text"])) : h("", !0)
+    ], 10, Le));
   }
-}), Wt = /* @__PURE__ */ u(J, [["__scopeId", "data-v-706d9910"]]), U = ["disabled"], Y = /* @__PURE__ */ d({
+}), $t = /* @__PURE__ */ m(Oe, [["__scopeId", "data-v-706d9910"]]), We = ["disabled"], Pe = /* @__PURE__ */ f({
   name: "BtnRadio",
   __name: "ButtonRadio",
   props: {
@@ -230,24 +404,24 @@ const W = /* @__PURE__ */ d({
     disabled: { type: Boolean, default: !1 }
   },
   emits: ["click"],
-  setup(t, { emit: l }) {
-    const n = t, a = l, e = () => {
-      n.disabled || a("click");
-    }, i = p(() => n.checked ? L : w);
-    return (B, I) => (c(), s("button", {
-      class: o(["btn-radio", { checked: t.checked, disabled: t.disabled }]),
-      disabled: t.disabled,
-      onClick: e
+  setup(e, { emit: t }) {
+    const o = e, l = t, n = () => {
+      o.disabled || l("click");
+    }, c = M(() => o.checked ? re : ie);
+    return (s, x) => (a(), u("button", {
+      class: d(["btn-radio", { checked: e.checked, disabled: e.disabled }]),
+      disabled: e.disabled,
+      onClick: n
     }, [
-      b(k, { class: "medium" }, {
-        default: m(() => [
-          b(y(_), { icon: i.value }, null, 8, ["icon"])
+      p($, { class: "medium" }, {
+        default: y(() => [
+          p(_(I), { icon: c.value }, null, 8, ["icon"])
         ]),
         _: 1
       })
-    ], 10, U));
+    ], 10, We));
   }
-}), Mt = /* @__PURE__ */ u(Y, [["__scopeId", "data-v-23c610f4"]]), Z = ["disabled"], tt = { class: "ui-btn-secondary__text" }, et = /* @__PURE__ */ d({
+}), Bt = /* @__PURE__ */ m(Pe, [["__scopeId", "data-v-23c610f4"]]), qe = ["disabled"], De = { class: "ui-btn-secondary__text" }, je = /* @__PURE__ */ f({
   name: "BtnSecondary",
   __name: "ButtonSecondary",
   props: {
@@ -259,39 +433,39 @@ const W = /* @__PURE__ */ d({
     color: { default: "blue" }
   },
   emits: ["click"],
-  setup(t, { emit: l }) {
-    const n = l, a = () => {
-      n("click");
+  setup(e, { emit: t }) {
+    const o = t, l = () => {
+      o("click");
     };
-    return (e, i) => (c(), s("button", {
+    return (n, c) => (a(), u("button", {
       type: "button",
-      class: o(["ui-btn-secondary", t.size, t.elementWidth, t.color, { disabled: t.disabled }, { selected: t.selected }]),
-      disabled: t.disabled,
-      onClick: a
+      class: d(["ui-btn-secondary", e.size, e.elementWidth, e.color, { disabled: e.disabled }, { selected: e.selected }]),
+      disabled: e.disabled,
+      onClick: l
     }, [
-      e.$slots.iconLeft ? (c(), h(k, {
+      n.$slots.iconLeft ? (a(), B($, {
         key: 0,
-        class: o([`container-${t.size}`])
+        class: d([`container-${e.size}`])
       }, {
-        default: m(() => [
-          r(e.$slots, "iconLeft", {}, void 0, !0)
+        default: y(() => [
+          k(n.$slots, "iconLeft", {}, void 0, !0)
         ]),
         _: 3
-      }, 8, ["class"])) : f("", !0),
-      C("span", tt, $(t.text), 1),
-      e.$slots.iconRight ? (c(), h(k, {
+      }, 8, ["class"])) : h("", !0),
+      g("span", De, T(e.text), 1),
+      n.$slots.iconRight ? (a(), B($, {
         key: 1,
-        class: o([`container-${t.size}`])
+        class: d([`container-${e.size}`])
       }, {
-        default: m(() => [
-          r(e.$slots, "iconRight", {}, void 0, !0)
+        default: y(() => [
+          k(n.$slots, "iconRight", {}, void 0, !0)
         ]),
         _: 3
-      }, 8, ["class"])) : f("", !0),
-      r(e.$slots, "tooltip", {}, void 0, !0)
-    ], 10, Z));
+      }, 8, ["class"])) : h("", !0),
+      k(n.$slots, "tooltip", {}, void 0, !0)
+    ], 10, qe));
   }
-}), Vt = /* @__PURE__ */ u(et, [["__scopeId", "data-v-5945e6cf"]]), nt = ["disabled"], lt = /* @__PURE__ */ d({
+}), _t = /* @__PURE__ */ m(je, [["__scopeId", "data-v-5945e6cf"]]), Ae = ["disabled"], Qe = /* @__PURE__ */ f({
   name: "BtnSecondaryIcon",
   __name: "ButtonSecondaryIcon",
   props: {
@@ -300,25 +474,25 @@ const W = /* @__PURE__ */ d({
     color: { default: "gray" }
   },
   emits: ["click"],
-  setup(t, { emit: l }) {
-    const n = l, a = () => {
-      n("click");
+  setup(e, { emit: t }) {
+    const o = t, l = () => {
+      o("click");
     };
-    return (e, i) => (c(), s("button", {
+    return (n, c) => (a(), u("button", {
       type: "button",
-      class: o(["ui-btn-secondary-icon", t.color]),
-      disabled: t.disabled,
-      onClick: a
+      class: d(["ui-btn-secondary-icon", e.color]),
+      disabled: e.disabled,
+      onClick: l
     }, [
-      b(k, { is: "span" }, {
-        default: m(() => [
-          b(y(_), { icon: t.icon }, null, 8, ["icon"])
+      p($, { is: "span" }, {
+        default: y(() => [
+          p(_(I), { icon: e.icon }, null, 8, ["icon"])
         ]),
         _: 1
       })
-    ], 10, nt));
+    ], 10, Ae));
   }
-}), jt = /* @__PURE__ */ u(lt, [["__scopeId", "data-v-5daf6b95"]]), at = ["disabled"], ct = { class: "btn-simple__text" }, ot = /* @__PURE__ */ d({
+}), Ct = /* @__PURE__ */ m(Qe, [["__scopeId", "data-v-5daf6b95"]]), Ve = ["disabled"], Ne = { class: "btn-simple__text" }, Fe = /* @__PURE__ */ f({
   name: "BtnSimple",
   __name: "ButtonSimple",
   props: {
@@ -326,28 +500,28 @@ const W = /* @__PURE__ */ d({
     disabled: { type: Boolean, default: !1 }
   },
   emits: ["click"],
-  setup(t, { emit: l }) {
-    const n = l, a = () => {
-      n("click");
+  setup(e, { emit: t }) {
+    const o = t, l = () => {
+      o("click");
     };
-    return (e, i) => (c(), s("button", {
+    return (n, c) => (a(), u("button", {
       type: "button",
-      class: o(["btn-simple"]),
-      disabled: t.disabled,
-      onClick: a
+      class: d(["btn-simple"]),
+      disabled: e.disabled,
+      onClick: l
     }, [
-      e.$slots.leftIcon ? r(e.$slots, "leftIcon", { key: 0 }, void 0, !0) : f("", !0),
-      C("span", ct, $(t.text), 1),
-      e.$slots.rightIcon ? r(e.$slots, "rightIcon", { key: 1 }, void 0, !0) : f("", !0)
-    ], 8, at));
+      n.$slots.leftIcon ? k(n.$slots, "leftIcon", { key: 0 }, void 0, !0) : h("", !0),
+      g("span", Ne, T(e.text), 1),
+      n.$slots.rightIcon ? k(n.$slots, "rightIcon", { key: 1 }, void 0, !0) : h("", !0)
+    ], 8, Ve));
   }
-}), Nt = /* @__PURE__ */ u(ot, [["__scopeId", "data-v-0429e610"]]), st = ["disabled"], it = {
+}), xt = /* @__PURE__ */ m(Fe, [["__scopeId", "data-v-0429e610"]]), Ke = ["disabled"], Ge = {
   key: 0,
   class: "btn-switcher__emoji"
-}, dt = {
+}, He = {
   key: 1,
   class: "btn-switcher__label"
-}, ut = /* @__PURE__ */ d({
+}, Xe = /* @__PURE__ */ f({
   name: "BtnSwitcher",
   __name: "ButtonSwitcher",
   props: {
@@ -359,35 +533,35 @@ const W = /* @__PURE__ */ d({
     disabled: { type: Boolean, default: !1 }
   },
   emits: ["click"],
-  setup(t, { emit: l }) {
-    const n = l, a = () => {
-      n("click");
+  setup(e, { emit: t }) {
+    const o = t, l = () => {
+      o("click");
     };
-    return (e, i) => (c(), s("div", {
-      class: o(["content-switcher", { selected: t.selected, disabled: t.disabled }])
+    return (n, c) => (a(), u("div", {
+      class: d(["content-switcher", { selected: e.selected, disabled: e.disabled }])
     }, [
-      C("button", {
+      g("button", {
         type: "button",
-        class: o(["btn-switcher", { selected: t.selected }]),
-        disabled: t.disabled,
-        onClick: a
+        class: d(["btn-switcher", { selected: e.selected }]),
+        disabled: e.disabled,
+        onClick: l
       }, [
-        t.emoji ? (c(), s("span", it, $(t.emoji), 1)) : f("", !0),
-        z(" " + $(t.text) + " ", 1),
-        t.label ? (c(), s("span", dt, $(t.label), 1)) : f("", !0)
-      ], 10, st),
-      t.tooltip ? (c(), h(x, {
+        e.emoji ? (a(), u("span", Ge, T(e.emoji), 1)) : h("", !0),
+        ce(" " + T(e.text) + " ", 1),
+        e.label ? (a(), u("span", He, T(e.label), 1)) : h("", !0)
+      ], 10, Ke),
+      e.tooltip ? (a(), B(O, {
         key: 0,
-        text: t.tooltip,
+        text: e.tooltip,
         placement: "center",
         size: "small"
-      }, null, 8, ["text"])) : f("", !0)
+      }, null, 8, ["text"])) : h("", !0)
     ], 2));
   }
-}), Ot = /* @__PURE__ */ u(ut, [["__scopeId", "data-v-b59270a4"]]), rt = ["disabled"], ft = {
+}), Tt = /* @__PURE__ */ m(Xe, [["__scopeId", "data-v-b59270a4"]]), Je = ["disabled"], Ue = {
   key: 1,
   class: "ui-btn-text__text"
-}, mt = /* @__PURE__ */ d({
+}, Ye = /* @__PURE__ */ f({
   name: "BtnText",
   __name: "ButtonText",
   props: {
@@ -398,38 +572,38 @@ const W = /* @__PURE__ */ d({
     elementWidth: { default: "auto" }
   },
   emits: ["click"],
-  setup(t, { emit: l }) {
-    const n = l, a = () => {
-      n("click");
+  setup(e, { emit: t }) {
+    const o = t, l = () => {
+      o("click");
     };
-    return (e, i) => (c(), s("button", {
+    return (n, c) => (a(), u("button", {
       type: "button",
-      class: o(["ui-btn-text", t.color, t.size, t.elementWidth]),
-      disabled: t.disabled,
-      onClick: a
+      class: d(["ui-btn-text", e.color, e.size, e.elementWidth]),
+      disabled: e.disabled,
+      onClick: l
     }, [
-      e.$slots.iconLeft ? (c(), h(k, {
+      n.$slots.iconLeft ? (a(), B($, {
         key: 0,
-        class: o([`container-${t.size}`])
+        class: d([`container-${e.size}`])
       }, {
-        default: m(() => [
-          r(e.$slots, "iconLeft", {}, void 0, !0)
+        default: y(() => [
+          k(n.$slots, "iconLeft", {}, void 0, !0)
         ]),
         _: 3
-      }, 8, ["class"])) : f("", !0),
-      t.text ? (c(), s("span", ft, $(t.text), 1)) : f("", !0),
-      e.$slots.iconRight ? (c(), h(k, {
+      }, 8, ["class"])) : h("", !0),
+      e.text ? (a(), u("span", Ue, T(e.text), 1)) : h("", !0),
+      n.$slots.iconRight ? (a(), B($, {
         key: 2,
-        class: o([`container-${t.size}`])
+        class: d([`container-${e.size}`])
       }, {
-        default: m(() => [
-          r(e.$slots, "iconRight", {}, void 0, !0)
+        default: y(() => [
+          k(n.$slots, "iconRight", {}, void 0, !0)
         ]),
         _: 3
-      }, 8, ["class"])) : f("", !0)
-    ], 10, rt));
+      }, 8, ["class"])) : h("", !0)
+    ], 10, Je));
   }
-}), Et = /* @__PURE__ */ u(mt, [["__scopeId", "data-v-8f62a933"]]), bt = ["disabled"], kt = /* @__PURE__ */ d({
+}), It = /* @__PURE__ */ m(Ye, [["__scopeId", "data-v-8f62a933"]]), Ze = ["disabled"], et = /* @__PURE__ */ f({
   name: "BtnToggle",
   __name: "ButtonToggle",
   props: {
@@ -437,19 +611,19 @@ const W = /* @__PURE__ */ d({
     disabled: { type: Boolean, default: !1 }
   },
   emits: ["click"],
-  setup(t, { emit: l }) {
-    const n = t, a = l, e = () => {
-      n.disabled || a("click");
+  setup(e, { emit: t }) {
+    const o = e, l = t, n = () => {
+      o.disabled || l("click");
     };
-    return (i, B) => (c(), s("button", {
-      class: o(["btn-toggle", { checked: t.checked, disabled: t.disabled }]),
-      disabled: t.disabled,
-      onClick: e
-    }, [...B[0] || (B[0] = [
-      C("span", { class: "btn-toggle__circle" }, null, -1)
-    ])], 10, bt));
+    return (c, s) => (a(), u("button", {
+      class: d(["btn-toggle", { checked: e.checked, disabled: e.disabled }]),
+      disabled: e.disabled,
+      onClick: n
+    }, [...s[0] || (s[0] = [
+      g("span", { class: "btn-toggle__circle" }, null, -1)
+    ])], 10, Ze));
   }
-}), Kt = /* @__PURE__ */ u(kt, [["__scopeId", "data-v-ee7f505b"]]), ht = ["data-qa", "disabled"], yt = { class: "ui-btn-transparent-icon__wrap" }, Bt = /* @__PURE__ */ d({
+}), gt = /* @__PURE__ */ m(et, [["__scopeId", "data-v-ee7f505b"]]), tt = ["data-qa", "disabled"], nt = { class: "ui-btn-transparent-icon__wrap" }, ot = /* @__PURE__ */ f({
   name: "BtnTransparentIcon",
   __name: "ButtonTransparentIcon",
   props: {
@@ -459,37 +633,37 @@ const W = /* @__PURE__ */ d({
     dataQa: { default: null }
   },
   emits: ["click", "click:close"],
-  setup(t, { emit: l }) {
-    const n = l, a = () => {
-      n("click");
-    }, e = (i) => {
-      n("click:close", i);
+  setup(e, { emit: t }) {
+    const o = t, l = () => {
+      o("click");
+    }, n = (c) => {
+      o("click:close", c);
     };
-    return (i, B) => (c(), s("button", {
+    return (c, s) => (a(), u("button", {
       type: "button",
-      class: o(["ui-btn-transparent-icon", { tooltip: t.tooltip }]),
-      "data-qa": t.dataQa,
-      disabled: t.disabled,
+      class: d(["ui-btn-transparent-icon", { tooltip: e.tooltip }]),
+      "data-qa": e.dataQa,
+      disabled: e.disabled,
       onClick: [
-        a,
-        v(e, ["stop"])
+        l,
+        G(n, ["stop"])
       ]
     }, [
-      C("span", yt, [
-        b(k, { is: "span" }, {
-          default: m(() => [
-            b(y(_), { icon: t.icon }, null, 8, ["icon"])
+      g("span", nt, [
+        p($, { is: "span" }, {
+          default: y(() => [
+            p(_(I), { icon: e.icon }, null, 8, ["icon"])
           ]),
           _: 1
         })
       ]),
-      t.tooltip ? (c(), h(x, {
+      e.tooltip ? (a(), B(O, {
         key: 0,
-        text: t.tooltip
-      }, null, 8, ["text"])) : f("", !0)
-    ], 10, ht));
+        text: e.tooltip
+      }, null, 8, ["text"])) : h("", !0)
+    ], 10, tt));
   }
-}), Pt = /* @__PURE__ */ u(Bt, [["__scopeId", "data-v-19c5f518"]]), $t = ["disabled"], _t = /* @__PURE__ */ d({
+}), St = /* @__PURE__ */ m(ot, [["__scopeId", "data-v-19c5f518"]]), lt = ["disabled"], ct = /* @__PURE__ */ f({
   name: "BtnTextQuaternary",
   __name: "ButtonTextQuaternary",
   props: {
@@ -498,40 +672,40 @@ const W = /* @__PURE__ */ d({
     color: { default: "default" }
   },
   emits: ["click"],
-  setup(t, { emit: l }) {
-    const n = l, a = () => {
-      n("click");
+  setup(e, { emit: t }) {
+    const o = t, l = () => {
+      o("click");
     };
-    return (e, i) => (c(), s("button", {
+    return (n, c) => (a(), u("button", {
       type: "button",
-      class: o(["p-text-quaternary", { underline: t.underline }, t.color]),
-      disabled: t.disabled,
-      onClick: a
+      class: d(["p-text-quaternary", { underline: e.underline }, e.color]),
+      disabled: e.disabled,
+      onClick: l
     }, [
-      r(e.$slots, "default", {}, void 0, !0)
-    ], 10, $t));
+      k(n.$slots, "default", {}, void 0, !0)
+    ], 10, lt));
   }
-}), Ht = /* @__PURE__ */ u(_t, [["__scopeId", "data-v-789ddcd5"]]), Ct = ["disabled"], xt = /* @__PURE__ */ d({
+}), wt = /* @__PURE__ */ m(ct, [["__scopeId", "data-v-789ddcd5"]]), at = ["disabled"], it = /* @__PURE__ */ f({
   name: "BtnTextSecondary",
   __name: "ButtonTextSecondary",
   props: {
     disabled: { type: Boolean, default: !1 }
   },
   emits: ["click"],
-  setup(t, { emit: l }) {
-    const n = l, a = () => {
-      n("click");
+  setup(e, { emit: t }) {
+    const o = t, l = () => {
+      o("click");
     };
-    return (e, i) => (c(), s("button", {
+    return (n, c) => (a(), u("button", {
       type: "button",
       class: "p-text-secondary",
-      disabled: t.disabled,
-      onClick: a
+      disabled: e.disabled,
+      onClick: l
     }, [
-      r(e.$slots, "default", {}, void 0, !0)
-    ], 8, Ct));
+      k(n.$slots, "default", {}, void 0, !0)
+    ], 8, at));
   }
-}), At = /* @__PURE__ */ u(xt, [["__scopeId", "data-v-fbbc4516"]]), pt = ["disabled"], vt = /* @__PURE__ */ d({
+}), zt = /* @__PURE__ */ m(it, [["__scopeId", "data-v-fbbc4516"]]), st = ["disabled"], dt = /* @__PURE__ */ f({
   name: "BtnTextTertiary",
   __name: "ButtonTextTertiary",
   props: {
@@ -540,20 +714,20 @@ const W = /* @__PURE__ */ d({
     color: { default: "default" }
   },
   emits: ["click"],
-  setup(t, { emit: l }) {
-    const n = l, a = () => {
-      n("click");
+  setup(e, { emit: t }) {
+    const o = t, l = () => {
+      o("click");
     };
-    return (e, i) => (c(), s("button", {
+    return (n, c) => (a(), u("button", {
       type: "button",
-      class: o(["p-text-tertiary", { underline: t.underline }, t.color]),
-      disabled: t.disabled,
-      onClick: a
+      class: d(["p-text-tertiary", { underline: e.underline }, e.color]),
+      disabled: e.disabled,
+      onClick: l
     }, [
-      r(e.$slots, "default", {}, void 0, !0)
-    ], 10, pt));
+      k(n.$slots, "default", {}, void 0, !0)
+    ], 10, st));
   }
-}), Ft = /* @__PURE__ */ u(vt, [["__scopeId", "data-v-377f6ccc"]]), It = ["disabled"], Tt = /* @__PURE__ */ d({
+}), Rt = /* @__PURE__ */ m(dt, [["__scopeId", "data-v-377f6ccc"]]), ut = ["disabled"], rt = /* @__PURE__ */ f({
   name: "BtnTextTertiary",
   __name: "ButtonTextTertiaryMedium",
   props: {
@@ -562,38 +736,38 @@ const W = /* @__PURE__ */ d({
     color: { default: "default" }
   },
   emits: ["click"],
-  setup(t, { emit: l }) {
-    const n = l, a = () => {
-      n("click");
+  setup(e, { emit: t }) {
+    const o = t, l = () => {
+      o("click");
     };
-    return (e, i) => (c(), s("button", {
+    return (n, c) => (a(), u("button", {
       type: "button",
-      class: o(["p-text-tertiary-medium", { underline: t.underline }, t.color]),
-      disabled: t.disabled,
-      onClick: a
+      class: d(["p-text-tertiary-medium", { underline: e.underline }, e.color]),
+      disabled: e.disabled,
+      onClick: l
     }, [
-      r(e.$slots, "default", {}, void 0, !0)
-    ], 10, It));
+      k(n.$slots, "default", {}, void 0, !0)
+    ], 10, ut));
   }
-}), Xt = /* @__PURE__ */ u(Tt, [["__scopeId", "data-v-19ac5089"]]);
+}), Et = /* @__PURE__ */ m(rt, [["__scopeId", "data-v-19ac5089"]]);
 export {
-  Qt as ButtonCheckbox,
-  Rt as ButtonClose,
-  Lt as ButtonIcon,
-  Dt as ButtonKebab,
-  Wt as ButtonPrimary,
-  Mt as ButtonRadio,
-  Vt as ButtonSecondary,
-  jt as ButtonSecondaryIcon,
-  Nt as ButtonSimple,
-  Ot as ButtonSwitcher,
-  Et as ButtonText,
-  Ht as ButtonTextQuaternary,
-  At as ButtonTextSecondary,
-  Ft as ButtonTextTertiary,
-  Xt as ButtonTextTertiaryMedium,
-  Kt as ButtonToggle,
-  Pt as ButtonTransparentIcon,
-  k as IconContainer,
-  x as TooltipDefault
+  ht as ButtonCheckbox,
+  yt as ButtonClose,
+  pt as ButtonIcon,
+  vt as ButtonKebab,
+  $t as ButtonPrimary,
+  Bt as ButtonRadio,
+  _t as ButtonSecondary,
+  Ct as ButtonSecondaryIcon,
+  xt as ButtonSimple,
+  Tt as ButtonSwitcher,
+  It as ButtonText,
+  wt as ButtonTextQuaternary,
+  zt as ButtonTextSecondary,
+  Rt as ButtonTextTertiary,
+  Et as ButtonTextTertiaryMedium,
+  gt as ButtonToggle,
+  St as ButtonTransparentIcon,
+  $ as IconContainer,
+  O as TooltipDefault
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@brighterly/ui-kit",
-  "version": "0.1.5",
+  "version": "0.1.6",
   "description": "Official Brighterly ui-kit",
   "type": "module",
   "homepage": "https://gitlab.com/brighterly/libs/ui-kit#readme",
@@ -28,28 +28,27 @@
   "scripts": {
     "build": "vite build && vue-tsc --noEmit"
   },
+  "dependencies": {
+    "@vueuse/components": "^14.1.0",
+    "@vueuse/core": "^14.1.0"
+  },
   "peerDependencies": {
     "@fortawesome/fontawesome-svg-core": "^6.7.2",
     "@fortawesome/pro-regular-svg-icons": "^6.7.2",
     "@fortawesome/pro-solid-svg-icons": "^6.7.2",
     "@fortawesome/vue-fontawesome": "^3.1.3",
-    "@vueuse/components": "^14.1.0",
-    "@vueuse/core": "^14.1.0",
     "vue": "^3.5.0"
   },
   "devDependencies": {
     "@fortawesome/fontawesome-svg-core": "^6.7.2",
-    "@fortawesome/pro-regular-svg-icons": "^7.1.0",
-    "@fortawesome/pro-solid-svg-icons": "^7.1.0",
+    "@fortawesome/pro-regular-svg-icons": "^6.7.2",
+    "@fortawesome/pro-solid-svg-icons": "^6.7.2",
     "@fortawesome/vue-fontawesome": "^3.1.3",
-    "@semantic-release/commit-analyzer": "^13.0.1",
-    "@semantic-release/release-notes-generator": "^14.1.0",
     "@types/node": "^25.0.10",
     "@vitejs/plugin-vue": "^6.0.3",
     "@vueuse/components": "^14.1.0",
     "@vueuse/core": "^14.1.0",
     "sass-embedded": "^1.97.3",
-    "semantic-release": "^25.0.2",
     "typescript": "~5.9.3",
     "vite": "^7.3.1",
     "vite-plugin-dts": "^4.5.4",