@wikicasa-dev/components 2.1.3 → 2.1.4-alpha.10

package/dist/packages/components/lib/UIKit/Tab/BaseTabView.vue.js

@@ -1,10 +1,10 @@
-import { defineComponent as S, mergeModels as C, useModel as z, ref as b, useId as j, useSlots as q, computed as G, provide as v, watch as k, createElementBlock as p, openBlock as l, normalizeClass as I, createElementVNode as H, createBlock as d, createCommentVNode as o, unref as f, toDisplayString as J, Fragment as g, renderList as K, withCtx as O, resolveDynamicComponent as Q } from "vue";
+import { defineComponent as S, mergeModels as T, useModel as z, ref as b, useId as j, useSlots as q, computed as G, provide as p, watch as k, createElementBlock as v, openBlock as i, normalizeClass as I, createElementVNode as H, createBlock as o, createCommentVNode as c, unref as f, toDisplayString as J, Fragment as g, renderList as K, withCtx as O, resolveDynamicComponent as Q } from "vue";
 import R from "./BaseTabPanel.vue.js";
 import P from "./BaseTabList.vue.js";
 const U = ["data-cy"], W = ["id"], te = /* @__PURE__ */ S({
   inheritAttrs: !1,
   __name: "BaseTabView",
-  props: /* @__PURE__ */ C({
+  props: /* @__PURE__ */ T({
     tabsPosition: { default: "top" },
     tabViewDescription: {},
     tabListClasses: {},
@@ -13,36 +13,36 @@ const U = ["data-cy"], W = ["id"], te = /* @__PURE__ */ S({
     activeIdx: { default: 0 },
     activeIdxModifiers: {}
   }),
-  emits: /* @__PURE__ */ C(["tabClicked"], ["update:activeIdx"]),
-  setup(_, { emit: x }) {
-    const B = x, i = z(_, "activeIdx"), $ = b(""), u = b(null), A = b(null), r = j(), m = q(), c = (e) => e.props ?? null, h = (e) => e.type.__name === "BaseTab", y = (e, a) => ({
+  emits: /* @__PURE__ */ T(["tabClicked"], ["update:activeIdx"]),
+  setup($, { emit: B }) {
+    const A = B, l = z($, "activeIdx"), _ = b(""), u = b(null), F = b(null), r = j(), m = q(), d = (e) => e.props ?? null, y = (e) => e.type.__name === "BaseTab", h = (e, a) => ({
       renderFn: e,
-      tabId: T(a),
-      "active-tab-panel-idx": c(e)?.["active-tab-panel-idx"] ?? a,
-      "header-title": c(e)?.["header-title"] || "",
-      class: c(e)?.class || "",
-      "tab-panel-classes": c(e)?.["tab-panel-classes"] || "",
-      "data-cy": c(e)?.["data-cy"] || ""
+      tabId: C(a),
+      "active-tab-panel-idx": d(e)?.["active-tab-panel-idx"] ?? a,
+      "header-title": d(e)?.["header-title"] || "",
+      class: d(e)?.class || "",
+      "tab-panel-classes": d(e)?.["tab-panel-classes"] || "",
+      "data-cy": d(e)?.["data-cy"] || ""
     }), n = G(() => m.default ? m.default().reduce((e, a) => (a.children && Array.isArray(a.children) ? a.children.forEach((t) => {
-      h(t) && e.push(y(t, e.length));
-    }) : h(a) && e.push(y(a, e.length)), e), []) : []);
-    v("tabs", n), v("isTabActive", (e) => i.value === e);
-    const F = (e = -1) => u.value === e, T = (e) => `base-tab-${e}-${r}`, V = (e = -1) => `base-tab-panel-${e}-${r}`, w = (e = -1) => {
+      y(t) && e.push(h(t, e.length));
+    }) : y(a) && e.push(h(a, e.length)), e), []) : []);
+    p("tabs", n), p("isTabActive", (e) => l.value === e);
+    const V = (e = -1) => u.value === e, C = (e) => `base-tab-${e}-${r}`, w = (e = -1) => `base-tab-panel-${e}-${r}`, x = (e = -1) => {
       const a = n.value.reduce(
         (t, s, N) => (s["active-tab-panel-idx"] !== e || t.push({ tab: s, idx: N }), t),
         []
       );
-      return a && a.length === 1 ? a[0].tab.tabId : a.find((t) => t.idx === i.value)?.tab.tabId;
+      return a && a.length === 1 ? a[0].tab.tabId : a.find((t) => t.idx === l.value)?.tab.tabId;
     }, D = (e) => {
-      $.value = T(e);
+      _.value = C(e);
     }, L = (e) => {
       const a = n.value.at(e ?? -1);
       u.value = a?.["active-tab-panel-idx"] ?? null;
     };
-    v("handleClick", (e, a) => {
-      D(e), i.value = e, B("tabClicked", { tabIdx: e, tabElement: a });
+    p("handleClick", (e, a) => {
+      D(e), l.value = e, A("tabClicked", { tabIdx: e, tabElement: a });
     }), k(
-      i,
+      l,
       (e) => {
         L(e ?? -1);
       },
@@ -61,11 +61,11 @@ const U = ["data-cy"], W = ["id"], te = /* @__PURE__ */ S({
         const t = E(e, a);
         if (t === null) return;
         const s = n.value[t]["active-tab-panel-idx"];
-        i.value !== t || s === void 0 || (u.value = s);
+        l.value !== t || s === void 0 || (u.value = s);
       }
-    ), (e, a) => (l(), p("div", {
+    ), (e, a) => (i(), v("div", {
       ref_key: "root",
-      ref: A,
+      ref: F,
       class: I(e.$attrs.class),
       "data-cy": e.dataCy
     }, [
@@ -73,30 +73,34 @@ const U = ["data-cy"], W = ["id"], te = /* @__PURE__ */ S({
         id: `tablist-${f(r)}`,
         class: "uikit-sr-only"
       }, J(e.tabViewDescription), 9, W),
-      e.tabsPosition === "top" ? (l(), d(P, {
+      e.tabsPosition === "top" ? (i(), o(P, {
         key: 0,
         uid: f(r),
-        "tab-list-classes": e.tabListClasses
-      }, null, 8, ["uid", "tab-list-classes"])) : o("", !0),
-      (l(!0), p(g, null, K(n.value, (t, s) => (l(), p(g, { key: s }, [
-        M(s) ? (l(), d(R, {
+        "tab-list-classes": e.tabListClasses,
+        "data-cy": e.dataCy ? `${e.dataCy}-tab-list` : "",
+        "active-border-position": "bottom"
+      }, null, 8, ["uid", "tab-list-classes", "data-cy"])) : c("", !0),
+      (i(!0), v(g, null, K(n.value, (t, s) => (i(), v(g, { key: s }, [
+        M(s) ? (i(), o(R, {
           key: 0,
-          id: V(t["active-tab-panel-idx"]),
-          "labelled-by": w(s) ?? "",
-          active: F(s),
+          id: w(t["active-tab-panel-idx"]),
+          "labelled-by": x(s) ?? "",
+          active: V(s),
           class: I(t["tab-panel-classes"])
         }, {
           default: O(() => [
-            t.renderFn.children && t.renderFn.children.default ? (l(), d(Q(t.renderFn.children.default), { key: 0 })) : o("", !0)
+            t.renderFn.children && t.renderFn.children.default ? (i(), o(Q(t.renderFn.children.default), { key: 0 })) : c("", !0)
           ]),
           _: 2
-        }, 1032, ["id", "labelled-by", "active", "class"])) : o("", !0)
+        }, 1032, ["id", "labelled-by", "active", "class"])) : c("", !0)
       ], 64))), 128)),
-      e.tabsPosition === "bottom" ? (l(), d(P, {
+      e.tabsPosition === "bottom" ? (i(), o(P, {
         key: 1,
         uid: f(r),
-        "tab-list-classes": e.tabListClasses
-      }, null, 8, ["uid", "tab-list-classes"])) : o("", !0)
+        "tab-list-classes": e.tabListClasses,
+        "data-cy": e.dataCy ? `${e.dataCy}-tab-list` : "",
+        "active-border-position": "top"
+      }, null, 8, ["uid", "tab-list-classes", "data-cy"])) : c("", !0)
     ], 10, U));
   }
 });

package/dist/packages/components/lib/components/carousel/SwiperCarousel.vue.js

@@ -1,7 +1,7 @@
 import { defineComponent as J, reactive as Q, ref as k, useId as U, computed as f, onMounted as X, watch as Y, nextTick as M, createElementBlock as l, openBlock as u, normalizeClass as p, createElementVNode as v, createCommentVNode as y, renderSlot as E, Fragment as P, renderList as F, mergeProps as T, withModifiers as O } from "vue";
 import { Swiper as B } from "swiper";
-import x from "../../../../../node_modules/.pnpm/swiper@11.2.6/node_modules/swiper/modules/zoom.js";
-import '../../../../../assets/node_modules/.pnpm/swiper@11.2.6/node_modules/swiper/modules/zoom.css';import '../../../../../assets/node_modules/.pnpm/swiper@11.2.6/node_modules/swiper/swiper.css';/* empty css                                                                             */
+import x from "../../../../../node_modules/.pnpm/swiper@11.2.8/node_modules/swiper/modules/zoom.js";
+import '../../../../../assets/node_modules/.pnpm/swiper@11.2.8/node_modules/swiper/modules/zoom.css';import '../../../../../assets/node_modules/.pnpm/swiper@11.2.8/node_modules/swiper/swiper.css';/* empty css                                                                             */
 /* empty css                                                                                   */
 import "../../../../../node_modules/.pnpm/js-cookie@3.0.5/node_modules/js-cookie/dist/js.cookie.js";
 import { shallowCopyObjectTo as _ } from "../../../../../node_modules/.pnpm/@wikicasa-dev_utilities@1.1.21/node_modules/@wikicasa-dev/utilities/dist/utils/ObjectUtils.js";
@@ -184,7 +184,7 @@ const ee = ["id"], te = ["id", "data-cy"], se = ["data-idx", "alt", "width", "he
                   },
                   class: ["disable-select", [e.$attrs["slide-img-classes"] || t.classes]],
                   "data-idx": `${d.value}-slide-img-${a}`
-                }, z(t, a), {
+                }, { ref_for: !0 }, z(t, a), {
                   alt: t.alt,
                   itemprop: "image",
                   width: t.width,
@@ -231,9 +231,8 @@ const ee = ["id"], te = ["id", "data-cy"], se = ["data-idx", "alt", "width", "he
             class: p(["swiper-slide", e.$attrs["thumb-img-wrapper-classes"]])
           }, [
             v("img", T({
-              class: e.$attrs["thumb-img-classes"],
-              ref_for: !0
-            }, z(t, -1, !1), {
+              class: e.$attrs["thumb-img-classes"]
+            }, { ref_for: !0 }, z(t, -1, !1), {
               alt: t.alt
             }), null, 16, ae)
           ], 2))), 128))

package/dist/utils.d.ts

@@ -1 +1 @@
-export declare const getUID: (prefix?: string) => string;
+export declare const log: <T>(message: string, payload: T) => void;

package/dist/utils.js

@@ -1,5 +1,7 @@
-var t = 0;
-const e = (r = "uikit_id_") => (t++, `${r}${t}`);
+const c = (o, l) => console.log("DEBUG:", {
+  message: o,
+  payload: l
+});
 export {
-  e as getUID
+  c as log
 };

package/package.json

@@ -1,12 +1,13 @@
 {
   "name": "@wikicasa-dev/components",
-  "version": "2.1.3",
+  "version": "2.1.4-alpha.10",
   "description": "Wikicasa frontend components",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "files": [
-    "dist"
+    "dist",
+    "plugins"
   ],
   "sideEffects": [
     "**/*.css"
@@ -28,6 +29,9 @@
     "./chart/*": {
       "import": "./dist/chart/*.js",
       "types": "./dist/chart/*.d.ts"
+    },
+    "./plugins/*": {
+      "import": "./plugins/*.ts"
     }
   },
   "repository": {
@@ -41,43 +45,46 @@
   },
   "homepage": "https://bitbucket.org/wikicasa/wikicasa-fe#readme",
   "dependencies": {
-    "caniuse-lite": "^1.0.30001715",
+    "@vuepic/vue-datepicker": "^11.0.2",
+    "caniuse-lite": "^1.0.30001722",
     "chart.js": "^4.4.9",
     "chartjs-adapter-date-fns": "^3.0.0",
     "date-fns": "^4.1.0",
-    "swiper": "^11.2.6",
-    "vue": "3.5.13",
+    "reka-ui": "^2.3.1",
+    "swiper": "^11.2.8",
+    "vue": "^3.5.13",
     "vue-chartjs": "^5.3.2",
     "vue-router": "^4.5.0"
   },
   "devDependencies": {
-    "@babel/eslint-parser": "^7.27.0",
+    "@babel/eslint-parser": "^7.27.5",
     "@histoire/plugin-vue": "^1.0.0-alpha.2",
-    "@types/node": "^22.14.1",
-    "@vitejs/plugin-vue": "^5.2.3",
+    "@types/node": "^24.0.1",
+    "@vitejs/plugin-vue": "^5.2.4",
     "@vue/eslint-config-prettier": "^10.2.0",
     "@vue/eslint-config-typescript": "^14.5.0",
-    "@wikicasa-dev/svg-icons": "1.2.11",
+    "@wikicasa-dev/svg-icons": "1.2.12",
     "@wikicasa-dev/tailwind-plugins": "^0.0.3",
-    "@wikicasa-dev/types": "2.1.2",
+    "@wikicasa-dev/types": "2.2.0",
     "@wikicasa-dev/utilities": "1.1.21",
     "@wikicasa-dev/vue-composables": "0.0.23",
     "ajv": "^8.17.1",
     "autoprefixer": "^10.4.21",
-    "eslint": "^9.25",
-    "eslint-plugin-vue": "^10.0.0",
-    "glob": "^11.0.1",
+    "eslint": "^9.28",
+    "eslint-plugin-vue": "^10.2.0",
+    "glob": "^11.0.2",
     "histoire": "^1.0.0-alpha.2",
-    "postcss": "^8.5.3",
+    "postcss": "^8.5.5",
     "prettier": "^3.5.3",
-    "prettier-plugin-tailwindcss": "^0.6.11",
-    "rollup-plugin-visualizer": "^5.14.0",
+    "prettier-plugin-tailwindcss": "^0.6.12",
+    "rollup-plugin-visualizer": "^6.0.3",
     "tailwindcss": "^3.4.15",
     "typescript": "^5.8.3",
-    "vite": "^6.3.2",
-    "vite-plugin-dts": "^4.5.3",
+    "vite": "^6.3.5",
+    "vite-plugin-dts": "^4.5.4",
     "vite-plugin-lib-inject-css": "^2.2.2",
-    "vue-tsc": "^2.2.8"
+    "vite-plugin-vue-devtools": "^7.7.6",
+    "vue-tsc": "^2.2.10"
   },
   "readme": "ERROR: No README data found!",
   "scripts": {

package/plugins/buttonPlugin.ts

@@ -0,0 +1,290 @@
+import plugin from "tailwindcss/plugin";
+
+const colors = {
+  //New colors
+  primary: { value: "#F20282", hover: "#E30C79", outlineHover: "#FFF8FB" },
+  secondary: { value: "#2b5dff", hover: "#244FD9" },
+  lightgray: { value: "#C1C8D5", hover: "" },
+  ghost: { value: "#FAFBFF", hover: "" },
+
+  //Old colors
+  darkPrimary: { value: "#2A3761", hover: "" },
+  lavender: { value: "#E9EFFE", hover: "" },
+  cultured: { value: "#F4F7FF", hover: "" },
+  carbon: { value: "#3C474D", hover: "" },
+  gray: { value: "#6D7687", hover: "" },
+  black: { value: "#222222", hover: "" },
+  warning: { value: "#FFD167", hover: "" },
+  white: { value: "#FFF", hover: "" },
+  danger: { value: "#FA4F64", hover: "" },
+} as const;
+
+export const buttonPlugin = plugin(({ addComponents, theme }) => {
+  addComponents({
+    ".btn": {
+      "--btn-px": "25px",
+      "--btn-py": "11px",
+      "--btn-bg-color": "transparent",
+      "--btn-text-color": colors.black.value,
+      "--btn-border-color": "unset",
+      "--btn-border-width": "0",
+      "--btn-border-radius": "24px",
+      "--btn-border-style": "solid",
+      "--btn-height": "40px",
+      "--btn-width": "auto",
+      "--btn-font-size": theme("fontSize.16"),
+      "--btn-transition":
+        "color, background-color cubic-bezier(0.4, 0, 0.2, 1) 150ms",
+      "--btn-font-weight": `${theme("fontWeight.semibold")}`,
+      display: "inline-flex",
+      "align-items": "center",
+      "justify-content": "center",
+      "font-size": "var(--btn-font-size)",
+      "font-weight": "var(--btn-font-weight)",
+      "white-space": "nowrap",
+      border:
+        "var(--btn-border-width) var(--btn-border-color) var(--btn-border-style)",
+      "border-radius": "var(--btn-border-radius)",
+      cursor: "pointer",
+      height: "var(--btn-height)",
+      width: "var(--btn-width)",
+      "background-color": "var(--btn-bg-color)",
+      color: "var(--btn-text-color)",
+      padding: "var(--btn-py) var(--btn-px)",
+      transition: "var(--btn-transition)",
+      "line-height": "1",
+      "-webkit-tap-highlight-color": "transparent",
+      "&.btn-lg": {
+        "--btn-height": "48px",
+        "--btn-px": "24px",
+        "--btn-py": "12px",
+      },
+      "&.btn-sm": {
+        "--btn-px": "24px",
+        "--btn-py": "8px",
+        "--btn-height": "40px",
+      },
+      "&.btn-rounded": {
+        "--btn-px": "0",
+        "--btn-py": "0",
+      },
+      "&.btn-outline": {
+        "--btn-border-width": "1px",
+        "--btn-bg-color": colors.white.value,
+      },
+      "&.btn-primary": {
+        ...createBtn(
+          {
+            bgColor: colors.primary.value,
+            textColor: colors.white.value,
+            hoverBgColor: colors.primary.hover,
+            hoverDisabledBgColor: colors.primary.value,
+          },
+          {
+            mainColor: colors.white.hover,
+            textColor: colors.primary.value,
+            hoverBgColor: colors.primary.outlineHover,
+          },
+        ),
+        "text-transform": "uppercase",
+      },
+      "&.btn-secondary": createBtn(
+        {
+          bgColor: colors.secondary.value,
+          textColor: colors.white.value,
+          hoverBgColor: colors.secondary.hover,
+          hoverDisabledBgColor: colors.secondary.value,
+        },
+        {
+          mainColor: colors.secondary.value,
+          textColor: colors.secondary.value,
+        },
+      ),
+      "&.btn-ternary": {
+        ...createBtn({
+          bgColor: colors.white.value,
+          textColor: colors.secondary.value,
+          hoverBgColor: colors.white.value,
+          hoverDisabledBgColor: colors.secondary.value,
+          hoverTextColor: colors.secondary.hover,
+        }),
+        "--btn-border-color": colors.lightgray.value,
+        "--btn-border-width": "1px",
+        "--btn-border-radius": "24px",
+      },
+      "&.btn-quaternary": {
+        "--btn-px": "0",
+        "--btn-py": "0",
+        "--btn-text-color": colors.secondary.value,
+        "--btn-height": "auto",
+        "&:hover": {
+          "text-decoration": "underline",
+          "--btn-text-color": colors.secondary.hover,
+        },
+        "&:disabled": {
+          "--btn-bg-color": "transparent",
+          "--btn-text-color": colors.lightgray.value,
+        },
+      },
+      "&.btn-single-selection": {
+        "--btn-px": "16px",
+        "--btn-py": "8px",
+        "--btn-border-radius": theme("borderRadius.2xs"),
+        "--btn-border-color": colors.lightgray.value,
+        "--btn-border-width": "1px",
+        "--btn-font-weight": theme("fontWeight.regular"),
+        "&:hover": {
+          "--btn-border-color": colors.secondary.value,
+        },
+        "&:active,&.active,&[data-active='true']": {
+          "--btn-bg-color": colors.ghost.value,
+          "--btn-text-color": colors.secondary.value,
+          "--btn-border-color": colors.secondary.value,
+        },
+      },
+    },
+    //OLD style. Kept for retro-compatibility
+    ".btn-light": createBtn({
+      textColor: colors.primary.value,
+      bgColor: colors.white.value,
+      hoverTextColor: colors.primary.value,
+      hoverBgColor: "#FAFAFA",
+      hoverDisabledBgColor: colors.white.value,
+    }),
+    ".btn-warning": createBtn({
+      bgColor: colors.warning.value,
+      textColor: "#2A3761",
+      hoverBgColor: "#F2C761",
+      hoverDisabledBgColor: colors.warning.value,
+    }),
+    ".btn-danger": createBtn(
+      {
+        bgColor: colors.danger.value,
+        textColor: colors.white.value,
+        hoverBgColor: "#E0485A",
+        hoverDisabledBgColor: colors.danger.value,
+      },
+      {
+        mainColor: colors.danger.value,
+        textColor: colors.danger.value,
+      },
+    ),
+    ".btn-multi-selection": {
+      "--btn-py": "10px",
+      "--btn-height": "40px",
+      "font-weight": theme("fontWeight.regular"),
+      "--btn-border-radius": theme("borderRadius.xs"),
+      "--btn-border-color": "#EAEFFD",
+      "--btn-border-width": "1px",
+      "white-space": "normal",
+      ...createBtn({
+        textColor: colors.black.value,
+        bgColor: "#F5F7FA",
+        hoverBgColor: colors.lavender.value,
+        hoverDisabledBgColor: colors.white.value,
+        hoverBorderColor: "#385CF6",
+      }),
+    },
+
+    ".btn-facile": {
+      "--btn-facile-color": "#FF6600",
+      "--btn-facile-hover-color": "#b34700",
+      ...createBtn({
+        bgColor: "var(--btn-facile-color)",
+        textColor: colors.white.value,
+        hoverBgColor: "var(--btn-facile-hover-color)",
+        hoverTextColor: colors.white.value,
+        hoverDisabledBgColor: "var(--btn-facile-color)",
+      }),
+    },
+    ".btn-show-more": {
+      "--btn-border-radius": "0",
+      "--btn-border-color": colors.white.value,
+      ...createBtn({
+        textColor: "#2B5DFF",
+        bgColor: colors.white.value,
+        hoverTextColor: "#3646B3",
+        hoverBgColor: colors.white.value,
+        hoverDisabledBgColor: colors.white.value,
+      }),
+    },
+    ".btn-transparent": {
+      "--border-color": "transparent",
+      "--btn-px": "0",
+      "--btn-py": "0",
+      "&:hover": {
+        "--btn-bg-color": "transparent",
+        "--border-color": "transparent",
+      },
+    },
+  });
+});
+
+type BtnAttributes = {
+  bgColor: string;
+  textColor: string;
+  hoverBgColor: string;
+  hoverTextColor?: string;
+  /* The border color will be applied to desktop mode */
+  hoverBorderColor?: string;
+  activeBorderColor?: string;
+  activeBgColor?: string;
+  activeTextColor?: string;
+  hoverDisabledBgColor: string;
+};
+type BtnOutlineVariantAttributes = {
+  /* If present, it will be used to set the color to borders, text and background */
+  mainColor?: string;
+  borderColor?: string;
+  textColor?: string;
+  /* The hover bg color will be activated only from tablet mode on */
+  hoverBgColor?: string;
+  hoverDisabledBgColor?: string;
+  /* The hover text color will be activated only from tablet mode on */
+  hoverTextColor?: string;
+  activeBgColor?: string;
+  activeTextColor?: string;
+};
+
+const createBtn = (
+  btnProps: BtnAttributes,
+  btnOutlineProps?: BtnOutlineVariantAttributes,
+): any => ({
+  "--btn-bg-color": btnProps.bgColor,
+  "--btn-text-color": btnProps.textColor,
+  "&:disabled": {
+    cursor: "not-allowed",
+  },
+  "&:hover:not(:disabled)": {
+    "--btn-text-color": btnProps.hoverTextColor,
+    "--btn-bg-color": btnProps.hoverBgColor,
+  },
+  ...(btnOutlineProps
+    ? {
+        "&.btn-outline": createOutlineVariant(btnOutlineProps),
+      }
+    : {}),
+});
+
+const createOutlineVariant = (props: BtnOutlineVariantAttributes): any => ({
+  "--btn-border-color": props.mainColor ?? props.borderColor,
+  "--btn-text-color": props.textColor,
+  "--btn-bg-color": "#fff",
+  //By default, the active section is the same of the hover section in desktop mode
+  "&:active": {
+    "--btn-bg-color":
+      (props.mainColor ?? props.activeBgColor ?? props.hoverBgColor) +
+      " !important",
+    //By default, on active the text is white
+    ...(props.activeTextColor || props.hoverTextColor
+      ? {
+          "--btn-text-color": props.activeTextColor ?? props.hoverTextColor,
+        }
+      : {}),
+  },
+  "&:hover": {
+    //By default, the text color is white
+    ...(props.hoverBgColor ? { "--btn-bg-color": props.hoverBgColor } : {}),
+    "--btn-text-color": props.hoverTextColor ?? props.textColor,
+  },
+});

package/dist/UIKit/Slider/SimpleSlider.d.ts

@@ -1,19 +0,0 @@
-import { Optional } from '@wikicasa-dev/types';
-type __VLS_Props = {
-    min?: number;
-    max?: number;
-    step?: number;
-    dataCy?: string;
-    logarithmic?: boolean;
-};
-type __VLS_PublicProps = {
-    modelValue?: Optional<number>;
-} & __VLS_Props;
-declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (value: Optional<number>) => any;
-}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: Optional<number>) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    customSlider: HTMLDivElement;
-}, HTMLDivElement>;
-export default _default;

package/dist/UIKit/Slider/SimpleSlider.js

@@ -1,7 +0,0 @@
-import o from "../../packages/components/lib/UIKit/Slider/SimpleSlider.vue.js";
-import '../../assets/packages/components/lib/UIKit/Slider/SimpleSlider.css';/* empty css                                                           */
-import r from "../../_virtual/_plugin-vue_export-helper.js";
-const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-54b825e3"]]);
-export {
-  p as default
-};

package/dist/assets/packages/components/lib/UIKit/BaseSlider.css

@@ -1 +0,0 @@
-[data-v-581ec7f4] .form-control{max-width:none!important}.range_container[data-v-581ec7f4]{padding-top:15px}.sliders_control[data-v-581ec7f4]{position:relative;min-height:30px}.form_control[data-v-581ec7f4]{position:relative;display:flex;justify-content:space-between;font-size:24px;color:#635a5a}input[type=range][data-v-581ec7f4]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:3px;width:100%;position:absolute;background-color:#b4c2f0;pointer-events:none}input[type=range][data-v-581ec7f4]::-webkit-slider-thumb:hover{background:#f7f7f7}input[type=range][data-v-581ec7f4]::-webkit-slider-thumb:active{box-shadow:inset 0 0 3px #387bbe,0 0 9px #387bbe;-webkit-box-shadow:inset 0 0 3px #387bbe,0 0 9px #387bbe}input[type=range][data-v-581ec7f4]::-moz-range-thumb{-moz-appearance:none;appearance:none;pointer-events:all;width:24px;height:24px;background-color:#fff;border-radius:50%;box-shadow:0 0 0 1px #c6c6c6;cursor:pointer}input[type=range][data-v-581ec7f4]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;pointer-events:all;width:24px;height:24px;background-color:#fff;border:2px solid #2B5DFF;border-radius:50%;cursor:pointer}input[type=number][data-v-581ec7f4]{color:#8a8383;width:50px;height:30px;font-size:20px;border:none}input[type=number][data-v-581ec7f4]::-webkit-inner-spin-button,input[type=number][data-v-581ec7f4]::-webkit-outer-spin-button{opacity:1}.fromSlider[data-v-581ec7f4]{height:0!important;z-index:1}.toSlider[data-v-581ec7f4]{height:3px!important}

package/dist/assets/packages/components/lib/UIKit/BaseToggle.css

@@ -1 +0,0 @@
-.switch-container[data-v-1e6f488b]{--switch-width: 40px;--switch-height: 22px;--switch-border-radius: 20px;--switch-circle-dim: 22px;--switch-active-transition-x-offset: 1px;--switch-active-transition-x: translateX( calc( var(--switch-width) - var(--switch-circle-dim) + var(--switch-active-transition-x-offset) ) )}.switch[data-v-1e6f488b]{width:var(--switch-width);height:var(--switch-height)}.switch input:checked+.slider[data-v-1e6f488b]:before{transform:var(--switch-active-transition-x)}.slider.round[data-v-1e6f488b]{border-radius:var(--switch-border-radius)}

package/dist/assets/packages/components/lib/UIKit/Checkbox/CheckboxBtn.css

@@ -1 +0,0 @@
-.checked-bg[data-v-505c1129]:checked{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cg transform='translate(-307 -2432)'%3E%3Crect width='16' height='16' fill='%232b5dff' data-name='Rettangolo 2689' rx='3' transform='translate(307 2432)'/%3E%3Cpath fill='none' stroke='%23f4f7ff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m319.499 2437.499-6 6Zm-9 3 3 3Z' data-name='Unione 5'/%3E%3C/g%3E%3C/svg%3E")}.checked-bg-invalid[data-v-505c1129]:checked{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cg transform='translate(-307 -2432)'%3E%3Crect width='16' height='16' fill='%23FA4F64' data-name='Rettangolo 2689' rx='3' transform='translate(307 2432)'/%3E%3Cpath fill='none' stroke='%23f4f7ff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m319.499 2437.499-6 6Zm-9 3 3 3Z' data-name='Unione 5'/%3E%3C/g%3E%3C/svg%3E")}

package/dist/assets/packages/components/lib/UIKit/Slider/SimpleSlider.css

@@ -1 +0,0 @@
-.slider-track[data-v-54b825e3]{width:var(--0f43c897)}.slider-thumb[data-v-54b825e3]{left:var(--ec9c737a)}

package/dist/node_modules/.pnpm/@wikicasa-dev_utilities@1.1.21/node_modules/@wikicasa-dev/utilities/dist/utils/ArrayUtils.js

@@ -1,4 +0,0 @@
-const r = (t) => !t?.length;
-export {
-  r as isArrNullOrEmpty
-};

package/dist/node_modules/.pnpm/@wikicasa-dev_utilities@1.1.21/node_modules/@wikicasa-dev/utilities/dist/utils/DeviceDetectionUtils.js

@@ -1,4 +0,0 @@
-const s = () => navigator?.userAgent.includes("Windows");
-export {
-  s as isWindows
-};

package/dist/node_modules/.pnpm/@wikicasa-dev_utilities@1.1.21/node_modules/@wikicasa-dev/utilities/dist/utils/GenericUtils.js

@@ -1,12 +0,0 @@
-const c = (e, t) => new Promise((a, o) => {
-  setTimeout(() => {
-    try {
-      e && e(), a();
-    } catch {
-      o();
-    }
-  }, t);
-});
-export {
-  c as awaitableSetTimeout
-};

package/dist/node_modules/.pnpm/@wikicasa-dev_utilities@1.1.21/node_modules/@wikicasa-dev/utilities/dist/utils/NumberUtils.js

@@ -1,18 +0,0 @@
-function a(t, i = !1) {
-  return t == null ? "" : n(i ? Math.round(t) : Math.floor(t), 0);
-}
-function n(t, i) {
-  return !t && t !== 0 ? "" : t.toLocaleString(
-    "it-IT",
-    // usare una stringa tipo 'en-US' per sovrascrivere la lingua del browser
-    {
-      minimumFractionDigits: i,
-      maximumFractionDigits: i,
-      useGrouping: "always"
-    }
-  );
-}
-export {
-  a as formatInteger,
-  n as formatNumber
-};