@wikicasa-dev/components 1.2.53 → 1.2.54

package/dist/RadioButton.js

@@ -1,59 +1,4 @@
-import { defineComponent as r, openBlock as a, createElementBlock as l, normalizeClass as n, withModifiers as o, createElementVNode as s, createTextVNode as d, toDisplayString as u } from "vue";
-import { _ as k } from "./chunks/_plugin-vue_export-helper.CHgC5LLL.js";
-const h = r({
-  name: "RadioButton",
-  inheritAttrs: !1,
-  props: {
-    label: { type: [String, Boolean], required: !0 },
-    isChecked: { type: Boolean }
-  },
-  emits: ["change"],
-  methods: {
-    emitChange() {
-      this.$emit("change", {
-        id: this.$attrs.id,
-        label: this.label,
-        name: this.$attrs.name
-      });
-    },
-    handleClick() {
-      const i = this.$refs.checkbox;
-      i.checked = !i.checked, this.emitChange();
-    },
-    handleOnInput() {
-      this.emitChange();
-    }
-  }
-}), c = ["id", "value", "name", "checked"], m = ["for"];
-function p(i, e, b, f, C, $) {
-  return a(), l("div", {
-    class: n([i.$attrs.class, "uikit-mb-4 uikit-mr-4 uikit-inline-block"]),
-    onClick: e[1] || (e[1] = o((...t) => i.handleClick && i.handleClick(...t), ["stop"]))
-  }, [
-    s("input", {
-      id: i.$attrs.id,
-      ref: "checkbox",
-      type: "radio",
-      class: "uikit-hidden",
-      value: i.label,
-      name: i.$attrs.name,
-      checked: i.isChecked,
-      onChange: e[0] || (e[0] = o((...t) => i.handleOnInput && i.handleOnInput(...t), ["stop"]))
-    }, null, 40, c),
-    s("label", {
-      class: n([i.$attrs["label-classes"], "uikit-flex uikit-cursor-pointer uikit-items-center uikit-text-sm"]),
-      for: i.$attrs.id
-    }, [
-      s("span", {
-        class: n(["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", {
-          "uikit-border-w-primary uikit-bg-w-primary uikit-shadow-[0_0_0_2px_white_inset]": i.isChecked
-        }])
-      }, null, 2),
-      d(" " + u(i.label), 1)
-    ], 10, m)
-  ], 2);
-}
-const y = /* @__PURE__ */ k(h, [["render", p]]);
+import { _ as f } from "./chunks/RadioButton.vue_vue_type_script_setup_true_lang.CJE9e0tE.js";
 export {
-  y as default
+  f as default
 };

package/dist/RadioGroup.js

@@ -1,4 +1,4 @@
-import { _ as f } from "./chunks/RadioGroup.vue_vue_type_script_setup_true_lang.DqQlcQd2.js";
+import { _ as f } from "./chunks/RadioGroup.vue_vue_type_script_setup_true_lang.C2qvBRnU.js";
 export {
   f as default
 };

package/dist/UIKit/Radio/RadioButton.vue.d.ts

@@ -1,26 +1,43 @@
-declare const _default: import("vue").DefineComponent<{
-    label: {
-        type: (BooleanConstructor | StringConstructor)[];
-        required: true;
-    };
-    isChecked: {
-        type: BooleanConstructor;
-    };
-}, unknown, unknown, {}, {
-    emitChange(): void;
-    handleClick(): void;
-    handleOnInput(): void;
-}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    label: {
-        type: (BooleanConstructor | StringConstructor)[];
-        required: true;
-    };
-    isChecked: {
-        type: BooleanConstructor;
-    };
-}>> & {
-    onChange?: ((...args: any[]) => any) | undefined;
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    label: string;
+    isChecked?: boolean | undefined;
+}>, {
+    isChecked: boolean;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (args_0: {
+        id: string;
+        label: string;
+        name: string;
+    }) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    label: string;
+    isChecked?: boolean | undefined;
+}>, {
+    isChecked: boolean;
+}>>> & {
+    onChange?: ((args_0: {
+        id: string;
+        label: string;
+        name: string;
+    }) => any) | undefined;
 }, {
     isChecked: boolean;
 }, {}>;
 export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/chunks/RadioButton.vue_vue_type_script_setup_true_lang.CJE9e0tE.js

@@ -0,0 +1,54 @@
+import { defineComponent as d, ref as h, openBlock as m, createElementBlock as p, normalizeClass as t, withModifiers as a, createElementVNode as s, createTextVNode as b, toDisplayString as f, useAttrs as C } from "vue";
+const _ = ["id", "value", "name", "checked"], w = ["for"], v = /* @__PURE__ */ d({
+  inheritAttrs: !1,
+  __name: "RadioButton",
+  props: {
+    label: {},
+    isChecked: { type: Boolean, default: !1 }
+  },
+  emits: ["change"],
+  setup(o, { emit: r }) {
+    const l = o, u = r, n = () => {
+      const e = C();
+      u("change", {
+        id: e.id,
+        label: l.label,
+        name: e.name
+      });
+    }, i = h(null), c = () => {
+      i.value && (i.value.checked = !i.value.checked, n());
+    }, k = () => {
+      n();
+    };
+    return (e, y) => (m(), p("div", {
+      class: t([e.$attrs.class, "uikit-mb-4 uikit-mr-4 uikit-inline-block"]),
+      onClick: a(c, ["stop"])
+    }, [
+      s("input", {
+        id: e.$attrs.id,
+        ref_key: "checkbox",
+        ref: i,
+        type: "radio",
+        class: "uikit-hidden",
+        value: e.label,
+        name: e.$attrs.name,
+        checked: e.isChecked,
+        onChange: a(k, ["stop"])
+      }, null, 40, _),
+      s("label", {
+        class: t([e.$attrs["label-classes"], "uikit-flex uikit-cursor-pointer uikit-items-center uikit-text-sm"]),
+        for: e.$attrs.id
+      }, [
+        s("span", {
+          class: t(["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", {
+            "uikit-border-w-primary uikit-bg-w-primary uikit-shadow-[0_0_0_2px_white_inset]": e.isChecked
+          }])
+        }, null, 2),
+        b(" " + f(e.label), 1)
+      ], 10, w)
+    ], 2));
+  }
+});
+export {
+  v as _
+};

package/dist/chunks/{RadioGroup.vue_vue_type_script_setup_true_lang.DqQlcQd2.js → RadioGroup.vue_vue_type_script_setup_true_lang.C2qvBRnU.js}

@@ -1,6 +1,6 @@
-import { defineComponent as p, ref as f, watch as h, onBeforeMount as v, renderSlot as i, createElementVNode as V, normalizeClass as k, openBlock as u, createElementBlock as B, Fragment as C, renderList as b, createBlock as y } from "vue";
-import _ from "../RadioButton.js";
-const $ = ["data-cy"], E = /* @__PURE__ */ p({
+import { defineComponent as p, ref as f, watch as h, onBeforeMount as v, renderSlot as o, createElementVNode as V, normalizeClass as k, openBlock as u, createElementBlock as _, Fragment as C, renderList as $, createBlock as b } from "vue";
+import { _ as y } from "./RadioButton.vue_vue_type_script_setup_true_lang.CJE9e0tE.js";
+const B = ["data-cy"], E = /* @__PURE__ */ p({
   inheritAttrs: !1,
   __name: "RadioGroup",
   props: {
@@ -14,7 +14,7 @@ const $ = ["data-cy"], E = /* @__PURE__ */ p({
       a.value = e, r("update:modelValue", e);
     }, n = () => {
       a.value = null;
-    }, s = (e) => a.value ? a.value.id === e.id : !1;
+    }, i = (e) => a.value ? a.value.id === e.id : !1;
     return h(
       () => l.resetRadio,
       (e) => {
@@ -22,31 +22,31 @@ const $ = ["data-cy"], E = /* @__PURE__ */ p({
       }
     ), v(() => {
       l.initialValue && t(l.initialValue);
-    }), (e, g) => i(e.$slots, "default", {
+    }), (e, g) => o(e.$slots, "default", {
       handleClick: t,
       activeValue: a.value,
       reset: n,
-      isActive: s
+      isActive: i
     }, () => [
       V("div", {
         class: k(["radio-group-container", e.$attrs.class || ""]),
         "data-cy": e.$attrs["data-cy"] || ""
       }, [
-        i(e.$slots, "radio_elements", {
+        o(e.$slots, "radio_elements", {
           handleClick: t,
           activeValue: a.value,
           reset: n,
-          isActive: s
+          isActive: i
         }, () => [
-          (u(!0), B(C, null, b(e.radioValues, (o, m) => (u(), y(_, {
-            id: o.id,
+          (u(!0), _(C, null, $(e.radioValues, (s, m) => (u(), b(y, {
+            id: s.id,
             key: m,
-            label: `${o.label}`,
-            "is-checked": o.label === a.value?.label,
+            label: `${s.label}`,
+            "is-checked": s.label === a.value?.label,
             onChange: t
           }, null, 8, ["id", "label", "is-checked"]))), 128))
         ])
-      ], 10, $)
+      ], 10, B)
     ]);
   }
 });

package/dist/index.js

@@ -6,8 +6,8 @@ import { _ as m } from "./chunks/BaseAccordionItem.vue_vue_type_script_setup_tru
 import { _ as l } from "./chunks/SelectItem.vue_vue_type_script_setup_true_lang.BOLdDTLM.js";
 import { default as B } from "./CheckboxBtn.js";
 import { _ as n } from "./chunks/CheckboxGroup.vue_vue_type_script_setup_true_lang.DDtN9_Bg.js";
-import { default as c } from "./RadioButton.js";
-import { _ as b } from "./chunks/RadioGroup.vue_vue_type_script_setup_true_lang.DqQlcQd2.js";
+import { _ as c } from "./chunks/RadioButton.vue_vue_type_script_setup_true_lang.CJE9e0tE.js";
+import { _ as b } from "./chunks/RadioGroup.vue_vue_type_script_setup_true_lang.C2qvBRnU.js";
 import { _ as A } from "./chunks/AccessibleSelect.vue_vue_type_script_setup_true_lang.lyHlWiC5.js";
 import { _ as C } from "./chunks/BaseAlert.vue_vue_type_script_setup_true_lang.HqYdk4yE.js";
 import { _ as T } from "./chunks/BaseAutocomplete.vue_vue_type_script_setup_true_lang.3aynnDI5.js";

package/dist/useBreakpoints.js

@@ -1,4 +1,4 @@
-import { reactive as s, onBeforeMount as o, onUnmounted as t, toRefs as r } from "vue";
+import { reactive as s, onBeforeMount as t, onUnmounted as o, toRefs as r } from "vue";
 var i = /* @__PURE__ */ ((e) => (e[e.SMALL = 576] = "SMALL", e[e.MEDIUM = 768] = "MEDIUM", e[e.LARGE = 992] = "LARGE", e[e.EXTRA_LARGE = 1200] = "EXTRA_LARGE", e))(i || {});
 function d() {
   const e = s({
@@ -10,9 +10,9 @@ function d() {
   }), n = () => {
     e.isDesktopMode = window.innerWidth > i.SMALL, e.isSmall = window.innerWidth <= i.SMALL, e.isMedium = window.innerWidth > i.SMALL, e.isLarge = window.innerWidth > i.MEDIUM, e.isExtraLarge = window.innerWidth > i.LARGE;
   };
-  return o(() => {
+  return t(() => {
     n(), window.addEventListener("resize", n);
-  }), t(() => {
+  }), o(() => {
     window.removeEventListener("resize", n);
   }), r(e);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wikicasa-dev/components",
-  "version": "1.2.53",
+  "version": "1.2.54",
   "description": "Wikicasa frontend components",
   "type": "module",
   "main": "./dist/index.js",
@@ -51,7 +51,7 @@
     "@storybook/vue3-vite": "^8.0.2",
     "@types/node": "^20.5.0",
     "@vitejs/plugin-vue": "^5.0.4",
-    "@wikicasa-dev/types": "^0.9.2",
+    "@wikicasa-dev/types": "^1.0.2",
     "@wikicasa-dev/utilities": "^0.2.1",
     "@wikicasa-dev/svg-icons": "^0.0.1",
     "@wikicasa-dev/vue-composables": "^0.0.3",