@wikicasa-dev/components 2.1.4-alpha.2 → 2.1.4-alpha.20

package/dist/packages/components/lib/UIKit/Checkbox/CheckboxGroup.vue.js

@@ -13,15 +13,13 @@ const w = ["id", "data-cy"], F = /* @__PURE__ */ x({
     autoCheckResetAll: { type: Boolean, default: !1 },
     autoCheckResetEmpty: { type: Boolean, default: !1 },
     manualToggleResetButton: { type: Boolean, default: !1 },
-    getKey: { type: Function, default() {
-      return (n) => typeof n == "string" || typeof n == "number" ? `${n}` : `${n.id}`;
-    } },
+    getKey: { type: Function, default: (n) => typeof n == "string" || typeof n == "number" ? `${n}` : `${n.id}` },
     groupId: { default: "" },
     dataCy: { default: "" }
   },
   emits: ["resetted", "update:modelValue", "checkedGroup"],
   setup(n, { emit: g }) {
-    const C = (e = "") => !e || !e.trim() ? "" : (e = e.trim(), e.replace(" ", "-").toLowerCase()), y = (e) => !e?.length, o = n, r = g, c = D(/* @__PURE__ */ new Map()), s = h(() => {
+    const C = (e = "") => !e || !e.trim() ? "" : (e = e.trim(), e.replace(" ", "-").toLowerCase()), y = (e) => !e?.length, o = n, s = g, c = D(/* @__PURE__ */ new Map()), r = h(() => {
       for (const e of o.checkboxData)
         if (e.reset) return e;
       return null;
@@ -38,7 +36,7 @@ const w = ["id", "data-cy"], F = /* @__PURE__ */ x({
           `${t.id}`,
           t
         ), t.checked && e.push(t);
-      r("update:modelValue", e);
+      s("update:modelValue", e);
     })();
     const u = (e, t) => {
       const a = c.value.get(e);
@@ -54,17 +52,17 @@ const w = ["id", "data-cy"], F = /* @__PURE__ */ x({
         e.checked = !1;
       });
     }, p = () => {
-      k(), r("update:modelValue", []), r("resetted");
+      k(), s("update:modelValue", []), s("resetted");
     }, d = (e) => c.value.get(o.getKey(e))?.checked ?? !1, i = (e) => {
       if (y(o.checkboxData)) return;
       const t = c.value.get(e.id);
-      t?.reset && e.checked ? k() : s.value && !t?.reset && u(o.getKey(s.value), { checked: !1 }), u(`${e.id}`), o.autoCheckResetAll && s.value && f.value === v.value - 1 && c.value.forEach((l) => {
+      t?.reset && e.checked ? k() : r.value && !t?.reset && u(o.getKey(r.value), { checked: !1 }), u(`${e.id}`), o.autoCheckResetAll && r.value && f.value === v.value - 1 && c.value.forEach((l) => {
         l.checked = !!l.reset;
-      }), o.autoCheckResetEmpty && s.value && !f.value && (!o.manualToggleResetButton || !t?.reset) && u(o.getKey(s.value), { checked: !0 });
+      }), o.autoCheckResetEmpty && r.value && !f.value && (!o.manualToggleResetButton || !t?.reset) && u(o.getKey(r.value), { checked: !0 });
       const a = [];
       c.value.forEach((l) => {
         l.checked && a.push(l);
-      }), r("update:modelValue", a), r("checkedGroup", o.groupId);
+      }), s("update:modelValue", a), s("checkedGroup", o.groupId);
     };
     return E(
       () => o.reset,

package/dist/packages/components/lib/UIKit/DatePicker.vue.js

@@ -1,9 +1,9 @@
 import { defineComponent as N, ref as T, watch as V, computed as x, createBlock as A, openBlock as w, unref as m, withCtx as n, createElementBlock as M, createCommentVNode as S, renderSlot as E, createVNode as a, createTextVNode as O, toDisplayString as P, createElementVNode as r } from "vue";
-import { ArrowIcon as C } from "../../../../node_modules/.pnpm/@wikicasa-dev_svg-icons@1.2.12_typescript@5.8.3/node_modules/@wikicasa-dev/svg-icons/dist/ArrowIcon.js";
-import "../../../../node_modules/.pnpm/@wikicasa-dev_svg-icons@1.2.12_typescript@5.8.3/node_modules/@wikicasa-dev/svg-icons/dist/PharmacyIcon.js";
+import { ArrowIcon as C } from "../../../../node_modules/.pnpm/@wikicasa-dev_svg-icons@1.2.15-alpha.1_vue@3.5.16_typescript@5.8.3_/node_modules/@wikicasa-dev/svg-icons/dist/ArrowIcon.js";
+import "../../../../node_modules/.pnpm/@wikicasa-dev_svg-icons@1.2.15-alpha.1_vue@3.5.16_typescript@5.8.3_/node_modules/@wikicasa-dev/svg-icons/dist/PharmacyIcon.js";
 import j from "@vuepic/vue-datepicker";
-import y from "./NativeSelect.vue.js";
-import '../../../../assets/packages/components/lib/UIKit/BaseInput.css';import '../../../../assets/node_modules/.pnpm/@vuepic_vue-datepicker@11.0.2_vue@3.5.16_typescript@5.8.3_/node_modules/@vuepic/vue-datepicker/dist/main.css';import '../../../../assets/packages/components/lib/UIKit/NativeSelect.css';/* empty css                  */
+import y from "./BaseSelect.vue.js";
+import '../../../../assets/packages/components/lib/UIKit/BaseInput.css';import '../../../../assets/node_modules/.pnpm/@vuepic_vue-datepicker@11.0.2_vue@3.5.16_typescript@5.8.3_/node_modules/@vuepic/vue-datepicker/dist/main.css';import '../../../../assets/packages/components/lib/UIKit/BaseSelect.css';/* empty css                */
 /* empty css                                                                                                                                          */
 import z from "./BaseButton.vue.js";
 import R from "./BaseInput.vue.js";

package/dist/packages/components/lib/UIKit/InputDropdown.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as E, mergeModels as C, useModel as O, ref as k, watch as y, createElementBlock as w, openBlock as r, createElementVNode as M, createVNode as p, withCtx as u, Fragment as h, renderList as D, createBlock as U, createTextVNode as x, toDisplayString as V, renderSlot as P } from "vue";
+import { defineComponent as E, mergeModels as C, useModel as O, ref as k, watch as y, createElementBlock as w, openBlock as r, createElementVNode as M, createVNode as p, withCtx as n, Fragment as h, renderList as D, createBlock as U, createTextVNode as x, toDisplayString as V, renderSlot as P } from "vue";
 import R from "./BaseButton.vue.js";
 import B from "./BaseInput.vue.js";
 import '../../../../assets/packages/components/lib/UIKit/BaseInput.css';/* empty css               */
@@ -24,7 +24,7 @@ const j = { class: "uikit-shadow-surface uikit-flex uikit-h-[360px] uikit-w-[330
     ), d = O(
       f,
       "rightValue"
-    ), v = k(!1), m = k(!1), g = k(!1), b = k(!1), $ = (i) => ({
+    ), m = k(!1), v = k(!1), g = k(!1), c = k(!1), $ = (i) => ({
       id: -1,
       label: i ? `${i}` : ""
     }), S = (i, e = []) => {
@@ -51,20 +51,20 @@ const j = { class: "uikit-shadow-surface uikit-flex uikit-h-[360px] uikit-w-[330
     ), (i, e) => (r(), w("div", j, [
       M("div", z, [
         p(I, {
-          "toggle-dropdown": m.value,
-          "onUpdate:toggleDropdown": e[1] || (e[1] = (t) => m.value = t),
+          "toggle-dropdown": v.value,
+          "onUpdate:toggleDropdown": e[1] || (e[1] = (t) => v.value = t),
           class: "!uikit-static",
-          "dropdown-classes": "!uikit-shadow-none uikit-top-[70px] !uikit-border-none !uikit-rounded-none",
+          "dropdown-classes": "!uikit-shadow-none uikit-top-[70px] !uikit-border-none !uikit-rounded-none !uikit-w-[calc(100%-32px)]",
           "disable-space-handler": "",
           "onUpdate:selectedIdx": e[2] || (e[2] = (t) => a.value = i.leftSelectOptions[t]),
-          "onUpdate:dropdownState": e[3] || (e[3] = (t) => v.value = t)
+          "onUpdate:dropdownState": e[3] || (e[3] = (t) => m.value = t)
         }, {
-          btn_slot: u(({ toggleDropdown: t, setActiveIdx: o }) => [
+          btn_slot: n(({ toggleDropdown: t, setActiveIdx: o }) => [
             p(B, {
               "model-value": a.value.label,
               "label-text": "Min",
               onClick: (l) => {
-                l.stopPropagation(), v.value || t(), g.value && (b.value = !0);
+                l.stopPropagation(), m.value || t(), g.value && (c.value = !0);
               },
               onKeyup: (l) => o(-1),
               "onUpdate:modelValue": e[0] || (e[0] = (l) => {
@@ -72,17 +72,17 @@ const j = { class: "uikit-shadow-surface uikit-flex uikit-h-[360px] uikit-w-[330
               })
             }, null, 8, ["model-value", "onClick", "onKeyup"])
           ]),
-          default: u(({ activeIdx: t, toggleDropdown: o, setActiveIdx: l }) => [
-            (r(!0), w(h, null, D(i.leftSelectOptions, (s, n) => (r(), U(L, {
-              key: `left-option-${n}`,
-              class: "uikit-rounded-3xs uikit-p-xs uikit-text-16",
-              active: t === n,
-              onClick: (c) => {
+          default: n(({ activeIdx: t, toggleDropdown: o, setActiveIdx: l }) => [
+            (r(!0), w(h, null, D(i.leftSelectOptions, (s, u) => (r(), U(L, {
+              key: `left-option-${u}`,
+              class: "uikit-rounded-2xs uikit-p-xs uikit-text-16",
+              active: t === u,
+              onClick: (b) => {
                 a.value = s, o();
               },
-              onMouseover: (c) => l(n)
+              onMouseover: (b) => l(u)
             }, {
-              default: u(() => [
+              default: n(() => [
                 x(V(s.label), 1)
               ]),
               _: 2
@@ -91,20 +91,20 @@ const j = { class: "uikit-shadow-surface uikit-flex uikit-h-[360px] uikit-w-[330
           _: 1
         }, 8, ["toggle-dropdown"]),
         p(I, {
-          "toggle-dropdown": b.value,
-          "onUpdate:toggleDropdown": e[5] || (e[5] = (t) => b.value = t),
+          "toggle-dropdown": c.value,
+          "onUpdate:toggleDropdown": e[5] || (e[5] = (t) => c.value = t),
           "disable-space-handler": "",
           class: "!uikit-static",
-          "dropdown-classes": "uikit-left-0 !uikit-shadow-none uikit-top-[70px] !uikit-border-none !uikit-rounded-none",
+          "dropdown-classes": "uikit-left-md !uikit-shadow-none uikit-top-[70px] !uikit-border-none !uikit-rounded-none !uikit-w-[calc(100%-32px)]",
           "onUpdate:selectedIdx": e[6] || (e[6] = (t) => d.value = i.rightSelectOptions[t]),
           "onUpdate:dropdownState": e[7] || (e[7] = (t) => g.value = t)
         }, {
-          btn_slot: u(({ toggleDropdown: t, setActiveIdx: o }) => [
+          btn_slot: n(({ toggleDropdown: t, setActiveIdx: o }) => [
             p(B, {
               "model-value": d.value.label,
               "label-text": "Max",
               onClick: (l) => {
-                l.stopPropagation(), g.value || t(), v.value && (m.value = !0);
+                l.stopPropagation(), g.value || t(), m.value && (v.value = !0);
               },
               onKeyup: (l) => o(-1),
               "onUpdate:modelValue": e[4] || (e[4] = (l) => {
@@ -112,17 +112,17 @@ const j = { class: "uikit-shadow-surface uikit-flex uikit-h-[360px] uikit-w-[330
               })
             }, null, 8, ["model-value", "onClick", "onKeyup"])
           ]),
-          default: u(({ activeIdx: t, toggleDropdown: o, setActiveIdx: l }) => [
-            (r(!0), w(h, null, D(i.rightSelectOptions, (s, n) => (r(), U(L, {
-              key: `left-option-${n}`,
-              class: "uikit-rounded-3xs uikit-p-xs uikit-text-16",
-              active: t === n,
-              onClick: (c) => {
+          default: n(({ activeIdx: t, toggleDropdown: o, setActiveIdx: l }) => [
+            (r(!0), w(h, null, D(i.rightSelectOptions, (s, u) => (r(), U(L, {
+              key: `left-option-${u}`,
+              class: "uikit-rounded-2xs uikit-p-xs uikit-text-16",
+              active: t === u,
+              onClick: (b) => {
                 d.value = s, o();
               },
-              onMouseover: (c) => l(n)
+              onMouseover: (b) => l(u)
             }, {
-              default: u(() => [
+              default: n(() => [
                 x(V(s.label), 1)
               ]),
               _: 2
@@ -137,7 +137,7 @@ const j = { class: "uikit-shadow-surface uikit-flex uikit-h-[360px] uikit-w-[330
             class: "uikit-w-full",
             onClick: e[8] || (e[8] = (t) => N("submit", t))
           }, {
-            default: u(() => [
+            default: n(() => [
               x(V(i.submitBtnLabel), 1)
             ]),
             _: 1

package/dist/packages/components/lib/UIKit/ShimmerLoader/BaseShimmerLoader.vue.js

@@ -7,7 +7,7 @@ const d = /* @__PURE__ */ i({
   },
   setup(u) {
     return (e, m) => (l(), s("div", {
-      class: t(["uikit-shimmer-loader uikit-relative uikit-overflow-hidden uikit-rounded-3xs uikit-bg-w-cultured", e.$attrs.class]),
+      class: t(["uikit-shimmer-loader uikit-relative uikit-overflow-hidden uikit-rounded-2xs uikit-bg-w-cultured", e.$attrs.class]),
       style: r(e.$attrs.style)
     }, [
       a("div", {

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

@@ -1,12 +1,13 @@
 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.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 x from "../../../../../node_modules/.pnpm/swiper@11.2.10/node_modules/swiper/modules/zoom.js";
+import '../../../../../assets/node_modules/.pnpm/swiper@11.2.10/node_modules/swiper/modules/zoom.css';import '../../../../../assets/node_modules/.pnpm/swiper@11.2.10/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";
+import { shallowCopyObjectTo as _ } from "../../../../../node_modules/.pnpm/@wikicasa-dev_utilities@1.1.22-alpha.4/node_modules/@wikicasa-dev/utilities/dist/utils/ObjectUtils.js";
+import "date-fns";
 import "../../../../../_virtual/polyline.js";
-const ee = ["id"], te = ["id", "data-cy"], se = ["data-idx", "alt", "width", "height", "onLoad"], ie = ["id"], ae = ["alt"], me = /* @__PURE__ */ J({
+const ee = ["id"], te = ["id", "data-cy"], se = ["data-idx", "alt", "width", "height", "onLoad"], ie = ["id"], ae = ["alt"], we = /* @__PURE__ */ J({
   inheritAttrs: !1,
   __name: "SwiperCarousel",
   props: {
@@ -242,5 +243,5 @@ const ee = ["id"], te = ["id", "data-cy"], se = ["data-idx", "alt", "width", "he
   }
 });
 export {
-  me as default
+  we as default
 };

package/dist/packages/components/plugins/buttonPlugin.js

@@ -0,0 +1,232 @@
+import n from "../../../_virtual/plugin.js";
+const o = {
+  //New colors
+  primary: { value: "#F20282", hover: "#E30C79", outlineHover: "#FFF8FB" },
+  secondary: { value: "#2b5dff", hover: "#244FD9" },
+  lightgray: { value: "#C1C8D5" },
+  ghost: { value: "#FAFBFF" },
+  lavender: { value: "#E9EFFE" },
+  black: { value: "#222222" },
+  warning: { value: "#FFD167" },
+  white: { value: "#FFF", hover: "" },
+  danger: { value: "#FA4F64" }
+}, b = n(({ addComponents: r, theme: t }) => {
+  r({
+    ".btn": {
+      "--btn-px": "25px",
+      "--btn-py": "11px",
+      "--btn-bg-color": "transparent",
+      "--btn-text-color": o.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": t("fontSize.16"),
+      "--btn-transition": "color, background-color cubic-bezier(0.4, 0, 0.2, 1) 150ms",
+      "--btn-font-weight": `${t("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": o.white.value
+      },
+      "&.btn-primary": {
+        ...e(
+          {
+            bgColor: o.primary.value,
+            textColor: o.white.value,
+            hoverBgColor: o.primary.hover
+          },
+          {
+            mainColor: o.white.hover,
+            textColor: o.primary.value,
+            hoverBgColor: o.primary.outlineHover
+          }
+        ),
+        "text-transform": "uppercase"
+      },
+      "&.btn-secondary": e(
+        {
+          bgColor: o.secondary.value,
+          textColor: o.white.value,
+          hoverBgColor: o.secondary.hover
+        },
+        {
+          mainColor: o.secondary.value,
+          textColor: o.secondary.value
+        }
+      ),
+      "&.btn-ternary": {
+        ...e({
+          bgColor: o.white.value,
+          textColor: o.secondary.value,
+          hoverBgColor: o.white.value,
+          hoverTextColor: o.secondary.hover
+        }),
+        "--btn-border-color": o.lightgray.value,
+        "--btn-border-width": "1px",
+        "--btn-border-radius": "24px"
+      },
+      "&.btn-quaternary": {
+        "--btn-px": "0",
+        "--btn-py": "0",
+        "--btn-text-color": o.secondary.value,
+        "--btn-height": "auto",
+        "&:hover": {
+          "text-decoration": "underline",
+          "--btn-text-color": o.secondary.hover
+        },
+        "&:disabled": {
+          "--btn-bg-color": "transparent",
+          "--btn-text-color": o.lightgray.value
+        }
+      },
+      "&.btn-single-selection": {
+        "--btn-px": "16px",
+        "--btn-py": "8px",
+        "--btn-border-radius": t("borderRadius.2xs"),
+        "--btn-border-color": o.lightgray.value,
+        "--btn-border-width": "1px",
+        "--btn-font-weight": t("fontWeight.regular"),
+        "&:hover": {
+          "--btn-border-color": o.secondary.value
+        },
+        "&:active,&.active,&[data-active='true']": {
+          "--btn-bg-color": o.ghost.value,
+          "--btn-text-color": o.secondary.value,
+          "--btn-border-color": o.secondary.value
+        }
+      }
+    },
+    //OLD style. Kept for retro-compatibility
+    ".btn-light": e({
+      textColor: o.primary.value,
+      bgColor: o.white.value,
+      hoverTextColor: o.primary.value,
+      hoverBgColor: "#FAFAFA"
+    }),
+    ".btn-warning": e({
+      bgColor: o.warning.value,
+      textColor: "#2A3761",
+      hoverBgColor: "#F2C761"
+    }),
+    ".btn-danger": e(
+      {
+        bgColor: o.danger.value,
+        textColor: o.white.value,
+        hoverBgColor: "#E0485A"
+      },
+      {
+        mainColor: o.danger.value,
+        textColor: o.danger.value
+      }
+    ),
+    ".btn-multi-selection": {
+      "--btn-py": "10px",
+      "--btn-height": "40px",
+      "font-weight": t("fontWeight.regular"),
+      "--btn-border-radius": t("borderRadius.xs"),
+      "--btn-border-color": "#EAEFFD",
+      "--btn-border-width": "1px",
+      "white-space": "normal",
+      ...e({
+        textColor: o.black.value,
+        bgColor: "#F5F7FA",
+        hoverBgColor: o.lavender.value
+      })
+    },
+    ".btn-facile": {
+      "--btn-facile-color": "#FF6600",
+      "--btn-facile-hover-color": "#b34700",
+      ...e({
+        bgColor: "var(--btn-facile-color)",
+        textColor: o.white.value,
+        hoverBgColor: "var(--btn-facile-hover-color)",
+        hoverTextColor: o.white.value
+      })
+    },
+    ".btn-show-more": {
+      "--btn-border-radius": "0",
+      "--btn-border-color": o.white.value,
+      ...e({
+        textColor: "#2B5DFF",
+        bgColor: o.white.value,
+        hoverTextColor: "#3646B3",
+        hoverBgColor: o.white.value
+      })
+    },
+    ".btn-transparent": {
+      "--border-color": "transparent",
+      "--btn-px": "0",
+      "--btn-py": "0",
+      "&:hover": {
+        "--btn-bg-color": "transparent",
+        "--border-color": "transparent"
+      }
+    }
+  });
+}), e = (r, t) => ({
+  "--btn-bg-color": r.bgColor,
+  "--btn-text-color": r.textColor,
+  "&:disabled": {
+    cursor: "not-allowed"
+  },
+  "&:hover:not(:disabled)": {
+    "--btn-text-color": r.hoverTextColor,
+    "--btn-bg-color": r.hoverBgColor
+  },
+  ...t ? {
+    "&.btn-outline": l(t)
+  } : {}
+}), l = (r) => ({
+  "--btn-border-color": r.mainColor ?? r.borderColor,
+  "--btn-text-color": r.textColor,
+  "--btn-bg-color": "#fff",
+  //By default, the active section is the same of the hover section in desktop mode
+  "&:active": {
+    "--btn-bg-color": (r.mainColor ?? r.activeBgColor ?? r.hoverBgColor) + " !important",
+    //By default, on active the text is white
+    ...r.activeTextColor || r.hoverTextColor ? {
+      "--btn-text-color": r.activeTextColor ?? r.hoverTextColor
+    } : {}
+  },
+  "&:hover": {
+    //By default, the text color is white
+    ...r.hoverBgColor ? { "--btn-bg-color": r.hoverBgColor } : {},
+    "--btn-text-color": r.hoverTextColor ?? r.textColor
+  }
+});
+export {
+  b as buttonPlugin
+};

package/dist/tailwind.config.js

@@ -0,0 +1,147 @@
+import o from "./_virtual/plugin.js";
+import { buttonPlugin as i } from "./packages/components/plugins/buttonPlugin.js";
+import n from "./_virtual/defaultTheme.js";
+const p = {
+  screens: {
+    xs: "360px",
+    sm: "640px",
+    md: "768px",
+    lg: "1024px",
+    xl: "1280px"
+  },
+  fontFamily: {
+    sans: ["Poppins", ...n.fontFamily.sans]
+  },
+  fontWeight: {
+    regular: 400,
+    medium: 500,
+    semibold: 600
+  },
+  lineHeight: {
+    "16px": "16px",
+    "20px": "20px",
+    "24px": "24px",
+    "28px": "28px",
+    "30px": "30px"
+  },
+  fontSize: {
+    12: "12px",
+    14: "14px",
+    16: "16px",
+    20: "20px",
+    22: "22px"
+  },
+  borderRadius: {
+    none: "0",
+    "2xs": "4px",
+    xs: "8px",
+    sm: "12px",
+    md: "16px",
+    lg: "24px",
+    xl: "32px",
+    "2xl": "40px",
+    full: "9999px"
+  },
+  aspectRatio: {
+    "1/1": "1 / 1",
+    "4/3": "4 / 3",
+    "16/9": "16 / 9"
+  },
+  opacity: {
+    0: 0,
+    50: "50%",
+    100: "100%"
+  },
+  colors: {
+    "w-pink": "#F20282",
+    "w-blue": "#2b5dff",
+    "w-darkblue": "#162F80",
+    "w-black": "#222222",
+    "w-gray": "#6D7687",
+    "w-lightgray": "#C1C8D5",
+    "w-cultured": "#F4F7FF",
+    "w-ghost": "#FAFBFF",
+    "w-white": "#FFFFFF",
+    "w-red": "#F20003",
+    "w-warning": "#FFD167",
+    "w-pink-hover": "#E30C79",
+    "w-pink-outline-hover": "#FFF8FB",
+    "w-blue-hover": "#244FD9",
+    transparent: "transparent",
+    white: "#fff"
+  },
+  spacing: {
+    0: "0",
+    "2xs": "4px",
+    xs: "8px",
+    sm: "12px",
+    md: "16px",
+    lg: "24px",
+    xl: "32px",
+    "2xl": "40px"
+  },
+  boxShadow: {
+    surface: "0px 1px 3px rgba(0,0,0,0.1)"
+  },
+  dropShadow: {},
+  extend: {
+    aria: {
+      invalid: 'invalid="true"'
+    }
+  }
+}, l = {
+  darkMode: ["selector", "[class*='htw-dark']"],
+  prefix: "uikit-",
+  content: [
+    "./src/**/*.{vue,ts}",
+    "./lib/**/*.{vue,ts}",
+    "./stories/**/*.{story.vue,ts}"
+  ],
+  theme: p,
+  corePlugins: {
+    preflight: !1
+  },
+  plugins: [
+    o(function({ addUtilities: t }) {
+      t({
+        ".no-scrollbar": {
+          "-ms-overflow-style": "none",
+          scrollbarWidth: "none",
+          "&::-webkit-scrollbar": {
+            display: "none"
+          }
+        },
+        ".no-scrolling": {
+          overflow: "hidden",
+          "&::-webkit-scrollbar": {
+            backgroundColor: "rgb(180 194 240 / 0.7)"
+          }
+        },
+        ".container-xl": {
+          maxWidth: "1280px"
+        },
+        ".safe-bottom": {
+          paddingBottom: "env(safe-area-inset-bottom) !important"
+        },
+        ".visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within)": {
+          border: "0 !important",
+          clip: "rect(0, 0, 0, 0) !important",
+          height: "1px !important",
+          margin: "-1px !important",
+          overflow: "hidden !important",
+          padding: "0 !important",
+          "white-space": "nowrap !important",
+          width: "1px !important"
+        },
+        ".visually-hidden:not(caption), .visually-hidden-focusable:not(:focus):not(:focus-within):not(caption)": {
+          position: "absolute !important"
+        }
+      });
+    }),
+    i
+  ]
+};
+export {
+  l as default,
+  p as twTheme
+};