@mkbabb/glass-ui 10.1.3 → 11.0.0

package/dist/sheet-DmJxgAHc.js

@@ -1,345 +0,0 @@
-import { t as e } from "./class-names-FlXcvRRT.js";
-import { t } from "./motionTempo-tscp92Nm.js";
-import { n } from "./springPresets-Cbe0Voqg.js";
-import { t as r } from "./resolve-DdrNvBby.js";
-import { t as i } from "./useSpringMount-OA-0mTNv.js";
-import { i as a, n as o, r as s, t as c } from "./motion-BvV1_24p.js";
-import { t as l } from "./useMotionAxis-D-rtIhca.js";
-import { t as u } from "./shortcuts-DGGWNRNe.js";
-import { computed as d, createBlock as f, createCommentVNode as p, createElementBlock as m, createElementVNode as h, createVNode as g, defineComponent as _, mergeProps as v, normalizeStyle as y, onScopeDispose as b, openBlock as x, ref as S, renderSlot as C, unref as w, watch as T, withCtx as E } from "vue";
-import { DialogClose as D, DialogContent as O, DialogPortal as k, injectDialogRootContext as A, useForwardPropsEmits as j } from "reka-ui";
-import { SpringProgress as M } from "@mkbabb/keyframes.js";
-//#region src/components/sheet/detents/projection.ts
-function N(e) {
-	return 2 * Math.PI / e;
-}
-function P(e) {
-	let t = N(e.response), n = e.dampingFraction * t;
-	return !Number.isFinite(n) || n <= 0 ? 0 : -Math.log(e.settleBand) / n;
-}
-function F(e, t) {
-	return e * P(t);
-}
-function I(e, t, n) {
-	return e + F(t, n);
-}
-function L(e, t) {
-	let n = t[0], r = Math.abs(e - n);
-	for (let i of t) {
-		let t = Math.abs(e - i);
-		t < r && (n = i, r = t);
-	}
-	return n;
-}
-function R(e, t, n, r) {
-	return L(I(e, t, r), [0, ...n]);
-}
-//#endregion
-//#region src/components/sheet/detents/use.ts
-var z = {
-	travel: "bloom",
-	rung: "dock"
-}, B = "button, a[href], input, select, textarea, [contenteditable=true]", V = "[data-slot=\"sheet-detent-handle\"], [data-slot=\"dialog-header\"]";
-function H(e, t) {
-	switch (e) {
-		case "bottom": return -t.clientY;
-		case "top": return t.clientY;
-		case "left": return t.clientX;
-		case "right": return -t.clientX;
-	}
-}
-function U(e) {
-	return typeof window > "u" ? 1 : (e === "left" || e === "right" ? window.innerWidth : window.innerHeight) || 1;
-}
-function W(e, t) {
-	let n = e instanceof Element ? e : null;
-	for (; n && n !== t;) {
-		if (n.scrollHeight > n.clientHeight && n.scrollTop > 0) return !1;
-		n = n.parentElement;
-	}
-	return !0;
-}
-function G(e) {
-	let { open: r, side: i, ladder: a, detent: o, requestClose: s } = e, c = S(0), l = S(r.value), u = S(!1), d = null, f = null, p = 1;
-	function m(e, t, r) {
-		let i = n(z[e]);
-		return d?.dispose(), d = new M({
-			response: i.response * p,
-			dampingFraction: i.dampingFraction,
-			initial: t,
-			initialVelocity: r,
-			respectReducedMotion: !0
-		}), f = e, d;
-	}
-	function h(e) {
-		c.value = e, !r.value && d?.target === 0 && d.settled && (l.value = !1);
-	}
-	function g(e, t) {
-		let n = c.value, r = d?.velocity ?? 0, i = d && f === t ? d : m(t, n, r);
-		i.target = e, i.play(h), e > 0 && (o.value = e);
-	}
-	function _(e) {
-		g(L(e, a()), "rung");
-	}
-	function v() {
-		let e = a(), t = o.value;
-		return typeof t == "number" && Number.isFinite(t) ? L(t, e) : e[e.length - 1];
-	}
-	let y = null, x = null, C = 0, w = 0, E = 0, D = 0, O = 0, k = 1;
-	function A(e) {
-		if (e.button !== 0 || y !== null) return;
-		let t = e.currentTarget;
-		if (!t) return;
-		let n = e.target instanceof Element ? e.target : null;
-		n && (n.closest(B) && !n.closest(V) || !n.closest(V) && !W(n, t) || (d?.stop(), x = t, y = e.pointerId, u.value = !0, k = U(i()), C = H(i(), e), E = C, D = e.timeStamp, w = c.value, O = 0, t.setPointerCapture?.(e.pointerId), t.addEventListener("pointermove", j), t.addEventListener("pointerup", N), t.addEventListener("pointercancel", N)));
-	}
-	function j(e) {
-		if (e.pointerId !== y) return;
-		let t = H(i(), e), n = (e.timeStamp - D) / 1e3;
-		n > 0 && (O = (t - E) / n / k), E = t, D = e.timeStamp;
-		let r = a(), o = r[r.length - 1];
-		c.value = Math.min(o, Math.max(0, w + (t - C) / k));
-	}
-	function N(e) {
-		if (e.pointerId !== y) return;
-		P();
-		let t = n(z.rung), r = R(c.value, O, a(), {
-			response: t.response * p,
-			dampingFraction: t.dampingFraction,
-			settleBand: t.settleBand
-		});
-		if (r === 0) {
-			s(), g(0, "travel");
-			return;
-		}
-		g(r, "rung");
-	}
-	function P() {
-		y === null || !x || (x.releasePointerCapture?.(y), x.removeEventListener("pointermove", j), x.removeEventListener("pointerup", N), x.removeEventListener("pointercancel", N), y = null, u.value = !1, x = null);
-	}
-	return T(r, (e) => {
-		if (e) {
-			l.value = !0, p = t(), d || (c.value = 0, m("travel", 0, 0)), g(v(), "travel");
-			return;
-		}
-		if (l.value) {
-			if (P(), !d) {
-				c.value = 0, l.value = !1;
-				return;
-			}
-			g(0, "travel"), d.settled && (l.value = !1);
-		}
-	}, {
-		immediate: !0,
-		flush: "sync"
-	}), T(o, (e) => {
-		if (!r.value || u.value || typeof e != "number" || !Number.isFinite(e)) return;
-		let t = L(e, a());
-		(!d || Math.abs(d.target - t) > .001) && g(t, "rung");
-	}), b(() => {
-		P(), d?.dispose(), d = null;
-	}), {
-		t: c,
-		present: l,
-		dragging: u,
-		snapTo: _,
-		onPointerdown: A
-	};
-}
-//#endregion
-//#region src/components/sheet/SheetContent.vue?vue&type=script&setup=true&lang.ts
-var K = [
-	"aria-orientation",
-	"aria-valuemin",
-	"aria-valuemax",
-	"aria-valuenow",
-	"aria-valuetext"
-], ee = { "data-slot": "sheet-content-region" }, te = [
-	"data-side",
-	"data-detents",
-	"data-modal"
-], ne = "calc(var(--glass-veil-crown) + (var(--glass-veil-sheet) - var(--glass-veil-crown)) * clamp(0, var(--detent-t), 1))", q = /* @__PURE__ */ _({
-	inheritAttrs: !1,
-	__name: "SheetContent",
-	props: {
-		forceMount: { type: Boolean },
-		disableOutsidePointerEvents: { type: Boolean },
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] },
-		surface: { default: "glass" },
-		side: { default: "right" },
-		detents: { default: void 0 },
-		detent: { default: void 0 },
-		motion: {},
-		scroll: {
-			type: Boolean,
-			default: !1
-		}
-	},
-	emits: [
-		"escapeKeyDown",
-		"pointerDownOutside",
-		"focusOutside",
-		"interactOutside",
-		"openAutoFocus",
-		"closeAutoFocus",
-		"update:detent"
-	],
-	setup(t, { emit: n }) {
-		let _ = t, b = n, M = d(() => {
-			let { class: e, surface: t, side: n, motion: r, scroll: i, detents: a, detent: o, forceMount: s, ...c } = _;
-			return c;
-		}), N = l(() => _.motion), P = d(() => N.resolved.value !== "off"), F = d(() => _.detents ? [..._.detents].sort((e, t) => e - t) : []), I = d(() => F.value.length > 0), L = {
-			top: "border-b",
-			bottom: "border-t",
-			left: "border-r",
-			right: "border-l"
-		}, R = d(() => e("fixed", L[_.side], r("floating"), _.class)), z = A();
-		u(() => z.open.value && z.modal.value);
-		let B = i({
-			open: d(() => !I.value && z.open.value),
-			preset: "panel"
-		}), V = S(_.detent ?? null);
-		T(() => _.detent, (e) => {
-			e !== void 0 && (V.value = e);
-		}), T(V, (e) => b("update:detent", e));
-		let H = G({
-			open: z.open,
-			side: () => _.side,
-			ladder: () => F.value.length > 0 ? F.value : [1],
-			detent: V,
-			requestClose: () => z.onOpenChange(!1)
-		}), U = d(() => {
-			if (P.value) return I.value ? { "--detent-t": String(H.t.value) } : {
-				translate: s(_.side, B.position.value),
-				transform: "none",
-				animation: "none",
-				transition: "none"
-			};
-		}), W = d(() => I.value ? H.present.value : B.present.value), q = d(() => P.value ? W.value || z.open.value : _.forceMount), J = d(() => _.surface === "glass" && (q.value || z.open.value)), Y = d(() => P.value && !z.open.value ? "" : void 0), X = d(() => P.value ? I.value ? c(H.t.value) : o(B.position.value) : null), re = d(() => P.value ? W.value || z.open.value : void 0), Z = d(() => {
-			let e = F.value, t = H.dragging.value ? H.t.value : V.value ?? H.t.value, n = 0;
-			for (let r = 1; r < e.length; r += 1) Math.abs(e[r] - t) < Math.abs(e[n] - t) && (n = r);
-			return n;
-		}), ie = d(() => {
-			let e = F.value;
-			return `${Math.round((e[Z.value] ?? 1) * 100)}%, position ${Z.value + 1} of ${e.length}`;
-		}), ae = d(() => I.value ? { "--detent-t": String(H.t.value) } : void 0);
-		function Q(e) {
-			let t = F.value, n = t.length - 1, r = Z.value;
-			if (e.key === "Home") r = 0;
-			else if (e.key === "End") r = n;
-			else if (e.key === "ArrowUp" || e.key === "ArrowRight") r = Math.min(n, r + 1);
-			else if (e.key === "ArrowDown" || e.key === "ArrowLeft") r = Math.max(0, r - 1);
-			else return;
-			e.preventDefault(), H.snapTo(t[r]);
-		}
-		let $ = S(null), oe = () => $.value?.closest("[data-slot=\"sheet-content\"]") ?? null;
-		T(() => z.open.value, (e) => {
-			if (!P.value || e !== !1) return;
-			let t = document.activeElement;
-			t && oe()?.contains(t) && z.triggerElement.value?.focus({ preventScroll: !0 });
-		}, { flush: "sync" });
-		let se = j(M, b), ce = d(() => ({
-			"--glass-veil-tier": I.value ? ne : "var(--glass-veil-dialog)",
-			"--radius-ctx": "var(--radius-3xl)",
-			"--radius-inset": "var(--space-family)",
-			...N.hostStyle.value ?? {},
-			...U.value ?? {}
-		}));
-		return (e, t) => (x(), f(w(k), { "force-mount": q.value }, {
-			default: E(() => [
-				g(a, {
-					opacity: X.value,
-					"force-mount": re.value
-				}, null, 8, ["opacity", "force-mount"]),
-				g(w(O), v({
-					...w(se),
-					...e.$attrs,
-					inert: Y.value
-				}, {
-					"aria-modal": w(z).modal.value ? "true" : void 0,
-					"force-mount": q.value,
-					class: R.value,
-					style: ce.value,
-					"data-surface": _.surface,
-					"data-slot": "sheet-content",
-					"data-side": _.side,
-					"data-modal": w(z).modal.value ? void 0 : "false",
-					"data-detents": I.value ? "" : void 0,
-					"data-dragging": w(H).dragging.value ? "" : void 0,
-					"data-scroll": _.scroll ? "" : void 0,
-					"data-motion": w(N).dataMotion.value,
-					onPointerdown: t[0] ||= (e) => I.value ? w(H).onPointerdown(e) : void 0
-				}), {
-					default: E(() => [
-						h("span", {
-							ref_key: "contentAnchorEl",
-							ref: $,
-							hidden: ""
-						}, null, 512),
-						g(w(D), { "data-slot": "dialog-close" }, {
-							default: E(() => [...t[1] ||= [h("svg", {
-								class: "w-4 h-4",
-								viewBox: "0 0 24 24",
-								fill: "none",
-								stroke: "currentColor",
-								"stroke-width": "2",
-								"stroke-linecap": "round",
-								"stroke-linejoin": "round",
-								"aria-hidden": "true"
-							}, [h("path", { d: "M18 6 6 18M6 6l12 12" })], -1), h("span", { class: "sr-only" }, "Close", -1)]]),
-							_: 1
-						}),
-						I.value ? (x(), m("div", {
-							key: 0,
-							"data-slot": "sheet-detent-handle",
-							role: "slider",
-							tabindex: "0",
-							"aria-label": "Sheet position",
-							"aria-orientation": _.side === "left" || _.side === "right" ? "horizontal" : "vertical",
-							"aria-valuemin": F.value[0],
-							"aria-valuemax": F.value[F.value.length - 1],
-							"aria-valuenow": F.value[Z.value],
-							"aria-valuetext": ie.value,
-							onKeydown: Q
-						}, [h("span", {
-							"data-slot": "sheet-detent-grip",
-							style: y(ae.value),
-							"aria-hidden": "true"
-						}, null, 4)], 40, K)) : p("", !0),
-						h("div", ee, [C(e.$slots, "default")])
-					]),
-					_: 3
-				}, 16, [
-					"aria-modal",
-					"force-mount",
-					"class",
-					"style",
-					"data-surface",
-					"data-side",
-					"data-modal",
-					"data-detents",
-					"data-dragging",
-					"data-scroll",
-					"data-motion"
-				]),
-				J.value ? (x(), m("span", {
-					key: 0,
-					"data-slot": "glass-graded-halo",
-					"data-side": _.side,
-					"data-detents": I.value ? "" : void 0,
-					"data-modal": w(z).modal.value ? void 0 : "false",
-					"aria-hidden": "true"
-				}, null, 8, te)) : p("", !0)
-			]),
-			_: 3
-		}, 8, ["force-mount"]));
-	}
-});
-//#endregion
-export { R as a, F as c, I as i, G as n, P as o, L as r, N as s, q as t };

package/dist/tabs-C5sC0fBE.js

@@ -1,269 +0,0 @@
-import { t as e } from "./class-names-FlXcvRRT.js";
-import { n as t, r as n } from "./writeVelocityWeight-DoGOCW3e.js";
-import { t as r } from "./useMotionAxis-D-rtIhca.js";
-import { a as i, c as a, l as o, r as s, s as c } from "./select-BiF0FCZf.js";
-import { n as l, t as u } from "./useSelectionGroup-zsEwitF6.js";
-import { t as d } from "./useDragMorph-B363RUbF.js";
-import { Fragment as f, computed as p, createBlock as m, createElementBlock as h, createElementVNode as g, createTextVNode as _, createVNode as v, defineComponent as y, mergeModels as b, mergeProps as x, nextTick as S, normalizeClass as C, normalizeStyle as w, onBeforeUnmount as T, onBeforeUpdate as E, onMounted as D, openBlock as O, ref as k, renderList as A, renderSlot as j, toDisplayString as M, unref as N, useModel as P, watch as F, withCtx as I } from "vue";
-//#region src/components/tabs/composables/useTabDragMorph.ts
-function L(e) {
-	let { indicatorRef: r, isVertical: i, isUnderline: a, draggable: o, stripOptions: s, buttonRefs: c, model: u } = e, f = p(() => o() && !a.value);
-	function m() {
-		let e = r.value;
-		if (!e) return l;
-		let n = getComputedStyle(e).getPropertyValue("--tab-indicator-max-stretch").trim();
-		return t(e, Number(n) || 1.11);
-	}
-	function h() {
-		return s.value.map((e, t) => {
-			let n = c.value[t]?.getBoundingClientRect(), r = n ? i.value ? n.top + n.height / 2 : n.left + n.width / 2 : 0;
-			return {
-				value: e.value,
-				center: r
-			};
-		});
-	}
-	let g = d({
-		handle: r,
-		axis: () => i.value ? "y" : "x",
-		snapTargets: h,
-		maxStretch: m,
-		onSnap: (e) => {
-			u.value !== e && (u.value = e);
-		}
-	});
-	return F(() => [g.dragging.value, g.stretch.value], ([e, t]) => {
-		let i = r.value;
-		if (!(!i || !f.value)) if (e) {
-			i.style.setProperty("--stretch", String(t));
-			let e = m();
-			n(i, e > 1 ? (t - 1) / (e - 1) : 0);
-		} else i.style.removeProperty("--stretch"), n(i, 0);
-	}), F(() => [
-		r.value,
-		s.value.length,
-		i.value,
-		f.value
-	], () => {
-		f.value && r.value && S(() => g.refresh());
-	}, { immediate: !0 }), {
-		dragEnabled: f,
-		drag: g
-	};
-}
-//#endregion
-//#region src/components/tabs/composables/useTabResponsive.ts
-function R(e) {
-	let { responsive: t, options: n, model: r } = e, i = p(() => {
-		let e = t();
-		return e === !1 ? null : e === !0 ? {} : e;
-	}), a = p(() => i.value?.breakpoint ?? "640px"), o = p(() => i.value?.desktopOptions ?? n.value), s = k(!0), c = null;
-	function l(e) {
-		"currentTarget" in e && e.currentTarget && e.currentTarget !== c || (s.value = e.matches);
-	}
-	let u = p(() => {
-		if (!i.value) return r.value;
-		let e = o.value;
-		return e.some((e) => e.value === r.value) ? r.value : e.find((e) => !e.disabled)?.value;
-	}), d = p(() => i.value ? o.value : n.value), f = p(() => i.value?.ariaLabel ?? n.value.find((e) => e.value === r.value)?.label ?? "Select"), m = p(() => !!i.value && !s.value), h = !1;
-	function g() {
-		if (c?.removeEventListener("change", l), c = null, !h || !i.value || typeof window > "u" || !window.matchMedia) {
-			s.value = !0;
-			return;
-		}
-		c = window.matchMedia(`(min-width: ${a.value})`), s.value = c.matches, c.addEventListener("change", l);
-	}
-	return F([i, a], g), D(() => {
-		h = !0, g();
-	}), T(() => {
-		h = !1, c?.removeEventListener("change", l), c = null;
-	}), {
-		responsiveCfg: i,
-		breakpoint: a,
-		desktopOptions: o,
-		isDesktop: s,
-		stripValue: u,
-		stripOptions: d,
-		mobileAriaLabel: f,
-		showMobileSelect: m
-	};
-}
-//#endregion
-//#region src/components/tabs/SegmentedTabs.vue?vue&type=script&setup=true&lang.ts
-var z = [
-	"role",
-	"aria-label",
-	"aria-orientation",
-	"data-motion"
-], B = [
-	"role",
-	"tabindex",
-	"disabled",
-	"onClick"
-], V = /* @__PURE__ */ y({
-	__name: "SegmentedTabs",
-	props: /*@__PURE__*/ b({
-		options: {},
-		ariaLabel: {},
-		variant: { default: "pill" },
-		semantics: {},
-		activation: { default: "automatic" },
-		orientation: { default: "horizontal" },
-		responsive: {
-			type: [Boolean, Object],
-			default: !1
-		},
-		motion: {},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	}, {
-		modelValue: { required: !0 },
-		modelModifiers: {}
-	}),
-	emits: ["update:modelValue"],
-	setup(t) {
-		function n(e, t) {
-			return typeof document > "u" ? t : getComputedStyle(document.documentElement).getPropertyValue(e).trim() || t;
-		}
-		let l = t, d = r(() => l.motion), y = P(t, "modelValue"), b = k(null), S = k(null), T = k([]), D = p(() => l.variant === "underline"), F = p(() => l.orientation === "vertical"), V = p(() => l.semantics === "tabs" || !l.semantics && D.value);
-		function H(e) {
-			return !D.value && !Q(e.value) && !e.disabled && "glass-capsule-hover";
-		}
-		let { responsiveCfg: U, stripValue: W, stripOptions: G, mobileAriaLabel: K, showMobileSelect: q } = R({
-			responsive: () => l.responsive,
-			options: p(() => l.options),
-			model: y
-		}), J = u({
-			options: G,
-			model: p({
-				get: () => W.value ?? void 0,
-				set: (e) => {
-					e != null && (y.value = e);
-				}
-			}),
-			role: p(() => V.value ? "tablist" : "group"),
-			vertical: F,
-			activation: p(() => l.activation),
-			containerRef: b,
-			indicatorRef: S,
-			buttonRefs: T,
-			deform: p(() => D.value ? "mark" : "plate"),
-			onSelect: (e, t) => {
-				let n = T.value[t];
-				n && ne(n);
-			}
-		}), { select: Y, rovingTabindex: X, singleSliderStyle: ee } = J, Z = J.onKeydown, Q = (e) => J.isSelected(e);
-		E(() => {
-			T.value = [];
-		});
-		let { dragEnabled: $, drag: te } = L({
-			indicatorRef: S,
-			isVertical: F,
-			isUnderline: D,
-			draggable: () => d.armed.value,
-			stripOptions: G,
-			buttonRefs: T,
-			model: y
-		});
-		function ne(e) {
-			if (typeof window < "u" && window.matchMedia("(prefers-reduced-motion: reduce)").matches) return;
-			e.getAnimations().forEach((e) => e.cancel());
-			let t = n("--spring-dock", "ease"), r = n("--scale-press-sm", "");
-			e.animate([
-				{ transform: "scale(1)" },
-				{
-					transform: `scale(${r})`,
-					offset: .4
-				},
-				{ transform: "scale(1)" }
-			], {
-				duration: 220,
-				easing: t
-			});
-		}
-		function re(e) {
-			let t = l.options.find((t) => t.value === e);
-			t && (y.value = t.value);
-		}
-		return (n, r) => N(q) ? (O(), h("div", {
-			key: 0,
-			class: C(N(e)("segmented-tabs__mobile w-fit", l.class))
-		}, [v(N(o), {
-			"model-value": y.value,
-			"onUpdate:modelValue": re
-		}, {
-			default: I(() => [v(N(c), {
-				"aria-label": l.ariaLabel ?? N(K),
-				"data-control-target": "",
-				class: C(N(e)("segmented-tabs__trigger text-small w-auto min-w-input-sm", N(U)?.triggerClass))
-			}, {
-				default: I(() => [v(N(a))]),
-				_: 1
-			}, 8, ["aria-label", "class"]), v(N(i), null, {
-				default: I(() => [(O(!0), h(f, null, A(t.options, (e) => (O(), m(N(s), {
-					key: e.value,
-					value: e.value,
-					disabled: e.disabled
-				}, {
-					default: I(() => [_(M(e.label), 1)]),
-					_: 2
-				}, 1032, ["value", "disabled"]))), 128))]),
-				_: 1
-			})]),
-			_: 1
-		}, 8, ["model-value"])], 2)) : (O(), h("div", {
-			key: 1,
-			ref_key: "containerRef",
-			ref: b,
-			role: V.value ? "tablist" : "group",
-			"aria-label": l.ariaLabel,
-			"aria-orientation": V.value ? F.value ? "vertical" : "horizontal" : void 0,
-			"data-motion": N(d).dataMotion.value,
-			style: w(N(d).hostStyle.value),
-			class: C(N(e)("segmented-tabs", `segmented-tabs--${t.variant}`, F.value && "segmented-tabs--vertical", !D.value && "glass-capsule-track", l.class)),
-			onKeydown: r[0] ||= (...e) => N(Z) && N(Z)(...e)
-		}, [g("div", {
-			ref_key: "indicatorRef",
-			ref: S,
-			"aria-hidden": "true",
-			class: C([
-				"segmented-indicator",
-				"segmented-indicator--js",
-				D.value ? "paper-ink-mark" : "glass-capsule",
-				N($) && "glass-drag-grabbable",
-				N($) && N(te).dragging.value && "glass-drag-lift"
-			]),
-			style: w(N(ee))
-		}, null, 6), (O(!0), h(f, null, A(N(G), (e, t) => (O(), h("button", x({
-			key: e.value,
-			type: "button",
-			ref_for: !0,
-			ref: (e) => {
-				e && (T.value[t] = e);
-			},
-			class: "segmented-tab",
-			role: V.value ? "tab" : void 0,
-			tabindex: N(X)(t)
-		}, { ref_for: !0 }, {
-			...Q(e.value) ? { "data-active": "" } : {},
-			...V.value ? {
-				"aria-selected": Q(e.value) ? "true" : "false",
-				"aria-controls": e.controls || void 0
-			} : { "aria-pressed": Q(e.value) ? "true" : "false" }
-		}, {
-			disabled: e.disabled,
-			class: [e.disabled && "is-disabled", H(e)],
-			onClick: (n) => N(Y)(e.value, t)
-		}), [j(n.$slots, "option", {
-			option: e,
-			active: Q(e.value)
-		}, () => [_(M(e.label), 1)])], 16, B))), 128))], 46, z));
-	}
-});
-//#endregion
-export { V as t };