eco-vue-js 0.23.1 → 0.24.0

package/dist/assets/icons/IconInfo.js

@@ -0,0 +1,27 @@
+import { createElementBlock, createElementVNode, openBlock } from "vue";
+//#region src/assets/icons/IconInfo.svg?component
+var _hoisted_1 = {
+	width: "20",
+	height: "20",
+	viewBox: "0 0 24 24",
+	fill: "none",
+	xmlns: "http://www.w3.org/2000/svg"
+};
+function render(_ctx, _cache) {
+	return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("path", {
+		d: "M12 2c5.5 0 10 4.5 10 10s-4.5 10-10 10S2 17.5 2 12 6.5 2 12 2m0 14v-5",
+		stroke: "currentcolor",
+		"stroke-linecap": "round",
+		"stroke-linejoin": "round",
+		"stroke-width": "1.5"
+	}, null, -1), createElementVNode("path", {
+		d: "M12 8z",
+		stroke: "currentcolor",
+		"stroke-linecap": "round",
+		"stroke-linejoin": "round",
+		"stroke-width": "2"
+	}, null, -1)])]);
+}
+var IconInfo_default = { render };
+//#endregion
+export { IconInfo_default as default, render };

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

@@ -23,8 +23,12 @@ type __VLS_Slots = {
         cssClass: string;
         visibleCount: number;
     }) => VNode[];
+    /** Filters at the start of the bar while nothing is selected. The actions then move to the end, beside `settings`, and the selection replaces the filters. */
+    filter?: () => VNode[];
     /** Content at the end of the bar while nothing is selected, such as list settings. */
-    settings?: () => VNode[];
+    settings?: (props: {
+        isFilterShown: boolean;
+    }) => VNode[];
 };
 declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     "clear:selection": () => any;

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

@@ -1 +1 @@
-{"version":3,"file":"WButtonSelection.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/WButtonSelection.vue"],"names":[],"mappings":"AAkEA;AAuMA,OAAO,EAAC,KAAK,KAAK,EAAiG,MAAM,KAAK,CAAA;AAW9H,KAAK,WAAW,GAAG;IACf,0FAA0F;IAC1F,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,kFAAkF;IAClF,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,mHAAmH;IACnH,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,CAAC;AAsGJ,KAAK,WAAW,GAAG;IACjB;;;OAGG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE;QAAC,cAAc,EAAE,MAAM,GAAG,SAAS,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAC;QAAC,YAAY,EAAE,MAAM,CAAA;KAAC,KAAK,KAAK,EAAE,CAAA;IAC1G,6KAA6K;IAC7K,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE;QAAC,cAAc,EAAE,MAAM,GAAG,SAAS,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAC;QAAC,YAAY,EAAE,MAAM,CAAA;KAAC,KAAK,KAAK,EAAE,CAAA;IACvG,sFAAsF;IACtF,QAAQ,CAAC,EAAE,MAAM,KAAK,EAAE,CAAA;CACzB,CAAC;AA0MF,QAAA,MAAM,UAAU;;;;;WA/TJ,MAAM;oBAEG,MAAM;mBAEP,MAAM;6EA+TxB,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":"WButtonSelection.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/WButtonSelection.vue"],"names":[],"mappings":"AAsFA;AAoOA,OAAO,EAAC,KAAK,KAAK,EAAiG,MAAM,KAAK,CAAA;AAW9H,KAAK,WAAW,GAAG;IACf,0FAA0F;IAC1F,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,kFAAkF;IAClF,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,mHAAmH;IACnH,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,CAAC;AAyGJ,KAAK,WAAW,GAAG;IACjB;;;OAGG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE;QAAC,cAAc,EAAE,MAAM,GAAG,SAAS,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAC;QAAC,YAAY,EAAE,MAAM,CAAA;KAAC,KAAK,KAAK,EAAE,CAAA;IAC1G,6KAA6K;IAC7K,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE;QAAC,cAAc,EAAE,MAAM,GAAG,SAAS,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAC;QAAC,YAAY,EAAE,MAAM,CAAA;KAAC,KAAK,KAAK,EAAE,CAAA;IACvG,8JAA8J;IAC9J,MAAM,CAAC,EAAE,MAAM,KAAK,EAAE,CAAA;IACtB,sFAAsF;IACtF,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE;QAAC,aAAa,EAAE,OAAO,CAAA;KAAC,KAAK,KAAK,EAAE,CAAA;CACxD,CAAC;AA6OF,QAAA,MAAM,UAAU;;;;;WAvWJ,MAAM;oBAEG,MAAM;mBAEP,MAAM;6EAuWxB,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/WButtonSelection.vue_vue_type_script_setup_true_lang.js

@@ -3,16 +3,12 @@ import IconMore_default from "../../assets/icons/IconMore.js";
 import WDropdownAdaptive_default from "../DropdownMenu/WDropdownAdaptive.vue.js";
 import WButtonSelectionAction_default from "./WButtonSelectionAction.vue.js";
 import WButtonSelectionState_default from "./WButtonSelectionState.vue.js";
-import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, guardReactiveProps, inject, markRaw, mergeProps, normalizeProps, onBeforeUnmount, onMounted, onUpdated, openBlock, provide, ref, renderSlot, toDisplayString, unref, useTemplateRef, withCtx } from "vue";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, guardReactiveProps, inject, markRaw, mergeProps, normalizeClass, normalizeProps, normalizeStyle, onBeforeUnmount, onMounted, onUpdated, openBlock, provide, ref, renderSlot, toDisplayString, unref, useSlots, useTemplateRef, vShow, withCtx, withDirectives } from "vue";
 //#region src/components/Button/WButtonSelection.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = { class: "list:left---left-inner list:w---width-inner list:sticky grid w-full grid-cols-[1fr_auto] pb-3" };
-var _hoisted_2 = {
-	ref: "row",
-	class: "flex min-w-0"
-};
-var _hoisted_3 = { class: "py-2 grid" };
-var _hoisted_4 = { class: "tone-primary text-tone font-semibold" };
-var _hoisted_5 = { class: "sm-not:text-xs" };
+var _hoisted_1 = { class: "py-2 grid" };
+var _hoisted_2 = { class: "tone-primary text-tone font-semibold" };
+var _hoisted_3 = { class: "sm-not:text-xs" };
+var cellClass = "[--w-input-height:var(--w-list-toolbar-height,var(--w-list-toolbar-inherited-height))] [--w-button-height:var(--w-list-toolbar-height,var(--w-list-toolbar-inherited-height))]";
 var WButtonSelection_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "WButtonSelection",
 	props: {
@@ -33,6 +29,7 @@ var WButtonSelection_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 		const isOverflowing = ref(false);
 		const widths = /* @__PURE__ */ new WeakMap();
 		let moreWidth = 0;
+		const actionsMinWidth = ref(0);
 		const isShown = (element) => element.getClientRects().length > 0;
 		const update = () => {
 			const row = rowRef.value;
@@ -50,7 +47,9 @@ var WButtonSelection_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 				return;
 			}
 			const available = row.clientWidth;
-			if (items.reduce((sum, element) => sum + widths.get(element), 0) <= available || !more) {
+			const total = items.reduce((sum, element) => sum + widths.get(element), 0);
+			actionsMinWidth.value = Math.ceil(more ? moreWidth : total);
+			if (total <= available || !more) {
 				visibleCount.value = Infinity;
 				isOverflowing.value = false;
 				return;
@@ -80,47 +79,68 @@ var WButtonSelection_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 			observer?.disconnect();
 			observer = null;
 		});
+		const slots = useSlots();
+		const isFilterShown = computed(() => !!slots.filter && !props.selectedCount);
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps({
-				disableMessage: disableMessageValue.value,
-				cssClass: "shrink-0 border-l border-solid border-line first:border-l-0",
-				visibleCount: visibleCount.value
-			}))), _ctx.$slots.more ? (openBlock(), createBlock(WDropdownAdaptive_default, {
-				key: 0,
-				"is-open": isOpen.value,
-				"close-on-click": "",
-				onClose: _cache[1] || (_cache[1] = ($event) => isOpen.value = false)
-			}, {
-				toggle: withCtx(() => [createVNode(WButtonSelectionAction_default, mergeProps({
-					title: "More",
-					icon: markRaw(unref(IconMore_default)),
-					"aria-expanded": isOpen.value,
-					"disable-message": disableMessageValue.value,
-					class: ["shrink-0 border-l border-solid border-line", { hidden: !isOverflowing.value }]
-				}, { "data-selection-more": "" }, { onClick: _cache[0] || (_cache[0] = ($event) => isOpen.value = !isOpen.value) }), null, 16, [
-					"icon",
-					"aria-expanded",
-					"disable-message",
-					"class"
-				])]),
-				header: withCtx(() => [..._cache[3] || (_cache[3] = [createTextVNode(" More ", -1)])]),
-				content: withCtx(() => [createElementVNode("div", _hoisted_3, [renderSlot(_ctx.$slots, "more", normalizeProps(guardReactiveProps({
+			return openBlock(), createElementBlock("div", {
+				class: normalizeClass(["list:left---left-inner list:w---width-inner list:sticky grid w-full pb-3 [--w-list-toolbar-inherited-height:var(--w-input-height,2.75rem)]", {
+					"grid-cols-[1fr_auto]": !isFilterShown.value,
+					"w-selection-filter-grid": isFilterShown.value
+				}]),
+				style: normalizeStyle(actionsMinWidth.value ? { "--w-selection-actions-width": `${actionsMinWidth.value}px` } : void 0)
+			}, [
+				_ctx.$slots.filter ? withDirectives((openBlock(), createElementBlock("div", {
+					key: 0,
+					class: normalizeClass([cellClass, "min-w-0 sm:mr-12 sm-not:col-span-full sm-not:mr-0 sm-not:mb-2 sm-not:px-(--w-list-padding,1rem)"])
+				}, [renderSlot(_ctx.$slots, "filter")], 512)), [[vShow, isFilterShown.value]]) : createCommentVNode("", true),
+				createElementVNode("div", {
+					ref: "row",
+					class: normalizeClass(["flex min-w-0", [cellClass, { "justify-end": isFilterShown.value }]])
+				}, [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps({
 					disableMessage: disableMessageValue.value,
-					cssClass: "",
+					cssClass: "shrink-0 first-not:border-l border-solid border-line",
 					visibleCount: visibleCount.value
-				})))])]),
-				_: 3
-			}, 8, ["is-open"])) : createCommentVNode("", true)], 512), __props.selectedCount ? (openBlock(), createBlock(WButtonSelectionState_default, {
-				key: 0,
-				onClick: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("clear:selection"))
-			}, {
-				default: withCtx(() => [
-					_cache[4] || (_cache[4] = createElementVNode("span", { class: "sm-not:hidden" }, "Selected\xA0", -1)),
-					createElementVNode("span", _hoisted_4, toDisplayString(unref(numberFormatter).format(__props.selectedCount)), 1),
-					createElementVNode("span", _hoisted_5, "\xA0" + toDisplayString(__props.title) + toDisplayString(__props.selectedCount === 1 ? "" : "s"), 1)
-				]),
-				_: 1
-			})) : renderSlot(_ctx.$slots, "settings", {}, void 0, void 0, 1)]);
+				}))), _ctx.$slots.more ? (openBlock(), createBlock(WDropdownAdaptive_default, {
+					key: 0,
+					"is-open": isOpen.value,
+					"close-on-click": "",
+					onClose: _cache[1] || (_cache[1] = ($event) => isOpen.value = false)
+				}, {
+					toggle: withCtx(() => [createVNode(WButtonSelectionAction_default, mergeProps({
+						title: "More",
+						icon: markRaw(unref(IconMore_default)),
+						"aria-expanded": isOpen.value,
+						"disable-message": isFilterShown.value ? void 0 : disableMessageValue.value,
+						class: ["shrink-0 border-solid border-line", {
+							hidden: !isOverflowing.value,
+							"border-l": !isFilterShown.value || visibleCount.value !== 0
+						}]
+					}, { "data-selection-more": "" }, { onClick: _cache[0] || (_cache[0] = ($event) => isOpen.value = !isOpen.value) }), null, 16, [
+						"icon",
+						"aria-expanded",
+						"disable-message",
+						"class"
+					])]),
+					header: withCtx(() => [..._cache[3] || (_cache[3] = [createTextVNode(" More ", -1)])]),
+					content: withCtx(() => [createElementVNode("div", _hoisted_1, [renderSlot(_ctx.$slots, "more", normalizeProps(guardReactiveProps({
+						disableMessage: disableMessageValue.value,
+						cssClass: "",
+						visibleCount: visibleCount.value
+					})))])]),
+					_: 3
+				}, 8, ["is-open"])) : createCommentVNode("", true)], 2),
+				createElementVNode("div", { class: normalizeClass(cellClass) }, [__props.selectedCount ? (openBlock(), createBlock(WButtonSelectionState_default, {
+					key: 0,
+					onClick: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("clear:selection"))
+				}, {
+					default: withCtx(() => [
+						_cache[4] || (_cache[4] = createElementVNode("span", { class: "sm-not:hidden" }, "Selected\xA0", -1)),
+						createElementVNode("span", _hoisted_2, toDisplayString(unref(numberFormatter).format(__props.selectedCount)), 1),
+						createElementVNode("span", _hoisted_3, "\xA0" + toDisplayString(__props.title) + toDisplayString(__props.selectedCount === 1 ? "" : "s"), 1)
+					]),
+					_: 1
+				})) : renderSlot(_ctx.$slots, "settings", normalizeProps(guardReactiveProps({ isFilterShown: isFilterShown.value })), void 0, void 0, 1)])
+			], 6);
 		};
 	}
 });

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

@@ -28,6 +28,8 @@ type __VLS_Props = {
     replace?: boolean;
 };
 type __VLS_Slots = {
+    /** Slot for absolute positioned content, like counter */
+    default?: () => void;
     /** Rich content of the tooltip, replacing `disableMessage` or `tooltipText`. */
     tooltip?: () => void;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"WButtonSelectionAction.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/WButtonSelectionAction.vue"],"names":[],"mappings":"AAyEA;AAAA,OA+HO,KAAK,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AAS5C,KAAK,WAAW,GAAG;IACjB,sEAAsE;IACtE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,wEAAwE;IACxE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,0BAA0B;IAC1B,IAAI,EAAE,YAAY,CAAA;IAClB,wFAAwF;IACxF,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,6DAA6D;IAC7D,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,0DAA0D;IAC1D,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,oBAAoB;IACpB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,sFAAsF;IACtF,EAAE,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC,CAAA;IACpB,4FAA4F;IAC5F,GAAG,CAAC,EAAE,MAAM,qBAAqB,CAAA;IACjC,kCAAkC;IAClC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,sCAAsC;IACtC,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAA;IAChD,2EAA2E;IAC3E,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAC;AASF,KAAK,WAAW,GAAG;IACjB,gFAAgF;IAChF,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB,CAAC;AA+NF,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":"WButtonSelectionAction.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/WButtonSelectionAction.vue"],"names":[],"mappings":"AA2EA;AAAA,OAmIO,KAAK,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AAS5C,KAAK,WAAW,GAAG;IACjB,sEAAsE;IACtE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,wEAAwE;IACxE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,0BAA0B;IAC1B,IAAI,EAAE,YAAY,CAAA;IAClB,wFAAwF;IACxF,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,6DAA6D;IAC7D,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,0DAA0D;IAC1D,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,oBAAoB;IACpB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,sFAAsF;IACtF,EAAE,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC,CAAA;IACpB,4FAA4F;IAC5F,GAAG,CAAC,EAAE,MAAM,qBAAqB,CAAA;IACjC,kCAAkC;IAClC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,sCAAsC;IACtC,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAA;IAChD,2EAA2E;IAC3E,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAC;AASF,KAAK,WAAW,GAAG;IACjB,yDAAyD;IACzD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,gFAAgF;IAChF,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB,CAAC;AAiOF,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/WButtonSelectionAction.vue_vue_type_script_setup_true_lang.js

@@ -66,7 +66,8 @@ var WButtonSelectionAction_vue_vue_type_script_setup_true_lang_default = /*@__PU
 						fn: withCtx(() => [renderSlot(_ctx.$slots, "tooltip")]),
 						key: "0"
 					} : void 0]), 1032, ["text"])) : createCommentVNode("", true),
-					!__props.disabled && !__props.disableMessage && !__props.loading && !unref(overlay) ? (openBlock(), createBlock(WShine_default, { key: 2 })) : createCommentVNode("", true)
+					!__props.disabled && !__props.disableMessage && !__props.loading && !unref(overlay) ? (openBlock(), createBlock(WShine_default, { key: 2 })) : createCommentVNode("", true),
+					renderSlot(_ctx.$slots, "default")
 				]),
 				_: 3
 			}, 16, [

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

@@ -23,7 +23,7 @@ type __VLS_Props = {
     showHasValue?: boolean;
     /** Scrolls a title that doesn't fit into view on hover. */
     enableOverflow?: boolean;
-    /** Number shown in brackets after the title. */
+    /** Number shown in a badge after the title, tinted while the tab is open. */
     count?: number;
 };
 type __VLS_Slots = {

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

@@ -1 +1 @@
-{"version":3,"file":"WButtonTab.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/WButtonTab.vue"],"names":[],"mappings":"AAwIA;AAwMA,KAAK,WAAW,GAAG;IACjB,uEAAuE;IACvE,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,oDAAoD;IACpD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,oFAAoF;IACpF,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,qCAAqC;IACrC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,6BAA6B;IAC7B,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,wDAAwD;IACxD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,kFAAkF;IAClF,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,kEAAkE;IAClE,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,2DAA2D;IAC3D,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,4EAA4E;IAC5E,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,2DAA2D;IAC3D,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,gDAAgD;IAChD,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAC;AASF,KAAK,WAAW,GAAG;IACjB,+EAA+E;IAC/E,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE;QAAC,UAAU,CAAC,EAAE,OAAO,CAAC;QAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;QAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;KAAC,KAAK,IAAI,CAAA;IACvF,uDAAuD;IACvD,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE;QAAC,UAAU,CAAC,EAAE,OAAO,CAAC;QAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;QAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;KAAC,KAAK,IAAI,CAAA;CACzF,CAAC;AAsUF,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":"WButtonTab.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/WButtonTab.vue"],"names":[],"mappings":"AAgJA;AAgNA,KAAK,WAAW,GAAG;IACjB,uEAAuE;IACvE,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,oDAAoD;IACpD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,oFAAoF;IACpF,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,qCAAqC;IACrC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,6BAA6B;IAC7B,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,wDAAwD;IACxD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,kFAAkF;IAClF,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,kEAAkE;IAClE,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,2DAA2D;IAC3D,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,4EAA4E;IAC5E,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,2DAA2D;IAC3D,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,6EAA6E;IAC7E,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAC;AASF,KAAK,WAAW,GAAG;IACjB,+EAA+E;IAC/E,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE;QAAC,UAAU,CAAC,EAAE,OAAO,CAAC;QAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;QAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;KAAC,KAAK,IAAI,CAAA;IACvF,uDAAuD;IACvD,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE;QAAC,UAAU,CAAC,EAAE,OAAO,CAAC;QAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;QAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;KAAC,KAAK,IAAI,CAAA;CACzF,CAAC;AAgVF,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/WButtonTab.vue_vue_type_script_setup_true_lang.js

@@ -34,7 +34,7 @@ var WButtonTab_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defin
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("button", {
 				disabled: __props.disabled,
-				class: normalizeClass(["w-ripple-trigger grid select-none grid-cols-[auto_1fr] font-semibold outline-none transition-colors duration-500", {
+				class: normalizeClass(["w-ripple-trigger grid select-none grid-cols-[auto_1fr] font-semibold outline-none", {
 					"tone-primary text-tone": !__props.hasError && __props.active,
 					"tone-negative text-tone": __props.hasError,
 					"tone-positive text-tone": !__props.active && !__props.hasError && __props.hasValue && __props.showHasValue,
@@ -73,11 +73,18 @@ var WButtonTab_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defin
 					}])
 				}, [
 					createElementVNode("div", { class: normalizeClass(["whitespace-nowrap px-3", { "sm-not:pl---inner-margin": __props.side }]) }, [(openBlock(), createBlock(resolveDynamicComponent(__props.enableOverflow ? WTextOverflow_default : WEmptyComponent_default), null, {
-						default: withCtx(() => [__props.icon !== void 0 ? (openBlock(), createBlock(Suspense, { key: 0 }, {
-							fallback: withCtx(() => [..._cache[1] || (_cache[1] = [createElementVNode("svg", { class: "square-[1.25em] -mt-1 inline" }, [createElementVNode("g")], -1)])]),
-							default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(__props.icon), { class: "square-[1.25em] -mt-1 inline" }))]),
-							_: 1
-						})) : createCommentVNode("", true), createTextVNode(" " + toDisplayString(__props.title) + " " + toDisplayString(__props.count !== void 0 ? `(${unref(numberFormatter).format(__props.count)})` : ""), 1)]),
+						default: withCtx(() => [
+							__props.icon !== void 0 ? (openBlock(), createBlock(Suspense, { key: 0 }, {
+								fallback: withCtx(() => [..._cache[1] || (_cache[1] = [createElementVNode("svg", { class: "square-[1.25em] -mt-1 inline" }, [createElementVNode("g")], -1)])]),
+								default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(__props.icon), { class: "square-[1.25em] -mt-1 inline" }))]),
+								_: 1
+							})) : createCommentVNode("", true),
+							createTextVNode(" " + toDisplayString(__props.title) + " ", 1),
+							__props.count !== void 0 ? (openBlock(), createElementBlock("span", {
+								key: 1,
+								class: normalizeClass(["ml-0.5 inline-block min-w-[1.75em] rounded-full px-1.5 text-center text-xs/5 tabular-nums", __props.active && !__props.hasError ? "bg-tone-soft" : "bg-surface-muted text-description"])
+							}, toDisplayString(unref(numberFormatter).format(__props.count)), 3)) : createCommentVNode("", true)
+						]),
 						_: 1
 					}))], 2),
 					__props.statusIcon ? (openBlock(), createBlock(WStatusIcon_default, {
@@ -100,7 +107,7 @@ var WButtonTab_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defin
 				}, {
 					default: withCtx(() => [__props.hasChanges ? (openBlock(), createElementBlock("div", {
 						key: 0,
-						class: normalizeClass(["square-2 absolute right-1 top-1 rounded-full transition-colors duration-200", {
+						class: normalizeClass(["square-2 absolute right-1 top-1 rounded-full", {
 							"tone-info bg-tone-fill": !__props.hasError,
 							"tone-negative bg-tone-fill": __props.hasError
 						}])

package/dist/components/FieldWrapper/WFieldWrapper.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WFieldWrapper.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/FieldWrapper/WFieldWrapper.vue"],"names":[],"mappings":"AAqLA;AAkUA,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,SAAS,CAAA;AAE9C,OAAO,EAAkB,KAAK,KAAK,EAAuE,MAAM,KAAK,CAAA;AAerH,KAAK,WAAW,GAAG,iBAAiB,GAAG;IACnC,uJAAuJ;IACvJ,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,CAAC;AAyGJ,KAAK,WAAW,GAAG;IACjB,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,KAAK,EAAE,CAAA;IACrB,+CAA+C;IAC/C,QAAQ,EAAE,MAAM,KAAK,EAAE,CAAA;IACvB,yCAAyC;IACzC,KAAK,CAAC,EAAE,MAAM,KAAK,EAAE,CAAA;IACrB,qDAAqD;IACrD,MAAM,EAAE,MAAM,KAAK,EAAE,CAAA;IACrB,2JAA2J;IAC3J,KAAK,EAAE,CAAC,KAAK,EAAE;QAAC,EAAE,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,OAAO,CAAC;QAAC,UAAU,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;QAAC,UAAU,EAAE,OAAO,CAAA;KAAC,KAAK,KAAK,EAAE,CAAA;IACpH,sGAAsG;IACtG,OAAO,EAAE,CAAC,KAAK,EAAE;QAAC,EAAE,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,OAAO,CAAC;QAAC,UAAU,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;QAAC,UAAU,EAAE,OAAO,CAAA;KAAC,KAAK,KAAK,EAAE,CAAA;CACvH,CAAC;AA6XF,QAAA,MAAM,UAAU;sBAvdO,cAAc,GAAG,IAAI;yBA2BhB,MAAM,eAAc,MAAM;;;;;;;;;;;6EAicpD,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":"WFieldWrapper.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/FieldWrapper/WFieldWrapper.vue"],"names":[],"mappings":"AAqLA;AAkUA,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,SAAS,CAAA;AAE9C,OAAO,EAAkB,KAAK,KAAK,EAAuE,MAAM,KAAK,CAAA;AAerH,KAAK,WAAW,GAAG,iBAAiB,GAAG;IACnC,uJAAuJ;IACvJ,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,CAAC;AAyGJ,KAAK,WAAW,GAAG;IACjB,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,KAAK,EAAE,CAAA;IACrB,+CAA+C;IAC/C,QAAQ,EAAE,MAAM,KAAK,EAAE,CAAA;IACvB,yCAAyC;IACzC,KAAK,CAAC,EAAE,MAAM,KAAK,EAAE,CAAA;IACrB,qDAAqD;IACrD,MAAM,EAAE,MAAM,KAAK,EAAE,CAAA;IACrB,2JAA2J;IAC3J,KAAK,EAAE,CAAC,KAAK,EAAE;QAAC,EAAE,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,OAAO,CAAC;QAAC,UAAU,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;QAAC,UAAU,EAAE,OAAO,CAAA;KAAC,KAAK,KAAK,EAAE,CAAA;IACpH,sGAAsG;IACtG,OAAO,EAAE,CAAC,KAAK,EAAE;QAAC,EAAE,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,OAAO,CAAC;QAAC,UAAU,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;QAAC,UAAU,EAAE,OAAO,CAAA;KAAC,KAAK,KAAK,EAAE,CAAA;CACvH,CAAC;AA4XF,QAAA,MAAM,UAAU;sBAtdO,cAAc,GAAG,IAAI;yBA2BhB,MAAM,eAAc,MAAM;;;;;;;;;;;6EAgcpD,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/FieldWrapper/WFieldWrapper.vue_vue_type_script_setup_true_lang.js

@@ -15,7 +15,7 @@ var _hoisted_2 = {
 };
 var _hoisted_3 = {
 	key: 0,
-	class: "square-2 absolute right-0 top-0 rounded-full bg-(--has-changes-bg) transition-colors"
+	class: "square-2 absolute right-0 top-0 rounded-full bg-(--has-changes-bg)"
 };
 var _hoisted_4 = {
 	key: 2,

package/dist/components/InfiniteList/components/InfiniteListHeaderPadding.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InfiniteListHeaderPadding.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/InfiniteList/components/InfiniteListHeaderPadding.vue"],"names":[],"mappings":"AAGA;AAuCA,KAAK,WAAW,GAAG;IACjB,cAAc,EAAE,OAAO,GAAG,IAAI,CAAA;IAC9B,YAAY,EAAE,MAAM,CAAA;CACrB,CAAC;AAsCF,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;AAC/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":"InfiniteListHeaderPadding.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/InfiniteList/components/InfiniteListHeaderPadding.vue"],"names":[],"mappings":"AAGA;AAsCA,KAAK,WAAW,GAAG;IACjB,cAAc,EAAE,OAAO,GAAG,IAAI,CAAA;IAC9B,YAAY,EAAE,MAAM,CAAA;CACrB,CAAC;AAqCF,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;AAC/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"}

package/dist/components/InfiniteList/components/InfiniteListHeaderPadding.vue_vue_type_script_setup_true_lang.js

@@ -15,8 +15,7 @@ var InfiniteListHeaderPadding_vue_vue_type_script_setup_true_lang_default = /*@_
 			if (!props.isIntersecting && props.headerHeight) updateHeaderPadding(props.headerHeight);
 			else updateHeaderPadding(0);
 		};
-		watch(() => props.isIntersecting, updateHeaderHeight);
-		watch(() => props.headerHeight, updateHeaderHeight);
+		watch(() => [props.isIntersecting, props.headerHeight], updateHeaderHeight);
 		onUnmounted(() => {
 			updateHeaderPadding(0);
 		});

package/dist/components/InfoCard/WInfoCard.vue.d.ts

@@ -8,6 +8,8 @@ type __VLS_Props = {
     icon?: SVGComponent;
     /** Color scheme of the background and icon. Defaults to `SECONDARY`. */
     semanticType?: SemanticType;
+    /** Class to apply to icon */
+    iconClass?: string;
 };
 type __VLS_Slots = {
     /** Text of the card, next to the icon. */

package/dist/components/InfoCard/WInfoCard.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WInfoCard.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/InfoCard/WInfoCard.vue"],"names":[],"mappings":"AAgCA;AAmEA,OAAO,EAAC,YAAY,EAAC,MAAM,sBAAsB,CAAA;AAIjD,KAAK,WAAW,GAAG;IACjB,+DAA+D;IAC/D,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,sBAAsB;IACtB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,2GAA2G;IAC3G,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,wEAAwE;IACxE,YAAY,CAAC,EAAE,YAAY,CAAA;CAC5B,CAAC;AAGF,KAAK,WAAW,GAAG;IACjB,0CAA0C;IAC1C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,uCAAuC;IACvC,GAAG,CAAC,EAAE,MAAM,IAAI,CAAA;IAChB,wDAAwD;IACxD,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;CACpB,CAAC;AAsFF,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":"WInfoCard.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/InfoCard/WInfoCard.vue"],"names":[],"mappings":"AA4BA;AAiEA,OAAO,EAAC,YAAY,EAAC,MAAM,sBAAsB,CAAA;AAIjD,KAAK,WAAW,GAAG;IACjB,+DAA+D;IAC/D,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,sBAAsB;IACtB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,2GAA2G;IAC3G,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,wEAAwE;IACxE,YAAY,CAAC,EAAE,YAAY,CAAA;IAC3B,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAC;AAGF,KAAK,WAAW,GAAG;IACjB,0CAA0C;IAC1C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,uCAAuC;IACvC,GAAG,CAAC,EAAE,MAAM,IAAI,CAAA;IAChB,wDAAwD;IACxD,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;CACpB,CAAC;AA2EF,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/InfoCard/WInfoCard.vue_vue_type_script_setup_true_lang.js

@@ -1,6 +1,6 @@
 import { SemanticType } from "../../utils/SemanticType.js";
 import { useOverlayFrame } from "../../utils/Overlay.js";
-import IconNegativeInfo_default from "../../assets/icons/IconNegativeInfo.js";
+import IconInfo_default from "../../assets/icons/IconInfo.js";
 import { infoCardIconSemanticTypeMap, infoCardSemanticTypeMap } from "./models/utils.js";
 import { createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock, renderSlot, resolveDynamicComponent, unref } from "vue";
 //#region src/components/InfoCard/WInfoCard.vue?vue&type=script&setup=true&lang.ts
@@ -12,7 +12,8 @@ var WInfoCard_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 		noBg: { type: Boolean },
 		noIcon: { type: Boolean },
 		icon: {},
-		semanticType: {}
+		semanticType: {},
+		iconClass: {}
 	},
 	setup(__props) {
 		const frame = useOverlayFrame();
@@ -23,13 +24,9 @@ var WInfoCard_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 				[unref(infoCardSemanticTypeMap)[__props.semanticType ?? unref(SemanticType).SECONDARY]]: !__props.noBg
 			}]) }, [
 				renderSlot(_ctx.$slots, "top"),
-				createElementVNode("div", _hoisted_1, [!__props.noIcon ? (openBlock(), createBlock(resolveDynamicComponent(__props.icon ?? unref(IconNegativeInfo_default)), {
+				createElementVNode("div", _hoisted_1, [!__props.noIcon ? (openBlock(), createBlock(resolveDynamicComponent(__props.icon ?? unref(IconInfo_default)), {
 					key: 0,
-					class: normalizeClass(["square-[1.5em] inline-block", {
-						[unref(infoCardIconSemanticTypeMap)[__props.semanticType ?? unref(SemanticType).SECONDARY]]: true,
-						"rotate-180": !__props.icon && __props.semanticType !== unref(SemanticType).WARNING && __props.semanticType !== unref(SemanticType).NEGATIVE,
-						"**:stroke-2": !__props.icon
-					}])
+					class: normalizeClass(["square-[1.5em]", [unref(infoCardIconSemanticTypeMap)[__props.semanticType ?? unref(SemanticType).SECONDARY], __props.iconClass]])
 				}, null, 8, ["class"])) : createCommentVNode("", true), createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "default")])]),
 				renderSlot(_ctx.$slots, "bottom")
 			], 2);

package/dist/components/Input/WInput.vue.d.ts

@@ -1,14 +1,14 @@
-import { InputProps, WrapSelection } from './types';
+import { InputClearValue, InputProps, WrapSelection } from './types';
 import { ShowMessage } from '../FieldWrapper/use/useFieldSaved';
 import { CaretOffset } from './models/utils';
-declare const __VLS_export: <Type extends InputType = "text">(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: import('vue').PublicProps & __VLS_PrettifyLocal<InputProps<Type> & {
+declare const __VLS_export: <Type extends InputType = "text", ClearValue extends InputClearValue = "">(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: import('vue').PublicProps & __VLS_PrettifyLocal<InputProps<Type, ClearValue> & {
         onBlur?: ((value: FocusEvent) => any) | undefined;
         onClick?: ((value: MouseEvent) => any) | undefined;
         onFocus?: ((value: FocusEvent | undefined) => any) | undefined;
         onMousedown?: ((value: MouseEvent) => any) | undefined;
         onPaste?: (() => any) | undefined;
-        "onUpdate:model-value"?: ((value: ((Type extends "number" ? number : string) & {}) | undefined) => any) | undefined;
+        "onUpdate:model-value"?: ((value: ((Type extends "number" ? number : string) & {}) | Extract<ClearValue, null> | undefined) => any) | undefined;
         "onClick:clear"?: (() => any) | undefined;
         onRendered?: ((taggedList: HTMLElement[]) => any) | undefined;
         "onKeypress:enter"?: ((value: KeyboardEvent) => any) | undefined;
@@ -65,7 +65,7 @@ declare const __VLS_export: <Type extends InputType = "text">(__VLS_props: NonNu
         bottom?: () => void;
     };
     emit: {
-        (e: "update:model-value", value: NonNullable<(Type extends "number" ? number : string) | null> | undefined): void;
+        (e: "update:model-value", value: ((Type extends "number" ? number : string) & {}) | Extract<ClearValue, null> | undefined): void;
         (e: "keypress:enter", value: KeyboardEvent): void;
         (e: "keypress:up", value: KeyboardEvent): void;
         (e: "keypress:down", value: KeyboardEvent): void;

package/dist/components/Input/WInput.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/WInput.vue"],"names":[],"mappings":"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"}
+{"version":3,"file":"WInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/WInput.vue"],"names":[],"mappings":"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"}

package/dist/components/Input/WInput.vue_vue_type_script_setup_true_lang.js

@@ -8,6 +8,7 @@ import WFieldWrapper_default from "../FieldWrapper/WFieldWrapper.vue.js";
 import { isDragging } from "../../utils/preventDragFile.js";
 import FilePickerSvg_default from "../FilePicker/components/FilePickerSvg.vue.js";
 import IconCheckSecret_default from "../../assets/icons/IconCheckSecret.js";
+import { useClearValue } from "../../utils/useClearValue.js";
 import InputActions_default from "./components/InputActions.vue.js";
 import { buildLines } from "./models/buildLines.js";
 import { useInputAsync } from "./models/useInputAsync.js";
@@ -70,6 +71,7 @@ var WInput_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
 		textSecure: { type: Boolean },
 		placeholderSecure: { type: Boolean },
 		allowClear: { type: Boolean },
+		clearValue: {},
 		allowPaste: { type: Boolean },
 		hideInput: { type: Boolean },
 		noWrap: { type: Boolean },
@@ -134,6 +136,7 @@ var WInput_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
 		const InputToolbar = defineAsyncComponent(() => import("./components/InputToolbar.vue.js"));
 		const props = __props;
 		const emit = __emit;
+		const getClearValue = useClearValue(props, "");
 		const { isReadonly, isDisabled } = useComponentStates(props);
 		const fieldWrapperRef = useTemplateRef("fieldWrapper");
 		const contentRef = useTemplateRef("content");
@@ -246,8 +249,9 @@ var WInput_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
 		};
 		const updateModelValue = (value, noDebounce = false) => {
 			if (props.loading || isDisabled.value || isReadonly.value || props.unclickable) return;
+			if (value === "") value = getClearValue();
 			let newValue;
-			if (props.type === "number") newValue = typeof value === "string" && value.length ? Number.parseFloat(value) : void 0;
+			if (props.type === "number") newValue = typeof value === "string" ? value.length ? Number.parseFloat(value) : void 0 : value;
 			else newValue = value;
 			if (!props.textSecure) addToHistory(newValue, noDebounce);
 			if (asyncState.isAsync.value) asyncState.value.value = newValue;
@@ -288,8 +292,7 @@ var WInput_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
 		};
 		const clearValue = () => {
 			if (isDisabled.value || isReadonly.value || props.unclickable) return;
-			if (typeof props.modelValue === "string") updateModelValue("", true);
-			else updateModelValue(void 0, true);
+			updateModelValue(getClearValue(), true);
 			emit("click:clear");
 		};
 		const focus = () => {
@@ -559,7 +562,7 @@ var WInput_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
 							}]) }, null, 8, ["class"])])) : createCommentVNode("", true),
 							createElementVNode("div", { class: normalizeClass(["flex-1", {
 								"w-full": !__props.hideInput && !_ctx.$slots.prefix,
-								"w-option-has-bg-input": _ctx.$slots.prefix,
+								"w-option-has-bg-input": _ctx.$slots.prefix && !__props.unclickable,
 								"resize-y": __props.resize && __props.textarea,
 								"resize-none": !__props.resize && __props.textarea,
 								"w-option": !__props.textarea && _ctx.$slots.prefix && !__props.hideInput,
@@ -568,7 +571,7 @@ var WInput_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
 								"text-accent/50": unref(isDisabled),
 								"scrollbar-width-thin min-h-(--w-textarea-height,10rem) w-full overflow-auto overscroll-contain": __props.textarea,
 								"h-(--w-textarea-height,10rem)": __props.textarea && __props.resize,
-								"absolute": __props.hideInput,
+								"absolute": __props.hideInput || __props.unclickable,
 								"opacity-0": __props.textSecure && __props.modelValue === true && (!unref(asyncState).isAsync.value || !unref(asyncState).value.value) && !focused
 							}]) }, [createElementVNode("div", _hoisted_5, [
 								renderSlot(_ctx.$slots, "before", normalizeProps(guardReactiveProps({
@@ -581,7 +584,7 @@ var WInput_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
 									ref: "input",
 									"aria-labelledby": __props.textarea ? `${id}-label` : void 0,
 									class: normalizeClass(["w-input min-h-full flex-1 basis-auto appearance-none border-none bg-inherit outline-0 placeholder:text-description disabled:cursor-not-allowed", {
-										"w-0 max-w-0": __props.hideInput,
+										"w-0 max-w-0": __props.hideInput || __props.unclickable,
 										"text-secure w-input-whitespace-pre-wrap break-all": __props.textSecure && !isSecureVisible.value,
 										"[-webkit-text-fill-color:transparent]": __props.textTransparent,
 										"sm-not:text-base": !__props.unclickable,
@@ -589,7 +592,7 @@ var WInput_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
 										"py---w-option-padding": __props.textarea
 									}]),
 									value: gateValue(unref(asyncState).isAsync.value ? unref(asyncState).value.value : __props.modelValue),
-									placeholder: hasNoValue.value ? __props.placeholder : void 0,
+									placeholder: hasNoValue.value && !__props.unclickable ? __props.placeholder : void 0,
 									type: __props.type ?? "text",
 									name: __props.name,
 									disabled: unref(isDisabled),

package/dist/components/Input/WInputAsync.vue.d.ts

@@ -1,7 +1,7 @@
-import { InputAsyncProps } from './types';
-declare const __VLS_export: <Type extends InputType = "text">(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: import('vue').PublicProps & __VLS_PrettifyLocal<InputAsyncProps<Type> & {
-        "onUpdate:model-value"?: ((value: ((Type extends "number" ? number : string) & {}) | undefined) => any) | undefined;
+import { InputAsyncProps, InputClearValue } from './types';
+declare const __VLS_export: <Type extends InputType = "text", ClearValue extends InputClearValue = "">(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: import('vue').PublicProps & __VLS_PrettifyLocal<InputAsyncProps<Type, ClearValue> & {
+        "onUpdate:model-value"?: ((value: ((Type extends "number" ? number : string) & {}) | Extract<ClearValue, null> | undefined) => any) | undefined;
     }> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});
@@ -24,7 +24,7 @@ declare const __VLS_export: <Type extends InputType = "text">(__VLS_props: NonNu
             focused: boolean;
         }) => void;
     };
-    emit: (e: "update:model-value", value: NonNullable<(Type extends "number" ? number : string) | null> | undefined) => void;
+    emit: (e: "update:model-value", value: ((Type extends "number" ? number : string) & {}) | Extract<ClearValue, null> | undefined) => void;
 }>) => import('vue').VNode & {
     __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
 };

package/dist/components/Input/WInputAsync.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WInputAsync.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/WInputAsync.vue"],"names":[],"mappings":"AAqDA;AAsHA,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,SAAS,CAAA;AAM5C,QAAA,MAAM,YAAY,GAAK,IAAI,SAAS,SAAS,GAAG,MAAM,EACrD,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;WAgLO,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;;QA3JT,iCAAiC;gBACzB,MAAM,IAAI;QAClB,+CAA+C;mBACpC,MAAM,IAAI;QACrB,yCAAyC;gBACjC,MAAM,IAAI;QAClB,0FAA0F;iBACjF,CAAC,KAAK,EAAE;YAAC,UAAU,EAAE,qDAAa,SAAS,CAAA;SAAC,KAAK,IAAI;QAC9D,mEAAmE;iBAC1D,CAAC,KAAK,EAAE;YAAC,UAAU,EAAE,qDAAa,SAAS,CAAC;YAAC,OAAO,EAAE,OAAO,CAAA;SAAC,KAAK,IAAI;;cAd5E,oBAAoB,SAAS,WAAW,kDAAY,GAAG,SAAS,KAAG,IAAI;EAoKzE,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":"WInputAsync.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/WInputAsync.vue"],"names":[],"mappings":"AAsDA;AA4HA,OAAO,KAAK,EAAC,eAAe,EAAE,eAAe,EAAC,MAAM,SAAS,CAAA;AAQ7D,QAAA,MAAM,YAAY,GAAK,IAAI,SAAS,SAAS,GAAG,MAAM,EAAE,UAAU,SAAS,eAAe,GAAG,EAAE,EAC9F,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;WAsLO,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;;QA9JT,iCAAiC;gBACzB,MAAM,IAAI;QAClB,+CAA+C;mBACpC,MAAM,IAAI;QACrB,yCAAyC;gBACjC,MAAM,IAAI;QAClB,0FAA0F;iBACjF,CAAC,KAAK,EAAE;YAAC,UAAU,EAAE,qDAAa,SAAS,CAAA;SAAC,KAAK,IAAI;QAC9D,mEAAmE;iBAC1D,CAAC,KAAK,EAAE;YAAC,UAAU,EAAE,qDAAa,SAAS,CAAC;YAAC,OAAO,EAAE,OAAO,CAAA;SAAC,KAAK,IAAI;;cAd5E,oBAAoB,sGAAoB,IAAI;EAuK9C,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/Input/WInputAsync.vue_vue_type_script_setup_true_lang.js

@@ -1,5 +1,6 @@
+import { useClearValue } from "../../utils/useClearValue.js";
 import WInput_default from "./WInput.vue.js";
-import { createBlock, createSlots, defineComponent, guardReactiveProps, mergeProps, normalizeProps, openBlock, ref, renderSlot, watch, withCtx } from "vue";
+import { createBlock, createSlots, defineComponent, guardReactiveProps, mergeProps, normalizeProps, openBlock, ref, renderSlot, unref, watch, withCtx } from "vue";
 //#region src/components/Input/WInputAsync.vue?vue&type=script&setup=true&lang.ts
 var WInputAsync_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	inheritAttrs: false,
@@ -35,6 +36,7 @@ var WInputAsync_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 		textSecure: { type: Boolean },
 		placeholderSecure: { type: Boolean },
 		allowClear: { type: Boolean },
+		clearValue: {},
 		allowPaste: { type: Boolean },
 		hideInput: { type: Boolean },
 		noWrap: { type: Boolean },
@@ -78,6 +80,7 @@ var WInputAsync_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 	emits: ["update:model-value"],
 	setup(__props, { emit: __emit }) {
 		const props = __props;
+		const getClearValue = useClearValue(props, "");
 		const emit = __emit;
 		const errorMessageValue = ref();
 		const getErrorMessage = (value) => {
@@ -96,6 +99,7 @@ var WInputAsync_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(WInput_default, mergeProps({ ref: "input" }, {
 				...props,
+				clearValue: unref(getClearValue)(),
 				async: true,
 				errorMessage: errorMessageValue.value ?? __props.errorMessage
 			}, {

package/dist/components/Input/WInputOptions.vue.d.ts

@@ -1,10 +1,10 @@
-import { InputOptionsProps } from './types';
+import { InputClearValue, InputOptionsProps } from './types';
 declare const __VLS_export: <Type extends InputType = "text", Option extends Record<string, any> & {
     id: number;
 } = Record<string, any> & {
     id: number;
-}>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: import('vue').PublicProps & __VLS_PrettifyLocal<InputOptionsProps<Type, Option> & {
+}, ClearValue extends InputClearValue = "">(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: import('vue').PublicProps & __VLS_PrettifyLocal<InputOptionsProps<Type, Option, ClearValue> & {
         "onUpdate:model-value"?: ((value: (Type extends "number" ? number : string) | null) => any) | undefined;
     }> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;

package/dist/components/Input/WInputOptions.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WInputOptions.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/WInputOptions.vue"],"names":[],"mappings":"AAgFA;AAyNA,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,SAAS,CAAA;AAU9C,QAAA,MAAM,YAAY,GAAK,IAAI,SAAS,SAAS,GAAG,MAAM,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG;IAAC,EAAE,EAAE,MAAM,CAAA;CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG;IAAC,EAAE,EAAE,MAAM,CAAA;CAAC,EAC7I,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;WAuXO,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,OAAO,KAAK,EAAE,gBAAgB;;;MAAsB,KAAK,IAAI;WACxE,GAAG;;QArWT,iCAAiC;gBACzB,MAAM,IAAI;QAClB,+CAA+C;mBACpC,MAAM,IAAI;QACrB,yCAAyC;gBACjC,MAAM,IAAI;QAClB,oEAAoE;iBAC3D,CAAC,KAAK,EAAE;YAAC,MAAM,EAAE,MAAM,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAC;YAAC,KAAK,EAAE,OAAO,CAAA;SAAC,KAAK,IAAI;;cAZzE,oBAAoB,8DAAsB,IAAI;EA8WhD,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":"WInputOptions.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/WInputOptions.vue"],"names":[],"mappings":"AAgFA;AA4NA,OAAO,KAAK,EAAC,eAAe,EAAE,iBAAiB,EAAC,MAAM,SAAS,CAAA;AAW/D,QAAA,MAAM,YAAY,GAAK,IAAI,SAAS,SAAS,GAAG,MAAM,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG;IAAC,EAAE,EAAE,MAAM,CAAA;CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG;IAAC,EAAE,EAAE,MAAM,CAAA;CAAC,EAAE,UAAU,SAAS,eAAe,GAAG,EAAE,EACtL,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;WA0XO,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,OAAO,KAAK,EAAE,gBAAgB;;;MAAsB,KAAK,IAAI;WACxE,GAAG;;QAtWT,iCAAiC;gBACzB,MAAM,IAAI;QAClB,+CAA+C;mBACpC,MAAM,IAAI;QACrB,yCAAyC;gBACjC,MAAM,IAAI;QAClB,oEAAoE;iBAC3D,CAAC,KAAK,EAAE;YAAC,MAAM,EAAE,MAAM,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAC;YAAC,KAAK,EAAE,OAAO,CAAA;SAAC,KAAK,IAAI;;cAZzE,oBAAoB,8DAAsB,IAAI;EA+WhD,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"}