@mkbabb/glass-ui 0.2.0 → 2.0.0

package/dist/DialogFooter-DRdaCok0.js

@@ -0,0 +1,165 @@
+import { t as e } from "./cn-DJXf4yaB.js";
+import { t } from "./x-cdWAmO-q.js";
+import { t as n } from "./ModalOverlay-DKLVY-cj.js";
+import { computed as r, createBlock as i, createElementBlock as a, createElementVNode as o, createVNode as s, defineComponent as c, guardReactiveProps as l, mergeProps as u, normalizeClass as d, normalizeProps as f, openBlock as p, renderSlot as m, unref as h, withCtx as g } from "vue";
+import { DialogClose as _, DialogContent as v, DialogDescription as y, DialogPortal as b, DialogTitle as x, DialogTrigger as S, useForwardProps as C, useForwardPropsEmits as w } from "reka-ui";
+//#endregion
+//#region src/components/ui/dialog/DialogClose.vue
+var T = /* @__PURE__ */ c({
+	__name: "DialogClose",
+	props: {
+		asChild: { type: Boolean },
+		as: {}
+	},
+	setup(e) {
+		let t = e;
+		return (e, n) => (p(), i(h(_), f(l(t)), {
+			default: g(() => [m(e.$slots, "default")]),
+			_: 3
+		}, 16));
+	}
+}), E = /* @__PURE__ */ c({
+	__name: "DialogTrigger",
+	props: {
+		asChild: { type: Boolean },
+		as: {}
+	},
+	setup(e) {
+		let t = e;
+		return (e, n) => (p(), i(h(S), f(l(t)), {
+			default: g(() => [m(e.$slots, "default")]),
+			_: 3
+		}, 16));
+	}
+}), D = /* @__PURE__ */ c({
+	__name: "DialogHeader",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(t) {
+		let n = t;
+		return (t, r) => (p(), a("div", { class: d(h(e)("flex flex-col gap-y-1.5 text-center sm:text-left", n.class)) }, [m(t.$slots, "default")], 2));
+	}
+}), O = /* @__PURE__ */ c({
+	__name: "DialogTitle",
+	props: {
+		asChild: { type: Boolean },
+		as: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(t) {
+		let n = t, a = C(r(() => {
+			let { class: e, ...t } = n;
+			return t;
+		}));
+		return (t, r) => (p(), i(h(x), u(h(a), { class: h(e)("text-subheading leading-none tracking-tight", n.class) }), {
+			default: g(() => [m(t.$slots, "default")]),
+			_: 3
+		}, 16, ["class"]));
+	}
+}), k = /* @__PURE__ */ c({
+	__name: "DialogDescription",
+	props: {
+		asChild: { type: Boolean },
+		as: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(t) {
+		let n = t, a = C(r(() => {
+			let { class: e, ...t } = n;
+			return t;
+		}));
+		return (t, r) => (p(), i(h(y), u(h(a), { class: h(e)("text-sm text-muted-foreground", n.class) }), {
+			default: g(() => [m(t.$slots, "default")]),
+			_: 3
+		}, 16, ["class"]));
+	}
+}), A = /* @__PURE__ */ c({
+	__name: "DialogScrollContent",
+	props: {
+		forceMount: { type: Boolean },
+		disableOutsidePointerEvents: { type: Boolean },
+		asChild: { type: Boolean },
+		as: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		overlayClass: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	emits: [
+		"escapeKeyDown",
+		"pointerDownOutside",
+		"focusOutside",
+		"interactOutside",
+		"openAutoFocus",
+		"closeAutoFocus"
+	],
+	setup(a, { emit: c }) {
+		let l = a, f = c, y = w(r(() => {
+			let { class: e, overlayClass: t, ...n } = l;
+			return n;
+		}), f);
+		return (r, a) => (p(), i(h(b), null, {
+			default: g(() => [s(n, {
+				scrim: "clear",
+				animate: "fade",
+				layout: "scroll",
+				class: d(l.overlayClass)
+			}, {
+				default: g(() => [s(h(v), u({ class: h(e)("popover-content relative z-overlay grid w-full max-w-lg my-8 gap-4 border border-border bg-background p-6 [box-shadow:var(--glass-shadow-floating)] duration-200 sm:rounded-dialog md:w-full", l.class) }, h(y), { onPointerDownOutside: a[0] ||= (e) => {
+					let t = e.detail.originalEvent, n = t.target;
+					(t.offsetX > n.clientWidth || t.offsetY > n.clientHeight) && e.preventDefault();
+				} }), {
+					default: g(() => [m(r.$slots, "default"), s(h(_), { class: "focus-ring absolute top-3 right-3 p-0.5 transition-colors rounded-pill hover:bg-secondary" }, {
+						default: g(() => [s(h(t), { class: "w-4 h-4" }), a[1] ||= o("span", { class: "sr-only" }, "Close", -1)]),
+						_: 1
+					})]),
+					_: 3
+				}, 16, ["class"])]),
+				_: 3
+			}, 8, ["class"])]),
+			_: 3
+		}));
+	}
+}), j = /* @__PURE__ */ c({
+	__name: "DialogFooter",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(t) {
+		let n = t;
+		return (t, r) => (p(), a("div", { class: d(h(e)("flex flex-col-reverse sm:flex-row sm:justify-end sm:gap-x-2", n.class)) }, [m(t.$slots, "default")], 2));
+	}
+});
+//#endregion
+export { D as a, O as i, A as n, E as o, k as r, T as s, j as t };

package/dist/DiscoGlyph-wRA02zAJ.js

@@ -0,0 +1,132 @@
+import { r as e } from "./keys-DVkcUktU.js";
+import { computed as t, createElementBlock as n, createElementVNode as r, defineComponent as i, normalizeClass as a, openBlock as o, useId as s, watch as c } from "vue";
+//#region src/components/custom/disco-glyph/DiscoGlyph.vue?vue&type=script&setup=true&lang.ts
+var l = ["viewBox"], u = [
+	"id",
+	"x1",
+	"y1",
+	"x2",
+	"y2"
+], d = ["stop-color"], f = ["stop-color"], p = ["stop-color"], m = ["stop-color"], h = ["stop-color"], g = ["stop-color"], _ = ["stop-color"], v = ["stop-color"], y = ["id"], b = ["d"], x = ["d", "fill"], S = ["d", "fill"], C = /* @__PURE__ */ i({
+	__name: "DiscoGlyph",
+	props: {
+		silhouette: {},
+		viewBox: { default: "0 0 24 24" },
+		active: {
+			type: Boolean,
+			default: !1
+		},
+		phaseColor: { default: "currentColor" },
+		facetAxis: { default: "diagonal" }
+	},
+	setup(i) {
+		let C = i, w = s(), T = t(() => `disco-facet-${w}`), E = t(() => `disco-cap-${w}`), D = t(() => {
+			switch (C.facetAxis) {
+				case "horizontal": return {
+					x1: "0",
+					y1: "0.5",
+					x2: "1",
+					y2: "0.5"
+				};
+				case "vertical": return {
+					x1: "0.5",
+					y1: "0",
+					x2: "0.5",
+					y2: "1"
+				};
+				default: return {
+					x1: "0",
+					y1: "0",
+					x2: "1",
+					y2: "1"
+				};
+			}
+		}), O = e();
+		return O && c(() => C.silhouette, (e) => {
+			O.value = e;
+		}, { immediate: !0 }), (e, t) => (o(), n("svg", {
+			xmlns: "http://www.w3.org/2000/svg",
+			viewBox: i.viewBox,
+			fill: "none",
+			class: a(["disco-glyph", { "disco-glyph--phase-tinted": i.active }]),
+			"aria-hidden": "true"
+		}, [
+			r("defs", null, [r("linearGradient", {
+				id: T.value,
+				x1: D.value.x1,
+				y1: D.value.y1,
+				x2: D.value.x2,
+				y2: D.value.y2
+			}, [
+				r("stop", {
+					offset: "0%",
+					"stop-color": i.phaseColor,
+					"stop-opacity": "0.85"
+				}, null, 8, d),
+				r("stop", {
+					offset: "14%",
+					"stop-color": i.phaseColor,
+					"stop-opacity": "1"
+				}, null, 8, f),
+				r("stop", {
+					offset: "28%",
+					"stop-color": i.phaseColor,
+					"stop-opacity": "0.7"
+				}, null, 8, p),
+				r("stop", {
+					offset: "42%",
+					"stop-color": i.phaseColor,
+					"stop-opacity": "0.95"
+				}, null, 8, m),
+				r("stop", {
+					offset: "56%",
+					"stop-color": i.phaseColor,
+					"stop-opacity": "0.6"
+				}, null, 8, h),
+				r("stop", {
+					offset: "70%",
+					"stop-color": i.phaseColor,
+					"stop-opacity": "0.85"
+				}, null, 8, g),
+				r("stop", {
+					offset: "84%",
+					"stop-color": i.phaseColor,
+					"stop-opacity": "0.5"
+				}, null, 8, _),
+				r("stop", {
+					offset: "100%",
+					"stop-color": i.phaseColor,
+					"stop-opacity": "0.75"
+				}, null, 8, v)
+			], 8, u), r("linearGradient", {
+				id: E.value,
+				x1: "0",
+				y1: "0",
+				x2: "0.5",
+				y2: "0.5"
+			}, [...t[0] ||= [r("stop", {
+				offset: "0%",
+				"stop-color": "white",
+				"stop-opacity": "0.55"
+			}, null, -1), r("stop", {
+				offset: "40%",
+				"stop-color": "white",
+				"stop-opacity": "0"
+			}, null, -1)]], 8, y)]),
+			r("path", {
+				d: i.silhouette,
+				fill: "currentColor"
+			}, null, 8, b),
+			r("path", {
+				d: i.silhouette,
+				fill: `url(#${T.value})`
+			}, null, 8, x),
+			r("path", {
+				d: i.silhouette,
+				fill: `url(#${E.value})`
+			}, null, 8, S)
+		], 10, l));
+	}
+});
+//#endregion
+export { C as t };

package/dist/GlyphFace-BnPMUZ16.js

@@ -0,0 +1,51 @@
+import { t as e } from "./cn-DJXf4yaB.js";
+import { n as t } from "./keys-DVkcUktU.js";
+import { computed as n, createElementBlock as r, createElementVNode as i, defineComponent as a, normalizeClass as o, normalizeStyle as s, openBlock as c, ref as l, renderSlot as u } from "vue";
+//#region src/components/custom/glyph-face/GlyphFace.vue?vue&type=script&setup=true&lang.ts
+var d = ["data-active"], f = /* @__PURE__ */ a({
+	__name: "GlyphFace",
+	props: {
+		active: {
+			type: Boolean,
+			default: !1
+		},
+		tint: {},
+		silhouette: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(a) {
+		let f = a, p = l(void 0);
+		t(p);
+		let m = n(() => e("glyph-face", f.class)), h = n(() => {
+			let e = { "--gf-tint": f.tint ?? "transparent" }, t = f.silhouette ?? p.value;
+			if (t) {
+				let n = t.trim();
+				e["--gf-silhouette"] = /^[Mm][\s.,\d-]/.test(n) ? `path('${n}')` : n;
+			}
+			return e;
+		});
+		return (e, t) => (c(), r("span", {
+			class: o(m.value),
+			"data-active": a.active ? "true" : "false",
+			style: s(h.value)
+		}, [
+			t[0] ||= i("span", {
+				class: "glyph-face-backplate",
+				"aria-hidden": "true"
+			}, null, -1),
+			u(e.$slots, "default"),
+			t[1] ||= i("span", {
+				class: "glyph-face-cap",
+				"aria-hidden": "true"
+			}, null, -1)
+		], 14, d));
+	}
+});
+//#endregion
+export { f as t };

package/dist/HoverCardContent-4nN5-5bz.js

@@ -0,0 +1,83 @@
+import { t as e } from "./cn-DJXf4yaB.js";
+import { computed as t, createBlock as n, createVNode as r, defineComponent as i, guardReactiveProps as a, mergeProps as o, normalizeProps as s, openBlock as c, renderSlot as l, unref as u, withCtx as d } from "vue";
+import { HoverCardContent as f, HoverCardPortal as p, HoverCardRoot as m, HoverCardTrigger as h, useForwardProps as g, useForwardPropsEmits as _ } from "reka-ui";
+//#endregion
+//#region src/components/ui/hover-card/HoverCard.vue
+var v = /* @__PURE__ */ i({
+	__name: "HoverCard",
+	props: {
+		defaultOpen: { type: Boolean },
+		open: { type: Boolean },
+		openDelay: {},
+		closeDelay: {}
+	},
+	emits: ["update:open"],
+	setup(e, { emit: t }) {
+		let r = _(e, t);
+		return (e, t) => (c(), n(u(m), s(a(u(r))), {
+			default: d(() => [l(e.$slots, "default")]),
+			_: 3
+		}, 16));
+	}
+}), y = /* @__PURE__ */ i({
+	__name: "HoverCardTrigger",
+	props: {
+		reference: {},
+		asChild: { type: Boolean },
+		as: {}
+	},
+	setup(e) {
+		let t = e;
+		return (e, r) => (c(), n(u(h), s(a(t)), {
+			default: d(() => [l(e.$slots, "default")]),
+			_: 3
+		}, 16));
+	}
+}), b = /* @__PURE__ */ i({
+	__name: "HoverCardContent",
+	props: {
+		forceMount: { type: Boolean },
+		side: {},
+		sideOffset: { default: 4 },
+		sideFlip: { type: Boolean },
+		align: {},
+		alignOffset: {},
+		alignFlip: { type: Boolean },
+		avoidCollisions: { type: Boolean },
+		collisionBoundary: {},
+		collisionPadding: {},
+		arrowPadding: {},
+		hideShiftedArrow: { type: Boolean },
+		sticky: {},
+		hideWhenDetached: { type: Boolean },
+		positionStrategy: {},
+		updatePositionStrategy: {},
+		disableUpdateOnLayoutShift: { type: Boolean },
+		prioritizePosition: { type: Boolean },
+		reference: {},
+		asChild: { type: Boolean },
+		as: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(i) {
+		let a = i, s = g(t(() => {
+			let { class: e, ...t } = a;
+			return t;
+		}));
+		return (t, i) => (c(), n(u(p), null, {
+			default: d(() => [r(u(f), o(u(s), { class: u(e)("z-hovercard w-64 rounded-panel border glass-floating p-4 text-popover-foreground outline-none popover-animate slide-in-from-side", a.class) }), {
+				default: d(() => [l(t.$slots, "default")]),
+				_: 3
+			}, 16, ["class"])]),
+			_: 3
+		}));
+	}
+});
+//#endregion
+export { y as n, v as r, b as t };

package/dist/HoverPopover-Btv4RQfv.js

@@ -0,0 +1,80 @@
+import { t as e } from "./cn-DJXf4yaB.js";
+import { i as t } from "./dockContext-BDGSrwsV.js";
+import { computed as n, createBlock as r, createElementVNode as i, createVNode as a, defineComponent as o, mergeProps as s, openBlock as c, ref as l, renderSlot as u, toDisplayString as d, unref as f, watch as p, withCtx as m } from "vue";
+import { HoverCardContent as h, HoverCardPortal as g, HoverCardRoot as _, HoverCardTrigger as v } from "reka-ui";
+//#region src/components/custom/hover-popover/HoverPopover.vue?vue&type=script&setup=true&lang.ts
+var y = { class: "hover-popover-label" }, b = /* @__PURE__ */ o({
+	__name: "HoverPopover",
+	props: {
+		content: {},
+		open: { type: Boolean },
+		side: { default: "top" },
+		align: { default: "center" },
+		hoverOpenDelay: { default: 250 },
+		closeDelay: { default: 150 },
+		sideOffset: { default: 6 },
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		keepDockOpen: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["update:open"],
+	setup(o, { emit: b }) {
+		let x = b, S = o, C = n(() => e("z-popover hover-popover-panel popover-animate", S.class)), w = l(S.open ?? !1);
+		p(() => S.open, (e) => {
+			typeof e == "boolean" && e !== w.value && (w.value = e);
+		}), p(w, (e) => {
+			x("update:open", e);
+		});
+		let T = t(), E = !1;
+		p(w, (e) => {
+			S.keepDockOpen && (e && !E ? (T?.keepOpen(), E = !0) : !e && E && (T?.release(), E = !1));
+		});
+		let D = n(() => S.keepDockOpen && T?.id ? {
+			"data-glass-dock-portal": "",
+			"data-glass-dock-owner": T.id
+		} : {});
+		return (e, t) => (c(), r(f(_), {
+			open: w.value,
+			"onUpdate:open": t[0] ||= (e) => w.value = e,
+			"open-delay": o.hoverOpenDelay,
+			"close-delay": o.closeDelay
+		}, {
+			default: m(() => [a(f(v), { "as-child": "" }, {
+				default: m(() => [u(e.$slots, "trigger", {}, () => [u(e.$slots, "default")])]),
+				_: 3
+			}), a(f(g), null, {
+				default: m(() => [a(f(h), s({
+					side: o.side,
+					align: o.align,
+					"side-offset": o.sideOffset,
+					"avoid-collisions": !0,
+					class: C.value
+				}, D.value), {
+					default: m(() => [u(e.$slots, "content", {}, () => [i("span", y, d(o.content), 1)])]),
+					_: 3
+				}, 16, [
+					"side",
+					"align",
+					"side-offset",
+					"class"
+				])]),
+				_: 3
+			})]),
+			_: 3
+		}, 8, [
+			"open",
+			"open-delay",
+			"close-delay"
+		]));
+	}
+});
+//#endregion
+export { b as t };

package/dist/IconTooltip-ge_mBSWR.js

@@ -0,0 +1,25 @@
+import { i as e, n as t, r as n, t as r } from "./TooltipProvider-C5QLSPto.js";
+import { createBlock as i, createTextVNode as a, createVNode as o, defineComponent as s, openBlock as c, renderSlot as l, toDisplayString as u, unref as d, withCtx as f } from "vue";
+//#endregion
+//#region src/components/custom/icon-tooltip/IconTooltip.vue
+var p = /* @__PURE__ */ s({
+	__name: "IconTooltip",
+	props: { text: {} },
+	setup(s) {
+		return (p, m) => (c(), i(d(r), { "delay-duration": 250 }, {
+			default: f(() => [o(d(e), null, {
+				default: f(() => [o(d(t), { "as-child": "" }, {
+					default: f(() => [l(p.$slots, "default")]),
+					_: 3
+				}), o(d(n), { class: "font-display text-base" }, {
+					default: f(() => [a(u(s.text), 1)]),
+					_: 1
+				})]),
+				_: 3
+			})]),
+			_: 3
+		}));
+	}
+});
+//#endregion
+export { p as t };

package/dist/Input-CbakTe3B.js

@@ -0,0 +1,32 @@
+import { t as e } from "./cn-DJXf4yaB.js";
+import { createElementBlock as t, defineComponent as n, isRef as r, normalizeClass as i, openBlock as a, unref as o, vModelText as s, withDirectives as c } from "vue";
+import { useVModel as l } from "@vueuse/core";
+//#endregion
+//#region src/components/ui/input/Input.vue
+var u = /* @__PURE__ */ n({
+	__name: "Input",
+	props: {
+		defaultValue: {},
+		modelValue: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	emits: ["update:modelValue"],
+	setup(n, { emit: u }) {
+		let d = n, f = l(d, "modelValue", u, {
+			passive: !0,
+			defaultValue: d.defaultValue
+		});
+		return (n, l) => c((a(), t("input", {
+			"onUpdate:modelValue": l[0] ||= (e) => r(f) ? f.value = e : null,
+			class: i(o(e)("input-pill text-sm file:border-0 file:bg-transparent file:text-sm file:font-medium", d.class))
+		}, null, 2)), [[s, o(f)]]);
+	}
+});
+//#endregion
+export { u as t };

package/dist/InstrumentChassis-DOaVYyWq.js

@@ -0,0 +1,65 @@
+import { t as e } from "./cn-DJXf4yaB.js";
+import { computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, defineComponent as o, normalizeClass as s, openBlock as c, renderSlot as l } from "vue";
+//#region src/components/custom/instrument-chassis/ChassisDivider.vue?vue&type=script&setup=true&lang.ts
+var u = ["data-orientation"], d = /* @__PURE__ */ o({
+	__name: "ChassisDivider",
+	props: {
+		orientation: { default: "horizontal" },
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(n) {
+		let r = n, o = t(() => e("chassis-divider", `chassis-divider--${r.orientation}`, r.class));
+		return (e, t) => (c(), i("div", {
+			class: s(o.value),
+			"data-orientation": n.orientation,
+			"aria-hidden": "true"
+		}, [...t[0] ||= [a("span", { class: "bezel-line top" }, null, -1), a("span", { class: "bezel-line bottom" }, null, -1)]], 10, u));
+	}
+}), f = ["data-phase", "data-variant"], p = {
+	key: 0,
+	class: "instrument-strip"
+}, m = { class: "instrument-dial" }, h = {
+	key: 3,
+	class: "instrument-control"
+}, g = /* @__PURE__ */ o({
+	__name: "InstrumentChassis",
+	props: {
+		phase: {},
+		variant: { default: "glass" },
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(o) {
+		let u = o, g = t(() => e("instrument-chassis", u.class));
+		return (e, t) => (c(), i("section", {
+			class: s(g.value),
+			"data-phase": o.phase ?? "ready",
+			"data-variant": o.variant
+		}, [
+			e.$slots.strip ? (c(), i("header", p, [l(e.$slots, "strip")])) : r("", !0),
+			e.$slots.strip ? (c(), n(d, {
+				key: 1,
+				orientation: "horizontal"
+			})) : r("", !0),
+			a("main", m, [l(e.$slots, "dial")]),
+			e.$slots.control ? (c(), n(d, {
+				key: 2,
+				orientation: "horizontal"
+			})) : r("", !0),
+			e.$slots.control ? (c(), i("footer", h, [l(e.$slots, "control")])) : r("", !0)
+		], 10, f));
+	}
+});
+//#endregion
+export { d as n, g as t };

package/dist/InstrumentRail-jHDqXj70.js

@@ -0,0 +1,44 @@
+import { t as e } from "./cn-DJXf4yaB.js";
+import { computed as t, createCommentVNode as n, createElementBlock as r, defineComponent as i, normalizeClass as a, normalizeStyle as o, openBlock as s, renderSlot as c } from "vue";
+//#region src/components/custom/instrument-rail/InstrumentRail.vue?vue&type=script&setup=true&lang.ts
+var l = [
+	"data-variant",
+	"data-bezel-hairlines",
+	"data-divider-rule"
+], u = {
+	key: 0,
+	class: "instrument-rail-status"
+}, d = /* @__PURE__ */ i({
+	__name: "InstrumentRail",
+	props: {
+		variant: { default: "vertical" },
+		ratio: { default: .382 },
+		bezelHairlines: {
+			type: Boolean,
+			default: !0
+		},
+		dividerRule: {
+			type: Boolean,
+			default: !0
+		},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(i) {
+		let d = i, f = t(() => e("instrument-rail", d.class)), p = t(() => ({ "--instrument-rail-ratio": String(d.ratio) }));
+		return (e, t) => (s(), r("aside", {
+			class: a(f.value),
+			"data-variant": i.variant,
+			"data-bezel-hairlines": i.bezelHairlines ? "" : null,
+			"data-divider-rule": i.dividerRule ? "" : null,
+			style: o(p.value)
+		}, [e.$slots.status ? (s(), r("header", u, [c(e.$slots, "status")])) : n("", !0), c(e.$slots, "default")], 14, l));
+	}
+});
+//#endregion
+export { d as t };