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

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

@@ -1,5 +1,5 @@
-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({
+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({
   __name: "BaseAccordionContent",
   props: {
     id: {},
@@ -19,16 +19,16 @@ const s = ["id", "aria-labelledby"], u = /* @__PURE__ */ t({
         e.$attrs["accordion-classes"]
       ]])
     }, [
-      n(e.$slots, "custom-accordion-content", { isOpen: i.accordionOpen }, () => [
+      t(e.$slots, "custom-accordion-content", { isOpen: i.accordionOpen }, () => [
         d("div", {
           class: o(["uikit-overflow-hidden", i.accordionContentClasses])
         }, [
-          n(e.$slots, "default", { isOpen: i.accordionOpen })
+          t(e.$slots, "default", { isOpen: i.accordionOpen })
         ], 2)
       ])
     ], 10, s));
   }
 });
 export {
-  u as _
+  u as default
 };

package/dist/{chunks/BaseAccordionItem.vue_vue_type_style_index_0_lang.DwEHSyBO.js → packages/components/lib/UIKit/Accordion/BaseAccordionItem.vue.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 k, toDisplayString as f } 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 f, toDisplayString as k } 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";
-import '../assets/BaseAccordionItem.css';const b = /* @__PURE__ */ n({
+const b = /* @__PURE__ */ n({
   __name: "BaseAccordionItem",
   props: {
     title: {},
@@ -44,7 +44,7 @@ import '../assets/BaseAccordionItem.css';const b = /* @__PURE__ */ n({
                 l(i.$slots, "trigger", {
                   active: t(o)(e.value)
                 }, () => [
-                  k(f(e.title) + " ", 1),
+                  f(k(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 @@ import '../assets/BaseAccordionItem.css';const b = /* @__PURE__ */ n({
   }
 });
 export {
-  b as _
+  b as default
 };

package/dist/{chunks/ClearableAutocomplete.vue_vue_type_style_index_0_lang.DUOBcBPN.js → packages/components/lib/UIKit/Autocomplete/ClearableAutocomplete.vue.js}

@@ -1,8 +1,9 @@
 import { defineComponent as P, mergeModels as O, useModel as B, useId as X, useTemplateRef as d, shallowRef as c, onBeforeMount as j, watch as T, nextTick as q, createBlock as V, openBlock as g, withCtx as S, createElementBlock as G, Fragment as J, renderList as Q, renderSlot as C, createElementVNode as s, normalizeClass as f, withDirectives as W, unref as Y, vModelText as Z, toDisplayString as _, withModifiers as ee, normalizeStyle as te, createTextVNode as le, vShow as ne } from "vue";
-import { _ as oe } from "./BaseDropDown.vue_vue_type_style_index_0_lang.z4eFD2_f.js";
-import { _ as ae } from "./SelectItem.vue_vue_type_script_setup_true_lang.DvQ4ZKvE.js";
+import oe from "../BaseDropDown.vue.js";
+/* empty css                   */
+import ae from "../BaseSelect/SelectItem.vue.js";
 import { debounce as ie } from "@wikicasa-dev/utilities";
-import '../assets/ClearableAutocomplete.css';const ue = ["id", "data-cy", "placeholder"], se = ["innerHTML"], ve = /* @__PURE__ */ P({
+const ue = ["id", "data-cy", "placeholder"], se = ["innerHTML"], ke = /* @__PURE__ */ P({
   __name: "ClearableAutocomplete",
   props: /* @__PURE__ */ O({
     dataCy: {},
@@ -182,5 +183,5 @@ import '../assets/ClearableAutocomplete.css';const ue = ["id", "data-cy", "place
   }
 });
 export {
-  ve as _
+  ke as default
 };

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

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

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

@@ -1,10 +1,11 @@
 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 { _ as j } from "./BaseDropDown.vue_vue_type_style_index_0_lang.z4eFD2_f.js";
+import W from "../../../../UIKit/BaseInput.js";
+import j from "./BaseDropDown.vue.js";
+/* empty css                  */
 import { debounce as q } from "@wikicasa-dev/utilities";
-import { _ as G } from "./SelectItem.vue_vue_type_script_setup_true_lang.DvQ4ZKvE.js";
+import G from "./BaseSelect/SelectItem.vue.js";
 import { useKeyboardController as J } from "@wikicasa-dev/vue-composables";
-import '../assets/BaseAutocomplete.css';const Q = ["innerHTML"], le = /* @__PURE__ */ x({
+const Q = ["innerHTML"], ne = /* @__PURE__ */ x({
   __name: "BaseAutocomplete",
   props: /* @__PURE__ */ $({
     isValid: { type: [Boolean, null], default: null },
@@ -30,7 +31,7 @@ import '../assets/BaseAutocomplete.css';const Q = ["innerHTML"], le = /* @__PURE
   }),
   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(""), o = d([]), v = d(null), b = d(!1), n = d(!1), C = d(null), S = k(() => o.value.length);
+    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);
     L(() => {
       v.value = q({ delay: 300 }, t.onInputChangeCb);
     });
@@ -75,15 +76,15 @@ import '../assets/BaseAutocomplete.css';const Q = ["innerHTML"], le = /* @__PURE
     }), D = async (e) => {
       if (i.value !== e && (r("changedValue", e), i.value = e, !!t.onInputChangeCb)) {
         if (!e || b.value) {
-          o.value = [], b.value = !1, h.value = -1, m.value = -1, u.value && (u.value.label = ""), n.value = !1, await v.value(null);
+          a.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 || (o.value = await v.value(e), n.value = !!o.value.length);
+        t.disableCb || (a.value = await v.value(e), n.value = !!a.value.length);
       }
     }, y = (e, 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;
+      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;
     }, E = () => {
-      o.value.length && t.keepState !== "closed" && (n.value = !0);
+      a.value.length && t.keepState !== "closed" && (n.value = !0);
     };
     return f(
       u,
@@ -92,13 +93,13 @@ import '../assets/BaseAutocomplete.css';const Q = ["innerHTML"], le = /* @__PURE
       },
       { immediate: !0 }
     ), f(h, (e) => {
-      if (e === -1 || !o.value.length) return;
-      const l = o.value[e];
+      if (e === -1 || !a.value.length) return;
+      const l = a.value[e];
       b.value && l.label === u.value?.label || y(l, e);
     }), f(
       () => t.keepState,
       (e) => {
-        e === "closed" ? (n.value = !1, t.cleanupOnClose && (o.value = [])) : e === "open" && o.value.length && (n.value = !0);
+        e === "closed" ? (n.value = !1, t.cleanupOnClose && (a.value = [])) : e === "open" && a.value.length && (n.value = !0);
       }
     ), f(n, (e) => {
       r("update:dropdownState", e);
@@ -122,11 +123,11 @@ import '../assets/BaseAutocomplete.css';const Q = ["innerHTML"], le = /* @__PURE
         t.dropdownClasses
       ],
       "open-dropdown": n.value,
-      "keep-state": !o.value.length || t.keepState === "closed" ? "closed" : "opened",
+      "keep-state": !a.value.length || t.keepState === "closed" ? "closed" : "opened",
       "close-when-clicked-outside": t.closeDropdownOnBodyPressed,
       "activate-keyboard-controller": !1,
-      "onUpdate:open": l[3] || (l[3] = (a) => n.value = a),
-      onClick: l[4] || (l[4] = (a) => {
+      "onUpdate:open": l[3] || (l[3] = (o) => n.value = o),
+      onClick: l[4] || (l[4] = (o) => {
         r("click"), E();
       })
     }, {
@@ -149,34 +150,34 @@ import '../assets/BaseAutocomplete.css';const Q = ["innerHTML"], le = /* @__PURE
             "!uikit-ml-0 !uikit-w-full"
           ],
           "fieldset-classes": [I.value, t.fieldsetClasses],
-          "onUpdate:modelValue": l[0] || (l[0] = (a) => D(a === void 0 ? "" : `${a}`)),
-          onKeydown: l[1] || (l[1] = (a) => r("keydown", a)),
+          "onUpdate:modelValue": l[0] || (l[0] = (o) => D(o === void 0 ? "" : `${o}`)),
+          onKeydown: l[1] || (l[1] = (o) => r("keydown", o)),
           onKeydownEnterPressed: l[2] || (l[2] = () => r("keydownEnterPressed"))
         }, {
           leftIcon: c(() => [
             p(e.$slots, "lefticon")
           ]),
-          righticon: c(({ handleClean: a }) => [
-            p(e.$slots, "righticon", { handleClean: a })
+          righticon: c(({ handleClean: o }) => [
+            p(e.$slots, "righticon", { handleClean: o })
           ]),
           _: 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(o.value, (a, s) => (w(), g(G, {
+        (w(!0), K(T, null, z(a.value, (o, 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(a, s),
+          onClick: (P) => y(o, s),
           onMouseover: (P) => m.value = s
         }, {
           default: c(() => [
             p(e.$slots, "option-content", {
-              option: a,
+              option: o,
               idx: s
             }, () => [
               U("span", {
-                innerHTML: a.label
+                innerHTML: o.label
               }, null, 8, Q)
             ])
           ]),
@@ -188,5 +189,5 @@ import '../assets/BaseAutocomplete.css';const Q = ["innerHTML"], le = /* @__PURE
   }
 });
 export {
-  le as _
+  ne as default
 };

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

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

package/dist/{chunks/BaseBreadcrumb.vue_vue_type_script_setup_true_lang.CcfuB26u.js → packages/components/lib/UIKit/BaseBreadcrumb.vue.js}

@@ -1,4 +1,4 @@
-import { defineComponent as d, computed as k, createElementBlock as i, openBlock as l, createElementVNode as n, normalizeClass as r, Fragment as u, renderList as h, renderSlot as c, toDisplayString as b, createVNode as p, unref as f } from "vue";
+import { defineComponent as d, computed as k, createElementBlock as l, openBlock as i, createElementVNode as n, normalizeClass as r, Fragment as u, renderList as h, renderSlot as c, toDisplayString as b, createVNode as f, unref as p } from "vue";
 import { ArrowIcon as C } from "@wikicasa-dev/svg-icons";
 const g = { "aria-label": "Breadcrumb" }, w = ["data-tooltip"], I = ["href"], y = /* @__PURE__ */ d({
   __name: "BaseBreadcrumb",
@@ -15,12 +15,12 @@ const g = { "aria-label": "Breadcrumb" }, w = ["data-tooltip"], I = ["href"], y
         a.push({ ...t.items[e], idx: e }), e < t.items.length - 1 && a.push({ arrowIcon: !0 }), e++;
       return a;
     });
-    return (e, a) => (l(), i("nav", g, [
+    return (e, a) => (i(), l("nav", g, [
       n("ol", {
         class: r(["uikit-flex uikit-items-center uikit-gap-10px uikit-p-0", t.listClasses])
       }, [
-        (l(!0), i(u, null, h(m.value, (s, o) => (l(), i(u, null, [
-          s?.label ? (l(), i("li", {
+        (i(!0), l(u, null, h(m.value, (s, o) => (i(), l(u, null, [
+          s?.label ? (i(), l("li", {
             key: `breadcrumb-li-${o}`,
             class: r(["uikit-list-none", t.listItemClasses]),
             "data-tooltip": s.dataTooltip
@@ -33,13 +33,13 @@ const g = { "aria-label": "Breadcrumb" }, w = ["data-tooltip"], I = ["href"], y
                 href: s.link
               }, b(s.label), 11, I)
             ])
-          ], 10, w)) : (l(), i("li", {
+          ], 10, w)) : (i(), l("li", {
             key: `breadcrumb-li-no-label-${o}`,
             class: r(["uikit-list-none", t.listItemClasses]),
             "aria-hidden": "true"
           }, [
             c(e.$slots, "separator", {}, () => [
-              p(f(C), {
+              f(p(C), {
                 class: "-uikit-rotate-90",
                 "stroke-color": "#222",
                 width: 10,
@@ -53,5 +53,5 @@ const g = { "aria-label": "Breadcrumb" }, w = ["data-tooltip"], I = ["href"], y
   }
 });
 export {
-  y as _
+  y as default
 };

package/dist/{chunks/BaseButton.vue_vue_type_script_setup_true_lang.CswNVEW_.js → packages/components/lib/UIKit/BaseButton.vue.js}

@@ -1,5 +1,5 @@
 import { defineComponent as v, useTemplateRef as c, shallowRef as B, computed as l, createElementBlock as C, openBlock as w, withModifiers as s, normalizeStyle as M, normalizeClass as z, renderSlot as u, createVNode as L } from "vue";
-import g from "../UIKit/StaticSpinner.js";
+import g from "../../../../UIKit/StaticSpinner.js";
 const S = ["id", "data-cy", "type", "data-active", "disabled", "aria-label", "title"], A = /* @__PURE__ */ v({
   __name: "BaseButton",
   props: {
@@ -66,5 +66,5 @@ const S = ["id", "data-cy", "type", "data-active", "disabled", "aria-label", "ti
   }
 });
 export {
-  A as _
+  A as default
 };

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

@@ -0,0 +1,37 @@
+import { defineComponent as u, computed as d, createBlock as C, openBlock as y, resolveDynamicComponent as f, normalizeClass as a, withCtx as v, createElementVNode as o, renderSlot as c } from "vue";
+const p = /* @__PURE__ */ u({
+  __name: "BaseCard",
+  props: {
+    type: { default: "" },
+    rootComponent: { default: "div" },
+    cardImgClasses: { default: "" },
+    cardBodyClasses: { default: "" }
+  },
+  emits: ["click"],
+  setup(e, { emit: l }) {
+    const n = l, r = d(
+      () => e.type === "news" ? "news-card" : e.type
+    ), i = d(() => e.type ? `${e.type}-img` : "");
+    return (t, s) => (y(), C(f(e.rootComponent), {
+      class: a(["card", [r.value]]),
+      onClick: s[0] || (s[0] = (m) => n("click", m))
+    }, {
+      default: v(() => [
+        o("div", {
+          class: a(["card-img", [i.value, e.cardImgClasses]])
+        }, [
+          c(t.$slots, "card-image", {}, void 0, !0)
+        ], 2),
+        o("div", {
+          class: a(["card-body", [e.cardBodyClasses]])
+        }, [
+          c(t.$slots, "card-description", {}, void 0, !0)
+        ], 2)
+      ]),
+      _: 3
+    }, 8, ["class"]));
+  }
+});
+export {
+  p as default
+};

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

@@ -0,0 +1,106 @@
+import { defineComponent as T, mergeModels as C, useModel as x, computed as d, createElementBlock as g, openBlock as c, normalizeClass as o, createElementVNode as i, withModifiers as f, renderSlot as m, createCommentVNode as k } from "vue";
+const y = ["id", "data-cy"], $ = ["data-btn-bg-color", "data-cy"], L = ["src", "alt"], M = ["innerHTML"], z = ["data-btn-bg-color", "data-cy"], B = ["src", "alt"], V = ["innerHTML"], j = /* @__PURE__ */ T({
+  __name: "BaseComplexToggle",
+  props: /* @__PURE__ */ C({
+    labels: {},
+    type: { default: "full" },
+    mode: { default: "" },
+    btnBgColor: { default: "uikit-bg-w-lavender" },
+    btnClasses: {},
+    borderContainerColor: { default: "uikit-border-w-secondary" },
+    size: { default: "" }
+  }, {
+    modelValue: {
+      default: null
+    },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const t = e, s = x(e, "modelValue"), n = () => {
+      s.value = t.labels.leftToggle;
+    }, u = () => {
+      s.value = t.labels.rightToggle;
+    };
+    (() => {
+      if (t.labels.leftToggle.checked) {
+        n();
+        return;
+      }
+      if (t.labels.rightToggle.checked) {
+        u();
+        return;
+      }
+      n();
+    })();
+    const r = (l) => s.value?.label === l.label, b = d(() => r(t.labels.leftToggle)), h = d(() => r(t.labels.rightToggle));
+    return (l, a) => (c(), g("div", {
+      id: l.$attrs.id || "",
+      "data-cy": l.$attrs["data-cy"] || "",
+      class: o(["base-complex-toggle uikit-relative uikit-flex uikit-justify-center uikit-p-0", [e.mode, e.borderContainerColor, e.size]])
+    }, [
+      i("div", {
+        "data-btn-bg-color": e.btnBgColor,
+        "data-cy": `bct-left-btn${e.labels.leftToggle.label ? `-${e.labels.leftToggle.label}` : ""}`,
+        class: o(["left-button uikit-flex uikit-flex-1 uikit-items-center uikit-justify-center hover:uikit-cursor-pointer", [
+          {
+            "base-complex-toggle-active": b.value
+          }
+        ]]),
+        onClick: a[0] || (a[0] = f((v) => n(), ["stop"]))
+      }, [
+        m(l.$slots, "left_icon", {}, () => [
+          e.labels.leftToggle.icon ? (c(), g("img", {
+            key: 0,
+            class: "base-complex-toggle-icon uikit-relative uikit-z-10 uikit-mr-10px",
+            src: e.labels.leftToggle.icon.src,
+            alt: e.labels.leftToggle.icon.alt,
+            width: "15",
+            height: "15"
+          }, null, 8, L)) : k("", !0)
+        ], !0),
+        i("span", {
+          class: "base-complex-toggle-label uikit-relative uikit-z-10",
+          innerHTML: e.labels.leftToggle.label
+        }, null, 8, M)
+      ], 10, $),
+      i("div", {
+        "data-btn-bg-color": e.btnBgColor,
+        "data-cy": `bct-right-btn${e.labels.rightToggle.label ? `-${e.labels.rightToggle.label}` : ""}`,
+        class: o(["right-button uikit-flex uikit-flex-1 uikit-items-center uikit-justify-center hover:uikit-cursor-pointer", [
+          {
+            "base-complex-toggle-active": h.value
+          }
+        ]]),
+        onClick: a[1] || (a[1] = f((v) => u(), ["stop"]))
+      }, [
+        m(l.$slots, "right_icon", {}, () => [
+          e.labels.rightToggle.icon ? (c(), g("img", {
+            key: 0,
+            class: "base-complex-toggle-icon uikit-relative uikit-z-10 uikit-mr-10px",
+            src: e.labels.rightToggle.icon.src,
+            alt: e.labels.rightToggle.icon.alt,
+            width: "15",
+            height: "15"
+          }, null, 8, B)) : k("", !0)
+        ], !0),
+        i("span", {
+          class: "base-complex-toggle-label uikit-relative uikit-z-10",
+          innerHTML: e.labels.rightToggle.label
+        }, null, 8, V)
+      ], 10, z),
+      i("div", {
+        class: o(["uikit-absolute uikit-transition-all uikit-duration-200 uikit-ease-out", [
+          e.type === "full" ? "base-complex-toggle-active-bg" : "base-complex-toggle-active-padded-bg",
+          e.btnBgColor,
+          e.mode,
+          b.value ? "translateX-left" : "translateX-right",
+          e.btnClasses
+        ]])
+      }, null, 2)
+    ], 10, y));
+  }
+});
+export {
+  j as default
+};

package/dist/{chunks/BaseDropDown.vue_vue_type_style_index_0_lang.z4eFD2_f.js → packages/components/lib/UIKit/BaseDropDown.vue.js}

@@ -1,8 +1,8 @@
-import { defineComponent as T, mergeModels as I, useId as N, useModel as A, shallowRef as R, computed as V, useTemplateRef as x, onMounted as z, onUnmounted as P, watch as v, nextTick as q, createElementBlock as F, openBlock as m, normalizeClass as s, renderSlot as B, createBlock as L, unref as l, createVNode as U, withCtx as D, createElementVNode as j, createCommentVNode as G, resolveDynamicComponent as J, mergeProps as Q } from "vue";
-import { _ as X } from "./BaseButton.vue_vue_type_script_setup_true_lang.CswNVEW_.js";
+import { defineComponent as T, mergeModels as I, useId as N, useModel as A, shallowRef as R, computed as V, useTemplateRef as x, onMounted as z, onUnmounted as P, watch as v, nextTick as q, createElementBlock as F, openBlock as m, normalizeClass as d, renderSlot as B, createBlock as L, unref as l, createVNode as U, withCtx as D, createElementVNode as j, createCommentVNode as G, resolveDynamicComponent as J, mergeProps as Q } from "vue";
+import X from "./BaseButton.vue.js";
 import { ArrowIcon as Y } from "@wikicasa-dev/svg-icons";
-import { useKeyboardController as Z } from "../composables/mock.js";
-import '../assets/BaseDropDown.css';const _ = ["innerHTML"], le = /* @__PURE__ */ T({
+import { useKeyboardController as Z } from "../../../../composables/mock.js";
+const _ = ["innerHTML"], le = /* @__PURE__ */ T({
   inheritAttrs: !1,
   __name: "BaseDropDown",
   props: /* @__PURE__ */ I({
@@ -35,7 +35,7 @@ import '../assets/BaseDropDown.css';const _ = ["innerHTML"], le = /* @__PURE__ *
       "resetKeyboardController"
     ), o = A(t, "open");
     let C = !1;
-    const d = R([]), W = V(() => d.value.length), u = x("container"), c = x("dropdown"), { activeIdx: a, selectedIdx: i, onKeyDownHandler: $ } = Z({
+    const s = R([]), W = V(() => s.value.length), u = x("container"), c = x("dropdown"), { activeIdx: a, selectedIdx: i, onKeyDownHandler: $ } = Z({
       optionsLength: W,
       isDropdownOpen: o,
       global: !1,
@@ -55,7 +55,7 @@ import '../assets/BaseDropDown.css';const _ = ["innerHTML"], le = /* @__PURE__ *
     }, K = (e) => {
       e != null && (i.value = e);
     }, E = () => {
-      c.value && (d.value = Array.from(c.value.children));
+      c.value && (s.value = Array.from(c.value.children));
     };
     return z(() => {
       E();
@@ -68,7 +68,7 @@ import '../assets/BaseDropDown.css';const _ = ["innerHTML"], le = /* @__PURE__ *
     }), v(o, (e) => {
       !e || C || !n.closeWhenClickedOutside || (document.addEventListener("click", h), document.addEventListener("focusin", p), C = !0);
     }), v(i, (e) => {
-      e !== -1 && d.value[e]?.querySelector("a")?.click();
+      e !== -1 && s.value[e]?.querySelector("a")?.click();
     }), S({
       activeIdx: a,
       selectedIdx: i,
@@ -76,7 +76,7 @@ import '../assets/BaseDropDown.css';const _ = ["innerHTML"], le = /* @__PURE__ *
       getContentElement: () => c.value
     }), (e, r) => (m(), F("div", {
       ref: "container",
-      class: s(["uikit-relative uikit-block", e.$attrs.class]),
+      class: d(["uikit-relative uikit-block", e.$attrs.class]),
       onKeydown: H
     }, [
       B(e.$slots, "btn_slot", {
@@ -90,7 +90,7 @@ import '../assets/BaseDropDown.css';const _ = ["innerHTML"], le = /* @__PURE__ *
           id: l(y),
           type: "button",
           "data-cy": t.dataCy,
-          class: s([
+          class: d([
             "!uikit-flex uikit-w-full uikit-items-center uikit-truncate",
             t.btnClasses
           ]),
@@ -105,12 +105,12 @@ import '../assets/BaseDropDown.css';const _ = ["innerHTML"], le = /* @__PURE__ *
         }, {
           default: D(() => [
             j("span", {
-              class: s(["uikit-mr-5px", t.labelClasses]),
+              class: d(["uikit-mr-5px", t.labelClasses]),
               innerHTML: t.btnLabel
             }, null, 10, _),
             t.withArrowIcon ? (m(), L(l(Y), {
               key: 0,
-              class: s(["uikit-shrink-0 uikit-transition-transform motion-reduce:uikit-transition-none", o.value ? "uikit-rotate-180" : ""]),
+              class: d(["uikit-shrink-0 uikit-transition-transform motion-reduce:uikit-transition-none", o.value ? "uikit-rotate-180" : ""]),
               width: t.arrowWidth,
               height: t.arrowWidth,
               "stroke-color": t.arrowStrokeColor
@@ -148,5 +148,5 @@ import '../assets/BaseDropDown.css';const _ = ["innerHTML"], le = /* @__PURE__ *
   }
 });
 export {
-  le as _
+  le as default
 };

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

@@ -0,0 +1,40 @@
+import { defineComponent as d, createElementBlock as a, openBlock as s, withModifiers as u, normalizeClass as t, createElementVNode as r, createCommentVNode as k } from "vue";
+const b = ["for"], c = ["innerHTML"], x = /* @__PURE__ */ d({
+  __name: "BaseFloatingLabel",
+  props: {
+    labelState: { default: "inline-label" },
+    isValid: { type: [Boolean, null], default: null },
+    labelText: {},
+    disabled: { type: [String, Boolean], default: !1 },
+    labelClasses: {},
+    labelTextClasses: {}
+  },
+  emits: ["click"],
+  setup(e, { emit: n }) {
+    const o = n;
+    return (i, l) => (s(), a("label", {
+      for: i.$attrs.for,
+      class: t(["uikit-pointer-events-none uikit-absolute uikit-left-15px uikit-h-5", [e.labelState, { "uikit-text-w-secondary": e.disabled }, e.labelClasses]]),
+      onClick: l[0] || (l[0] = u((f) => o("click"), ["stop"]))
+    }, [
+      r("span", {
+        class: t(["uikit-font-medium [font-size:inherit]", [
+          e.disabled ? "uikit-text-w-secondary" : "uikit-text-w-black",
+          e.labelTextClasses
+        ]]),
+        innerHTML: e.labelText
+      }, null, 10, c),
+      i.$attrs.required ? (s(), a("sup", {
+        key: 0,
+        class: t(["uikit-absolute -uikit-top-[0.3rem] [font-size:inherit]", [
+          { "uikit-text-w-secondary": e.disabled },
+          { "uikit-text-w-danger": e.isValid === !1 },
+          { "uikit-text-w-primary": (e.isValid || e.isValid === null) && !e.disabled }
+        ]])
+      }, " *", 2)) : k("", !0)
+    ], 10, b));
+  }
+});
+export {
+  x as default
+};