@moubing/bing-ui 0.11.2 → 0.12.1

package/dist/components/BingButton/BingButton.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,200 @@
+import { useReducedMotion as e } from "../../motion/reducedMotion.js";
+import t from "../BingAnimatedText/BingAnimatedText.js";
+import { enterLiquidHover as n, leaveLiquidHover as r, resetLiquidHover as i } from "../../motion/liquidHover.js";
+import { useClickFeedback as a } from "../../motion/useClickFeedback.js";
+import { useFormControl as o } from "../BingForm/useFormControl.js";
+import { computed as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createVNode as d, defineComponent as f, normalizeClass as p, normalizeStyle as m, onBeforeUnmount as h, openBlock as g, ref as _, renderSlot as v, unref as y, useSlots as b, watch as x, withCtx as S } from "vue";
+//#region src/components/BingButton/BingButton.vue?vue&type=script&setup=true&lang.ts
+var C = [
+	"type",
+	"disabled",
+	"aria-busy",
+	"aria-label"
+], ee = { class: "bing-button__content" }, te = {
+	key: 0,
+	class: "bing-button__loading-indicator",
+	"aria-hidden": "true"
+}, w = { class: "bing-button__resting-content" }, T = {
+	key: 0,
+	class: "bing-button__icon bing-button__icon--prefix"
+}, E = {
+	key: 1,
+	class: "bing-button__label"
+}, D = {
+	key: 2,
+	class: "bing-button__icon bing-button__icon--suffix"
+}, O = /* @__PURE__ */ f({
+	__name: "BingButton",
+	props: {
+		variant: { default: "primary" },
+		size: { default: void 0 },
+		rounded: { default: "md" },
+		htmlType: { default: "button" },
+		disabled: {
+			type: Boolean,
+			default: void 0
+		},
+		loading: {
+			type: Boolean,
+			default: !1
+		},
+		block: {
+			type: Boolean,
+			default: !1
+		},
+		throttle: {
+			type: Boolean,
+			default: !1
+		},
+		throttleDelay: { default: 600 },
+		textEffect: {},
+		textEffectTrigger: {},
+		textShine: {},
+		shineColor: { default: void 0 },
+		shineBaseColor: { default: void 0 },
+		shineSpeed: { default: 3 },
+		shineDelay: { default: 0 },
+		shineInterval: { default: 1.6 },
+		shineDirection: { default: "left" },
+		shineAngle: { default: 120 },
+		textJumpY: { default: -6 },
+		textJumpStagger: { default: .035 },
+		textJumpDuration: { default: .34 },
+		textJumpEase: { default: "power2.out" },
+		textJumpReturnEase: { default: "back.out(2.4)" },
+		textJumpRepeatDelay: { default: 1.2 },
+		ariaLabel: { default: void 0 }
+	},
+	emits: [
+		"click",
+		"throttled",
+		"focus",
+		"blur"
+	],
+	setup(f, { emit: O }) {
+		let k = e(), A = f, j = O, { resolvedSize: M, resolvedDisabled: N } = o(A, { register: !1 }), P = b(), F = _(0), I = _(null), L = !1, { playClickFeedback: R } = a(), z = s(() => N.value || A.loading), B = s(() => Math.max(0, A.throttleDelay)), V = s(() => !!P.default), H = s(() => !!P.prefix), U = s(() => !!P.suffix), W = s(() => A.textShine ?? (A.variant === "primary" ? "always" : "none")), G = s(() => A.loading && V.value ? "jump" : A.textEffect ? A.textEffect : W.value === "none" ? "none" : "shine"), K = s(() => A.loading && V.value ? "always" : A.textEffectTrigger ? A.textEffectTrigger : G.value === "jump" || W.value === "hover" ? "hover" : "always"), q = s(() => G.value === "shine"), J = s(() => G.value !== "none"), Y = s(() => [
+			"bing-button",
+			`bing-button--${A.variant}`,
+			`bing-button--${M.value}`,
+			`bing-button--rounded-${A.rounded}`,
+			{
+				"is-block": A.block,
+				"is-disabled": N.value,
+				"is-loading": A.loading,
+				"is-icon-only": !V.value && (H.value || U.value),
+				[`bing-button--text-${G.value}`]: J.value,
+				[`bing-button--text-trigger-${K.value}`]: J.value,
+				[`bing-button--shine-${K.value}`]: q.value,
+				[`bing-button--shine-direction-${A.shineDirection}`]: q.value
+			}
+		]), X = s(() => {
+			let e = {};
+			return q.value ? (e["--animated-text-shine-angle"] = `${A.shineAngle}deg`, A.shineColor && (e["--animated-text-shine-color"] = A.shineColor), A.shineBaseColor && (e["--animated-text-shine-base-color"] = A.shineBaseColor), e) : e;
+		});
+		function Z(e) {
+			if (e.defaultPrevented) return;
+			if (z.value) {
+				e.preventDefault();
+				return;
+			}
+			let t = Date.now(), n = B.value, r = t - F.value;
+			if (A.throttle && n > 0 && F.value > 0 && r < n) {
+				e.preventDefault(), j("throttled", {
+					event: e,
+					remaining: n - r
+				});
+				return;
+			}
+			F.value = t, R(e), j("click", e);
+		}
+		function ne(e) {
+			j("focus", e);
+		}
+		function re(e) {
+			j("blur", e);
+		}
+		function Q() {
+			L = !1, I.value && i(I.value);
+		}
+		function $(e) {
+			let t = I.value;
+			if (!t || z.value || e.pointerType === "touch") return;
+			if (k()) {
+				Q();
+				return;
+			}
+			let r = e.currentTarget, i = r.getBoundingClientRect();
+			if (!i.width || !i.height) return;
+			let a = (e.clientX - i.left) * (r.offsetWidth / i.width) - r.clientLeft, o = (e.clientY - i.top) * (r.offsetHeight / i.height) - r.clientTop, s = Math.max(0, Math.min(r.clientWidth, a)), c = Math.max(0, Math.min(r.clientHeight, o));
+			t.style.setProperty("--button-liquid-x", `${s}px`), t.style.setProperty("--button-liquid-y", `${c}px`), t.style.transformOrigin = `${s}px ${c}px`, L || (L = !0, n(t));
+		}
+		function ie() {
+			!L || !I.value || (L = !1, k() ? Q() : r(I.value));
+		}
+		return x([z, () => A.variant], ([e, t]) => {
+			(e || t === "primary") && Q();
+		}), h(() => {
+			Q();
+		}), (e, n) => (g(), l("button", {
+			type: f.htmlType,
+			class: p(Y.value),
+			style: m(X.value),
+			disabled: z.value,
+			"aria-busy": f.loading || void 0,
+			"aria-label": f.ariaLabel,
+			onClick: Z,
+			onFocus: ne,
+			onBlur: re,
+			onPointerenter: $,
+			onPointermove: $,
+			onPointerleave: ie,
+			onPointercancel: Q
+		}, [f.variant === "primary" ? c("", !0) : (g(), l("span", {
+			key: 0,
+			ref_key: "liquidRef",
+			ref: I,
+			class: "bing-button__liquid",
+			"aria-hidden": "true"
+		}, null, 512)), u("span", ee, [V.value ? c("", !0) : (g(), l("span", te, [...n[0] ||= [u("span", { class: "bing-button__spinner" }, null, -1)]])), u("span", w, [
+			H.value ? (g(), l("span", T, [v(e.$slots, "prefix", {}, void 0, !0)])) : c("", !0),
+			V.value ? (g(), l("span", E, [d(t, {
+				class: "bing-button__animated-text",
+				effect: G.value,
+				trigger: K.value,
+				disabled: y(N),
+				"shine-speed": f.shineSpeed,
+				"shine-delay": f.shineDelay,
+				"shine-interval": f.shineInterval,
+				"shine-direction": f.shineDirection,
+				"shine-angle": f.shineAngle,
+				"jump-y": f.textJumpY,
+				"jump-stagger": f.textJumpStagger,
+				"jump-duration": f.textJumpDuration,
+				"jump-ease": f.textJumpEase,
+				"jump-return-ease": f.textJumpReturnEase,
+				"jump-repeat-delay": f.textJumpRepeatDelay
+			}, {
+				default: S(() => [v(e.$slots, "default", {}, void 0, !0)]),
+				_: 3
+			}, 8, [
+				"effect",
+				"trigger",
+				"disabled",
+				"shine-speed",
+				"shine-delay",
+				"shine-interval",
+				"shine-direction",
+				"shine-angle",
+				"jump-y",
+				"jump-stagger",
+				"jump-duration",
+				"jump-ease",
+				"jump-return-ease",
+				"jump-repeat-delay"
+			])])) : c("", !0),
+			U.value ? (g(), l("span", D, [v(e.$slots, "suffix", {}, void 0, !0)])) : c("", !0)
+		])])], 46, C));
+	}
+});
+//#endregion
+export { O as default };

package/dist/components/BingCard/BingCard.js

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

package/dist/components/BingCard/BingCard.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,481 @@
+import { useReducedMotion as e } from "../../motion/reducedMotion.js";
+import { useClickFeedback as t } from "../../motion/useClickFeedback.js";
+import { createGlassCssVariables as n } from "../../utils/glass.js";
+import { computed as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, defineComponent as s, nextTick as c, normalizeClass as l, normalizeStyle as ee, onBeforeUnmount as te, onMounted as ne, openBlock as u, ref as d, renderSlot as f, toDisplayString as p, watch as re } from "vue";
+import { gsap as m } from "gsap";
+//#region src/components/BingCard/BingCard.vue?vue&type=script&setup=true&lang.ts
+var ie = { class: "bing-card__face bing-card__front" }, h = {
+	key: 1,
+	class: "bing-card__media"
+}, g = { class: "bing-card__content" }, ae = {
+	key: 0,
+	class: "bing-card__header"
+}, oe = { class: "bing-card__heading" }, se = {
+	key: 0,
+	class: "bing-card__title"
+}, _ = {
+	key: 1,
+	class: "bing-card__description"
+}, v = {
+	key: 1,
+	class: "bing-card__body"
+}, y = {
+	key: 2,
+	class: "bing-card__footer"
+}, ce = {
+	class: "bing-card__face bing-card__back",
+	"aria-hidden": "true"
+}, le = 10, b = /* @__PURE__ */ s({
+	__name: "BingCard",
+	props: {
+		title: { default: void 0 },
+		description: { default: void 0 },
+		variant: { default: "soft" },
+		padding: { default: "md" },
+		rounded: { default: "md" },
+		glass: {
+			type: Boolean,
+			default: !0
+		},
+		interactive: {
+			type: Boolean,
+			default: !0
+		},
+		tilt: {
+			type: Boolean,
+			default: !0
+		},
+		tiltMax: { default: 8 },
+		tiltScale: { default: 1.015 },
+		glare: {
+			type: Boolean,
+			default: !0
+		},
+		entrance: { default: "fade-up" },
+		entranceOnce: {
+			type: Boolean,
+			default: !0
+		},
+		entranceDelay: { default: 0 },
+		entranceDuration: { default: .72 },
+		flipAxis: { default: "x" },
+		flipTurns: { default: 2.5 },
+		flipEase: { default: "power4.out" },
+		flipTrigger: { default: "press" },
+		longPressDelay: { default: 560 },
+		longPressRelease: { default: "restore" },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		glassBlur: { default: void 0 },
+		glassOpacity: { default: void 0 },
+		glassSaturation: { default: void 0 }
+	},
+	emits: [
+		"enter",
+		"long-press",
+		"flip"
+	],
+	setup(s, { emit: b }) {
+		let x = e(), { playClickFeedback: S } = t(), C = s, w = b, T = d(null), E = d(null), D = d(null), O = d(null), k = d(null), A = d(!1), j = d(!1), M = d(!1), N, P, F, I, L, R = !1, z = !1, B = 0, V = 0, H = !1, U = r(() => C.flipAxis === "z" ? "y" : C.flipAxis), W = r(() => C.disabled ? "none" : C.flipTrigger), ue = r(() => [
+			"bing-card",
+			`bing-card--${C.variant}`,
+			`bing-card--padding-${C.padding}`,
+			`bing-card--rounded-${C.rounded}`,
+			`bing-card--back-axis-${U.value}`,
+			{
+				"is-glass": C.glass,
+				"is-interactive": C.interactive,
+				"is-tilt": C.tilt,
+				"is-glare": C.glare,
+				"is-flipped": j.value,
+				"is-pressing": M.value,
+				"is-long-press-enabled": W.value === "press",
+				"is-click-flip-enabled": W.value === "click",
+				"is-disabled": C.disabled,
+				"has-entered": A.value
+			}
+		]), de = r(() => ({
+			...n("bing-card", {
+				glass: C.glass,
+				glassBlur: C.glassBlur,
+				glassOpacity: C.glassOpacity,
+				glassSaturation: C.glassSaturation
+			}),
+			"--bing-card-tilt-max": `${C.tiltMax}deg`
+		})), fe = r(() => !!(C.title || C.description));
+		function G() {
+			return typeof window < "u" && typeof document < "u";
+		}
+		function K(e, t, n) {
+			return Math.min(n, Math.max(t, e));
+		}
+		function q(e) {
+			return e === "x" ? "rotationX" : e === "y" ? "rotationY" : "rotation";
+		}
+		function J() {
+			return {
+				rotationX: 0,
+				rotationY: 0,
+				rotation: 0,
+				[q(U.value)]: j.value ? 180 : 0
+			};
+		}
+		function pe(e, t) {
+			return j.value ? U.value === "x" ? {
+				rotationX: 180 + e,
+				rotationY: t,
+				rotation: 0
+			} : {
+				rotationX: e,
+				rotationY: 180 + t,
+				rotation: 0
+			} : {
+				rotationX: e,
+				rotationY: t,
+				rotation: 0
+			};
+		}
+		function me() {
+			return C.interactive && C.tilt && !C.disabled && !x() && !z && !R && E.value;
+		}
+		function he(e) {
+			if (Se(e), !me()) return;
+			let t = T.value, n = E.value;
+			if (!t || !n) return;
+			let r = t.getBoundingClientRect();
+			if (r.width === 0 || r.height === 0) return;
+			let i = K((e.clientX - r.left) / r.width, 0, 1), a = K((e.clientY - r.top) / r.height, 0, 1), o = Math.max(0, C.tiltMax), s = (i - .5) * o * 2, c = (.5 - a) * o * 2;
+			m.to(n, {
+				...pe(c, s),
+				scale: Math.max(1, C.tiltScale),
+				transformPerspective: 900,
+				transformOrigin: "50% 50%",
+				duration: .34,
+				ease: "power3.out",
+				overwrite: !0,
+				force3D: !0
+			}), C.glare && D.value && m.to(D.value, {
+				"--bing-card-glare-x": `${i * 100}%`,
+				"--bing-card-glare-y": `${a * 100}%`,
+				opacity: 1,
+				duration: .24,
+				ease: "power2.out",
+				overwrite: !0
+			});
+		}
+		function ge() {
+			if (z) return;
+			let e = E.value;
+			e && m.to(e, {
+				...J(),
+				scale: 1,
+				duration: .48,
+				ease: "elastic.out(1, 0.72)",
+				overwrite: !0,
+				force3D: !0
+			}), D.value && m.to(D.value, {
+				opacity: 0,
+				duration: .26,
+				ease: "power2.out",
+				overwrite: !0
+			});
+		}
+		function _e() {
+			let e = q(C.flipAxis), t = -360 * Math.max(1, C.flipTurns);
+			return {
+				from: {
+					autoAlpha: 0,
+					y: 34,
+					z: C.flipAxis === "z" ? 0 : -120,
+					[e]: t,
+					scale: .96,
+					transformPerspective: 900,
+					transformOrigin: "50% 50%"
+				},
+				to: {
+					autoAlpha: 1,
+					y: 0,
+					z: 0,
+					rotationX: 0,
+					rotationY: 0,
+					rotation: 0,
+					scale: 1,
+					ease: C.flipEase
+				}
+			};
+		}
+		function ve() {
+			switch (C.entrance) {
+				case "bubble": return {
+					from: {
+						autoAlpha: 0,
+						y: 18,
+						scale: .78
+					},
+					to: {
+						autoAlpha: 1,
+						y: 0,
+						scale: 1,
+						ease: "elastic.out(1, 0.64)"
+					}
+				};
+				case "rotate-up": return _e();
+				case "soft-pop": return {
+					from: {
+						autoAlpha: 0,
+						y: 10,
+						scale: .92,
+						filter: "blur(10px)"
+					},
+					to: {
+						autoAlpha: 1,
+						y: 0,
+						scale: 1,
+						filter: "blur(0px)",
+						ease: "power3.out"
+					}
+				};
+				default: return {
+					from: {
+						autoAlpha: 0,
+						y: 26,
+						scale: .98
+					},
+					to: {
+						autoAlpha: 1,
+						y: 0,
+						scale: 1,
+						ease: "power3.out"
+					}
+				};
+			}
+		}
+		function Y() {
+			F?.kill(), F = void 0, M.value = !1, O.value && (m.killTweensOf(O.value), m.set(O.value, {
+				"--bing-card-press-progress": 0,
+				"--bing-card-press-ring-scale": .78,
+				autoAlpha: 0
+			})), k.value && (m.killTweensOf(k.value), m.set(k.value, {
+				autoAlpha: 0,
+				scale: .98
+			}));
+		}
+		function ye() {
+			M.value = !1, O.value && (m.killTweensOf(O.value), m.timeline().to(O.value, {
+				"--bing-card-press-ring-scale": .96,
+				autoAlpha: .82,
+				duration: .1,
+				ease: "power2.out"
+			}).to(O.value, {
+				"--bing-card-press-ring-scale": 1.08,
+				autoAlpha: 0,
+				duration: .38,
+				ease: "power3.out"
+			}, .06)), k.value && (m.killTweensOf(k.value), m.timeline().to(k.value, {
+				autoAlpha: .18,
+				scale: 1,
+				duration: .1,
+				ease: "power2.out"
+			}).to(k.value, {
+				autoAlpha: 0,
+				scale: 1.015,
+				duration: .38,
+				ease: "power3.out"
+			}, .06));
+		}
+		function X(e = !j.value) {
+			let t = E.value;
+			if (!t || C.disabled || z || j.value === e) return;
+			j.value = e;
+			let n = m.to(t, {
+				...J(),
+				scale: 1,
+				transformPerspective: 900,
+				transformOrigin: "50% 50%",
+				duration: .68,
+				ease: "power3.inOut",
+				overwrite: !0,
+				force3D: !0,
+				onComplete: () => {
+					I === n && (R = !1);
+				},
+				onInterrupt: () => {
+					I === n && (R = !1);
+				}
+			});
+			I = n, R = !0, w("flip", e ? "back" : "front");
+		}
+		function be(e) {
+			if (!G() || W.value !== "press" || z || e.button !== 0) return;
+			Y(), H = !1, B = e.clientX, V = e.clientY, M.value = !0;
+			let t = T.value?.getBoundingClientRect(), n = t && t.width > 0 ? `${K((e.clientX - t.left) / t.width * 100, 0, 100)}%` : "50%", r = t && t.height > 0 ? `${K((e.clientY - t.top) / t.height * 100, 0, 100)}%` : "50%";
+			try {
+				e.currentTarget?.setPointerCapture?.(e.pointerId);
+			} catch {}
+			O.value && (m.set(O.value, {
+				"--bing-card-press-progress": 0,
+				"--bing-card-press-x": n,
+				"--bing-card-press-y": r,
+				"--bing-card-press-ring-scale": .78,
+				autoAlpha: 1
+			}), F = m.to(O.value, {
+				"--bing-card-press-progress": 1,
+				"--bing-card-press-ring-scale": .98,
+				duration: Math.max(120, C.longPressDelay) / 1e3,
+				ease: "none",
+				overwrite: !0,
+				onComplete: () => {
+					if (F = void 0, H = !0, w("long-press"), ye(), C.longPressRelease === "restore") {
+						X(!0);
+						return;
+					}
+					X();
+				}
+			})), k.value && m.fromTo(k.value, {
+				autoAlpha: 0,
+				scale: .98
+			}, {
+				autoAlpha: 1,
+				scale: 1,
+				duration: Math.min(.24, Math.max(120, C.longPressDelay) / 2e3),
+				ease: "power2.out",
+				overwrite: !0
+			});
+		}
+		function xe(e) {
+			e.defaultPrevented || C.disabled || W.value !== "click" || z || e.target instanceof Element && e.target.closest("button,a[href],input,label,select,textarea,[role=\"button\"],[role=\"tab\"],[contenteditable]:not([contenteditable=\"false\"])") || (S(e), X());
+		}
+		function Se(e) {
+			if (!F) return;
+			let t = e.clientX - B, n = e.clientY - V;
+			Math.hypot(t, n) > le && Y();
+		}
+		function Z() {
+			Y(), H && C.longPressRelease === "restore" && X(!1), H = !1;
+		}
+		function Ce() {
+			H || Y(), !R && ge();
+		}
+		function Q() {
+			let e = T.value, t = E.value;
+			if (!e || !t || C.disabled || A.value && C.entranceOnce) return;
+			if (A.value = !0, e.classList.add("has-entered"), w("enter"), L?.kill(), L = void 0, z = !1, N?.revert(), N = void 0, C.entrance === "none" || x()) {
+				m.set(t, {
+					autoAlpha: 1,
+					clearProps: "transform,filter"
+				});
+				return;
+			}
+			let n = ve();
+			N = m.context(() => {
+				let e = m.fromTo(t, n.from, {
+					...n.to,
+					duration: Math.max(.1, C.entranceDuration),
+					delay: Math.max(0, C.entranceDelay),
+					clearProps: "filter",
+					onComplete: () => {
+						L === e && (L = void 0, z = !1);
+					},
+					onInterrupt: () => {
+						L === e && (L = void 0, z = !1);
+					}
+				});
+				L = e, z = !0;
+			}, e);
+		}
+		function $() {
+			if (P?.disconnect(), P = void 0, !G()) {
+				Q();
+				return;
+			}
+			if (C.entrance === "none" || x()) {
+				Q();
+				return;
+			}
+			if (!("IntersectionObserver" in window)) {
+				Q();
+				return;
+			}
+			let e = T.value;
+			e && (P = new IntersectionObserver((e) => {
+				e.some((e) => e.isIntersecting) && (Q(), C.entranceOnce && (P?.disconnect(), P = void 0));
+			}, {
+				threshold: .18,
+				rootMargin: "0px 0px -8% 0px"
+			}), P.observe(e));
+		}
+		return re(() => [
+			C.entrance,
+			C.entranceOnce,
+			C.entranceDelay,
+			C.entranceDuration,
+			C.flipAxis,
+			C.flipTurns,
+			C.flipEase,
+			C.flipTrigger,
+			C.disabled
+		], () => {
+			Y(), A.value = !1, c($);
+		}, { flush: "post" }), ne(() => {
+			c($);
+		}), te(() => {
+			Y(), L?.kill(), L = void 0, z = !1, I?.kill(), I = void 0, R = !1, P?.disconnect(), P = void 0, N?.revert(), N = void 0, m.killTweensOf([
+				E.value,
+				D.value,
+				O.value,
+				k.value
+			].filter(Boolean));
+		}), (e, t) => (u(), a("article", {
+			ref_key: "rootRef",
+			ref: T,
+			class: l(ue.value),
+			style: ee(de.value),
+			onPointerdown: be,
+			onPointermove: he,
+			onPointerup: Z,
+			onPointerleave: Ce,
+			onPointercancel: Z,
+			onLostpointercapture: Z,
+			onClick: xe
+		}, [o("div", {
+			ref_key: "surfaceRef",
+			ref: E,
+			class: "bing-card__surface"
+		}, [
+			o("div", ie, [
+				s.glare ? (u(), a("span", {
+					key: 0,
+					ref_key: "glareRef",
+					ref: D,
+					class: "bing-card__glare",
+					"aria-hidden": "true"
+				}, null, 512)) : i("", !0),
+				e.$slots.media ? (u(), a("div", h, [f(e.$slots, "media", {}, void 0, !0)])) : i("", !0),
+				o("div", g, [
+					e.$slots.header || fe.value ? (u(), a("header", ae, [f(e.$slots, "header", {}, () => [o("div", oe, [s.title ? (u(), a("h3", se, p(s.title), 1)) : i("", !0), s.description ? (u(), a("p", _, p(s.description), 1)) : i("", !0)])], !0)])) : i("", !0),
+					e.$slots.default ? (u(), a("div", v, [f(e.$slots, "default", {}, void 0, !0)])) : i("", !0),
+					e.$slots.footer ? (u(), a("footer", y, [f(e.$slots, "footer", {}, void 0, !0)])) : i("", !0)
+				])
+			]),
+			o("div", ce, [f(e.$slots, "back", {}, () => [t[0] ||= o("div", { class: "bing-card__back-mark" }, "Bing UI", -1), t[1] ||= o("div", { class: "bing-card__back-text" }, "交互卡片", -1)], !0)]),
+			W.value === "press" ? (u(), a("span", {
+				key: 0,
+				ref_key: "pressAmbienceRef",
+				ref: k,
+				class: "bing-card__press-ambience",
+				"aria-hidden": "true"
+			}, null, 512)) : i("", !0),
+			W.value === "press" ? (u(), a("span", {
+				key: 1,
+				ref_key: "pressFeedbackRef",
+				ref: O,
+				class: "bing-card__press-feedback",
+				"aria-hidden": "true"
+			}, null, 512)) : i("", !0)
+		], 512)], 38));
+	}
+});
+//#endregion
+export { b as default };

package/dist/components/BingCarouselTransition/BingCarouselTransition.js

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