@moubing/bing-ui 0.11.1 → 0.12.0

package/dist/components/BingCarouselTransition/BingCarouselTransition.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,174 @@
+import { useReducedMotion as e } from "../../motion/reducedMotion.js";
+import t from "../BingTabs/BingTabs.js";
+import { Fragment as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, defineComponent as l, nextTick as u, normalizeClass as d, onBeforeUnmount as f, onMounted as p, openBlock as m, ref as h, renderList as g, renderSlot as _, toDisplayString as v, watch as y } from "vue";
+import { gsap as b } from "gsap";
+//#region src/components/BingCarouselTransition/BingCarouselTransition.vue?vue&type=script&setup=true&lang.ts
+var x = { class: "bing-carousel-transition__viewport" }, S = ["aria-hidden"], C = /* @__PURE__ */ l({
+	__name: "BingCarouselTransition",
+	props: {
+		modelValue: { default: void 0 },
+		items: { default: () => [] },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		respectReducedMotion: {
+			type: Boolean,
+			default: !0
+		},
+		loop: {
+			type: Boolean,
+			default: !0
+		},
+		showTabs: {
+			type: Boolean,
+			default: !0
+		},
+		ariaLabel: { default: "轮播切换面板" }
+	},
+	emits: ["update:modelValue", "change"],
+	setup(l, { emit: C }) {
+		let w = e(), T = l, E = C, D = h(null), O = h(!1), k = h(void 0), A, j = 0, M, N, P = r(() => T.items.filter((e) => !e.disabled)), F = r(() => P.value[0]), I = r(() => T.modelValue !== void 0), L = r(() => I.value ? T.modelValue : k.value ?? F.value?.value), R = r(() => {
+			let e = T.items.findIndex((e) => Object.is(e.value, L.value));
+			return e >= 0 ? e : 0;
+		}), z = r(() => T.items.map((e) => ({
+			...e,
+			value: e.value,
+			label: e.label,
+			disabled: T.disabled || e.disabled
+		})));
+		function B() {
+			return typeof window < "u";
+		}
+		function V() {
+			return T.disabled || T.respectReducedMotion && w();
+		}
+		function H(e, t, n) {
+			return Math.min(Math.max(e, t), n);
+		}
+		function U(e) {
+			let t = T.items.length;
+			return t === 0 ? 0 : T.loop ? (e + t) % t : H(e, 0, t - 1);
+		}
+		function W(e) {
+			D.value && b.set(D.value, {
+				xPercent: U(e) * -100,
+				force3D: !0
+			});
+		}
+		function G(e) {
+			let t = T.items[e];
+			if (!t || T.disabled || t.disabled || Object.is(t.value, L.value)) return !1;
+			let n = L.value, r = T.items.find((e) => Object.is(e.value, n));
+			return N = t.value, I.value || (k.value = t.value), E("update:modelValue", t.value), E("change", {
+				value: t.value,
+				previousValue: n,
+				item: t,
+				previousItem: r
+			}), !0;
+		}
+		function K(e, t = .52) {
+			let n = U(e);
+			if (A?.kill(), !D.value || V()) {
+				W(n), O.value = !1;
+				return;
+			}
+			O.value = !0, A = b.to(D.value, {
+				xPercent: n * -100,
+				duration: t,
+				ease: "power3.out",
+				overwrite: "auto",
+				force3D: !0,
+				onComplete: () => {
+					O.value = !1, A = void 0;
+				},
+				onInterrupt: () => {
+					O.value = !1;
+				}
+			});
+		}
+		function q(e) {
+			let t = U(e);
+			t === R.value || !G(t) || K(t);
+		}
+		function J() {
+			if (!D.value || V()) return;
+			let e = H(j / 7, -32, 32);
+			b.to(D.value, {
+				xPercent: R.value * -100 - e,
+				duration: .16,
+				ease: "power2.out",
+				overwrite: "auto",
+				force3D: !0
+			});
+		}
+		function Y() {
+			let e = j > 0 ? 1 : -1, t = Math.abs(j) > 42, n = t ? R.value + e : R.value;
+			if (j = 0, t) {
+				let e = U(n);
+				G(e), K(e, .5);
+			} else K(R.value, .32);
+		}
+		function X(e) {
+			e.defaultPrevented || T.disabled || Math.abs(e.deltaX) <= Math.abs(e.deltaY) || (e.preventDefault(), !(O.value || !B()) && (j += e.deltaX, J(), M && window.clearTimeout(M), M = window.setTimeout(() => {
+				M = void 0, Y();
+			}, 72)));
+		}
+		function Z(e) {
+			q(T.items.findIndex((t) => Object.is(t.value, e)));
+		}
+		return p(() => {
+			u().then(() => {
+				W(R.value);
+			});
+		}), f(() => {
+			A?.kill(), D.value && b.killTweensOf(D.value), M && B() && window.clearTimeout(M);
+		}), y(L, (e) => {
+			if (e === void 0) return;
+			if (Object.is(e, N)) {
+				N = void 0;
+				return;
+			}
+			let t = T.items.findIndex((t) => Object.is(t.value, e));
+			t < 0 || u().then(() => {
+				K(t, .32);
+			});
+		}), (e, r) => (m(), o("section", {
+			class: d(["bing-carousel-transition", { "is-disabled": l.disabled }]),
+			onWheel: X
+		}, [l.showTabs ? (m(), i(t, {
+			key: 0,
+			items: z.value,
+			"model-value": L.value,
+			variant: "glass",
+			size: "md",
+			disabled: l.disabled,
+			loop: l.loop,
+			"respect-reduced-motion": l.respectReducedMotion,
+			"aria-label": l.ariaLabel,
+			"onUpdate:modelValue": Z
+		}, null, 8, [
+			"items",
+			"model-value",
+			"disabled",
+			"loop",
+			"respect-reduced-motion",
+			"aria-label"
+		])) : a("", !0), s("div", x, [s("div", {
+			ref_key: "trackRef",
+			ref: D,
+			class: "bing-carousel-transition__track"
+		}, [(m(!0), o(n, null, g(l.items, (t, n) => (m(), o("article", {
+			key: String(t.value),
+			class: d(["bing-carousel-transition__panel", { "is-active": Object.is(L.value, t.value) }]),
+			"aria-hidden": !Object.is(L.value, t.value)
+		}, [_(e.$slots, "default", {
+			item: t,
+			index: n,
+			active: Object.is(L.value, t.value),
+			isAnimating: O.value
+		}, () => [c(v(t.label), 1)], !0)], 10, S))), 128))], 512)])], 34));
+	}
+});
+//#endregion
+export { C as default };

package/dist/components/BingCheckbox/BingCheckbox.js

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

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

@@ -4,16 +4,18 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_13) => any;
 };
 declare const __VLS_base: import('vue').DefineComponent<BingCheckboxProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    change: (value: boolean, event: Event) => any;
     blur: (event: FocusEvent) => any;
     focus: (event: FocusEvent) => any;
+    change: (value: boolean, event: Event) => any;
     "update:modelValue": (value: boolean) => any;
 }, string, import('vue').PublicProps, Readonly<BingCheckboxProps> & Readonly<{
-    onChange?: ((value: boolean, event: Event) => any) | undefined;
     onBlur?: ((event: FocusEvent) => any) | undefined;
     onFocus?: ((event: FocusEvent) => any) | undefined;
+    onChange?: ((value: boolean, event: Event) => any) | undefined;
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }>, {
+    name: string;
+    status: "default" | "error" | "success" | "warning";
     disabled: boolean;
     label: string;
     id: string;
@@ -23,8 +25,6 @@ declare const __VLS_base: import('vue').DefineComponent<BingCheckboxProps, {}, {
     decorative: boolean;
     modelValue: boolean;
     ariaDescribedby: string;
-    status: "default" | "error" | "success" | "warning";
-    name: string;
     value: string | number;
     indeterminate: boolean;
     shape: import('./BingCheckbox.types').BingCheckboxShape;

package/dist/components/BingCheckbox/BingCheckbox.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,233 @@
+import { useReducedMotion as e } from "../../motion/reducedMotion.js";
+import { useClickFeedback as t } from "../../motion/useClickFeedback.js";
+import { useFormControl as n } from "../BingForm/useFormControl.js";
+import { Check as r } from "../../icons/icons.js";
+import i from "../BingIcon/BingIcon.js";
+import { bingCheckboxGroupContextKey as a } from "../BingCheckboxGroup/BingCheckboxGroup.context.js";
+import { computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, createVNode as f, defineComponent as p, inject as m, normalizeClass as h, normalizeStyle as g, onBeforeUnmount as _, openBlock as v, ref as y, renderSlot as b, resolveDynamicComponent as x, toDisplayString as S, unref as C, useSlots as w, watch as T, withCtx as E } from "vue";
+import { gsap as D } from "gsap";
+//#region src/components/BingCheckbox/BingCheckbox.vue?vue&type=script&setup=true&lang.ts
+var O = [
+	"id",
+	"checked",
+	"indeterminate",
+	"disabled",
+	"name",
+	"value",
+	"aria-label",
+	"aria-describedby",
+	"aria-invalid"
+], k = {
+	class: "bing-checkbox__control",
+	"aria-hidden": "true"
+}, A = {
+	key: 1,
+	class: "bing-checkbox__label"
+}, j = /* @__PURE__ */ p({
+	__name: "BingCheckbox",
+	props: {
+		id: { default: void 0 },
+		modelValue: {
+			type: Boolean,
+			default: !1
+		},
+		indeterminate: {
+			type: Boolean,
+			default: !1
+		},
+		disabled: {
+			type: Boolean,
+			default: void 0
+		},
+		size: { default: void 0 },
+		shape: { default: "rounded" },
+		tone: { default: "primary" },
+		label: { default: void 0 },
+		ariaLabel: { default: void 0 },
+		ariaDescribedby: { default: void 0 },
+		status: { default: void 0 },
+		name: { default: void 0 },
+		value: { default: void 0 },
+		decorative: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: [
+		"update:modelValue",
+		"change",
+		"focus",
+		"blur"
+	],
+	setup(p, { emit: j }) {
+		let ee = e(), M = p, N = j, { playClickFeedback: P } = t(), F = w(), I = m(a, null), { formItem: L, resolvedSize: R, resolvedDisabled: z, resolvedStatus: B, resolvedId: V, resolvedAriaDescribedby: H } = n({
+			get id() {
+				return M.id;
+			},
+			get size() {
+				return M.size ?? I?.size.value;
+			},
+			get disabled() {
+				return I?.disabled.value || M.disabled;
+			},
+			get status() {
+				return M.status ?? I?.status.value;
+			},
+			get ariaDescribedby() {
+				return M.ariaDescribedby;
+			}
+		}, { register: !I }), U = y(null), W = y(null), G = y(!1), K = null, q = o(() => !!(M.label || F.default)), J = o(() => M.name ?? I?.name.value), Y = o(() => I ? I.modelValue.value.some((e) => e === M.value) : M.modelValue), X = o(() => [
+			"bing-checkbox",
+			typeof R.value == "string" ? `bing-checkbox--${R.value}` : void 0,
+			`bing-checkbox--${M.shape}`,
+			`bing-checkbox--${M.tone}`,
+			`bing-checkbox--status-${B.value}`,
+			{
+				"is-checked": Y.value,
+				"is-indeterminate": M.indeterminate,
+				"is-disabled": z.value,
+				"is-invalid": B.value === "error",
+				"is-decorative": M.decorative,
+				"is-check-exiting": G.value,
+				"has-label": q.value && !M.decorative
+			}
+		]), Z = o(() => {
+			if (typeof R.value == "number") return {
+				"--bing-checkbox-size": `${R.value}px`,
+				"--bing-checkbox-radius": M.shape === "circle" ? "50%" : `${Math.max(2, Math.round(R.value * .22))}px`
+			};
+		});
+		function Q() {
+			D.killTweensOf([U.value, W.value].filter((e) => !!e));
+		}
+		function $(e, t, n, r) {
+			if (ee()) {
+				G.value = !1;
+				return;
+			}
+			let i = U.value, a = W.value;
+			if (!i || !a) return;
+			let o = e && !t, s = n && !r;
+			Q(), G.value = !1, o ? D.fromTo(i, {
+				autoAlpha: 0,
+				rotation: -18,
+				scale: .18
+			}, {
+				autoAlpha: 1,
+				rotation: 0,
+				scale: 1,
+				duration: .28,
+				ease: "back.out(3.4)",
+				clearProps: "transform,opacity,visibility",
+				overwrite: !0
+			}) : s && (G.value = !0, D.fromTo(i, {
+				autoAlpha: 1,
+				rotation: 0,
+				scale: 1
+			}, {
+				autoAlpha: 0,
+				rotation: 0,
+				scale: .32,
+				duration: .18,
+				ease: "power2.in",
+				clearProps: "transform,opacity,visibility",
+				overwrite: !0,
+				onComplete: () => {
+					G.value = !1;
+				}
+			})), t ? D.fromTo(a, {
+				autoAlpha: 0,
+				scaleX: .2
+			}, {
+				autoAlpha: 1,
+				scaleX: 1,
+				duration: .2,
+				ease: "back.out(2.4)",
+				clearProps: "transform,opacity,visibility",
+				overwrite: !0
+			}) : r && D.fromTo(a, {
+				autoAlpha: 1,
+				scaleX: 1
+			}, {
+				autoAlpha: 0,
+				scaleX: .2,
+				duration: .12,
+				ease: "power2.in",
+				clearProps: "transform,opacity,visibility",
+				overwrite: !0
+			});
+		}
+		function te(e) {
+			if (e.defaultPrevented || z.value || M.decorative) return;
+			let t = e.currentTarget.parentElement?.querySelector(".bing-checkbox__control");
+			P(e, t);
+		}
+		function ne(e) {
+			let t = e.target.checked;
+			if (K = {
+				checked: t,
+				indeterminate: M.indeterminate
+			}, $(t, M.indeterminate, Y.value, M.indeterminate), I && M.value !== void 0) {
+				I.updateValue(M.value, t, e);
+				return;
+			}
+			N("update:modelValue", t), N("change", t, e), L?.handleControlChange();
+		}
+		function re(e) {
+			N("blur", e), I?.handleCheckboxBlur(e), I || L?.handleControlBlur();
+		}
+		return T(() => [Y.value, M.indeterminate], ([e, t], [n, r]) => {
+			if (K?.checked === e && K.indeterminate === t) {
+				K = null;
+				return;
+			}
+			K = null, $(e, t, n, r);
+		}, { flush: "post" }), _(Q), (e, t) => (v(), s(x(p.decorative ? "span" : "label"), {
+			class: h(X.value),
+			style: g(Z.value),
+			"aria-hidden": p.decorative || void 0
+		}, {
+			default: E(() => [
+				p.decorative ? c("", !0) : (v(), l("input", {
+					key: 0,
+					class: "bing-checkbox__input",
+					id: C(V),
+					type: "checkbox",
+					checked: Y.value,
+					indeterminate: p.indeterminate,
+					disabled: C(z),
+					name: J.value,
+					value: p.value,
+					"aria-label": p.ariaLabel || void 0,
+					"aria-describedby": C(H),
+					"aria-invalid": C(B) === "error" || void 0,
+					onChange: ne,
+					onClick: te,
+					onFocus: t[0] ||= (e) => N("focus", e),
+					onBlur: re
+				}, null, 40, O)),
+				u("span", k, [u("span", {
+					ref_key: "checkRef",
+					ref: U,
+					class: "bing-checkbox__check"
+				}, [f(i, {
+					icon: C(r),
+					size: "xs",
+					"stroke-width": 2.25
+				}, null, 8, ["icon"])], 512), u("span", {
+					ref_key: "mixedRef",
+					ref: W,
+					class: "bing-checkbox__mixed"
+				}, null, 512)]),
+				!p.decorative && q.value ? (v(), l("span", A, [b(e.$slots, "default", {}, () => [d(S(p.label), 1)], !0)])) : c("", !0)
+			]),
+			_: 3
+		}, 8, [
+			"class",
+			"style",
+			"aria-hidden"
+		]));
+	}
+});
+//#endregion
+export { j as default };

package/dist/components/BingCheckboxGroup/BingCheckboxGroup.context.js

@@ -0,0 +1,4 @@
+//#region src/components/BingCheckboxGroup/BingCheckboxGroup.context.ts
+var e = Symbol("BingCheckboxGroupContext");
+//#endregion
+export { e as bingCheckboxGroupContextKey };

package/dist/components/BingCheckboxGroup/BingCheckboxGroup.js

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

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

@@ -4,16 +4,18 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_base: import('vue').DefineComponent<BingCheckboxGroupProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    change: (value: BingCheckboxGroupValue[], event: Event) => any;
     blur: (event: FocusEvent) => any;
     focus: (event: FocusEvent) => any;
+    change: (value: BingCheckboxGroupValue[], event: Event) => any;
     "update:modelValue": (value: BingCheckboxGroupValue[]) => any;
 }, string, import('vue').PublicProps, Readonly<BingCheckboxGroupProps> & Readonly<{
-    onChange?: ((value: BingCheckboxGroupValue[], event: Event) => any) | undefined;
     onBlur?: ((event: FocusEvent) => any) | undefined;
     onFocus?: ((event: FocusEvent) => any) | undefined;
+    onChange?: ((value: BingCheckboxGroupValue[], event: Event) => any) | undefined;
     "onUpdate:modelValue"?: ((value: BingCheckboxGroupValue[]) => any) | undefined;
 }>, {
+    name: string;
+    status: "default" | "error" | "success" | "warning";
     disabled: boolean;
     direction: import('./BingCheckboxGroup.types').BingCheckboxGroupDirection;
     id: string;
@@ -21,8 +23,6 @@ declare const __VLS_base: import('vue').DefineComponent<BingCheckboxGroupProps,
     ariaLabel: string;
     modelValue: BingCheckboxGroupValue[];
     ariaDescribedby: string;
-    status: "default" | "error" | "success" | "warning";
-    name: string;
     options: BingCheckboxGroupOption[];
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/BingCheckboxGroup/BingCheckboxGroup.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,105 @@
+import { isolateFormControls as e, useFormControl as t } from "../BingForm/useFormControl.js";
+import { bingCheckboxGroupContextKey as n } from "./BingCheckboxGroup.context.js";
+import r from "../BingCheckbox/BingCheckbox.js";
+import { Fragment as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, defineComponent as u, normalizeClass as d, openBlock as f, provide as p, ref as m, renderList as h, renderSlot as g, toDisplayString as _, unref as v, useId as y, withCtx as b } from "vue";
+//#region src/components/BingCheckboxGroup/BingCheckboxGroup.vue?vue&type=script&setup=true&lang.ts
+var x = [
+	"id",
+	"aria-label",
+	"aria-labelledby",
+	"aria-describedby",
+	"aria-invalid"
+], S = { class: "bing-checkbox-group__option" }, C = { class: "bing-checkbox-group__option-label" }, w = {
+	key: 0,
+	class: "bing-checkbox-group__option-description"
+}, T = /* @__PURE__ */ u({
+	__name: "BingCheckboxGroup",
+	props: {
+		id: { default: void 0 },
+		modelValue: { default: () => [] },
+		options: { default: () => [] },
+		disabled: {
+			type: Boolean,
+			default: void 0
+		},
+		size: { default: void 0 },
+		direction: { default: "wrap" },
+		name: { default: void 0 },
+		ariaLabel: { default: void 0 },
+		ariaDescribedby: { default: void 0 },
+		status: { default: void 0 }
+	},
+	emits: [
+		"update:modelValue",
+		"change",
+		"focus",
+		"blur"
+	],
+	setup(u, { emit: T }) {
+		let E = u, D = T, { formItem: O, resolvedId: k, resolvedSize: A, resolvedDisabled: j, resolvedStatus: M, resolvedAriaDescribedby: N, resolvedAriaLabelledby: P } = t(E, { group: !0 });
+		e();
+		let F = `bing-checkbox-group-${y()}`, I = m(null), L = m(!1), R = a(() => E.name ?? F), z = a(() => E.modelValue ?? []), B = a(() => [
+			"bing-checkbox-group",
+			`bing-checkbox-group--${A.value}`,
+			`bing-checkbox-group--${E.direction}`,
+			`bing-checkbox-group--status-${M.value}`,
+			{
+				"is-disabled": j.value,
+				"is-invalid": M.value === "error"
+			}
+		]);
+		function V(e) {
+			return j.value || !!e.disabled;
+		}
+		function H(e, t, n) {
+			if (j.value) return;
+			let r = z.value, i = t ? r.includes(e) ? r : [...r, e] : r.filter((t) => t !== e);
+			D("update:modelValue", i), D("change", i, n), O?.handleControlChange();
+		}
+		function U(e) {
+			L.value || (L.value = !0, D("focus", e));
+		}
+		function W(e) {
+			let t = I.value, n = e.relatedTarget;
+			t && n instanceof Node && t.contains(n) || (L.value = !1, D("blur", e), O?.handleControlBlur());
+		}
+		function G(e) {
+			W(e);
+		}
+		return p(n, {
+			modelValue: z,
+			disabled: j,
+			size: A,
+			name: R,
+			status: M,
+			updateValue: H,
+			handleCheckboxBlur: G,
+			isOptionDisabled: V
+		}), (e, t) => (f(), c("div", {
+			id: v(k),
+			ref_key: "rootRef",
+			ref: I,
+			class: d(B.value),
+			role: "group",
+			"aria-label": u.ariaLabel || void 0,
+			"aria-labelledby": u.ariaLabel ? void 0 : v(P),
+			"aria-describedby": v(N),
+			"aria-invalid": v(M) === "error" || void 0,
+			onFocusin: U
+		}, [g(e.$slots, "default", {}, () => [(f(!0), c(i, null, h(u.options, (e) => (f(), o(r, {
+			key: String(e.value),
+			value: e.value,
+			label: e.label,
+			disabled: V(e)
+		}, {
+			default: b(() => [l("span", S, [l("span", C, _(e.label), 1), e.description ? (f(), c("span", w, _(e.description), 1)) : s("", !0)])]),
+			_: 2
+		}, 1032, [
+			"value",
+			"label",
+			"disabled"
+		]))), 128))], !0)], 42, x));
+	}
+});
+//#endregion
+export { T as default };

package/dist/components/BingCodeBlock/BingCodeBlock.highlight.js

@@ -0,0 +1,78 @@
+//#region src/components/BingCodeBlock/BingCodeBlock.highlight.ts
+var e = {
+	javascript: () => import("shiki/langs/javascript.mjs"),
+	typescript: () => import("shiki/langs/typescript.mjs"),
+	jsx: () => import("shiki/langs/jsx.mjs"),
+	tsx: () => import("shiki/langs/tsx.mjs"),
+	vue: () => import("shiki/langs/vue.mjs"),
+	html: () => import("shiki/langs/html.mjs"),
+	css: () => import("shiki/langs/css.mjs"),
+	scss: () => import("shiki/langs/scss.mjs"),
+	json: () => import("shiki/langs/json.mjs"),
+	markdown: () => import("shiki/langs/markdown.mjs"),
+	shellscript: () => import("shiki/langs/shellscript.mjs"),
+	yaml: () => import("shiki/langs/yaml.mjs")
+}, t = {
+	js: "javascript",
+	cjs: "javascript",
+	mjs: "javascript",
+	ts: "typescript",
+	cts: "typescript",
+	mts: "typescript",
+	md: "markdown",
+	bash: "shellscript",
+	sh: "shellscript",
+	shell: "shellscript",
+	zsh: "shellscript",
+	yml: "yaml"
+}, n = {
+	"github-dark": () => import("shiki/themes/github-dark.mjs"),
+	"github-light": () => import("shiki/themes/github-light.mjs"),
+	"dark-plus": () => import("shiki/themes/dark-plus.mjs"),
+	"light-plus": () => import("shiki/themes/light-plus.mjs"),
+	"vitesse-dark": () => import("shiki/themes/vitesse-dark.mjs"),
+	"vitesse-light": () => import("shiki/themes/vitesse-light.mjs")
+}, r, i = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Map();
+function o() {
+	return r ??= Promise.all([import("shiki/core"), import("shiki/engine/javascript")]).then(([{ createHighlighterCore: e }, { createJavaScriptRegexEngine: t }]) => e({
+		langs: [],
+		themes: [],
+		engine: t()
+	})).catch((e) => {
+		throw r = void 0, e;
+	}), r;
+}
+function s(e, t, n) {
+	let r = e.get(t);
+	return r || (r = n().catch((n) => {
+		throw e.delete(t), n;
+	}), e.set(t, r)), r;
+}
+function c(n, r) {
+	let i = t[r] ?? r;
+	return i === "markdown" ? Promise.all(Object.keys(e).map((e) => l(n, e))) : l(n, i);
+}
+function l(t, n) {
+	let r = e[n];
+	return r ? s(i, n, () => t.loadLanguage(r)) : Promise.resolve();
+}
+function u(e, t) {
+	let r = n[t];
+	return r ? s(a, t, () => e.loadTheme(r)) : Promise.resolve();
+}
+async function d(e, t, n) {
+	let r = await o();
+	return await Promise.all([c(r, t), u(r, n)]), r.codeToTokens(e, {
+		lang: t,
+		theme: n
+	}).tokens.map((e, t) => ({
+		number: t + 1,
+		tokens: e.map((e) => ({
+			content: e.content,
+			color: e.color,
+			fontStyle: e.fontStyle
+		}))
+	}));
+}
+//#endregion
+export { d as highlightCode };

package/dist/components/BingCodeBlock/BingCodeBlock.js

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