@moubing/bing-ui 0.11.1 → 0.12.0

package/dist/components/BingTabs/BingTabs.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,320 @@
+import { useConfigSize as e } from "../../utils/config.js";
+import { useReducedMotion as t } from "../../motion/reducedMotion.js";
+import { useClickFeedback as n } from "../../motion/useClickFeedback.js";
+import { compactSmoothScrollOptions as r, resolveComponentSmoothScroll as i } from "../../motion/smoothScroll.js";
+import a from "../BingScrollbar/BingScrollbar.js";
+import { Fragment as o, computed as s, createBlock as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, defineComponent as f, mergeProps as p, nextTick as m, normalizeClass as h, onBeforeUnmount as g, onBeforeUpdate as _, onMounted as v, openBlock as y, ref as b, renderList as ee, renderSlot as te, toDisplayString as ne, watch as x, withCtx as S } from "vue";
+import { gsap as C } from "gsap";
+//#region src/components/BingTabs/BingTabs.vue?vue&type=script&setup=true&lang.ts
+var re = ["aria-label"], ie = [
+	"aria-selected",
+	"aria-disabled",
+	"aria-label",
+	"disabled",
+	"tabindex",
+	"onClick",
+	"onKeydown",
+	"onFocus",
+	"onBlur"
+], ae = { class: "bing-tabs__tab-surface" }, w = { class: "bing-tabs__tab-content" }, T = /* @__PURE__ */ f({
+	inheritAttrs: !1,
+	__name: "BingTabs",
+	props: {
+		modelValue: { default: void 0 },
+		items: { default: () => [] },
+		size: {},
+		variant: { default: "pill" },
+		activation: { default: "auto" },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		block: {
+			type: Boolean,
+			default: !1
+		},
+		loop: {
+			type: Boolean,
+			default: !0
+		},
+		animated: {
+			type: Boolean,
+			default: !0
+		},
+		respectReducedMotion: {
+			type: Boolean,
+			default: !0
+		},
+		smoothScroll: {
+			type: [Boolean, Object],
+			default: !0
+		},
+		ariaLabel: { default: "标签页" }
+	},
+	emits: [
+		"update:modelValue",
+		"change",
+		"focus",
+		"blur"
+	],
+	setup(f, { emit: T }) {
+		let { playClickFeedback: oe } = n(), se = t(), E = f, D = T, O = e(() => E.size), k = b(null), A = b(null), j = b(null), M = b([]), N = b(void 0), P = b(-1), F = b(!1), I, L, R = 0, z = s(() => E.modelValue !== void 0), ce = s(() => E.items.filter((e) => !e.disabled)), le = s(() => ce.value[0]), B = s(() => z.value ? E.modelValue : N.value ?? le.value?.value), V = s(() => E.items.findIndex((e) => Object.is(e.value, B.value))), ue = s(() => [
+			"bing-tabs",
+			`bing-tabs--${E.variant}`,
+			`bing-tabs--${O.value}`,
+			{
+				"is-block": E.block,
+				"is-disabled": E.disabled,
+				"is-indicator-ready": F.value
+			}
+		]), H = s(() => i(E.smoothScroll, r, {
+			keyboard: !1,
+			smoothTouchpad: !1,
+			respectReducedMotion: !0
+		}));
+		function U() {
+			return typeof window < "u";
+		}
+		function de() {
+			return !E.animated || E.respectReducedMotion && se();
+		}
+		function W(e, t) {
+			let n = t === "left" ? "borderLeftWidth" : "borderTopWidth", r = Number.parseFloat(window.getComputedStyle(e)[n]);
+			return Number.isFinite(r) ? r : t === "left" ? e.clientLeft : e.clientTop;
+		}
+		function G(e) {
+			return E.disabled || !!e.disabled;
+		}
+		function fe(e, t) {
+			e instanceof HTMLButtonElement && (M.value[t] = e);
+		}
+		function pe(e) {
+			return e.querySelector(".bing-tabs__tab-surface") ?? e;
+		}
+		function me(e) {
+			return G(E.items[e]) ? -1 : P.value >= 0 ? P.value === e ? 0 : -1 : V.value === e ? 0 : -1;
+		}
+		function K(e, t) {
+			let n = E.items.length;
+			if (n === 0) return -1;
+			let r = e;
+			for (let e = 0; e < n; e += 1) {
+				if (r += t, E.loop) r = (r + n) % n;
+				else if (r < 0 || r >= n) return -1;
+				let e = E.items[r];
+				if (e && !G(e)) return r;
+			}
+			return -1;
+		}
+		function q(e) {
+			let t = (e === "first" ? E.items : [...E.items].reverse()).findIndex((e) => !G(e));
+			return t < 0 ? -1 : e === "first" ? t : E.items.length - 1 - t;
+		}
+		function he(e) {
+			return E.items.find((t) => Object.is(t.value, e));
+		}
+		function J() {
+			return U() && !!k.value?.contains(document.activeElement);
+		}
+		function Y(e = !1) {
+			if (E.activation !== "auto" || V.value < 0) return;
+			let t = E.items[V.value];
+			!t || G(t) || (P.value = V.value, e && J() && Z(V.value));
+		}
+		function X(e, t) {
+			if (G(e)) {
+				t.preventDefault();
+				return;
+			}
+			oe(t, M.value[E.items.indexOf(e)]);
+			let n = B.value;
+			if (Object.is(n, e.value)) return;
+			z.value || (N.value = e.value);
+			let r = {
+				value: e.value,
+				previousValue: n,
+				item: e,
+				previousItem: he(n),
+				event: t
+			};
+			D("update:modelValue", e.value), D("change", r);
+		}
+		function ge(e, t, n) {
+			n.defaultPrevented || (P.value = t, X(e, n));
+		}
+		function Z(e) {
+			let t = M.value[e];
+			t && (A.value?.stop(), P.value = e, t.focus());
+		}
+		function Q(e, t) {
+			let n = E.items[e];
+			!n || G(n) || (t.preventDefault(), Z(e), E.activation === "auto" && (X(n, t), m().then(() => {
+				Object.is(B.value, n.value) || Y(!0);
+			})));
+		}
+		function _e(e, t) {
+			if (t.key === "ArrowRight" || t.key === "ArrowDown") {
+				Q(K(e, 1), t);
+				return;
+			}
+			if (t.key === "ArrowLeft" || t.key === "ArrowUp") {
+				Q(K(e, -1), t);
+				return;
+			}
+			if (t.key === "Home") {
+				Q(q("first"), t);
+				return;
+			}
+			if (t.key === "End") {
+				Q(q("last"), t);
+				return;
+			}
+			if (t.key === "Enter" || t.key === " ") {
+				let n = E.items[e];
+				if (!n) return;
+				t.preventDefault(), X(n, t);
+			}
+		}
+		function ve(e, t, n) {
+			A.value?.stop(), P.value = t, D("focus", {
+				value: e.value,
+				item: e,
+				event: n
+			});
+		}
+		function ye(e, t) {
+			k.value?.contains(t.relatedTarget) || (P.value = -1), D("blur", {
+				value: e.value,
+				item: e,
+				event: t
+			});
+		}
+		function be(e) {
+			if (H.value !== !1 && (A.value?.handleWheel(e) ?? !1) || e.defaultPrevented || !k.value) return;
+			let t = e.deltaX || (e.shiftKey ? e.deltaY : 0), n = Math.max(0, k.value.scrollWidth - k.value.clientWidth);
+			n > .5 && (t < 0 ? k.value.scrollLeft > .5 : t > 0 && k.value.scrollLeft < n - .5) && e.stopPropagation();
+		}
+		function xe(e = !0) {
+			U() && (R && window.cancelAnimationFrame(R), R = window.requestAnimationFrame(() => {
+				R = 0, $(e);
+			}));
+		}
+		function $(e = !0) {
+			let t = k.value, n = j.value, r = M.value[V.value];
+			if (!t || !n || !r || V.value < 0) {
+				n && C.set(n, { autoAlpha: 0 }), F.value = !1;
+				return;
+			}
+			let i = t.getBoundingClientRect(), a = pe(r).getBoundingClientRect(), o = n.getBoundingClientRect(), s = W(t, "left"), c = W(t, "top"), l = Math.max(1, a.width), u = Math.max(1, a.height), d = a.left - i.left - s + t.scrollLeft, f = a.top - i.top - c, p = F.value && o.width > 0 && o.height > 0, m = p ? o.left - i.left - s + t.scrollLeft : d, h = p ? o.top - i.top - c : f, g = p ? o.width / l : 1, _ = p ? o.height / u : 1, v = e && p && !de();
+			I?.kill(), C.set(n, {
+				width: l,
+				height: u,
+				transformOrigin: "0 0",
+				willChange: "transform, opacity"
+			}), v ? I = C.fromTo(n, {
+				x: m,
+				y: h,
+				scaleX: g,
+				scaleY: _,
+				autoAlpha: 1
+			}, {
+				x: d,
+				y: f,
+				scaleX: 1,
+				scaleY: 1,
+				autoAlpha: 1,
+				duration: .42,
+				ease: "power3.out",
+				overwrite: "auto",
+				force3D: !0,
+				onComplete: () => {
+					I = void 0;
+				}
+			}) : C.set(n, {
+				x: d,
+				y: f,
+				scaleX: 1,
+				scaleY: 1,
+				autoAlpha: 1,
+				force3D: !0
+			}), F.value = !0;
+		}
+		return _(() => {
+			M.value = [];
+		}), v(() => {
+			m().then(() => {
+				$(!1);
+			}), typeof ResizeObserver < "u" && k.value && (L = new ResizeObserver(() => {
+				xe(!1);
+			}), L.observe(k.value));
+		}), g(() => {
+			I?.kill(), A.value?.stop(), R && U() && window.cancelAnimationFrame(R), L?.disconnect();
+		}), x(() => E.smoothScroll, () => A.value?.stop(), { deep: !0 }), x(() => [
+			B.value,
+			E.items.length,
+			O.value,
+			E.variant,
+			E.block
+		], () => {
+			m().then(() => {
+				$(!0);
+			});
+		}), x(V, () => {
+			P.value < 0 || !J() || m().then(() => {
+				Y(!0);
+			});
+		}), (e, t) => (y(), c(a, {
+			ref_key: "scrollbarRef",
+			ref: A,
+			class: h(["bing-tabs__scroll", { "is-block": f.block }]),
+			vertical: !1,
+			horizontal: "",
+			focusable: !1,
+			smooth: H.value
+		}, {
+			viewport: S(({ viewportRef: t, viewportAttrs: n }) => [u("div", p(p(e.$attrs, {
+				...n,
+				onWheel: be
+			}), {
+				ref: (e) => {
+					k.value = e, t(e);
+				},
+				class: ue.value,
+				role: "tablist",
+				"aria-orientation": "horizontal",
+				"aria-label": f.ariaLabel
+			}), [u("span", {
+				ref_key: "indicatorRef",
+				ref: j,
+				class: "bing-tabs__indicator",
+				"aria-hidden": "true"
+			}, null, 512), (y(!0), l(o, null, ee(f.items, (t, n) => (y(), l("button", {
+				key: String(t.value),
+				ref_for: !0,
+				ref: (e) => fe(e, n),
+				class: h(["bing-tabs__tab", {
+					"is-active": Object.is(t.value, B.value),
+					"is-disabled": G(t)
+				}]),
+				type: "button",
+				role: "tab",
+				"aria-selected": Object.is(t.value, B.value),
+				"aria-disabled": G(t) || void 0,
+				"aria-label": t.ariaLabel,
+				disabled: G(t),
+				tabindex: me(n),
+				onClick: (e) => ge(t, n, e),
+				onKeydown: (e) => _e(n, e),
+				onFocus: (e) => ve(t, n, e),
+				onBlur: (e) => ye(t, e)
+			}, [u("span", ae, [u("span", w, [te(e.$slots, "item", {
+				item: t,
+				active: Object.is(t.value, B.value),
+				disabled: G(t)
+			}, () => [d(ne(t.label), 1)], !0)])])], 42, ie))), 128))], 16, re)]),
+			_: 3
+		}, 8, ["class", "smooth"]));
+	}
+});
+//#endregion
+export { T as default };

package/dist/components/BingTag/BingTag.js

@@ -0,0 +1,7 @@
+import e from "../../_virtual/_plugin-vue_export-helper.js";
+import t from "./BingTag.vue_vue_type_script_setup_true_lang.js";
+/* empty css                                                        */
+//#region src/components/BingTag/BingTag.vue
+var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-fde45373"]]);
+//#endregion
+export { n as default };

package/dist/components/BingTag/BingTag.vue.d.ts

@@ -11,7 +11,6 @@ declare const __VLS_base: import('vue').DefineComponent<BingTagProps, {}, {}, {}
     disabled: boolean;
     label: string;
     variant: import('./BingTag.types').BingTagVariant;
-    size: import('./BingTag.types').BingTagSize;
     tone: import('./BingTag.types').BingTagTone;
     closable: boolean;
     closeAriaLabel: string;

package/dist/components/BingTag/BingTag.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,65 @@
+import { useConfigSize as e } from "../../utils/config.js";
+import t from "../BingButton/BingButton.js";
+import { X as n } from "../../icons/icons.js";
+import r from "../BingIcon/BingIcon.js";
+import { computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createTextVNode as l, createVNode as u, defineComponent as d, normalizeClass as f, openBlock as p, renderSlot as m, toDisplayString as h, unref as g, withCtx as _, withModifiers as v } from "vue";
+//#region src/components/BingTag/BingTag.vue?vue&type=script&setup=true&lang.ts
+var y = { class: "bing-tag__label" }, b = /* @__PURE__ */ d({
+	__name: "BingTag",
+	props: {
+		label: { default: void 0 },
+		size: {},
+		tone: { default: "primary" },
+		variant: { default: "glass" },
+		closable: {
+			type: Boolean,
+			default: !1
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		closeAriaLabel: { default: void 0 }
+	},
+	emits: ["close"],
+	setup(d, { emit: b }) {
+		let x = d, S = b, C = e(() => x.size), w = i(() => [
+			"bing-tag",
+			`bing-tag--${C.value}`,
+			`bing-tag--${x.tone}`,
+			`bing-tag--${x.variant}`,
+			{
+				"is-closable": x.closable,
+				"is-disabled": x.disabled
+			}
+		]), T = i(() => x.closeAriaLabel ?? (x.label ? `移除 ${x.label}` : "移除标签"));
+		function E(e) {
+			if (e.stopPropagation(), x.disabled) {
+				e.preventDefault();
+				return;
+			}
+			S("close", e);
+		}
+		return (e, i) => (p(), s("span", { class: f(w.value) }, [c("span", y, [m(e.$slots, "default", {}, () => [l(h(d.label), 1)], !0)]), d.closable ? (p(), a(t, {
+			key: 0,
+			variant: "ghost",
+			size: "xs",
+			rounded: "sm",
+			throttle: !1,
+			class: "bing-tag__close",
+			disabled: d.disabled,
+			"aria-label": T.value,
+			onMousedown: i[0] ||= v(() => {}, ["prevent", "stop"]),
+			onClick: E
+		}, {
+			prefix: _(() => [u(r, {
+				icon: g(n),
+				size: 12,
+				"stroke-width": 1.75
+			}, null, 8, ["icon"])]),
+			_: 1
+		}, 8, ["disabled", "aria-label"])) : o("", !0)], 2));
+	}
+});
+//#endregion
+export { b as default };

package/dist/components/BingTextarea/BingTextarea.js

@@ -0,0 +1,7 @@
+import e from "../../_virtual/_plugin-vue_export-helper.js";
+import t from "./BingTextarea.vue_vue_type_script_setup_true_lang.js";
+/* empty css                                                             */
+//#region src/components/BingTextarea/BingTextarea.vue
+var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-77e08710"]]);
+//#endregion
+export { n as default };

package/dist/components/BingTextarea/BingTextarea.vue.d.ts

@@ -1,19 +1,21 @@
 import { BingTextareaExpose, BingTextareaProps } from './BingTextarea.types';
 declare const __VLS_export: import('vue').DefineComponent<BingTextareaProps, BingTextareaExpose, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    clear: () => any;
-    input: (value: string, event: Event) => any;
     blur: (event: FocusEvent) => any;
     focus: (event: FocusEvent) => any;
+    clear: () => any;
+    input: (value: string, event: Event) => any;
     keydown: (event: KeyboardEvent) => any;
     "update:modelValue": (value: string) => any;
 }, string, import('vue').PublicProps, Readonly<BingTextareaProps> & Readonly<{
-    onClear?: (() => any) | undefined;
-    onInput?: ((value: string, event: Event) => any) | undefined;
     onBlur?: ((event: FocusEvent) => any) | undefined;
     onFocus?: ((event: FocusEvent) => any) | undefined;
+    onClear?: (() => any) | undefined;
+    onInput?: ((value: string, event: Event) => any) | undefined;
     onKeydown?: ((event: KeyboardEvent) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
+    name: string;
+    status: "default" | "error" | "success" | "warning";
     disabled: boolean;
     resize: "none" | "vertical" | "horizontal" | "both";
     id: string;
@@ -27,8 +29,6 @@ declare const __VLS_export: import('vue').DefineComponent<BingTextareaProps, Bin
     smoothCaret: boolean;
     clearAriaLabel: string;
     ariaDescribedby: string;
-    status: "default" | "error" | "success" | "warning";
-    name: string;
     autocomplete: string;
     spellcheck: boolean | "true" | "false";
     rows: number;

package/dist/components/BingTextarea/BingTextarea.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,243 @@
+import { useFormControl as e } from "../BingForm/useFormControl.js";
+import t from "../BingButton/BingButton.js";
+import { useControlAttrs as n } from "../../utils/controlAttrs.js";
+import { useTextControlCaret as r } from "../../motion/useTextControlCaret.js";
+import { X as i } from "../../icons/icons.js";
+import a from "../BingIcon/BingIcon.js";
+import o from "../BingScrollbar/BingScrollbar.js";
+import { computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createVNode as f, defineComponent as p, mergeProps as m, nextTick as h, onBeforeUnmount as ee, onMounted as g, openBlock as _, ref as v, toDisplayString as y, unref as b, useCssVars as x, watch as S, withCtx as C, withModifiers as w } from "vue";
+//#region src/components/BingTextarea/BingTextarea.vue?vue&type=script&setup=true&lang.ts
+var T = [
+	"id",
+	"value",
+	"placeholder",
+	"disabled",
+	"readonly",
+	"rows",
+	"maxlength",
+	"name",
+	"autocomplete",
+	"spellcheck",
+	"aria-label",
+	"aria-describedby",
+	"aria-invalid"
+], E = {
+	key: 1,
+	class: "bing-textarea__count",
+	"aria-live": "polite"
+}, D = /* @__PURE__ */ p({
+	inheritAttrs: !1,
+	__name: "BingTextarea",
+	props: {
+		id: { default: void 0 },
+		modelValue: { default: "" },
+		placeholder: { default: void 0 },
+		disabled: {
+			type: Boolean,
+			default: void 0
+		},
+		readonly: {
+			type: Boolean,
+			default: !1
+		},
+		clearable: {
+			type: Boolean,
+			default: !0
+		},
+		smoothCaret: {
+			type: Boolean,
+			default: !0
+		},
+		rows: { default: 3 },
+		autosize: {
+			type: [Boolean, Object],
+			default: !1
+		},
+		maxLength: { default: void 0 },
+		showCount: {
+			type: Boolean,
+			default: !1
+		},
+		size: { default: void 0 },
+		block: {
+			type: Boolean,
+			default: !1
+		},
+		ariaLabel: { default: void 0 },
+		ariaDescribedby: { default: void 0 },
+		status: { default: void 0 },
+		name: { default: void 0 },
+		autocomplete: { default: void 0 },
+		spellcheck: {
+			type: [Boolean, String],
+			default: void 0
+		},
+		resize: { default: "vertical" },
+		clearAriaLabel: { default: "清空文本" }
+	},
+	emits: [
+		"update:modelValue",
+		"input",
+		"clear",
+		"focus",
+		"blur",
+		"keydown"
+	],
+	setup(p, { expose: D, emit: te }) {
+		x((e) => ({ v75cac693: e.resize }));
+		let O = p, k = te, { rootAttrs: A, controlAttrs: j } = n(), { formItem: M, resolvedId: N, resolvedSize: P, resolvedDisabled: F, resolvedStatus: I, resolvedAriaDescribedby: L } = e(O), R = v(null), z = v(null), B = v(null);
+		r(R, z, B, () => O.smoothCaret);
+		let V = v(null), H = v(null), U, W, G = !1, K = s(() => O.modelValue.length > 0), q = s(() => O.clearable && !O.readonly && !F.value && K.value), J = s(() => O.modelValue.length), Y = s(() => typeof O.maxLength == "number" ? `${J.value}/${O.maxLength}` : String(J.value)), X = s(() => [
+			"bing-textarea",
+			`bing-textarea--${P.value}`,
+			`bing-textarea--status-${I.value}`,
+			{
+				"is-block": O.block || !!M,
+				"is-disabled": F.value,
+				"is-invalid": I.value === "error",
+				"has-value": K.value,
+				"can-clear": q.value,
+				"has-footer": O.showCount,
+				"is-resizable": O.resize !== "none"
+			}
+		]);
+		function Z() {
+			if (O.autosize === !0) return {
+				minRows: O.rows,
+				maxRows: void 0
+			};
+			if (O.autosize) return {
+				minRows: O.autosize.minRows ?? O.rows,
+				maxRows: O.autosize.maxRows
+			};
+		}
+		function Q() {
+			let e = R.value, t = Z();
+			if (!e) return;
+			if (!t) {
+				G &&= (e.style.height = "", e.style.overflowY = "", !1), V.value?.update();
+				return;
+			}
+			G = !0;
+			let n = window.getComputedStyle(e), r = Number.parseFloat(n.lineHeight) || 20, i = Number.parseFloat(n.borderTopWidth) + Number.parseFloat(n.borderBottomWidth) + Number.parseFloat(n.paddingTop) + Number.parseFloat(n.paddingBottom), a = t.minRows * r + i, o = typeof t.maxRows == "number" ? t.maxRows * r + i : Infinity;
+			e.style.height = "0px", e.style.height = `${Math.max(a, Math.min(e.scrollHeight, o))}px`, e.style.overflowY = e.scrollHeight > o ? "auto" : "hidden", V.value?.update();
+		}
+		function ne(e) {
+			let t = e.target.value;
+			k("update:modelValue", t), k("input", t, e), M?.handleControlChange(), h(Q);
+		}
+		function re() {
+			q.value && (k("update:modelValue", ""), k("clear"), M?.handleControlChange(), h(Q), R.value?.focus());
+		}
+		function ie(e) {
+			k("focus", e);
+		}
+		function ae(e) {
+			k("blur", e), M?.handleControlBlur();
+		}
+		function $(e) {
+			e?.target instanceof Element && e.target.closest(".bing-scrollbar__rail") || R.value?.focus();
+		}
+		function oe() {
+			R.value?.blur();
+		}
+		function se() {
+			R.value?.select();
+		}
+		return S(() => [
+			O.modelValue,
+			O.autosize,
+			O.rows,
+			P.value
+		], () => {
+			h(Q);
+		}), g(() => {
+			if (Q(), !H.value || typeof ResizeObserver > "u") return;
+			let e = -1;
+			U = new ResizeObserver(([t]) => {
+				!t || t.contentRect.width === e || (e = t.contentRect.width, W !== void 0 && cancelAnimationFrame(W), W = requestAnimationFrame(() => {
+					W = void 0, Q();
+				}));
+			}), U.observe(H.value);
+		}), ee(() => {
+			U?.disconnect(), W !== void 0 && cancelAnimationFrame(W);
+		}), D({
+			get textarea() {
+				return R.value;
+			},
+			focus: $,
+			blur: oe,
+			select: se
+		}), (e, n) => (_(), u("div", m(b(A)(), {
+			ref_key: "rootRef",
+			ref: H,
+			class: X.value,
+			onClick: $
+		}), [
+			f(o, {
+				ref_key: "scrollbarRef",
+				ref: V,
+				class: "bing-textarea__scroll",
+				smooth: !1,
+				focusable: !1,
+				"min-thumb-size": 12,
+				horizontal: ""
+			}, {
+				viewport: C(({ viewportRef: e, viewportAttrs: t }) => [d("textarea", m(m(b(j)(), t), {
+					ref: (t) => {
+						R.value = t, e(t);
+					},
+					class: "bing-textarea__field",
+					id: b(N),
+					value: p.modelValue,
+					placeholder: p.placeholder,
+					disabled: b(F),
+					readonly: p.readonly,
+					rows: p.rows,
+					maxlength: p.maxLength ?? b(j)().maxlength,
+					name: p.name,
+					autocomplete: p.autocomplete,
+					spellcheck: p.spellcheck,
+					"aria-label": p.ariaLabel || void 0,
+					"aria-describedby": b(L),
+					"aria-invalid": b(I) === "error" || void 0,
+					onInput: ne,
+					onFocus: ie,
+					onBlur: ae,
+					onKeydown: n[0] ||= (e) => k("keydown", e)
+				}), null, 16, T), d("span", {
+					ref_key: "caretLayerRef",
+					ref: z,
+					class: "bing-textarea__caret-layer",
+					"aria-hidden": "true"
+				}, [d("span", {
+					ref_key: "caretRef",
+					ref: B,
+					class: "bing-textarea__caret"
+				}, null, 512)], 512)]),
+				_: 1
+			}, 512),
+			q.value ? (_(), c(t, {
+				key: 0,
+				variant: "ghost",
+				size: "xs",
+				rounded: "sm",
+				throttle: !1,
+				class: "bing-textarea__clear",
+				"aria-label": p.clearAriaLabel,
+				onMousedown: n[1] ||= w(() => {}, ["prevent"]),
+				onClick: w(re, ["stop"])
+			}, {
+				prefix: C(() => [f(a, {
+					icon: b(i),
+					size: "xs",
+					"stroke-width": 1.75
+				}, null, 8, ["icon"])]),
+				_: 1
+			}, 8, ["aria-label"])) : l("", !0),
+			p.showCount ? (_(), u("span", E, y(Y.value), 1)) : l("", !0)
+		], 16));
+	}
+});
+//#endregion
+export { D as default };

package/dist/components/BingToast/BingToast.js

@@ -0,0 +1,7 @@
+import e from "../../_virtual/_plugin-vue_export-helper.js";
+import t from "./BingToast.vue_vue_type_script_setup_true_lang.js";
+/* empty css                                                          */
+//#region src/components/BingToast/BingToast.vue
+var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-462e8ac5"]]);
+//#endregion
+export { n as default };