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

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

@@ -1,10 +1,6 @@
-import { defineComponent as y, ref as v, computed as h, watch as x, renderSlot as m, createElementVNode as D, normalizeClass as E, createElementBlock as $, createCommentVNode as B, openBlock as b, Fragment as A, renderList as I, createBlock as R, unref as K } from "vue";
-import { isArrNullOrEmpty as V } from "../../../../../node_modules/.pnpm/@wikicasa-dev_utilities@1.1.21/node_modules/@wikicasa-dev/utilities/dist/utils/ArrayUtils.js";
-import "../../../../../node_modules/.pnpm/js-cookie@3.0.5/node_modules/js-cookie/dist/js.cookie.js";
-import { stringToHyphened as L } from "../../../../../node_modules/.pnpm/@wikicasa-dev_utilities@1.1.21/node_modules/@wikicasa-dev/utilities/dist/utils/StringUtils.js";
-import "../../../../../_virtual/polyline.js";
-import G from "../../../../../UIKit/Checkbox/CheckboxBtn.js";
-const N = ["id", "data-cy"], F = /* @__PURE__ */ y({
+import { defineComponent as x, ref as D, computed as h, watch as E, renderSlot as m, createElementVNode as $, normalizeClass as B, createElementBlock as A, createCommentVNode as I, openBlock as b, Fragment as R, renderList as K, createBlock as L } from "vue";
+import V from "./CheckboxBtn.vue.js";
+const w = ["id", "data-cy"], F = /* @__PURE__ */ x({
   inheritAttrs: !1,
   __name: "CheckboxGroup",
   props: {
@@ -17,19 +13,19 @@ const N = ["id", "data-cy"], F = /* @__PURE__ */ y({
     autoCheckResetAll: { type: Boolean, default: !1 },
     autoCheckResetEmpty: { type: Boolean, default: !1 },
     manualToggleResetButton: { type: Boolean, default: !1 },
-    getKey: { default() {
-      return (r) => typeof r == "string" || typeof r == "number" ? `${r}` : `${r.id}`;
+    getKey: { type: Function, default() {
+      return (n) => typeof n == "string" || typeof n == "number" ? `${n}` : `${n.id}`;
     } },
     groupId: { default: "" },
     dataCy: { default: "" }
   },
   emits: ["resetted", "update:modelValue", "checkedGroup"],
-  setup(r, { emit: g }) {
-    const o = r, n = g, c = v(/* @__PURE__ */ new Map()), s = h(() => {
+  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(() => {
       for (const e of o.checkboxData)
         if (e.reset) return e;
       return null;
-    }), C = h(() => o.checkboxData.length), f = h(() => {
+    }), v = h(() => o.checkboxData.length), f = h(() => {
       let e = 0;
       return c.value.forEach((t) => {
         t.checked && e++;
@@ -42,7 +38,7 @@ const N = ["id", "data-cy"], F = /* @__PURE__ */ y({
           `${t.id}`,
           t
         ), t.checked && e.push(t);
-      n("update:modelValue", e);
+      r("update:modelValue", e);
     })();
     const u = (e, t) => {
       const a = c.value.get(e);
@@ -58,19 +54,19 @@ const N = ["id", "data-cy"], F = /* @__PURE__ */ y({
         e.checked = !1;
       });
     }, p = () => {
-      k(), n("update:modelValue", []), n("resetted");
+      k(), r("update:modelValue", []), r("resetted");
     }, d = (e) => c.value.get(o.getKey(e))?.checked ?? !1, i = (e) => {
-      if (V(o.checkboxData)) return;
+      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 === C.value - 1 && c.value.forEach((l) => {
+      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) => {
         l.checked = !!l.reset;
       }), o.autoCheckResetEmpty && s.value && !f.value && (!o.manualToggleResetButton || !t?.reset) && u(o.getKey(s.value), { checked: !0 });
       const a = [];
       c.value.forEach((l) => {
         l.checked && a.push(l);
-      }), n("update:modelValue", a), n("checkedGroup", o.groupId);
+      }), r("update:modelValue", a), r("checkedGroup", o.groupId);
     };
-    return x(
+    return E(
       () => o.reset,
       (e) => {
         e && p();
@@ -80,9 +76,9 @@ const N = ["id", "data-cy"], F = /* @__PURE__ */ y({
       handleChange: i,
       checkboxesData: e.checkboxData
     }, () => [
-      D("div", {
+      $("div", {
         id: e.groupId,
-        class: E(["checkbox-group-container", e.$attrs.class || ""]),
+        class: B(["checkbox-group-container", e.$attrs.class || ""]),
         "data-cy": e.dataCy
       }, [
         m(e.$slots, "checkbox_elements", {
@@ -91,10 +87,10 @@ const N = ["id", "data-cy"], F = /* @__PURE__ */ y({
           checkboxesData: e.checkboxData,
           reset: p
         }, () => [
-          e.checkboxData ? (b(!0), $(A, { key: 0 }, I(e.checkboxData, (a, l) => (b(), R(G, {
+          e.checkboxData ? (b(!0), A(R, { key: 0 }, K(e.checkboxData, (a, l) => (b(), L(V, {
             id: e.getKey(a),
             key: l,
-            "data-cy": a.dataCy ?? `checkbox_${K(L)(`${a.label}`)}`,
+            "data-cy": a.dataCy ?? `checkbox_${C(`${a.label}`)}`,
             label: a.label,
             inline: e.formCheckInline,
             "model-value": d(a),
@@ -103,9 +99,9 @@ const N = ["id", "data-cy"], F = /* @__PURE__ */ y({
               e.checkboxContainerClasses
             ],
             onChange: i
-          }, null, 8, ["id", "data-cy", "label", "inline", "model-value", "container-class"]))), 128)) : B("", !0)
+          }, null, 8, ["id", "data-cy", "label", "inline", "model-value", "container-class"]))), 128)) : I("", !0)
         ])
-      ], 10, N)
+      ], 10, w)
     ]);
   }
 });

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

@@ -0,0 +1,143 @@
+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 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                  */
+/* empty css                                                                                                                                          */
+import z from "./BaseButton.vue.js";
+import R from "./BaseInput.vue.js";
+/* empty css               */
+const q = { class: "uikit-flex uikit-w-full uikit-justify-between uikit-border-b uikit-border-solid uikit-border-w-lightgray uikit-px-sm uikit-py-md" }, F = ["onClick"], G = ["onClick"], H = {
+  key: 0,
+  class: "uikit-grow"
+}, oe = /* @__PURE__ */ N({
+  __name: "DatePicker",
+  props: {
+    btnLabel: {},
+    range: { type: Boolean, default: !1 },
+    locale: { default: "it-IT" },
+    position: { default: "left" },
+    rangeConfig: {},
+    modelValue: {},
+    inputLabel: {}
+  },
+  emits: ["update:modelValue"],
+  setup(u, { emit: $ }) {
+    const B = $, o = T(null);
+    V(
+      () => u.modelValue,
+      (e) => {
+        Array.isArray(e) && !e.find((l) => l instanceof Date) || (o.value = e ?? null);
+      },
+      { immediate: !0 }
+    );
+    const c = x(() => u.range || !!u.rangeConfig), I = (e, l, t) => {
+      e(l, t, !1);
+    }, U = (e, l, t) => {
+      e(l, t, !1);
+    }, p = (e, l = []) => l.find((t) => t.value === e);
+    let s = [];
+    const f = (e = []) => (s.length || (s = e.map((l, t) => ({
+      id: `month-${t}`,
+      label: l.text,
+      value: l.value
+    }))), s);
+    let d = [];
+    const k = (e = []) => (d.length || (d = e.map((l, t) => ({
+      id: `year-${t}`,
+      label: l.text,
+      value: l.value
+    }))), d), D = (e) => {
+      !e || c.value || o.value.getTime() !== e.getTime() && (o.value = e);
+    }, L = (e) => {
+      e && (o.value = e);
+    };
+    return V(o, (e) => {
+      e && B("update:modelValue", e);
+    }), (e, l) => (w(), A(m(j), {
+      "model-value": o.value,
+      range: e.range,
+      "enable-time-picker": !1,
+      ui: { menu: e.range ? "dp__range-mode" : "dp__single_mode" },
+      locale: e.locale,
+      position: e.position,
+      onInternalModelChange: D,
+      "onUpdate:modelValue": L
+    }, {
+      "dp-input": n(({ value: t }) => [
+        a(R, {
+          "model-value": t,
+          "label-text": e.inputLabel
+        }, null, 8, ["model-value", "label-text"])
+      ]),
+      "month-year": n(({
+        month: t,
+        year: g,
+        months: v,
+        years: h,
+        updateMonthYear: b,
+        handleMonthYearChange: _
+      }) => [
+        r("div", q, [
+          r("span", {
+            class: "uikit-cursor-pointer",
+            onClick: (i) => _?.(!1)
+          }, [
+            a(m(C), {
+              class: "uikit-rotate-90",
+              width: 20,
+              height: 10,
+              "stroke-width": 1.5
+            })
+          ], 8, F),
+          r("div", null, [
+            a(y, {
+              "model-value": p(t, f(v)),
+              options: f(v),
+              border: !1,
+              "arrow-size": 12,
+              "onUpdate:modelValue": (i) => I(b, i?.value, g)
+            }, null, 8, ["model-value", "options", "onUpdate:modelValue"]),
+            a(y, {
+              "model-value": p(g, k(h)),
+              options: k(h),
+              border: !1,
+              "onUpdate:modelValue": (i) => U(b, t, i?.value)
+            }, null, 8, ["model-value", "options", "onUpdate:modelValue"])
+          ]),
+          r("span", {
+            class: "uikit-cursor-pointer",
+            onClick: (i) => _?.(!1)
+          }, [
+            a(m(C), {
+              class: "-uikit-rotate-90",
+              width: 20,
+              height: 10,
+              "stroke-width": 1.5
+            })
+          ], 8, G)
+        ])
+      ]),
+      "action-row": n(({ selectDate: t }) => [
+        c.value ? (w(), M("div", H, [
+          E(e.$slots, "submitBtn", {}, () => [
+            a(z, {
+              class: "uikit-w-full",
+              onClick: t
+            }, {
+              default: n(() => [
+                O(P(e.btnLabel), 1)
+              ]),
+              _: 2
+            }, 1032, ["onClick"])
+          ])
+        ])) : S("", !0)
+      ]),
+      _: 3
+    }, 8, ["model-value", "range", "ui", "locale", "position"]));
+  }
+});
+export {
+  oe as default
+};

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

@@ -0,0 +1,152 @@
+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 R from "./BaseButton.vue.js";
+import B from "./BaseInput.vue.js";
+import '../../../../assets/packages/components/lib/UIKit/BaseInput.css';/* empty css               */
+import I from "./BaseDropDown.vue.js";
+import L from "./BaseSelect/SelectItem.vue.js";
+const j = { class: "uikit-shadow-surface uikit-flex uikit-h-[360px] uikit-w-[330px] uikit-flex-col uikit-justify-between uikit-rounded-2xs uikit-bg-white uikit-pt-md" }, z = { class: "uikit-relative uikit-flex uikit-gap-x-md uikit-border-b uikit-border-solid uikit-border-w-lightgray uikit-px-md uikit-pb-xs" }, F = { class: "uikit-z-10 uikit-h-[55px] uikit-bg-w-cultured uikit-px-md uikit-py-xs" }, Q = /* @__PURE__ */ E({
+  __name: "InputDropdown",
+  props: /* @__PURE__ */ C({
+    leftSelectOptions: { default: () => [] },
+    rightSelectOptions: { default: () => [] },
+    submitBtnLabel: {}
+  }, {
+    leftValue: { default: () => ({ id: -1, label: "" }) },
+    leftValueModifiers: {},
+    rightValue: { default: () => ({ id: -1, label: "" }) },
+    rightValueModifiers: {}
+  }),
+  emits: /* @__PURE__ */ C(["submit"], ["update:leftValue", "update:rightValue"]),
+  setup(f, { emit: K }) {
+    const a = O(
+      f,
+      "leftValue"
+    ), d = O(
+      f,
+      "rightValue"
+    ), v = k(!1), m = k(!1), g = k(!1), b = k(!1), $ = (i) => ({
+      id: -1,
+      label: i ? `${i}` : ""
+    }), S = (i, e = []) => {
+      if (!i) return null;
+      const t = e.find(
+        (o) => o.id === i.id || o.label === i.label
+      );
+      return t || null;
+    }, N = K;
+    return y(
+      a,
+      (i) => {
+        const e = S(i, f.leftSelectOptions);
+        e && (a.value = e);
+      },
+      { immediate: !0, deep: !0 }
+    ), y(
+      d,
+      (i) => {
+        const e = S(i, f.rightSelectOptions);
+        e && (d.value = e);
+      },
+      { immediate: !0, deep: !0 }
+    ), (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),
+          class: "!uikit-static",
+          "dropdown-classes": "!uikit-shadow-none uikit-top-[70px] !uikit-border-none !uikit-rounded-none",
+          "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)
+        }, {
+          btn_slot: u(({ 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);
+              },
+              onKeyup: (l) => o(-1),
+              "onUpdate:modelValue": e[0] || (e[0] = (l) => {
+                a.value = $(l);
+              })
+            }, 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) => {
+                a.value = s, o();
+              },
+              onMouseover: (c) => l(n)
+            }, {
+              default: u(() => [
+                x(V(s.label), 1)
+              ]),
+              _: 2
+            }, 1032, ["active", "onClick", "onMouseover"]))), 128))
+          ]),
+          _: 1
+        }, 8, ["toggle-dropdown"]),
+        p(I, {
+          "toggle-dropdown": b.value,
+          "onUpdate:toggleDropdown": e[5] || (e[5] = (t) => b.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",
+          "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 }) => [
+            p(B, {
+              "model-value": d.value.label,
+              "label-text": "Max",
+              onClick: (l) => {
+                l.stopPropagation(), g.value || t(), v.value && (m.value = !0);
+              },
+              onKeyup: (l) => o(-1),
+              "onUpdate:modelValue": e[4] || (e[4] = (l) => {
+                d.value = $(l);
+              })
+            }, 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) => {
+                d.value = s, o();
+              },
+              onMouseover: (c) => l(n)
+            }, {
+              default: u(() => [
+                x(V(s.label), 1)
+              ]),
+              _: 2
+            }, 1032, ["active", "onClick", "onMouseover"]))), 128))
+          ]),
+          _: 1
+        }, 8, ["toggle-dropdown"])
+      ]),
+      M("div", F, [
+        P(i.$slots, "submitBtn", {}, () => [
+          p(R, {
+            class: "uikit-w-full",
+            onClick: e[8] || (e[8] = (t) => N("submit", t))
+          }, {
+            default: u(() => [
+              x(V(i.submitBtnLabel), 1)
+            ]),
+            _: 1
+          })
+        ])
+      ])
+    ]));
+  }
+});
+export {
+  Q as default
+};

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

@@ -0,0 +1,65 @@
+import { defineComponent as x, mergeModels as u, useCssVars as C, computed as v, useModel as w, useId as y, watch as S, createElementBlock as a, openBlock as d, createCommentVNode as V, createElementVNode as O, normalizeClass as c, unref as m, toDisplayString as p, Fragment as z, renderList as E } from "vue";
+const B = { class: "select-wrapper" }, D = ["for"], M = ["id"], N = ["data-idx", "selected"], I = /* @__PURE__ */ x({
+  __name: "NativeSelect",
+  props: /* @__PURE__ */ u({
+    labelText: { default: "" },
+    options: { default: () => [] },
+    border: { type: Boolean, default: !0 },
+    labelClasses: {},
+    arrowSize: { default: 16 }
+  }, {
+    modelValue: {
+      default: () => ({
+        id: -1,
+        label: ""
+      })
+    },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ u(["change"], ["update:modelValue"]),
+  setup(o, { emit: f }) {
+    C((e) => ({
+      f3734614: k.value
+    }));
+    const s = w(o, "modelValue"), b = f, n = y(), k = v(() => `${o.arrowSize}px`), g = ({ target: e }) => {
+      const i = (e.selectedOptions?.[0]).dataset.idx;
+      if (i === void 0) return;
+      const h = o.options[i];
+      s.value = h;
+    }, r = (e, t) => e.id === t?.id || e.label === t?.label;
+    return S(
+      s,
+      (e) => {
+        const t = o.options.find(
+          (l) => r(l, e)
+        );
+        t && (s.value = t);
+      },
+      { immediate: !0 }
+    ), (e, t) => (d(), a("div", B, [
+      e.labelText ? (d(), a("label", {
+        key: 0,
+        for: m(n),
+        class: c(["uikit-block", e.labelClasses])
+      }, p(e.labelText), 11, D)) : V("", !0),
+      O("select", {
+        id: m(n),
+        class: c(["uikit-cursor-pointer uikit-bg-white uikit-pr-xl uikit-text-16 uikit-font-regular", {
+          "uikit-rounded-2xs uikit-border uikit-border-solid uikit-border-w-lightgray uikit-py-md uikit-pl-sm": e.border
+        }]),
+        onChange: t[0] || (t[0] = (l) => {
+          b("change", l), g(l);
+        })
+      }, [
+        (d(!0), a(z, null, E(e.options, (l, i) => (d(), a("option", {
+          key: `option-${i}`,
+          "data-idx": i,
+          selected: r(l, s.value)
+        }, p(l.label), 9, N))), 128))
+      ], 42, M)
+    ]));
+  }
+});
+export {
+  I as default
+};

package/dist/packages/components/lib/UIKit/Navigation/NavigationBar.vue.js

@@ -0,0 +1,21 @@
+import { defineComponent as a, createBlock as o, openBlock as n, unref as t, withCtx as i, createVNode as u, renderSlot as r } from "vue";
+import { NavigationMenuRoot as s, NavigationMenuList as l } from "reka-ui";
+const x = /* @__PURE__ */ a({
+  __name: "NavigationBar",
+  setup(f) {
+    return (e, k) => (n(), o(t(s), null, {
+      default: i(() => [
+        u(t(l), { class: "uikit-navigation-bar-shadow uikit-mx-2xs uikit-flex uikit-w-fit uikit-list-none uikit-gap-x-xs uikit-p-xs uikit-text" }, {
+          default: i(() => [
+            r(e.$slots, "default")
+          ]),
+          _: 3
+        })
+      ]),
+      _: 3
+    }));
+  }
+});
+export {
+  x as default
+};

package/dist/packages/components/lib/UIKit/Navigation/NavigationBarItem.vue.js

@@ -0,0 +1,48 @@
+import { defineComponent as l, createBlock as k, openBlock as p, unref as e, withCtx as a, createVNode as c, normalizeClass as o, renderSlot as u, withDirectives as m, createElementVNode as d, vShow as f } from "vue";
+import { NavigationMenuItem as v, NavigationMenuLink as b } from "reka-ui";
+const x = /* @__PURE__ */ l({
+  __name: "NavigationBarItem",
+  props: {
+    as: { type: [Object, Function, String], default: "a" },
+    activeBorderPosition: {},
+    active: { type: Boolean, default: !1 },
+    href: {},
+    value: {}
+  },
+  emits: ["select"],
+  setup(h, { emit: s }) {
+    const r = s;
+    return (t, i) => (p(), k(e(v), null, {
+      default: a(() => [
+        c(e(b), {
+          as: t.as,
+          class: o([
+            "uikit-relative uikit-flex uikit-min-w-[56px] uikit-flex-col uikit-items-center uikit-gap-y-2xs uikit-bg-transparent hover:uikit-cursor-pointer data-[active]:uikit-font-medium data-[active]:uikit-text-w-blue",
+            t.activeBorderPosition === "top" ? "uikit-pb-2xs uikit-pt-sm" : "uikit-pb-sm uikit-pt-2xs"
+          ]),
+          active: t.active,
+          href: t.href,
+          onSelect: i[0] || (i[0] = (n) => r("select", n))
+        }, {
+          default: a(() => [
+            u(t.$slots, "icon"),
+            u(t.$slots, "label"),
+            m(d("div", {
+              class: o([
+                "uikit-absolute uikit-left-1/2 uikit-h-2xs uikit-w-[56px] -uikit-translate-x-1/2 uikit-bg-w-blue",
+                t.activeBorderPosition === "top" ? "uikit-top-0 uikit-rounded-t-3xs" : "uikit-bottom-0 uikit-rounded-b-3xs"
+              ])
+            }, null, 2), [
+              [f, t.active]
+            ])
+          ]),
+          _: 3
+        }, 8, ["as", "class", "active", "href"])
+      ]),
+      _: 3
+    }));
+  }
+});
+export {
+  x as default
+};

package/dist/packages/components/lib/UIKit/Radio/RadioButton.vue.js

@@ -1,5 +1,5 @@
-import { defineComponent as k, useId as m, computed as c, createElementBlock as f, openBlock as p, withModifiers as l, createElementVNode as n, normalizeClass as s, createTextVNode as b, toDisplayString as h } from "vue";
-const C = ["id", "name", "checked"], V = ["for"], y = /* @__PURE__ */ k({
+import { defineComponent as k, useId as m, computed as c, createElementBlock as b, openBlock as f, withModifiers as l, createElementVNode as n, normalizeClass as s, createTextVNode as p, toDisplayString as h } from "vue";
+const C = ["id", "name", "checked"], g = ["for"], v = /* @__PURE__ */ k({
   __name: "RadioButton",
   props: {
     id: {},
@@ -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(), f("div", {
+    return (e, t) => (f(), b("div", {
       class: "uikit-inline-block",
       onClick: l(r, ["stop"])
     }, [
@@ -37,22 +37,22 @@ const C = ["id", "name", "checked"], V = ["for"], y = /* @__PURE__ */ k({
         }, ["prevent"]))
       }, null, 40, C),
       n("label", {
-        class: s([e.labelClasses, "uikit-flex uikit-cursor-pointer uikit-items-center uikit-text-sm"]),
+        class: s([e.labelClasses, "uikit-inline-flex uikit-cursor-pointer uikit-items-center uikit-gap-x-sm uikit-text-16"]),
         for: u.value
       }, [
         n("span", {
-          class: s(["uikit-flex-no-shrink uikit-mr-2 uikit-inline-block uikit-h-4 uikit-w-4 uikit-transform uikit-rounded-full uikit-border uikit-border-solid uikit-border-w-secondary uikit-transition-colors uikit-duration-200", [
+          class: s(["uikit-flex-no-shrink uikit-inline-block uikit-size-[20px] uikit-transform uikit-rounded-full uikit-border uikit-border-solid uikit-border-w-lightgray uikit-transition-colors uikit-duration-200", [
             {
-              "checked uikit-border-w-primary uikit-bg-w-primary uikit-shadow-[0_0_0_2px_white_inset]": e.modelValue
+              "checked uikit-border-w-blue uikit-bg-w-blue uikit-shadow-[0_0_0_3px_white_inset]": e.modelValue
             },
             e.inputClasses
           ]])
         }, null, 2),
-        b(" " + h(e.label), 1)
-      ], 10, V)
+        p(" " + h(e.label), 1)
+      ], 10, g)
     ]));
   }
 });
 export {
-  y as default
+  v as default
 };