@wikicasa-dev/components 2.0.4 → 2.0.5-0.alpha-0

package/dist/chunks/BaseTabView.vue_vue_type_script_setup_true_lang.CUgJNst9.js

@@ -0,0 +1,105 @@
+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 i, normalizeClass as I, createElementVNode as H, createBlock as d, createCommentVNode as o, unref as f, toDisplayString as J, Fragment as _, renderList as K, withCtx as O, resolveDynamicComponent as Q } from "vue";
+import { _ as R } from "./BaseTabPanel.vue_vue_type_script_setup_true_lang.CVJUssBq.js";
+import { _ as g } from "./BaseTabList.vue_vue_type_script_setup_true_lang.CHOGs5d-.js";
+const U = ["data-cy"], W = ["id"], te = /* @__PURE__ */ S({
+  inheritAttrs: !1,
+  __name: "BaseTabView",
+  props: /* @__PURE__ */ C({
+    tabsPosition: { default: "top" },
+    tabViewDescription: {},
+    tabListClasses: {},
+    dataCy: {}
+  }, {
+    activeIdx: { default: 0 },
+    activeIdxModifiers: {}
+  }),
+  emits: /* @__PURE__ */ C(["tabClicked"], ["update:activeIdx"]),
+  setup(P, { emit: x }) {
+    const B = x, l = z(P, "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) => ({
+      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"] || ""
+    }), 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) => l.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) => {
+      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 === l.value)?.tab.tabId;
+    }, D = (e) => {
+      $.value = T(e);
+    }, L = (e) => {
+      const a = n.value.at(e ?? -1);
+      u.value = a?.["active-tab-panel-idx"] ?? null;
+    };
+    v("handleClick", (e, a) => {
+      D(e), l.value = e, B("tabClicked", { tabIdx: e, tabElement: a });
+    }), k(
+      l,
+      (e) => {
+        L(e ?? -1);
+      },
+      {
+        immediate: !0
+      }
+    );
+    const E = (e, a) => {
+      for (let t = 0; t < e.length; t++)
+        if (e[t] !== a[t]) return t;
+      return null;
+    }, M = (e = -1) => n.value.find((a) => a["active-tab-panel-idx"] === e);
+    return k(
+      () => n.value.map((e) => e["active-tab-panel-idx"]),
+      (e, a) => {
+        const t = E(e, a);
+        if (t === null) return;
+        const s = n.value[t]["active-tab-panel-idx"];
+        l.value !== t || s === void 0 || (u.value = s);
+      }
+    ), (e, a) => (i(), p("div", {
+      ref_key: "root",
+      ref: A,
+      class: I(e.$attrs.class),
+      "data-cy": e.dataCy
+    }, [
+      H("span", {
+        id: `tablist-${f(r)}`,
+        class: "uikit-sr-only"
+      }, J(e.tabViewDescription), 9, W),
+      e.tabsPosition === "top" ? (i(), d(g, {
+        key: 0,
+        uid: f(r),
+        "tab-list-classes": e.tabListClasses
+      }, null, 8, ["uid", "tab-list-classes"])) : o("", !0),
+      (i(!0), p(_, null, K(n.value, (t, s) => (i(), p(_, { key: s }, [
+        M(s) ? (i(), d(R, {
+          key: 0,
+          id: V(t["active-tab-panel-idx"]),
+          "labelled-by": w(s) ?? "",
+          active: F(s),
+          class: I(t["tab-panel-classes"])
+        }, {
+          default: O(() => [
+            t.renderFn.children && t.renderFn.children.default ? (i(), d(Q(t.renderFn.children.default), { key: 0 })) : o("", !0)
+          ]),
+          _: 2
+        }, 1032, ["id", "labelled-by", "active", "class"])) : o("", !0)
+      ], 64))), 128)),
+      e.tabsPosition === "bottom" ? (i(), d(g, {
+        key: 1,
+        uid: f(r),
+        "tab-list-classes": e.tabListClasses
+      }, null, 8, ["uid", "tab-list-classes"])) : o("", !0)
+    ], 10, U));
+  }
+});
+export {
+  te as _
+};

package/dist/chunks/{BaseUploadFile.vue_vue_type_script_setup_true_lang.2elmVcZt.js → BaseUploadFile.vue_vue_type_script_setup_true_lang.Cgu0FMFv.js}

@@ -1,4 +1,4 @@
-import { defineComponent as c, ref as b, watch as m, openBlock as s, createElementBlock as o, normalizeClass as t, createElementVNode as l, createCommentVNode as n, createBlock as h, renderSlot as v } from "vue";
+import { defineComponent as c, ref as b, watch as m, createElementBlock as o, openBlock as s, normalizeClass as t, createElementVNode as l, createBlock as h, createCommentVNode as n, renderSlot as v } from "vue";
 import w from "../BaseFloatingLabel.js";
 const C = ["innerHTML"], g = ["for"], y = ["id", "multiple", "accept"], B = /* @__PURE__ */ c({
   inheritAttrs: !1,

package/dist/chunks/{CheckboxGroup.vue_vue_type_script_setup_true_lang.JlHKkjHJ.js → CheckboxGroup.vue_vue_type_script_setup_true_lang.CAO5UUO3.js}

@@ -1,7 +1,7 @@
-import { defineComponent as v, ref as x, computed as h, watch as D, renderSlot as m, createElementVNode as E, normalizeClass as $, openBlock as b, createElementBlock as B, Fragment as I, renderList as R, createBlock as A, unref as K, createCommentVNode as L } from "vue";
-import "./types-B0dZ7OiV.D29wNgoj.js";
-import V from "../CheckboxBtn.js";
-const w = (a) => !a?.length, G = (a = "") => !a || !a.trim() ? "" : (a = a.trim(), a.replace(" ", "-").toLowerCase()), S = ["id", "data-cy"], z = /* @__PURE__ */ v({
+import { defineComponent as y, ref as v, computed as i, watch as x, renderSlot as m, createElementVNode as D, normalizeClass as E, createElementBlock as $, createCommentVNode as B, openBlock as b, Fragment as I, renderList as R, createBlock as A, unref as K } from "vue";
+import "./polyline.DjpLdMaW.js";
+import L from "../CheckboxBtn.js";
+const V = (a) => !a?.length, w = (a = "") => !a || !a.trim() ? "" : (a = a.trim(), a.replace(" ", "-").toLowerCase()), G = ["id", "data-cy"], j = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "CheckboxGroup",
   props: {
@@ -21,12 +21,12 @@ const w = (a) => !a?.length, G = (a = "") => !a || !a.trim() ? "" : (a = a.trim(
     dataCy: { default: "" }
   },
   emits: ["resetted", "update:modelValue", "checkedGroup"],
-  setup(a, { emit: g }) {
-    const o = a, s = g, l = x(/* @__PURE__ */ new Map()), r = h(() => {
-      for (const e of o.checkboxData)
+  setup(a, { emit: C }) {
+    const c = a, s = C, l = v(/* @__PURE__ */ new Map()), r = i(() => {
+      for (const e of c.checkboxData)
         if (e.reset) return e;
       return null;
-    }), C = h(() => o.checkboxData.length), f = h(() => {
+    }), g = i(() => c.checkboxData.length), f = i(() => {
       let e = 0;
       return l.value.forEach((t) => {
         t.checked && e++;
@@ -34,21 +34,21 @@ const w = (a) => !a?.length, G = (a = "") => !a || !a.trim() ? "" : (a = a.trim(
     });
     (() => {
       const e = [];
-      for (const t of o.checkboxData)
+      for (const t of c.checkboxData)
         t.checked = !!t.checked, l.value.set(
           `${t.id}`,
           t
         ), t.checked && e.push(t);
-      console.log("initialSelected", e), s("update:modelValue", e);
+      s("update:modelValue", e);
     })();
     const u = (e, t) => {
-      const c = l.value.get(e);
-      if (c) {
+      const o = l.value.get(e);
+      if (o) {
         if (t) {
-          l.value.set(e, { ...c, ...t });
+          l.value.set(e, { ...o, ...t });
           return;
         }
-        l.value.set(e, { ...c, checked: !c.checked });
+        l.value.set(e, { ...o, checked: !o.checked });
       }
     }, k = () => {
       l.value.forEach((e) => {
@@ -56,56 +56,56 @@ const w = (a) => !a?.length, G = (a = "") => !a || !a.trim() ? "" : (a = a.trim(
       });
     }, p = () => {
       k(), s("update:modelValue", []), s("resetted");
-    }, d = (e) => l.value.get(o.getKey(e))?.checked ?? !1, i = (e) => {
-      if (w(o.checkboxData)) return;
+    }, d = (e) => l.value.get(c.getKey(e))?.checked ?? !1, h = (e) => {
+      if (V(c.checkboxData)) return;
       const t = l.value.get(e.id);
-      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 === C.value - 1 && l.value.forEach((n) => {
+      t?.reset && e.checked ? k() : r.value && !t?.reset && u(c.getKey(r.value), { checked: !1 }), u(`${e.id}`), c.autoCheckResetAll && r.value && f.value === g.value - 1 && l.value.forEach((n) => {
         n.checked = !!n.reset;
-      }), o.autoCheckResetEmpty && r.value && !f.value && (!o.manualToggleResetButton || !t?.reset) && u(o.getKey(r.value), { checked: !0 });
-      const c = [];
+      }), c.autoCheckResetEmpty && r.value && !f.value && (!c.manualToggleResetButton || !t?.reset) && u(c.getKey(r.value), { checked: !0 });
+      const o = [];
       l.value.forEach((n) => {
-        n.checked && c.push(n);
-      }), s("update:modelValue", c), s("checkedGroup", o.groupId);
+        n.checked && o.push(n);
+      }), s("update:modelValue", o), s("checkedGroup", c.groupId);
     };
-    return D(
-      () => o.reset,
+    return x(
+      () => c.reset,
       (e) => {
         e && p();
       }
     ), (e, t) => m(e.$slots, "default", {
       isActive: d,
-      handleChange: i,
+      handleChange: h,
       checkboxesData: e.checkboxData
     }, () => [
-      E("div", {
+      D("div", {
         id: e.groupId,
-        class: $(["checkbox-group-container", e.$attrs.class || ""]),
+        class: E(["checkbox-group-container", e.$attrs.class || ""]),
         "data-cy": e.dataCy
       }, [
         m(e.$slots, "checkbox_elements", {
           isActive: d,
-          handleChange: i,
+          handleChange: h,
           checkboxesData: e.checkboxData,
           reset: p
         }, () => [
-          e.checkboxData ? (b(!0), B(I, { key: 0 }, R(e.checkboxData, (c, n, y) => (b(), A(V, {
-            id: e.getKey(c),
-            key: y,
-            "data-cy": `checkbox_${K(G)(`${c.label}`)}`,
-            label: c.label,
+          e.checkboxData ? (b(!0), $(I, { key: 0 }, R(e.checkboxData, (o, n) => (b(), A(L, {
+            id: e.getKey(o),
+            key: n,
+            "data-cy": o.dataCy ?? `checkbox_${K(w)(`${o.label}`)}`,
+            label: o.label,
             inline: e.formCheckInline,
-            "model-value": d(c),
+            "model-value": d(o),
             "container-class": [
               e.formCheckInline ? "uikit-mr-10px" : "uikit-mb-10px",
               e.checkboxContainerClasses
             ],
-            onChange: i
-          }, null, 8, ["id", "data-cy", "label", "inline", "model-value", "container-class"]))), 128)) : L("", !0)
+            onChange: h
+          }, null, 8, ["id", "data-cy", "label", "inline", "model-value", "container-class"]))), 128)) : B("", !0)
         ])
-      ], 10, S)
+      ], 10, G)
     ]);
   }
 });
 export {
-  z as _
+  j as _
 };

package/dist/chunks/{CloseIcon.DIkr4soH.js → CloseIcon.BZ4U3aiI.js}

@@ -1,5 +1,5 @@
 import { h as r } from "vue";
-import { e } from "./PharmacyIcon.56ql_DYl.js";
+import { e } from "./PharmacyIcon.DEQ8mOEJ.js";
 const d = (t, { attrs: o }) => {
   t = { ...e(), ...t };
   const { width: i, height: s } = t;

package/dist/chunks/{DoughnutChart.vue_vue_type_script_setup_true_lang.C4QPaUsI.js → DoughnutChart.vue_vue_type_script_setup_true_lang.B8wxbJBV.js}

@@ -1,4 +1,4 @@
-import { defineComponent as i, onBeforeMount as p, unref as t, openBlock as u, createBlock as m, createCommentVNode as c } from "vue";
+import { defineComponent as i, onBeforeMount as p, createBlock as u, createCommentVNode as m, unref as t, openBlock as c } from "vue";
 import { Doughnut as l } from "vue-chartjs";
 import { Chart as d, DoughnutController as f, ArcElement as g } from "chart.js";
 import { useChartJsModules as h } from "../useChartjsModules.js";
@@ -15,11 +15,11 @@ const y = /* @__PURE__ */ i({
     );
     return p(async () => {
       await a(n);
-    }), (o, C) => t(s) ? (u(), m(t(l), {
+    }), (o, C) => t(s) ? (c(), u(t(l), {
       key: 0,
       options: o.options,
       data: o.data
-    }, null, 8, ["options", "data"])) : c("", !0);
+    }, null, 8, ["options", "data"])) : m("", !0);
   }
 });
 export {

package/dist/chunks/{IntersectionObservable.vue_vue_type_script_setup_true_lang.BBMxY-re.js → IntersectionObservable.vue_vue_type_script_setup_true_lang.DC17cx-h.js}

@@ -1,4 +1,4 @@
-import { defineComponent as t, ref as n, onMounted as a, openBlock as i, createElementBlock as u, normalizeClass as f, renderSlot as s } from "vue";
+import { defineComponent as t, ref as n, onMounted as a, createElementBlock as i, renderSlot as s, openBlock as u, normalizeClass as f } from "vue";
 const b = /* @__PURE__ */ t({
   __name: "IntersectionObservable",
   props: {
@@ -9,7 +9,7 @@ const b = /* @__PURE__ */ t({
     const r = l, o = n(null);
     return a(() => {
       !r.observer || !o.value || r.observer.observe(o.value);
-    }), (e, p) => e.isVisible ? s(e.$slots, "default", { key: 1 }) : (i(), u("div", {
+    }), (e, p) => e.isVisible ? s(e.$slots, "default", { key: 1 }) : (u(), i("div", {
       key: 0,
       ref_key: "root",
       ref: o,

package/dist/chunks/{IntersectionObserver.vue_vue_type_script_setup_true_lang.CQHjzQc3.js → IntersectionObserver.vue_vue_type_script_setup_true_lang.BKewKDXG.js}

@@ -1,4 +1,4 @@
-import { defineComponent as p, reactive as d, ref as m, onBeforeMount as h, onBeforeUnmount as V, unref as t, openBlock as k, createElementBlock as B, normalizeClass as O, renderSlot as l } from "vue";
+import { defineComponent as p, reactive as d, ref as m, onBeforeMount as h, onBeforeUnmount as V, createElementBlock as k, renderSlot as l, unref as t, openBlock as B, normalizeClass as O } from "vue";
 const _ = /* @__PURE__ */ p({
   __name: "IntersectionObserver",
   props: {
@@ -35,7 +35,7 @@ const _ = /* @__PURE__ */ p({
       key: 1,
       observer: e.value,
       isVisible: t(r).isVisible
-    }) : (k(), B("div", {
+    }) : (B(), k("div", {
       key: 0,
       ref: "root",
       class: O(s.$attrs["root-classes"])

package/dist/chunks/LineChart.vue_vue_type_script_setup_true_lang.CXNsFiyD.js

@@ -0,0 +1,42 @@
+import { defineComponent as m, onBeforeMount as u, useTemplateRef as f, computed as d, createBlock as h, createCommentVNode as C, unref as t, openBlock as g } from "vue";
+import { Line as L } from "vue-chartjs";
+import { Chart as _, LineController as k, LineElement as x, Filler as y, PointElement as B, CategoryScale as E, LinearScale as v } from "chart.js";
+import { useChartJsModules as M } from "../useChartjsModules.js";
+const A = /* @__PURE__ */ m({
+  __name: "LineChart",
+  props: {
+    options: {},
+    data: {}
+  },
+  setup(o, { expose: r }) {
+    _.register(
+      k,
+      x,
+      y,
+      B,
+      E,
+      v
+    );
+    const n = o, {
+      registerPlugins: a,
+      registerTimeCartesianAxis: s,
+      executeRegistration: i,
+      resolved: c
+    } = M(n.options);
+    u(async () => {
+      await i(a, s);
+    });
+    const p = f("chart"), l = d(
+      () => p.value?.chart
+    );
+    return r({ chartInstance: l }), (e, P) => t(c) ? (g(), h(t(L), {
+      key: 0,
+      ref: "chart",
+      options: e.options,
+      data: e.data
+    }, null, 8, ["options", "data"])) : C("", !0);
+  }
+});
+export {
+  A as _
+};

package/dist/chunks/ObjectUtils.DwkJjVq1.js

@@ -0,0 +1,10 @@
+function c(n, o) {
+  if (n)
+    for (const t in n)
+      o[t] = n[t];
+}
+const f = (n) => !n || !Object.keys(n).length;
+export {
+  c as l,
+  f as u
+};

package/dist/chunks/PharmacyIcon.DEQ8mOEJ.js

@@ -0,0 +1,11 @@
+import { h as o } from "vue";
+const r = () => ({
+  width: 20,
+  height: 20,
+  "stroke-color": "#222",
+  "aria-hidden": !0
+});
+o("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 17 17" });
+export {
+  r as e
+};

package/dist/chunks/{RadioButton.vue_vue_type_script_setup_true_lang.CiJAhkRj.js → RadioButton.vue_vue_type_script_setup_true_lang.DRQnjRA7.js}

@@ -1,4 +1,4 @@
-import { defineComponent as k, useId as m, computed as c, openBlock as p, createElementBlock as b, withModifiers as l, createElementVNode as n, normalizeClass as u, createTextVNode as f, toDisplayString as h } from "vue";
+import { defineComponent as k, useId as m, computed as c, createElementBlock as p, openBlock as b, withModifiers as l, createElementVNode as n, normalizeClass as u, createTextVNode as f, toDisplayString as h } from "vue";
 const C = ["id", "name", "checked"], V = ["for"], y = /* @__PURE__ */ k({
   __name: "RadioButton",
   props: {
@@ -20,7 +20,7 @@ const C = ["id", "name", "checked"], V = ["for"], y = /* @__PURE__ */ k({
       };
       o("change", e), o("update:modelValue", !i.modelValue);
     };
-    return (e, t) => (p(), b("div", {
+    return (e, t) => (b(), p("div", {
       class: "uikit-inline-block",
       onClick: l(r, ["stop"])
     }, [

package/dist/chunks/{RadioGroup.vue_vue_type_script_setup_true_lang.BalzO73O.js → RadioGroup.vue_vue_type_script_setup_true_lang.CpsMf2PN.js}

@@ -1,6 +1,6 @@
-import { defineComponent as p, mergeModels as d, useModel as C, ref as h, watch as $, renderSlot as u, createElementVNode as V, normalizeClass as c, openBlock as m, createElementBlock as R, Fragment as g, renderList as k, createBlock as y } from "vue";
-import { _ } from "./RadioButton.vue_vue_type_script_setup_true_lang.CiJAhkRj.js";
-const b = ["data-cy"], E = /* @__PURE__ */ p({
+import { defineComponent as p, mergeModels as d, useModel as C, ref as h, watch as $, renderSlot as u, createElementVNode as V, normalizeClass as c, createElementBlock as k, openBlock as m, Fragment as R, renderList as g, createBlock as y } from "vue";
+import { _ } from "./RadioButton.vue_vue_type_script_setup_true_lang.DRQnjRA7.js";
+const b = ["data-cy"], w = /* @__PURE__ */ p({
   inheritAttrs: !1,
   __name: "RadioGroup",
   props: /* @__PURE__ */ d({
@@ -27,7 +27,7 @@ const b = ["data-cy"], E = /* @__PURE__ */ p({
           return;
         }
     })(), $(n, (e) => {
-      console.log("watch:resetRadio", e), e && t();
+      e && t();
     }), (e, M) => u(e.$slots, "default", {
       handleClick: l,
       activeValue: a.value,
@@ -44,7 +44,7 @@ const b = ["data-cy"], E = /* @__PURE__ */ p({
           reset: t,
           isActive: r
         }, () => [
-          (m(!0), R(g, null, k(e.radioValues, (s, v) => (m(), y(_, {
+          (m(!0), k(R, null, g(e.radioValues, (s, v) => (m(), y(_, {
             id: s.id,
             key: v,
             class: c(e.radioContainerClasses),
@@ -58,5 +58,5 @@ const b = ["data-cy"], E = /* @__PURE__ */ p({
   }
 });
 export {
-  E as _
+  w as _
 };

package/dist/chunks/{SelectItem.vue_vue_type_script_setup_true_lang.GPFf7fjA.js → SelectItem.vue_vue_type_script_setup_true_lang.Drq_K7Vx.js}

@@ -1,4 +1,4 @@
-import { defineComponent as r, useTemplateRef as u, watch as m, nextTick as d, openBlock as c, createElementBlock as f, normalizeClass as p, renderSlot as k, createElementVNode as v } from "vue";
+import { defineComponent as r, useTemplateRef as u, watch as m, nextTick as d, createElementBlock as c, openBlock as f, normalizeClass as p, renderSlot as k, createElementVNode as v } from "vue";
 const b = ["tabindex"], x = ["innerHTML"], $ = /* @__PURE__ */ r({
   __name: "SelectItem",
   props: {
@@ -17,7 +17,7 @@ const b = ["tabindex"], x = ["innerHTML"], $ = /* @__PURE__ */ r({
         });
       },
       { immediate: !0 }
-    ), (e, i) => (c(), f("li", {
+    ), (e, i) => (f(), c("li", {
       ref: "liItem",
       class: p(["uikit-list-none uikit-text-w-black", [
         { "active uikit-bg-w-cultured": e.active },

package/dist/chunks/{ShimmerMultiLine.vue_vue_type_script_setup_true_lang.DuLXZx8X.js → ShimmerMultiLine.vue_vue_type_script_setup_true_lang.CF7CkxXk.js}

@@ -1,4 +1,4 @@
-import { defineComponent as t, openBlock as r, createElementBlock as n, Fragment as s, renderList as l, createBlock as m, normalizeClass as a, normalizeStyle as o } from "vue";
+import { defineComponent as t, createElementBlock as n, openBlock as r, Fragment as s, renderList as l, createBlock as m, normalizeStyle as a, normalizeClass as o } from "vue";
 import h from "../BaseShimmerLoader.js";
 const c = /* @__PURE__ */ t({
   __name: "ShimmerMultiLine",
@@ -12,13 +12,13 @@ const c = /* @__PURE__ */ t({
     return (e, d) => (r(!0), n(s, null, l(e.lines, (i) => (r(), m(h, {
       ref_for: !0,
       ref: "shimmerLines",
-      class: a(["shimmer-line", [
+      class: o(["shimmer-line", [
         e.shimmerClasses,
         e.inheritHeight ? "uikit-h-[1em]" : "uikit-h-8",
         "uikit-mb-2 uikit-rounded-xs"
       ]]),
       key: `sml-${i}`,
-      style: o({
+      style: a({
         marginRight: e.randomLength ? `${Math.round(Math.random() * 5) * 10}%` : 0
       })
     }, null, 8, ["class", "style"]))), 128));