eco-vue-js 0.19.0 → 0.19.2

package/dist/components/ActionsBar/WActionsBar.vue.d.ts

@@ -1,11 +1,14 @@
-import { Component, VNode } from 'vue';
+import { VNode } from 'vue';
 type __VLS_Props = {
-    bottom?: Component;
+    /** Title of the filter button and heading of the filter panel. */
     textFilter?: string;
 };
 type __VLS_Slots = {
+    /** WButtonAction buttons at the top, above the filter button. */
     top?: () => VNode[];
+    /** WButtonAction buttons under the filter button. */
     bottom?: () => VNode[];
+    /** Content at the bottom of the bar, such as settings. */
     footer?: () => VNode[];
 };
 declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;

package/dist/components/ActionsBar/WActionsBar.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WActionsBar.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/ActionsBar/WActionsBar.vue"],"names":[],"mappings":"AAgFA;AAuIA,OAAO,EAAC,KAAK,SAAS,EAAE,KAAK,KAAK,EAAsD,MAAM,KAAK,CAAA;AAYnG,KAAK,WAAW,GAAG;IACjB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,CAAC;AA+BF,KAAK,WAAW,GAAG;IACjB,GAAG,CAAC,EAAE,MAAM,KAAK,EAAE,CAAA;IACnB,MAAM,CAAC,EAAE,MAAM,KAAK,EAAE,CAAA;IACtB,MAAM,CAAC,EAAE,MAAM,KAAK,EAAE,CAAA;CACvB,CAAC;AAiQF,QAAA,MAAM,UAAU,kSAEd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"WActionsBar.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/ActionsBar/WActionsBar.vue"],"names":[],"mappings":"AA2EA;AA6HA,OAAO,EAAC,KAAK,KAAK,EAAyC,MAAM,KAAK,CAAA;AAYtE,KAAK,WAAW,GAAG;IACjB,kEAAkE;IAClE,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,CAAC;AAuBF,KAAK,WAAW,GAAG;IACjB,iEAAiE;IACjE,GAAG,CAAC,EAAE,MAAM,KAAK,EAAE,CAAA;IACnB,qDAAqD;IACrD,MAAM,CAAC,EAAE,MAAM,KAAK,EAAE,CAAA;IACtB,0DAA0D;IAC1D,MAAM,CAAC,EAAE,MAAM,KAAK,EAAE,CAAA;CACvB,CAAC;AA0PF,QAAA,MAAM,UAAU,kSAEd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/components/ActionsBar/WActionsBar.vue_vue_type_script_setup_true_lang.js

@@ -1,29 +1,26 @@
-import { wBaseZIndex } from "../../utils/utils.js";
 import { SemanticType } from "../../utils/SemanticType.js";
+import { wBaseZIndex } from "../../utils/utils.js";
 import WButtonAction_default from "../Button/WButtonAction.vue.js";
 import IconBack_default from "../../assets/icons/IconBack.js";
 import IconFilter_default from "../../assets/icons/IconFilter.js";
 import { useActionBarFilter } from "./use/useActionsBarFilter.js";
-import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, markRaw, normalizeClass, normalizeStyle, onUnmounted, openBlock, provide, ref, renderList, renderSlot, resolveDynamicComponent, unref, watch } from "vue";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, markRaw, normalizeClass, normalizeStyle, openBlock, provide, ref, renderList, renderSlot, resolveDynamicComponent, toDisplayString, unref, watch } from "vue";
 //#region src/components/ActionsBar/WActionsBar.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { class: "no-scrollbar relative col-start-1 row-span-2 grid grid-cols-(--actions-bar-filter-width) justify-self-end overflow-y-auto overflow-x-hidden overscroll-contain" };
 var _hoisted_2 = { class: "pb-16" };
-var _hoisted_3 = { class: "relative row-span-2 grid h-full grid-cols-1 grid-rows-subgrid overflow-x-hidden overscroll-contain" };
-var _hoisted_4 = ["aria-expanded"];
-var _hoisted_5 = { class: "row-start-2 grid grid-rows-[1fr_auto]" };
-var _hoisted_6 = {
+var _hoisted_3 = { class: "text-accent px---inner-margin h---header-height flex items-center text-xl font-semibold" };
+var _hoisted_4 = { class: "relative row-span-2 grid h-full grid-cols-1 grid-rows-subgrid overflow-x-hidden overscroll-contain" };
+var _hoisted_5 = ["aria-expanded"];
+var _hoisted_6 = { class: "row-start-2 grid grid-rows-[1fr_auto]" };
+var _hoisted_7 = {
 	key: 0,
 	class: "mx-1 my-2 h-0.5 rounded bg-gray-200 md:my-4 dark:bg-gray-700"
 };
 var WActionsBar_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "WActionsBar",
-	props: {
-		bottom: {},
-		textFilter: {}
-	},
+	props: { textFilter: {} },
 	setup(__props) {
 		provide(wBaseZIndex, 40);
-		let closeModal = null;
 		const { filter, count } = useActionBarFilter();
 		const hasFilter = computed(() => filter.value !== void 0);
 		const isOpen = ref(false);
@@ -33,10 +30,6 @@ var WActionsBar_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 		const close = () => {
 			isOpen.value = false;
 		};
-		onUnmounted(() => {
-			closeModal?.();
-			closeModal = null;
-		});
 		watch(hasFilter, (value) => {
 			if (!value) close();
 		});
@@ -44,17 +37,17 @@ var WActionsBar_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 			return openBlock(), createElementBlock("div", {
 				class: normalizeClass(["height-full w-actions-bar sm-not:[--actions-bar-filter-width:calc(100vw-var(--w-actions-bar-width))] fixed right-(--right-margin,0px) top-0 grid grid-cols-[var(--actions-bar-filter-width-current,0)_var(--w-actions-bar-width)] grid-rows-[var(--header-height)_1fr] justify-end overflow-hidden transition-[grid-template-columns] duration-300 print:hidden", { "[--actions-bar-filter-width-current:var(--actions-bar-filter-width)]": isOpen.value && hasFilter.value }]),
 				style: normalizeStyle({ zIndex: unref(40) })
-			}, [createElementVNode("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [_cache[0] || (_cache[0] = createElementVNode("div", { class: "text-accent px---inner-margin h---header-height flex items-center text-xl font-semibold" }, " Filters ", -1)), (openBlock(true), createElementBlock(Fragment, null, renderList(unref(filter), (slot, index) => {
+			}, [createElementVNode("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [createElementVNode("div", _hoisted_3, toDisplayString(__props.textFilter ?? "Filters"), 1), (openBlock(true), createElementBlock(Fragment, null, renderList(unref(filter), (slot, index) => {
 				return openBlock(), createBlock(resolveDynamicComponent(slot), { key: index });
-			}), 128))])]), createElementVNode("div", _hoisted_3, [hasFilter.value ? (openBlock(), createElementBlock("button", {
+			}), 128))])]), createElementVNode("div", _hoisted_4, [hasFilter.value ? (openBlock(), createElementBlock("button", {
 				key: 0,
 				class: "w-ripple w-ripple-hover relative row-start-1 flex cursor-pointer select-none items-center justify-center",
 				"aria-expanded": isOpen.value,
 				"aria-label": "Toggle filters",
 				onClick: toggle
-			}, [createVNode(unref(IconBack_default), { class: normalizeClass(["text-description square-4 transition-transform", { "transform-[rotateY(180deg)]": isOpen.value }]) }, null, 8, ["class"])], 8, _hoisted_4)) : createCommentVNode("", true), createElementVNode("div", _hoisted_5, [createElementVNode("div", null, [
+			}, [createVNode(unref(IconBack_default), { class: normalizeClass(["text-description square-4 transition-transform", { "transform-[rotateY(180deg)]": isOpen.value }]) }, null, 8, ["class"])], 8, _hoisted_5)) : createCommentVNode("", true), createElementVNode("div", _hoisted_6, [createElementVNode("div", null, [
 				renderSlot(_ctx.$slots, "top"),
-				_ctx.$slots.top && (hasFilter.value || __props.bottom || _ctx.$slots.bottom) ? (openBlock(), createElementBlock("div", _hoisted_6)) : createCommentVNode("", true),
+				_ctx.$slots.top && (hasFilter.value || _ctx.$slots.bottom) ? (openBlock(), createElementBlock("div", _hoisted_7)) : createCommentVNode("", true),
 				hasFilter.value ? (openBlock(), createBlock(WButtonAction_default, {
 					key: 1,
 					title: __props.textFilter ?? "Filters",
@@ -70,7 +63,7 @@ var WActionsBar_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 					"count",
 					"semantic-type"
 				])) : createCommentVNode("", true),
-				renderSlot(_ctx.$slots, "bottom", {}, () => [__props.bottom ? (openBlock(), createBlock(resolveDynamicComponent(__props.bottom), { key: 0 })) : createCommentVNode("", true)])
+				renderSlot(_ctx.$slots, "bottom")
 			]), renderSlot(_ctx.$slots, "footer")])])], 6);
 		};
 	}

package/dist/components/ActionsBar/WActionsBarFilter.vue.d.ts

@@ -1,8 +1,10 @@
 import { VNode } from 'vue';
 type __VLS_Props = {
+    /** Number of filters set, shown as a badge on the filter button. */
     count: number;
 };
 type __VLS_Slots = {
+    /** Filters, shown in the panel that slides out of the actions bar. */
     default: () => VNode[];
 };
 declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;

package/dist/components/ActionsBar/WActionsBarFilter.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WActionsBarFilter.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/ActionsBar/WActionsBarFilter.vue"],"names":[],"mappings":"AA6BA,OAAO,EAAC,KAAK,KAAK,EAA6C,MAAM,KAAK,CAAA;AAI1E,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,MAAM,CAAA;CACd,CAAC;AAkBF,KAAK,WAAW,GAAG;IACjB,OAAO,EAAE,MAAM,KAAK,EAAE,CAAA;CACvB,CAAC;AAgBF,QAAA,MAAM,UAAU,kSAEd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"WActionsBarFilter.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/ActionsBar/WActionsBarFilter.vue"],"names":[],"mappings":"AA+BA,OAAO,EAAC,KAAK,KAAK,EAA6C,MAAM,KAAK,CAAA;AAI1E,KAAK,WAAW,GAAG;IACjB,oEAAoE;IACpE,KAAK,EAAE,MAAM,CAAA;CACd,CAAC;AAkBF,KAAK,WAAW,GAAG;IACjB,sEAAsE;IACtE,OAAO,EAAE,MAAM,KAAK,EAAE,CAAA;CACvB,CAAC;AAgBF,QAAA,MAAM,UAAU,kSAEd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/components/BorderSvg/WBorderSvg.vue.d.ts

@@ -1,14 +1,19 @@
 import { SVGAttributes } from 'vue';
 type __VLS_Props = {
+    /** Color of the border, e.g. `currentColor`. */
     stroke?: string;
+    /** Dash pattern of the border, e.g. `4px 8px`. */
     strokeDasharray?: string;
+    /** Offset of the dash pattern, e.g. to animate it. */
     strokeDashoffset?: string;
+    /** Shape of the dashes' ends. */
     strokeLinecap?: SVGAttributes['stroke-linecap'];
+    /** Class of the border's `rect`. */
     rectClass?: string;
 };
-declare var __VLS_1: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
+type __VLS_Slots = {
+    /** SVG animation elements for the border, such as an `animate` of `stroke-dashoffset`. */
+    default?: () => void;
 };
 declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/BorderSvg/WBorderSvg.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WBorderSvg.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/BorderSvg/WBorderSvg.vue"],"names":[],"mappings":"AAyBA;AAuCA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,KAAK,CAAA;AAEtC,KAAK,WAAW,GAAG;IACjB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,aAAa,CAAC,EAAE,aAAa,CAAC,gBAAgB,CAAC,CAAA;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAC;AA4FF,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAK/C,QAAA,MAAM,UAAU,kSAEd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"WBorderSvg.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/BorderSvg/WBorderSvg.vue"],"names":[],"mappings":"AAyBA;AAiDA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,KAAK,CAAA;AAEtC,KAAK,WAAW,GAAG;IACjB,gDAAgD;IAChD,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,kDAAkD;IAClD,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,sDAAsD;IACtD,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,iCAAiC;IACjC,aAAa,CAAC,EAAE,aAAa,CAAC,gBAAgB,CAAC,CAAA;IAC/C,oCAAoC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAC;AAGF,KAAK,WAAW,GAAG;IACjB,0FAA0F;IAC1F,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB,CAAC;AA+FF,QAAA,MAAM,UAAU,kSAEd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/components/BottomSheet/WBottomSheet.vue.d.ts

@@ -1,18 +1,15 @@
 type __VLS_Props = {
+    /** Opens the sheet. */
     isOpen: boolean;
 };
-declare var __VLS_1: {
-    unclickable: boolean;
-}, __VLS_17: {
-    isTop: boolean;
-    unclickable: boolean;
-}, __VLS_19: {};
-type __VLS_Slots = {} & {
-    toggle?: (props: typeof __VLS_1) => any;
-} & {
-    toggle?: (props: typeof __VLS_17) => any;
-} & {
-    content?: (props: typeof __VLS_19) => any;
+type __VLS_Slots = {
+    /** Element that opens the sheet, rendered in place and again at the top of the sheet — `unclickable` is `true` for the one in place and `false` for the copy. */
+    toggle?: (props: {
+        unclickable: boolean;
+        isTop?: boolean;
+    }) => void;
+    /** Content of the sheet, which scrolls under the toggle. */
+    content?: () => void;
 };
 declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     close: () => any;

package/dist/components/BottomSheet/WBottomSheet.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WBottomSheet.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/BottomSheet/WBottomSheet.vue"],"names":[],"mappings":"AAoCA;AA8DA,KAAK,WAAW,GAAG;IACjB,MAAM,EAAE,OAAO,CAAA;CAChB,CAAC;AA2HF,QAAA,IAAI,OAAO;;CAAU,EAAE,QAAQ;;;CAAW,EAAE,QAAQ,IAAY,CAAE;AAClE,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC3C;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAGhD,QAAA,MAAM,UAAU;;;;kFAGd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"WBottomSheet.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/BottomSheet/WBottomSheet.vue"],"names":[],"mappings":"AAoCA;AAuEA,KAAK,WAAW,GAAG;IACjB,uBAAuB;IACvB,MAAM,EAAE,OAAO,CAAA;CAChB,CAAC;AASF,KAAK,WAAW,GAAG;IACjB,iKAAiK;IACjK,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE;QAAC,WAAW,EAAE,OAAO,CAAC;QAAC,KAAK,CAAC,EAAE,OAAO,CAAA;KAAC,KAAK,IAAI,CAAA;IACjE,4DAA4D;IAC5D,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB,CAAC;AAuHF,QAAA,MAAM,UAAU;;;;kFAGd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/components/Button/WButton.vue.d.ts

@@ -1,26 +1,24 @@
 import { ButtonProps } from './types';
 import { SemanticType } from '../../utils/SemanticType';
-declare var __VLS_8: {}, __VLS_22: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_8) => any;
-} & {
-    default?: (props: typeof __VLS_22) => any;
+type __VLS_Slots = {
+    /** Button content. */
+    default?: () => void;
 };
 declare const __VLS_base: import('vue').DefineComponent<ButtonProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     click: (event: MouseEvent | KeyboardEvent) => any;
-    mousedown: (event: MouseEvent | KeyboardEvent) => any;
+    mousedown: (event: MouseEvent) => any;
 }, string, import('vue').PublicProps, Readonly<ButtonProps> & Readonly<{
     onClick?: ((event: MouseEvent | KeyboardEvent) => any) | undefined;
-    onMousedown?: ((event: MouseEvent | KeyboardEvent) => any) | undefined;
+    onMousedown?: ((event: MouseEvent) => any) | undefined;
 }>, {
     skeleton: boolean;
+    semanticType: SemanticType;
     type: string;
     href: string;
     to: import('vue-router').RouterLinkProps["to"];
     tag: keyof HTMLElementTagNameMap;
     target: "_self" | "_blank" | "_parent" | "_top";
     rel: string;
-    semanticType: SemanticType;
     disabled: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/Button/WButton.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WButton.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/WButton.vue"],"names":[],"mappings":"AAgFA;AAuLA,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,SAAS,CAAA;AAUxC,OAAO,EAAC,YAAY,EAAgI,MAAM,sBAAsB,CAAA;AAsXhL,QAAA,IAAI,OAAO,IAAU,EAAuB,QAAQ,IAAY,CAAE;AAClE,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAQhD,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;6EAId,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"WButton.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/WButton.vue"],"names":[],"mappings":"AAgFA;AA8LA,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,SAAS,CAAA;AAUxC,OAAO,EAAC,YAAY,EAAgI,MAAM,sBAAsB,CAAA;AAwChL,KAAK,WAAW,GAAG;IACjB,sBAAsB;IACtB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB,CAAC;AA2VF,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;6EAId,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/components/Button/WButton.vue_vue_type_script_setup_true_lang.js

@@ -1,8 +1,8 @@
+import { SemanticType, useSemanticTypeBackgroundMap, useSemanticTypeBorderComponentMap, useSemanticTypeBorderMap, useSemanticTypeButtonBackgroundMap } from "../../utils/SemanticType.js";
 import WRouterLink_default from "../RouterLink/WRouterLink.vue.js";
 import WShine_default from "../Shine/WShine.vue.js";
 import WSkeleton_default from "../Skeleton/WSkeleton.vue.js";
 import WTooltip_default from "../Tooltip/WTooltip.vue.js";
-import { SemanticType, useSemanticTypeBackgroundMap, useSemanticTypeBorderComponentMap, useSemanticTypeBorderMap, useSemanticTypeButtonBackgroundMap } from "../../utils/SemanticType.js";
 import WSpinner_default from "../Spinner/WSpinner.vue.js";
 import { useComponentStatesButton } from "../../utils/useComponentStates.js";
 import { useTabActiveListener } from "../../utils/useTabActiveListener.js";

package/dist/components/Button/WButtonAction.vue.d.ts

@@ -1,24 +1,38 @@
 import { LinkProps } from '../../types/types';
 import { SemanticType } from '../../utils/SemanticType';
 interface Props extends Partial<LinkProps> {
+    /** Icon of the button. The `icon` slot replaces it. */
     icon?: SVGComponent;
+    /** Name of the action, shown in a tooltip — or under the icon with `titleText` — and read by screen readers. */
     title: string;
+    /** Colors the icon primary, for a toggle that is on. Only with the default `SECONDARY` type. */
     active?: boolean;
+    /** Element rendered without `to`: a `button`, or an `a` for an external link with `href`. */
     tag?: 'button' | 'a';
     /** Link target when `tag` is `a`. */
     href?: string;
+    /** `target` attribute of the link when `tag` is `a`. */
     target?: '_self' | '_blank' | '_parent' | '_top';
+    /** `rel` attribute of the link when `tag` is `a`. */
     rel?: string;
+    /** Number in a badge on the corner, hidden at 0. */
     count?: number;
+    /** Color scheme of the button. */
     semanticType?: SemanticType;
+    /** Grays the button out and ignores clicks. */
     disabled?: boolean;
+    /** Shows a placeholder instead of the button and ignores clicks. */
     skeleton?: boolean;
+    /** Tooltip text instead of `title`. */
     tooltipText?: string;
+    /** Shows `title` under the icon instead of in the tooltip. */
     titleText?: boolean;
+    /** Runs a shimmer over the button while its action is in progress. */
+    loading?: boolean;
 }
-declare var __VLS_20: {};
-type __VLS_Slots = {} & {
-    icon?: (props: typeof __VLS_20) => any;
+type __VLS_Slots = {
+    /** Content of the button, replacing `icon`. */
+    icon?: () => void;
 };
 declare const __VLS_base: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     click: (event: MouseEvent) => any;
@@ -27,13 +41,13 @@ declare const __VLS_base: import('vue').DefineComponent<Props, {}, {}, {}, {}, i
 }>, {
     skeleton: boolean;
     count: number;
+    semanticType: SemanticType;
     href: string;
     to: import('vue-router').RouterLinkProps["to"];
     icon: SVGComponent;
     tag: "button" | "a";
     target: "_self" | "_blank" | "_parent" | "_top";
     rel: string;
-    semanticType: SemanticType;
     disabled: boolean;
     tooltipText: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;

package/dist/components/Button/WButtonAction.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WButtonAction.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/WButtonAction.vue"],"names":[],"mappings":"AAuEA;AAAA,OAgIO,KAAK,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AAS5C,OAAO,EAAC,YAAY,EAA+B,MAAM,sBAAsB,CAAA;AAE/E,UAAU,KAAM,SAAQ,OAAO,CAAC,SAAS,CAAC;IACxC,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,GAAG,CAAC,EAAE,QAAQ,GAAG,GAAG,CAAA;IACpB,qCAAqC;IACrC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAA;IAChD,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,YAAY,CAAA;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AA4OD,QAAA,IAAI,QAAQ,IAAY,CAAE;AAC1B,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAK7C,QAAA,MAAM,UAAU;;;;;cAtPH,OAAO;WAHV,MAAM;UAHP,MAAM;;UALN,YAAY;SAGb,QAAQ,GAAG,GAAG;YAGX,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM;SAC1C,MAAM;kBAEG,YAAY;cAChB,OAAO;iBAEJ,MAAM;6EAyPpB,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"WButtonAction.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/WButtonAction.vue"],"names":[],"mappings":"AA+EA;AAAA,OAqKO,KAAK,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AAW5C,OAAO,EAAC,YAAY,EAA+B,MAAM,sBAAsB,CAAA;AAE/E,UAAU,KAAM,SAAQ,OAAO,CAAC,SAAS,CAAC;IACxC,uDAAuD;IACvD,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,gHAAgH;IAChH,KAAK,EAAE,MAAM,CAAA;IACb,gGAAgG;IAChG,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,6FAA6F;IAC7F,GAAG,CAAC,EAAE,QAAQ,GAAG,GAAG,CAAA;IACpB,qCAAqC;IACrC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,wDAAwD;IACxD,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAA;IAChD,qDAAqD;IACrD,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,oDAAoD;IACpD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,kCAAkC;IAClC,YAAY,CAAC,EAAE,YAAY,CAAA;IAC3B,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,oEAAoE;IACpE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,uCAAuC;IACvC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,8DAA8D;IAC9D,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,sEAAsE;IACtE,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AA0BD,KAAK,WAAW,GAAG;IACjB,+CAA+C;IAC/C,IAAI,CAAC,EAAE,MAAM,IAAI,CAAA;CAClB,CAAC;AAyPF,QAAA,MAAM,UAAU;;;;;cA7RH,OAAO;WANV,MAAM;kBAEC,YAAY;UARpB,MAAM;;UARN,YAAY;SAMb,QAAQ,GAAG,GAAG;YAIX,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM;SAE1C,MAAM;cAMD,OAAO;iBAIJ,MAAM;6EA+RpB,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/components/Button/WButtonAction.vue_vue_type_script_setup_true_lang.js

@@ -1,12 +1,16 @@
+import { SemanticType, useSemanticTypeBackgroundMap } from "../../utils/SemanticType.js";
 import WCounter_default from "../Counter/WCounter.vue.js";
 import WRouterLink_default from "../RouterLink/WRouterLink.vue.js";
 import WShine_default from "../Shine/WShine.vue.js";
 import WSkeleton_default from "../Skeleton/WSkeleton.vue.js";
 import WTooltip_default from "../Tooltip/WTooltip.vue.js";
 import { useIsBackdrop } from "../Modal/use/useIsBackdrop.js";
-import { SemanticType, useSemanticTypeBackgroundMap } from "../../utils/SemanticType.js";
-import { Fragment, createBlock, createCommentVNode, createElementBlock, createTextVNode, defineComponent, mergeProps, normalizeClass, openBlock, renderSlot, resolveDynamicComponent, toDisplayString, unref, vShow, withCtx, withDirectives } from "vue";
+import { Fragment, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, mergeProps, normalizeClass, openBlock, renderSlot, resolveDynamicComponent, toDisplayString, unref, useTemplateRef, vShow, withCtx, withDirectives } from "vue";
 //#region src/components/Button/WButtonAction.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 2,
+	class: "absolute inset-0 rounded-inherit overflow-clip text-primary-darkest/10 dark:text-primary-light/20"
+};
 var WButtonAction_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "WButtonAction",
 	props: {
@@ -29,12 +33,21 @@ var WButtonAction_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 		},
 		tooltipText: { default: void 0 },
 		titleText: { type: Boolean },
+		loading: { type: Boolean },
 		to: { default: void 0 }
 	},
 	emits: ["click"],
-	setup(__props) {
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
 		const semanticTypeBackgroundMap = useSemanticTypeBackgroundMap();
 		const isBackdrop = useIsBackdrop();
+		const tooltipRef = useTemplateRef("tooltip");
+		const handleClick = (event) => {
+			if (props.disabled || props.skeleton) return;
+			tooltipRef.value?.close();
+			emit("click", event);
+		};
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(resolveDynamicComponent(__props.to !== void 0 ? __props.disabled || __props.skeleton ? "a" : WRouterLink_default : __props.tag), mergeProps(__props.disabled || __props.skeleton ? void 0 : __props.to !== void 0 ? { to: __props.to } : __props.tag === "a" ? {
 				href: __props.href,
@@ -47,7 +60,7 @@ var WButtonAction_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 				}],
 				disabled: __props.disabled || __props.skeleton,
 				"aria-label": __props.titleText ? void 0 : __props.title,
-				onClick: _cache[0] || (_cache[0] = ($event) => !__props.disabled && !__props.skeleton && _ctx.$emit("click", $event))
+				onClick: handleClick
 			}), {
 				default: withCtx(() => [
 					__props.skeleton ? (openBlock(), createBlock(WSkeleton_default, {
@@ -71,7 +84,8 @@ var WButtonAction_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 							key: 0,
 							class: normalizeClass(["square-6 w-svg-stroke-width-sm place-self-center transition-transform", { "group-hover:scale-120": !__props.disabled }])
 						}, null, 8, ["class"])) : createCommentVNode("", true)]),
-						!__props.disabled && !unref(isBackdrop) ? (openBlock(), createBlock(WShine_default, { key: 1 })) : createCommentVNode("", true)
+						!__props.disabled && !unref(isBackdrop) && !__props.loading ? (openBlock(), createBlock(WShine_default, { key: 1 })) : createCommentVNode("", true),
+						__props.loading ? (openBlock(), createElementBlock("div", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("div", { class: "absolute inset-0 bg-linear-90 from-current/0 to-current/0 via-current animate-ticker" }, null, -1)])])) : createCommentVNode("", true)
 					], 2)),
 					__props.titleText ? (openBlock(), createElementBlock("div", {
 						key: 2,
@@ -79,6 +93,7 @@ var WButtonAction_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 					}, [__props.skeleton ? (openBlock(), createBlock(WSkeleton_default, { key: 0 })) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(__props.title), 1)], 64))], 2)) : createCommentVNode("", true),
 					__props.tooltipText || !__props.titleText && __props.title ? (openBlock(), createBlock(WTooltip_default, {
 						key: 3,
+						ref: "tooltip",
 						text: __props.tooltipText ?? (__props.titleText ? void 0 : __props.title),
 						left: ""
 					}, null, 8, ["text"])) : createCommentVNode("", true)

package/dist/components/Button/WButtonCopy.vue.d.ts

@@ -1,4 +1,5 @@
 type __VLS_Props = {
+    /** Text copied to the clipboard on click. */
     value: string;
 };
 declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;

package/dist/components/Button/WButtonCopy.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WButtonCopy.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/WButtonCopy.vue"],"names":[],"mappings":"AAoBA;AA0CA,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,MAAM,CAAA;CACd,CAAC;AAyEF,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"WButtonCopy.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/WButtonCopy.vue"],"names":[],"mappings":"AAoBA;AA2CA,KAAK,WAAW,GAAG;IACjB,6CAA6C;IAC7C,KAAK,EAAE,MAAM,CAAA;CACd,CAAC;AAyEF,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/components/Button/WButtonDropdown.vue.d.ts

@@ -3,7 +3,9 @@ import { VNode } from 'vue';
 import { HorizontalAlign } from '../../utils/HorizontalAlign';
 declare const close: () => void;
 type __VLS_Slots = {
+    /** Buttons joined to the arrow button. They keep their own click handlers. */
     button?: () => VNode[];
+    /** Menu content, usually WButtonMoreItem. A click inside closes the menu, and so does `close`. */
     content?: (props: {
         close: typeof close;
     }) => VNode[];

package/dist/components/Button/WButtonDropdown.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WButtonDropdown.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/WButtonDropdown.vue"],"names":[],"mappings":"AAmEA;AAuGA,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,SAAS,CAAA;AAEhD,OAAO,EAAC,KAAK,KAAK,EAAM,MAAM,KAAK,CAAA;AAQnC,OAAO,EAAC,eAAe,EAAC,MAAM,yBAAyB,CAAA;AAevD,QAAA,MAAM,KAAK,YAEV,CAAA;AAED,KAAK,WAAW,GAAG;IACjB,MAAM,CAAC,EAAE,MAAM,KAAK,EAAE,CAAA;IACtB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE;QAAC,KAAK,EAAE,OAAO,KAAK,CAAA;KAAC,KAAK,KAAK,EAAE,CAAA;CACpD,CAAC;AAuPF,QAAA,MAAM,UAAU;;;6EAGd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"WButtonDropdown.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/WButtonDropdown.vue"],"names":[],"mappings":"AAmEA;AAyGA,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,SAAS,CAAA;AAEhD,OAAO,EAAC,KAAK,KAAK,EAAM,MAAM,KAAK,CAAA;AAQnC,OAAO,EAAC,eAAe,EAAC,MAAM,yBAAyB,CAAA;AAevD,QAAA,MAAM,KAAK,YAEV,CAAA;AAED,KAAK,WAAW,GAAG;IACjB,8EAA8E;IAC9E,MAAM,CAAC,EAAE,MAAM,KAAK,EAAE,CAAA;IACtB,kGAAkG;IAClG,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE;QAAC,KAAK,EAAE,OAAO,KAAK,CAAA;KAAC,KAAK,KAAK,EAAE,CAAA;CACpD,CAAC;AAuPF,QAAA,MAAM,UAAU;;;6EAGd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/components/Button/WButtonDropdown.vue_vue_type_script_setup_true_lang.js

@@ -17,11 +17,6 @@ var WButtonDropdown_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 			default: void 0
 		},
 		tooltipText: {},
-		parentElement: {},
-		dropdownClass: {},
-		top: { type: Boolean },
-		bottom: { type: Boolean },
-		innerClass: {},
 		horizontalAlign: { default: HorizontalAlign.LEFT_INNER }
 	},
 	setup(__props) {

package/dist/components/Button/WButtonGroup.vue.d.ts

@@ -10,21 +10,17 @@ declare const __VLS_export: <Model extends number | string | null | boolean, Ent
     expose: (exposed: {}) => void;
     attrs: any;
     slots: {
-        title?: (props: {}) => any;
-    } & {
-        subtitle?: (props: {}) => any;
-    } & {
-        option?: (props: {
-            option: Model | Entity;
-            selected: boolean;
-        }) => any;
-    } & {
+        /** Replaces the `title` text. */
+        title?: () => void;
+        /** Content between the title and the options. */
+        subtitle?: () => void;
+        /** Content of an option's button. While readonly, only the pressed option is shown. */
         option?: (props: {
             option: ValueGetter extends undefined ? Model : Entity;
             selected: boolean;
-        }) => any;
-    } & {
-        right?: (props: {}) => any;
+        }) => void;
+        /** Content to the right of the options. */
+        right?: () => void;
     };
     emit: (e: "update:model-value", value: Model) => void;
 }>) => import('vue').VNode & {

package/dist/components/Button/WButtonGroup.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WButtonGroup.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/WButtonGroup.vue"],"names":[],"mappings":"AA2HA;AA4LA,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,SAAS,CAAA;AAY7C,QAAA,MAAM,YAAY,GAAK,KAAK,SAAS,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,OAAO,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,WAAW,SAAS;IAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,KAAK,CAAA;CAAC,CAAC,IAAI,CAAC,GAAG,SAAS,GAAG,SAAS,EAC1L,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,gBAAgB,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EAClE;WAkXO,OAAO,KAAK,EAAE,WAAW,GAAG,mBAAmB,CAAC;;KAAmC,CAAC,GAAG,CAAC,OAAO,UAAU,SAAS;QAAE,oBAAoB,EAAE,MAAM,CAAC,CAAA;KAAE,GAAG,CAAC,GAAG,EAAE,CAAC;YAC5J,CAAC,OAAO,EAAE,EAAE,KAAK,IAAI;WACtB,GAAG;;gBAZC,CAAC,KAAK,IAAgB,KAAK,GAAG;;mBAC3B,CAAC,KAAK,IAAiB,KAAK,GAAG;;iBACjC,CAAC,KAAK;;;SAAiB,KAAK,GAAG;;iBAC/B,CAAC,KAAK;;;SAAiB,KAAK,GAAG;;gBAChC,CAAC,KAAK,IAAiB,KAAK,GAAG;;cA1VrC,oBAAoB,SAAS,KAAK,KAAG,IAAI;EAsW3C,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAA;CAAI,CAAC;wBACpE,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,mBAAmB,CAAC,CAAC,IAAI,CAAC,CAAC,SAAS,GAAG,GAAG;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG;KAAG,CAAC,IAAI,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,CAAC,GAAG,EAAE,CAAC"}
+{"version":3,"file":"WButtonGroup.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/WButtonGroup.vue"],"names":[],"mappings":"AA2HA;AAwMA,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,SAAS,CAAA;AAY7C,QAAA,MAAM,YAAY,GAAK,KAAK,SAAS,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,OAAO,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,WAAW,SAAS;IAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,KAAK,CAAA;CAAC,CAAC,IAAI,CAAC,GAAG,SAAS,GAAG,SAAS,EAC1L,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,gBAAgB,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EAClE;WAyXO,OAAO,KAAK,EAAE,WAAW,GAAG,mBAAmB,CAAC;;KAAmC,CAAC,GAAG,CAAC,OAAO,UAAU,SAAS;QAAE,oBAAoB,EAAE,MAAM,CAAC,CAAA;KAAE,GAAG,CAAC,GAAG,EAAE,CAAC;YAC5J,CAAC,OAAO,EAAE,EAAE,KAAK,IAAI;WACtB,GAAG;;QAnWT,iCAAiC;gBACzB,MAAM,IAAI;QAClB,iDAAiD;mBACtC,MAAM,IAAI;QACrB,uFAAuF;iBAC9E,CAAC,KAAK,EAAE;YAAC,MAAM,EAAE,WAAW,SAAS,SAAS,GAAG,KAAK,GAAG,MAAM,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAA;SAAC,KAAK,IAAI;QACrG,2CAA2C;gBACnC,MAAM,IAAI;;cAZd,oBAAoB,SAAS,KAAK,KAAG,IAAI;EA4W3C,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAA;CAAI,CAAC;wBACpE,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,mBAAmB,CAAC,CAAC,IAAI,CAAC,CAAC,SAAS,GAAG,GAAG;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG;KAAG,CAAC,IAAI,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,CAAC,GAAG,EAAE,CAAC"}

package/dist/components/Button/WButtonGroup.vue_vue_type_script_setup_true_lang.js

@@ -1,5 +1,5 @@
-import WSkeleton_default from "../Skeleton/WSkeleton.vue.js";
 import { SemanticType, useSemanticTypeBackgroundMap, useSemanticTypeButtonBackgroundMap } from "../../utils/SemanticType.js";
+import WSkeleton_default from "../Skeleton/WSkeleton.vue.js";
 import WSpinner_default from "../Spinner/WSpinner.vue.js";
 import { useComponentStates } from "../../utils/useComponentStates.js";
 import WFieldWrapper_default from "../FieldWrapper/WFieldWrapper.vue.js";
@@ -65,7 +65,7 @@ var WButtonGroup_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 		const semanticTypeBackgroundMap = useSemanticTypeBackgroundMap();
 		const semanticTypeButtonBackgroundMap = useSemanticTypeButtonBackgroundMap();
 		const emit = __emit;
-		const { isDisabled, isReadonly } = useComponentStates(props);
+		const { isDisabled, isReadonly, isSkeleton } = useComponentStates(props);
 		const loadingItem = ref(void 0);
 		const getValue = (item) => {
 			if (props.valueGetter && typeof item === "object") return props.valueGetter(item);
@@ -96,7 +96,7 @@ var WButtonGroup_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 					fn: withCtx(() => [renderSlot(_ctx.$slots, "subtitle")]),
 					key: "1"
 				} : void 0,
-				__props.readonly ? {
+				unref(isReadonly) ? {
 					name: "default",
 					fn: withCtx(() => [createElementVNode("div", _hoisted_1, [modelValueItem.value !== void 0 ? renderSlot(_ctx.$slots, "option", {
 						option: modelValueItem.value,
@@ -109,7 +109,7 @@ var WButtonGroup_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 					key: "2"
 				} : {
 					name: "field",
-					fn: withCtx(() => [__props.skeleton ? (openBlock(), createBlock(WSkeleton_default, {
+					fn: withCtx(() => [unref(isSkeleton) ? (openBlock(), createBlock(WSkeleton_default, {
 						key: 0,
 						class: "w-skeleton-h---w-button-height w-skeleton-rounded-[0.625rem]"
 					})) : (openBlock(), createElementBlock("div", {

package/dist/components/Button/WButtonInput.vue.d.ts

@@ -1,10 +1,16 @@
 import { LinkProps } from '../../types/types';
 type __VLS_Props = {
+    /** Icon of the button. */
     icon: SVGComponent;
+    /** Router location — renders a router link. Needs vue-router installed in the app. */
     to?: LinkProps['to'];
+    /** Tooltip text, which also names the button. */
     tooltipText?: string;
+    /** Shows a spinner instead of the icon and ignores clicks. */
     loading?: boolean;
+    /** Shows a placeholder instead of the button. */
     skeleton?: boolean;
+    /** Grays the button out and ignores clicks. */
     disabled?: boolean;
 };
 declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {

package/dist/components/Button/WButtonInput.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WButtonInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/WButtonInput.vue"],"names":[],"mappings":"AAyCA;AAgEA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AAO5C,KAAK,WAAW,GAAG;IACjB,IAAI,EAAE,YAAY,CAAA;IAClB,EAAE,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC,CAAA;IACpB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC;AAiKF,QAAA,MAAM,YAAY;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"WButtonInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/WButtonInput.vue"],"names":[],"mappings":"AA0CA;AAwEA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AAO5C,KAAK,WAAW,GAAG;IACjB,0BAA0B;IAC1B,IAAI,EAAE,YAAY,CAAA;IAClB,sFAAsF;IACtF,EAAE,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC,CAAA;IACpB,iDAAiD;IACjD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,8DAA8D;IAC9D,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,iDAAiD;IACjD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC;AAmKF,QAAA,MAAM,YAAY;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/components/Button/WButtonInput.vue_vue_type_script_setup_true_lang.js

@@ -27,6 +27,7 @@ var WButtonInput_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 					"cursor-progress": __props.loading
 				}],
 				disabled: __props.disabled,
+				"aria-label": __props.tooltipText,
 				onClick: _cache[0] || (_cache[0] = withModifiers(($event) => !__props.disabled && !__props.loading && _ctx.$emit("click", $event), ["stop", "prevent"])),
 				onMousedown: _cache[1] || (_cache[1] = withModifiers(() => {}, ["stop", "prevent"]))
 			}), {
@@ -42,7 +43,11 @@ var WButtonInput_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 					"no-touch": ""
 				}, null, 8, ["text"])) : createCommentVNode("", true)]),
 				_: 1
-			}, 16, ["class", "disabled"]));
+			}, 16, [
+				"class",
+				"disabled",
+				"aria-label"
+			]));
 		};
 	}
 });

package/dist/components/Button/WButtonMore.vue.d.ts

@@ -1,12 +1,15 @@
 import { DropdownProps } from '../Dropdown/types';
 type __VLS_Props = {
+    /** Icon of the button. Defaults to three dots. */
     icon?: SVGComponent;
+    /** Blocks opening and dims the button. */
     disabled?: boolean;
+    /** Element the menu is positioned against instead of the button, aligned to its right edge — for a menu opened at a cursor or row. */
     anchor?: DropdownProps['parentElement'];
 };
-declare var __VLS_22: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_22) => any;
+type __VLS_Slots = {
+    /** Menu items, usually WButtonMoreItem. A click inside closes the menu. Only one WButtonMore menu is open at a time. */
+    default?: () => void;
 };
 declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {
     open: () => void;

package/dist/components/Button/WButtonMore.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WButtonMore.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/WButtonMore.vue"],"names":[],"mappings":"AA0DA;AAmHA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAapD,KAAK,WAAW,GAAG;IACjB,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,MAAM,CAAC,EAAE,aAAa,CAAC,eAAe,CAAC,CAAA;CACxC,CAAC;AAiOF,QAAA,IAAI,QAAQ,IAAY,CAAE;AAC1B,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAKhD,QAAA,MAAM,UAAU;;iBAjNE,IAAI;;;;;;kFAqNpB,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"WButtonMore.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/WButtonMore.vue"],"names":[],"mappings":"AA0DA;AA4HA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAapD,KAAK,WAAW,GAAG;IACjB,kDAAkD;IAClD,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,sIAAsI;IACtI,MAAM,CAAC,EAAE,aAAa,CAAC,eAAe,CAAC,CAAA;CACxC,CAAC;AASF,KAAK,WAAW,GAAG;IACjB,wHAAwH;IACxH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB,CAAC;AA+NF,QAAA,MAAM,UAAU;;iBA7ME,IAAI;;;;;;kFAiNpB,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/components/Button/WButtonMoreItem.vue.d.ts

@@ -1,17 +1,23 @@
 import { LinkProps } from '../../types/types';
 interface Props extends Partial<LinkProps> {
+    /** Label. The `default` slot replaces it. */
     text?: string;
+    /** Icon after the label. The `icon` slot replaces it. */
     icon?: SVGComponent;
+    /** Blocks clicks and dims the item. */
     disabled?: boolean;
+    /** Renders the item as a link to this URL. */
     href?: string;
+    /** Native `download` attribute, with `href`. */
     download?: string;
+    /** Tooltip over the item. */
     tooltipText?: string;
 }
-declare var __VLS_10: {}, __VLS_12: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_10) => any;
-} & {
-    icon?: (props: typeof __VLS_12) => any;
+type __VLS_Slots = {
+    /** Label. Replaces `text`. */
+    default?: () => void;
+    /** Icon after the label. Replaces `icon`. */
+    icon?: () => void;
 };
 declare const __VLS_base: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     click: (value: MouseEvent) => any;