@wikicasa-dev/components 2.2.9-alpha.32 → 2.2.9-alpha.35

package/dist/UIKit/Tab/BaseTabList.js

@@ -1,4 +1,4 @@
-import f from "../../packages/components/lib/UIKit/Tab/BaseTabList.vue.js";
+import { _ as f } from "../../chunks/BaseTabList.vue_vue_type_script_setup_true_lang.BXvkXKbT.js";
 export {
   f as default
 };

package/dist/UIKit/Tab/BaseTabPanel.js

@@ -1,4 +1,4 @@
-import f from "../../packages/components/lib/UIKit/Tab/BaseTabPanel.vue.js";
+import { _ as f } from "../../chunks/BaseTabPanel.vue_vue_type_script_setup_true_lang.CM1ObHXU.js";
 export {
   f as default
 };

package/dist/UIKit/Tab/BaseTabView.js

@@ -1,4 +1,4 @@
-import f from "../../packages/components/lib/UIKit/Tab/BaseTabView.vue.js";
+import { _ as f } from "../../chunks/BaseTabView.vue_vue_type_script_setup_true_lang.BocXkfTw.js";
 export {
   f as default
 };

package/dist/assets/BaseInput.css

@@ -1 +1 @@
-.input-wrapper[data-v-919095a8]{--icon-default-size: 44px}.invalid-bg[data-v-919095a8]{--invalid-img: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMicgaGVpZ2h0PScxMicgZmlsbD0nbm9uZScgc3Ryb2tlPScjRkE0RjY0Jz48Y2lyY2xlIGN4PSc2JyBjeT0nNicgcj0nNC41Jy8+PHBhdGggc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCcgZD0nTTUuOCAzLjZoLjRMNiA2LjV6Jy8+PGNpcmNsZSBjeD0nNicgY3k9JzguMicgcj0nLjYnIGZpbGw9JyNGQTRGNjQnIHN0cm9rZT0nbm9uZScvPjwvc3ZnPg==);background-image:var(--invalid-img)}.valid-bg[data-v-919095a8]{--valid-img: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA4IDgnPjxwYXRoIGZpbGw9JyMyQjVERkYnIGQ9J00yLjMgNi43My42IDQuNTNjLS40LTEuMDQuNDYtMS40IDEuMS0uOGwxLjEgMS40IDMuNC0zLjhjLjYtLjYzIDEuNi0uMjcgMS4yLjdsLTQgNC42Yy0uNDMuNS0uOC40LTEuMS4xeicvPjwvc3ZnPg==);background-image:var(--valid-img)}.invalid-bg[data-v-919095a8],.valid-bg[data-v-919095a8]{background-position:top 10px right 12px;background-size:20px}.has-right-icon[data-v-919095a8]>label.inline-label{right:var(--icon-default-size)}.has-left-icon[data-v-919095a8]>label.inline-label{left:var(--icon-default-size)}[data-v-919095a8] .text-input-icon{position:absolute;z-index:20;box-sizing:border-box;--icon-size-sm: 16px;--icon-size-md: 20px;--icon-size-lg: 25px}[data-v-919095a8] .text-input-icon.left{left:5px}[data-v-919095a8] .text-input-icon.right{right:5px}[data-v-919095a8] .text-input-icon{--icon-top: 5px;--icon-size: var(--icon-size-sm);width:var(--icon-default-size);height:var(--icon-default-size);padding:calc((var(--icon-default-size) - var(--icon-size)) / 2);top:var(--icon-top)}[data-v-919095a8] .text-input-icon.md{--icon-size: var(--icon-size-md)}[data-v-919095a8] .text-input-icon.lg{--icon-top: 0;--icon-size: var(--icon-size-lg)}.under-label[data-v-919095a8]{left:4px;font-style:italic}
+.input-wrapper[data-v-0f9ebca6]{--icon-default-size: 44px}.invalid-bg[data-v-0f9ebca6]{--invalid-img: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMicgaGVpZ2h0PScxMicgZmlsbD0nbm9uZScgc3Ryb2tlPScjRkE0RjY0Jz48Y2lyY2xlIGN4PSc2JyBjeT0nNicgcj0nNC41Jy8+PHBhdGggc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCcgZD0nTTUuOCAzLjZoLjRMNiA2LjV6Jy8+PGNpcmNsZSBjeD0nNicgY3k9JzguMicgcj0nLjYnIGZpbGw9JyNGQTRGNjQnIHN0cm9rZT0nbm9uZScvPjwvc3ZnPg==);background-image:var(--invalid-img)}.valid-bg[data-v-0f9ebca6]{--valid-img: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA4IDgnPjxwYXRoIGZpbGw9JyMyQjVERkYnIGQ9J00yLjMgNi43My42IDQuNTNjLS40LTEuMDQuNDYtMS40IDEuMS0uOGwxLjEgMS40IDMuNC0zLjhjLjYtLjYzIDEuNi0uMjcgMS4yLjdsLTQgNC42Yy0uNDMuNS0uOC40LTEuMS4xeicvPjwvc3ZnPg==);background-image:var(--valid-img)}.invalid-bg[data-v-0f9ebca6],.valid-bg[data-v-0f9ebca6]{background-position:top 10px right 12px;background-size:20px}.has-right-icon[data-v-0f9ebca6]>label.inline-label{right:var(--icon-default-size)}.has-left-icon[data-v-0f9ebca6]>label.inline-label{left:var(--icon-default-size)}[data-v-0f9ebca6] .text-input-icon{position:absolute;z-index:20;box-sizing:border-box;--icon-size-sm: 16px;--icon-size-md: 20px;--icon-size-lg: 25px}[data-v-0f9ebca6] .text-input-icon.left{left:5px}[data-v-0f9ebca6] .text-input-icon.right{right:5px}[data-v-0f9ebca6] .text-input-icon{--icon-top: 5px;--icon-size: var(--icon-size-sm);width:var(--icon-default-size);height:var(--icon-default-size);padding:calc((var(--icon-default-size) - var(--icon-size)) / 2);top:var(--icon-top)}[data-v-0f9ebca6] .text-input-icon.md{--icon-size: var(--icon-size-md)}[data-v-0f9ebca6] .text-input-icon.lg{--icon-top: 0;--icon-size: var(--icon-size-lg)}.under-label[data-v-0f9ebca6]{left:4px;font-style:italic}

package/dist/assets/SwiperCarousel.css

@@ -1 +1 @@
-.swiper-pagination-bullet{--swiper-pagination-color: #ccc }.swiper-pagination-bullet-active{--swiper-pagination-color: #fff }
+:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>img,.swiper-zoom-container>svg,.swiper-zoom-container>canvas{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper-pagination-bullet{--swiper-pagination-color: #ccc }.swiper-pagination-bullet-active{--swiper-pagination-color: #fff }.no-transition[data-v-1ea2f6ce]{transition-duration:0ms!important}.disable-select[data-v-1ea2f6ce]{-webkit-user-select:none;-moz-user-select:none;user-select:none}.swiper-button-disabled[data-v-1ea2f6ce]{pointer-events:auto!important}

package/dist/chart/DoughnutChart.js

@@ -1,4 +1,4 @@
-import f from "../packages/components/lib/chart/DoughnutChart.vue.js";
+import { _ as f } from "../chunks/DoughnutChart.vue_vue_type_script_setup_true_lang.yALl_gpB.js";
 export {
   f as default
 };

package/dist/chart/LineChart.js

@@ -1,4 +1,4 @@
-import f from "../packages/components/lib/chart/LineChart.vue.js";
+import { _ as f } from "../chunks/LineChart.vue_vue_type_script_setup_true_lang.Df20jEOd.js";
 export {
   f as default
 };

package/dist/{packages/components/lib/UIKit/AccessibleSelect.vue.js → chunks/AccessibleSelect.vue_vue_type_style_index_0_lang.DWwkWpAC.js}

@@ -1,8 +1,7 @@
-import { defineComponent as B, mergeModels as y, useModel as p, useId as F, useTemplateRef as I, computed as C, watch as z, createElementBlock as n, openBlock as a, createVNode as $, createCommentVNode as d, normalizeClass as o, withCtx as x, Fragment as g, renderList as E, withModifiers as f, createElementVNode as s, renderSlot as N, createBlock as P, unref as M } from "vue";
-import { WarningIconRounded as A, ArrowIcon as R } from "@wikicasa-dev/svg-icons";
-import q from "./BaseDropDown.vue.js";
-import '../../../../assets/BaseDropDown.css';/* empty css                  */
-const S = { class: "uikit-relative uikit-flex uikit-h-12 uikit-items-center" }, j = ["id", "innerHTML"], K = ["onClick"], U = ["id", "data-cy", "aria-required", "aria-controls", "aria-labelledby", "aria-expanded", "aria-activedescendant", "aria-invalid", "aria-describedby", "onClick"], W = ["innerHTML"], D = { class: "uikit-pointer-events-none uikit-mt-1 uikit-inline-flex" }, G = ["innerHTML"], J = ["id", "aria-selected", "onClick", "onMouseover"], O = { class: "uikit-inline-block uikit-cursor-pointer uikit-text-sm" }, Q = ["name", "checked", "onInput"], X = ["innerHTML"], Y = ["id", "arial-live", "innerHTML"], Z = ["id", "arial-live", "innerHTML"], le = /* @__PURE__ */ B({
+import { defineComponent as B, mergeModels as y, useModel as p, useId as F, useTemplateRef as z, computed as C, watch as I, createElementBlock as o, openBlock as l, createVNode as $, createCommentVNode as r, normalizeClass as s, withCtx as x, Fragment as g, renderList as N, withModifiers as f, createElementVNode as u, renderSlot as P, createBlock as A, unref as M } from "vue";
+import { WarningIconRounded as E, ArrowIcon as R } from "@wikicasa-dev/svg-icons";
+import { _ as S } from "./BaseDropDown.vue_vue_type_style_index_0_lang.z4eFD2_f.js";
+import '../assets/AccessibleSelect.css';const q = { class: "uikit-relative uikit-flex uikit-h-12 uikit-items-center" }, K = ["id", "innerHTML"], j = ["onClick"], U = ["id", "data-cy", "aria-required", "aria-controls", "aria-labelledby", "aria-expanded", "aria-activedescendant", "aria-invalid", "aria-describedby", "onClick", "onKeydown"], W = ["innerHTML"], D = { class: "uikit-pointer-events-none uikit-mt-1 uikit-inline-flex" }, G = ["innerHTML"], J = ["id", "aria-selected", "onClick", "onMouseover"], O = { class: "uikit-inline-block uikit-cursor-pointer uikit-text-sm" }, Q = ["name", "checked", "onInput"], X = ["innerHTML"], Y = ["id", "arial-live", "innerHTML"], Z = ["id", "arial-live", "innerHTML"], te = /* @__PURE__ */ B({
   __name: "AccessibleSelect",
   props: /* @__PURE__ */ y({
     label: { default: "" },
@@ -33,20 +32,20 @@ const S = { class: "uikit-relative uikit-flex uikit-h-12 uikit-items-center" },
   }),
   emits: /* @__PURE__ */ y(["click", "update:dropdownState"], ["update:modelValue", "update:open"]),
   setup(e, { emit: V }) {
-    const T = V, r = p(e, "modelValue"), m = p(e, "open"), L = F(), H = I("dropdownRef"), t = C(() => e.namespace || L), v = C(() => !!r.value.label), w = (i) => {
-      m.value = !1, r.value = i;
+    const T = V, k = p(e, "modelValue"), m = p(e, "open"), L = F(), H = z("dropdownRef"), t = C(() => e.namespace || L), w = C(() => !!k.value.label), h = (i) => {
+      m.value = !1, k.value = i;
     };
-    return z(
+    return I(
       () => H.value?.selectedIdx,
       (i) => {
-        i === void 0 || i === -1 || (w(e.options[i]), m.value = !1);
+        i === void 0 || i === -1 || (h(e.options[i]), m.value = !1);
       }
-    ), (i, k) => (a(), n("div", null, [
-      $(q, {
+    ), (i, v) => (l(), o("div", null, [
+      $(S, {
         ref: "dropdownRef",
         open: m.value,
-        "onUpdate:open": k[2] || (k[2] = (c) => m.value = c),
-        class: o([e.wrapperClasses]),
+        "onUpdate:open": v[1] || (v[1] = (d) => m.value = d),
+        class: s([e.wrapperClasses]),
         "activate-keyboard-controller": "",
         "close-when-clicked-outside": e.closeOnBodyPressed,
         direction: e.dropdownPosition === "top" ? "up" : "down",
@@ -61,71 +60,71 @@ const S = { class: "uikit-relative uikit-flex uikit-h-12 uikit-items-center" },
           "aria-multiselectable": !1
         }
       }, {
-        btn_slot: x(({ toggleDropdown: c, isOpen: b, activeIdx: u }) => [
-          s("div", S, [
-            e.label ? (a(), n("label", {
+        btn_slot: x(({ toggleDropdown: d, isOpen: b, activeIdx: a, setSelectedIdx: c }) => [
+          u("div", q, [
+            e.label ? (l(), o("label", {
               key: 0,
               id: `${t.value}_label`,
-              class: o(["uikit-pointer-events-none uikit-absolute uikit-z-10 uikit-text-sm uikit-font-medium uikit-transition-all uikit-ease-in-out", [
-                v.value ? "as-floating -uikit-top-1 uikit-left-[22px] uikit-text-w-black" : "as-inline uikit-top-4 uikit-text-w-gray",
+              class: s(["uikit-pointer-events-none uikit-absolute uikit-z-10 uikit-text-sm uikit-font-medium uikit-transition-all uikit-ease-in-out", [
+                w.value ? "as-floating -uikit-top-1 uikit-left-[22px] uikit-text-w-black" : "as-inline uikit-top-4 uikit-text-w-gray",
                 e.labelClasses,
-                { "uikit-left-9": i.$slots.lefticon && !v.value },
-                { "uikit-left-4": !i.$slots.lefticon && !v.value }
+                { "uikit-left-9": i.$slots.lefticon && !w.value },
+                { "uikit-left-4": !i.$slots.lefticon && !w.value }
               ]]),
               innerHTML: e.label
-            }, null, 10, j)) : d("", !0),
-            i.$slots.lefticon ? (a(), n("span", {
+            }, null, 10, K)) : r("", !0),
+            i.$slots.lefticon ? (l(), o("span", {
               key: 1,
               class: "uikit-z-20 uikit-mt-2 uikit-pl-2",
-              onClick: f((l) => c(), ["stop"])
+              onClick: f((n) => d(), ["stop"])
             }, [
-              N(i.$slots, "lefticon")
-            ], 8, K)) : d("", !0),
-            s("button", {
+              P(i.$slots, "lefticon")
+            ], 8, j)) : r("", !0),
+            u("button", {
               id: `${t.value}_btn`,
               ref: "btnEl",
               type: "button",
               "data-cy": e.dataCy,
-              class: o(["uikit-peer uikit-relative uikit-z-10 uikit-flex uikit-h-full uikit-w-full uikit-items-center uikit-justify-between uikit-truncate uikit-border-0 uikit-bg-transparent uikit-pr-4 uikit-text-left focus-visible:uikit-outline-0", [i.$slots.lefticon ? "uikit-pl-2" : "uikit-pl-4", e.btnClasses]]),
+              class: s(["uikit-peer uikit-relative uikit-z-10 uikit-flex uikit-h-full uikit-w-full uikit-items-center uikit-justify-between uikit-truncate uikit-border-0 uikit-bg-transparent uikit-pr-4 uikit-text-left focus-visible:uikit-outline-0", [i.$slots.lefticon ? "uikit-pl-2" : "uikit-pl-4", e.btnClasses]]),
               "aria-required": !!i.$attrs.required,
               role: "combobox",
               "aria-haspopup": "listbox",
               "aria-controls": `${t.value}_dropdown`,
               "aria-labelledby": `${t.value}_label ${t.value}_btn`,
               "aria-expanded": b,
-              "aria-activedescendant": u >= 0 && b ? `${t.value}_element_${e.options[u].label}` : "",
+              "aria-activedescendant": a >= 0 && b ? `${t.value}_element_${e.options[a].label}` : "",
               "aria-invalid": e.isValid === !1,
               "aria-describedby": e.isValid === !1 ? `${t.value}_invalid_msg` : void 0,
-              onClick: (l) => {
-                c(), T("click", l);
+              onClick: (n) => {
+                d(), T("click", n);
               },
-              onKeydown: k[0] || (k[0] = (l) => {
-                ["Enter", "Enter"].includes(l.key) && l.stopPropagation();
-              })
+              onKeydown: (n) => {
+                ["Enter", "Space"].includes(n.key) && (n.preventDefault(), n.stopPropagation(), c(a), d());
+              }
             }, [
-              s("span", {
-                class: o(["uikit-pointer-events-none uikit-mt-1", e.btnTextClasses]),
-                innerHTML: r.value?.visibleLabel || r.value?.label
+              u("span", {
+                class: s(["uikit-pointer-events-none uikit-mt-1", e.btnTextClasses]),
+                innerHTML: k.value?.visibleLabel || k.value?.label
               }, null, 10, W),
-              s("span", D, [
-                e.isValid == !1 ? (a(), P(M(A), {
+              u("span", D, [
+                e.isValid == !1 ? (l(), A(M(E), {
                   key: 0,
                   class: "uikit-mr-1",
                   width: 20,
                   height: 20,
                   "stroke-color": "#FA4F64"
-                })) : d("", !0),
+                })) : r("", !0),
                 $(M(R), {
-                  class: o(["uikit-transition-transform motion-reduce:uikit-transition-none", [b ? "uikit-rotate-180" : "", e.arrowIcon?.classes]]),
+                  class: s(["uikit-transition-transform motion-reduce:uikit-transition-none", [b ? "uikit-rotate-180" : "", e.arrowIcon?.classes]]),
                   width: e.arrowIcon?.width ?? 18,
                   height: e.arrowIcon?.height ?? 18,
                   "stroke-color": e.isValid ? "#2B5DFF" : e.isValid === !1 ? "#FA4F64" : e.arrowIcon?.strokeColor ?? "#222"
                 }, null, 8, ["class", "width", "height", "stroke-color"])
               ])
             ], 42, U),
-            s("fieldset", {
+            u("fieldset", {
               "aria-hidden": "true",
-              class: o(["uikit-pointer-events-none uikit-absolute uikit-bottom-0 uikit-left-0 uikit-right-0 uikit-m-0 uikit-box-border uikit-h-12 uikit-cursor-pointer uikit-rounded-xs uikit-bg-white uikit-px-2 uikit-py-0 peer-focus:uikit-border-2", [
+              class: s(["uikit-pointer-events-none uikit-absolute uikit-bottom-0 uikit-left-0 uikit-right-0 uikit-m-0 uikit-box-border uikit-h-12 uikit-cursor-pointer uikit-rounded-xs uikit-bg-white uikit-px-2 uikit-py-0 peer-focus:uikit-border-2", [
                 e.fieldsetClasses,
                 e.isValid ? "uikit-border-w-primary" : e.isValid === !1 ? "uikit-border-w-danger" : "uikit-border-w-secondary",
                 {
@@ -134,68 +133,68 @@ const S = { class: "uikit-relative uikit-flex uikit-h-12 uikit-items-center" },
                 { "uikit-border-0 peer-focus:uikit-border-0": !e.border }
               ]])
             }, [
-              s("legend", {
-                class: o([[e.legendClasses, { "uikit-m-0 uikit-w-0": !e.label }], "uikit-ml-2 uikit-h-3 uikit-px-0 uikit-text-sm"])
+              u("legend", {
+                class: s([[e.legendClasses, { "uikit-m-0 uikit-w-0": !e.label }], "uikit-ml-2 uikit-h-3 uikit-px-0 uikit-text-sm"])
               }, [
-                e.label ? (a(), n("span", {
+                e.label ? (l(), o("span", {
                   key: 0,
-                  class: o(["uikit-mx-5px", [
-                    r.value.label ? "uikit-invisible" : "uikit-hidden"
+                  class: s(["uikit-mx-5px", [
+                    k.value.label ? "uikit-invisible" : "uikit-hidden"
                   ]]),
                   innerHTML: e.label
-                }, null, 10, G)) : d("", !0)
+                }, null, 10, G)) : r("", !0)
               ], 2)
             ], 2)
           ])
         ]),
-        default: x(({ activeIdx: c, setActiveIdx: b }) => [
-          (a(!0), n(g, null, E(e.options, (u, l) => (a(), n("li", {
-            id: `${t.value}_element_${e.options[l].label}`,
-            key: `${u.label}_${l}`,
+        default: x(({ activeIdx: d, setActiveIdx: b }) => [
+          (l(!0), o(g, null, N(e.options, (a, c) => (l(), o("li", {
+            id: `${t.value}_element_${e.options[c].label}`,
+            key: `${a.label}_${c}`,
             role: "option",
-            "aria-selected": c === l,
-            class: o(["uikit-m-1 uikit-cursor-pointer uikit-px-20px uikit-py-10px uikit-text aria-selected:uikit-rounded-xs aria-selected:uikit-bg-w-cultured", e.dropdownItemClasses]),
-            onClick: f((h) => w(u), ["stop"]),
-            onMouseover: f((h) => b(l), ["stop"]),
-            onBlur: k[1] || (k[1] = f(() => {
+            "aria-selected": d === c,
+            class: s(["uikit-m-1 uikit-cursor-pointer uikit-px-20px uikit-py-10px uikit-text aria-selected:uikit-rounded-xs aria-selected:uikit-bg-w-cultured", e.dropdownItemClasses]),
+            onClick: f((n) => h(a), ["stop"]),
+            onMouseover: f((n) => b(c), ["stop"]),
+            onBlur: v[0] || (v[0] = f(() => {
             }, ["stop"]))
           }, [
-            s("label", O, [
-              s("input", {
+            u("label", O, [
+              u("input", {
                 tabindex: "-1",
                 class: "uikit-m-0 uikit-appearance-none",
                 name: `${t.value}_radio`,
                 type: "radio",
-                checked: u.label === r.value.label,
-                onInput: f((h) => w(u), ["stop"])
+                checked: a.label === k.value.label,
+                onInput: f((n) => h(a), ["stop"])
               }, null, 40, Q),
-              s("span", {
-                innerHTML: u.label
+              u("span", {
+                innerHTML: a.label
               }, null, 8, X)
             ])
           ], 42, J))), 128))
         ]),
         _: 3
       }, 8, ["open", "class", "close-when-clicked-outside", "direction", "dropdown-classes"]),
-      e.feedback ? (a(), n(g, { key: 0 }, [
-        e.feedback.valid ? (a(), n("span", {
+      e.feedback ? (l(), o(g, { key: 0 }, [
+        e.feedback.valid ? (l(), o("span", {
           key: 0,
           id: `${t.value}_valid_msg`,
           "arial-live": i.$attrs["aria-live"],
           class: "uikit-mt-1 uikit-inline-block uikit-text-12",
           innerHTML: e.isValid ? e.feedback.valid : ""
-        }, null, 8, Y)) : d("", !0),
-        e.feedback.invalid ? (a(), n("span", {
+        }, null, 8, Y)) : r("", !0),
+        e.feedback.invalid ? (l(), o("span", {
           key: 1,
           id: `${t.value}_invalid_msg`,
           "arial-live": i.$attrs["aria-live"],
           class: "uikit-mt-1 uikit-inline-block uikit-text-12 uikit-text-w-danger",
           innerHTML: e.isValid === !1 ? e.feedback.invalid : ""
-        }, null, 8, Z)) : d("", !0)
-      ], 64)) : d("", !0)
+        }, null, 8, Z)) : r("", !0)
+      ], 64)) : r("", !0)
     ]));
   }
 });
 export {
-  le as default
+  te as _
 };

package/dist/{packages/components/lib/UIKit/Accordion/BaseAccordion.vue.js → chunks/BaseAccordion.vue_vue_type_script_setup_true_lang.Qp6BrYox.js}

@@ -1,8 +1,8 @@
-import { defineComponent as i, mergeModels as d, useModel as r, provide as u, createBlock as n, openBlock as s, unref as p, withCtx as m, renderSlot as c } from "vue";
+import { defineComponent as i, mergeModels as r, useModel as d, provide as n, createBlock as s, openBlock as u, unref as p, withCtx as m, renderSlot as c } from "vue";
 import { AccordionRoot as f } from "reka-ui";
 const b = /* @__PURE__ */ i({
   __name: "BaseAccordion",
-  props: /* @__PURE__ */ d({
+  props: /* @__PURE__ */ r({
     collapsible: { type: Boolean },
     type: {}
   }, {
@@ -11,8 +11,8 @@ const b = /* @__PURE__ */ i({
   }),
   emits: ["update:modelValue"],
   setup(t) {
-    const e = r(t, "modelValue");
-    return u("isActive", (l) => typeof e.value == "string" ? e.value === l : !!e.value?.find((o) => o === l)), (l, o) => (s(), n(p(f), {
+    const e = d(t, "modelValue");
+    return n("isActive", (l) => typeof e.value == "string" ? e.value === l : !!e.value?.find((o) => o === l)), (l, o) => (u(), s(p(f), {
       collapsible: t.collapsible,
       type: t.type,
       modelValue: e.value,
@@ -26,5 +26,5 @@ const b = /* @__PURE__ */ i({
   }
 });
 export {
-  b as default
+  b as _
 };

package/dist/{packages/components/lib/UIKit/Accordion/BaseAccordionBtn.vue.js → chunks/BaseAccordionBtn.vue_vue_type_script_setup_true_lang.CL5zNPzY.js}

@@ -1,6 +1,6 @@
-import { defineComponent as l, createElementBlock as s, openBlock as d, normalizeClass as n, renderSlot as i, createElementVNode as u, withModifiers as k, createVNode as m, unref as f } from "vue";
+import { defineComponent as s, createElementBlock as l, openBlock as d, normalizeClass as n, renderSlot as i, createElementVNode as u, withModifiers as k, createVNode as m, unref as f } from "vue";
 import { ArrowIcon as g } from "@wikicasa-dev/svg-icons";
-const C = ["id"], w = ["aria-expanded", "aria-controls"], b = /* @__PURE__ */ l({
+const C = ["id"], w = ["aria-expanded", "aria-controls"], b = /* @__PURE__ */ s({
   inheritAttrs: !1,
   __name: "BaseAccordionBtn",
   props: {
@@ -14,7 +14,7 @@ const C = ["id"], w = ["aria-expanded", "aria-controls"], b = /* @__PURE__ */ l(
   emits: ["click"],
   setup(t, { emit: r }) {
     const a = r;
-    return (o, e) => (d(), s("div", {
+    return (o, e) => (d(), l("div", {
       id: `${t.id}`,
       class: n(["uikit-flex uikit-items-center uikit-justify-around", [
         o.$attrs["btn-wrapper-classes"],
@@ -55,5 +55,5 @@ const C = ["id"], w = ["aria-expanded", "aria-controls"], b = /* @__PURE__ */ l(
   }
 });
 export {
-  b as default
+  b as _
 };

package/dist/{packages/components/lib/UIKit/Accordion/BaseAccordionContent.vue.js → chunks/BaseAccordionContent.vue_vue_type_script_setup_true_lang.BqjzG2As.js}

@@ -1,5 +1,5 @@
-import { defineComponent as n, createElementBlock as a, openBlock as c, normalizeClass as o, renderSlot as t, createElementVNode as d } from "vue";
-const s = ["id", "aria-labelledby"], u = /* @__PURE__ */ n({
+import { defineComponent as t, createElementBlock as a, openBlock as c, normalizeClass as o, renderSlot as n, createElementVNode as d } from "vue";
+const s = ["id", "aria-labelledby"], u = /* @__PURE__ */ t({
   __name: "BaseAccordionContent",
   props: {
     id: {},
@@ -19,16 +19,16 @@ const s = ["id", "aria-labelledby"], u = /* @__PURE__ */ n({
         e.$attrs["accordion-classes"]
       ]])
     }, [
-      t(e.$slots, "custom-accordion-content", { isOpen: i.accordionOpen }, () => [
+      n(e.$slots, "custom-accordion-content", { isOpen: i.accordionOpen }, () => [
         d("div", {
           class: o(["uikit-overflow-hidden", i.accordionContentClasses])
         }, [
-          t(e.$slots, "default", { isOpen: i.accordionOpen })
+          n(e.$slots, "default", { isOpen: i.accordionOpen })
         ], 2)
       ])
     ], 10, s));
   }
 });
 export {
-  u as default
+  u as _
 };

package/dist/{packages/components/lib/UIKit/Accordion/BaseAccordionItem.vue.js → chunks/BaseAccordionItem.vue_vue_type_style_index_0_lang.DwEHSyBO.js}

@@ -1,7 +1,7 @@
-import { defineComponent as n, inject as c, createBlock as u, openBlock as d, unref as t, withCtx as a, createVNode as s, normalizeClass as r, renderSlot as l, createTextVNode as f, toDisplayString as k } from "vue";
+import { defineComponent as n, inject as c, createBlock as u, openBlock as d, unref as t, withCtx as a, createVNode as s, normalizeClass as r, renderSlot as l, createTextVNode as k, toDisplayString as f } from "vue";
 import { AccordionItem as h, AccordionHeader as m, AccordionTrigger as g, AccordionContent as w } from "reka-ui";
 import { ArrowIcon as C } from "@wikicasa-dev/svg-icons";
-const b = /* @__PURE__ */ n({
+import '../assets/BaseAccordionItem.css';const b = /* @__PURE__ */ n({
   __name: "BaseAccordionItem",
   props: {
     title: {},
@@ -44,7 +44,7 @@ const b = /* @__PURE__ */ n({
                 l(i.$slots, "trigger", {
                   active: t(o)(e.value)
                 }, () => [
-                  f(k(e.title) + " ", 1),
+                  k(f(e.title) + " ", 1),
                   s(t(C), {
                     class: r(["uikit-flex-shrink-0 uikit-transition-transform motion-reduce:uikit-transition-none", [t(o)(e.value) ? "uikit-rotate-180" : "", e.arrowClasses]]),
                     "arrow-classes": e.arrowClasses,
@@ -75,5 +75,5 @@ const b = /* @__PURE__ */ n({
   }
 });
 export {
-  b as default
+  b as _
 };

package/dist/chunks/BaseAlert.vue_vue_type_style_index_0_lang.BVR-COlL.js

@@ -0,0 +1,19 @@
+import { defineComponent as r, createElementBlock as s, openBlock as a, normalizeClass as l, renderSlot as o } from "vue";
+import '../assets/BaseAlert.css';const n = ["id"], c = /* @__PURE__ */ r({
+  __name: "BaseAlert",
+  props: {
+    alertClass: { default: "" }
+  },
+  setup(t) {
+    return (e, i) => (a(), s("div", {
+      id: e.$attrs.id,
+      class: l(["uikit-alert", t.alertClass]),
+      role: "alert"
+    }, [
+      o(e.$slots, "default")
+    ], 10, n));
+  }
+});
+export {
+  c as _
+};

package/dist/{packages/components/lib/UIKit/BaseAutocomplete.vue.js → chunks/BaseAutocomplete.vue_vue_type_style_index_0_lang.BW_JCkOV.js}

@@ -1,11 +1,10 @@
 import { defineComponent as x, mergeModels as $, useModel as F, ref as d, computed as k, onBeforeMount as L, watch as f, createBlock as g, openBlock as w, normalizeClass as H, withCtx as c, createElementBlock as K, Fragment as T, renderList as z, unref as N, renderSlot as p, createElementVNode as U, createVNode as A } from "vue";
-import W from "../../../../UIKit/BaseInput.js";
-import j from "./BaseDropDown.vue.js";
-import '../../../../assets/BaseDropDown.css';/* empty css                  */
+import W from "../UIKit/BaseInput.js";
+import { _ as j } from "./BaseDropDown.vue_vue_type_style_index_0_lang.z4eFD2_f.js";
 import { debounce as q } from "@wikicasa-dev/utilities";
-import G from "./BaseSelect/SelectItem.vue.js";
+import { _ as G } from "./SelectItem.vue_vue_type_script_setup_true_lang.DvQ4ZKvE.js";
 import { useKeyboardController as J } from "@wikicasa-dev/vue-composables";
-const Q = ["innerHTML"], ne = /* @__PURE__ */ x({
+import '../assets/BaseAutocomplete.css';const Q = ["innerHTML"], le = /* @__PURE__ */ x({
   __name: "BaseAutocomplete",
   props: /* @__PURE__ */ $({
     isValid: { type: [Boolean, null], default: null },
@@ -31,7 +30,7 @@ const Q = ["innerHTML"], ne = /* @__PURE__ */ x({
   }),
   emits: /* @__PURE__ */ $(["update:dropdownState", "changedValue", "click", "keydown", "keydownEnterPressed"], ["update:modelValue"]),
   setup(t, { expose: V, emit: B }) {
-    const u = F(t, "modelValue"), r = B, i = d(""), a = d([]), v = d(null), b = d(!1), n = d(!1), C = d(null), S = k(() => a.value.length);
+    const u = F(t, "modelValue"), r = B, i = d(""), o = d([]), v = d(null), b = d(!1), n = d(!1), C = d(null), S = k(() => o.value.length);
     L(() => {
       v.value = q({ delay: 300 }, t.onInputChangeCb);
     });
@@ -76,15 +75,15 @@ const Q = ["innerHTML"], ne = /* @__PURE__ */ x({
     }), D = async (e) => {
       if (i.value !== e && (r("changedValue", e), i.value = e, !!t.onInputChangeCb)) {
         if (!e || b.value) {
-          a.value = [], b.value = !1, h.value = -1, m.value = -1, u.value && (u.value.label = ""), n.value = !1, await v.value(null);
+          o.value = [], b.value = !1, h.value = -1, m.value = -1, u.value && (u.value.label = ""), n.value = !1, await v.value(null);
           return;
         }
-        t.disableCb || (a.value = await v.value(e), n.value = !!a.value.length);
+        t.disableCb || (o.value = await v.value(e), n.value = !!o.value.length);
       }
     }, y = (e, l) => {
-      t.onOptionSelectedCb && t.onOptionSelectedCb(e), t.cleanupOnClose && (a.value = []), b.value = !0, i.value = e.label, u.value = e, n.value = !1, h.value = l;
+      t.onOptionSelectedCb && t.onOptionSelectedCb(e), t.cleanupOnClose && (o.value = []), b.value = !0, i.value = e.label, u.value = e, n.value = !1, h.value = l;
     }, E = () => {
-      a.value.length && t.keepState !== "closed" && (n.value = !0);
+      o.value.length && t.keepState !== "closed" && (n.value = !0);
     };
     return f(
       u,
@@ -93,13 +92,13 @@ const Q = ["innerHTML"], ne = /* @__PURE__ */ x({
       },
       { immediate: !0 }
     ), f(h, (e) => {
-      if (e === -1 || !a.value.length) return;
-      const l = a.value[e];
+      if (e === -1 || !o.value.length) return;
+      const l = o.value[e];
       b.value && l.label === u.value?.label || y(l, e);
     }), f(
       () => t.keepState,
       (e) => {
-        e === "closed" ? (n.value = !1, t.cleanupOnClose && (a.value = [])) : e === "open" && a.value.length && (n.value = !0);
+        e === "closed" ? (n.value = !1, t.cleanupOnClose && (o.value = [])) : e === "open" && o.value.length && (n.value = !0);
       }
     ), f(n, (e) => {
       r("update:dropdownState", e);
@@ -123,11 +122,11 @@ const Q = ["innerHTML"], ne = /* @__PURE__ */ x({
         t.dropdownClasses
       ],
       "open-dropdown": n.value,
-      "keep-state": !a.value.length || t.keepState === "closed" ? "closed" : "opened",
+      "keep-state": !o.value.length || t.keepState === "closed" ? "closed" : "opened",
       "close-when-clicked-outside": t.closeDropdownOnBodyPressed,
       "activate-keyboard-controller": !1,
-      "onUpdate:open": l[3] || (l[3] = (o) => n.value = o),
-      onClick: l[4] || (l[4] = (o) => {
+      "onUpdate:open": l[3] || (l[3] = (a) => n.value = a),
+      onClick: l[4] || (l[4] = (a) => {
         r("click"), E();
       })
     }, {
@@ -150,34 +149,34 @@ const Q = ["innerHTML"], ne = /* @__PURE__ */ x({
             "!uikit-ml-0 !uikit-w-full"
           ],
           "fieldset-classes": [I.value, t.fieldsetClasses],
-          "onUpdate:modelValue": l[0] || (l[0] = (o) => D(o === void 0 ? "" : `${o}`)),
-          onKeydown: l[1] || (l[1] = (o) => r("keydown", o)),
+          "onUpdate:modelValue": l[0] || (l[0] = (a) => D(a === void 0 ? "" : `${a}`)),
+          onKeydown: l[1] || (l[1] = (a) => r("keydown", a)),
           onKeydownEnterPressed: l[2] || (l[2] = () => r("keydownEnterPressed"))
         }, {
           leftIcon: c(() => [
             p(e.$slots, "lefticon")
           ]),
-          righticon: c(({ handleClean: o }) => [
-            p(e.$slots, "righticon", { handleClean: o })
+          righticon: c(({ handleClean: a }) => [
+            p(e.$slots, "righticon", { handleClean: a })
           ]),
           _: 3
         }, 8, ["id", "data-cy", "label-text", "model-value", "is-valid", "disabled", "placeholder", "with-left-icon", "with-right-icon", "input-class", "fieldset-classes"])
       ]),
       default: c(() => [
-        (w(!0), K(T, null, z(a.value, (o, s) => (w(), g(G, {
+        (w(!0), K(T, null, z(o.value, (a, s) => (w(), g(G, {
           key: s,
           active: N(m) === s,
           class: "uikit-m-1 uikit-rounded-[5px] uikit-px-5 uikit-py-10px hover:uikit-cursor-pointer",
-          onClick: (P) => y(o, s),
+          onClick: (P) => y(a, s),
           onMouseover: (P) => m.value = s
         }, {
           default: c(() => [
             p(e.$slots, "option-content", {
-              option: o,
+              option: a,
               idx: s
             }, () => [
               U("span", {
-                innerHTML: o.label
+                innerHTML: a.label
               }, null, 8, Q)
             ])
           ]),
@@ -189,5 +188,5 @@ const Q = ["innerHTML"], ne = /* @__PURE__ */ x({
   }
 });
 export {
-  ne as default
+  le as _
 };

package/dist/{packages/components/lib/UIKit/BaseBadge.vue.js → chunks/BaseBadge.vue_vue_type_style_index_0_lang.BnYtlFXq.js}

@@ -1,18 +1,18 @@
-import { defineComponent as a, createElementBlock as t, openBlock as o, normalizeClass as r, renderSlot as d } from "vue";
-const i = ["id"], m = /* @__PURE__ */ a({
+import { defineComponent as a, createElementBlock as t, openBlock as o, normalizeClass as r, renderSlot as i } from "vue";
+import '../assets/BaseBadge.css';const d = ["id"], m = /* @__PURE__ */ a({
   __name: "BaseBadge",
   props: {
     badgeClass: { default: "uikit-badge-w-primary-sm" }
   },
   setup(s) {
-    return (e, l) => (o(), t("span", {
+    return (e, n) => (o(), t("span", {
       id: e.$attrs.id,
       class: r(["uikit-badge uikit-shadow-sm", s.badgeClass, e.$attrs.class])
     }, [
-      d(e.$slots, "default")
-    ], 10, i));
+      i(e.$slots, "default")
+    ], 10, d));
   }
 });
 export {
-  m as default
+  m as _
 };