@mkbabb/glass-ui 6.0.0 → 8.0.0

package/dist/menu-wLu1XGKn.js

@@ -0,0 +1,501 @@
+import { t as e } from "./class-names-q-UGOkHH.js";
+import { t } from "./primitive-B2t2jdqM.js";
+import { t as n } from "./selection-DqIULxRG.js";
+import { t as r } from "./content-CWO-XL7o.js";
+import { t as i } from "./participation-B0hdsIRo.js";
+import { i as a, n as o, r as s } from "./DropdownMenuTrigger-8UZsBtZ8.js";
+import { computed as c, createBlock as l, createElementBlock as u, createElementVNode as d, createVNode as f, defineComponent as p, guardReactiveProps as m, mergeProps as h, normalizeProps as g, openBlock as _, renderSlot as v, resolveDynamicComponent as y, unref as b, useAttrs as x, withCtx as S } from "vue";
+import { ContextMenuRoot as C, DropdownMenuRoot as w, useForwardPropsEmits as T } from "reka-ui";
+import { Check as E, ChevronRight as D } from "@lucide/vue";
+//#endregion
+//#region src/components/menu/DropdownMenu.vue
+var O = /* @__PURE__ */ p({
+	name: "DropdownMenu",
+	inheritAttrs: !1,
+	__name: "DropdownMenu",
+	props: {
+		trigger: { default: "click" },
+		open: {
+			type: Boolean,
+			default: void 0
+		},
+		defaultOpen: {
+			type: Boolean,
+			default: void 0
+		},
+		dir: {},
+		modal: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	emits: ["update:open"],
+	setup(e, { emit: t }) {
+		let n = e, r = t, i = c(() => {
+			if (n.trigger === "context" && (n.open !== void 0 || n.defaultOpen !== void 0)) throw TypeError("[glass-ui] Context menus open from an invocation anchor, not open/defaultOpen props.");
+			return n.trigger;
+		});
+		return o(i), (t, n) => i.value === "context" ? (_(), l(b(C), {
+			key: 0,
+			"data-slot": "menu",
+			"data-menu-trigger": "context",
+			dir: e.dir,
+			modal: e.modal,
+			"onUpdate:open": n[0] ||= (e) => r("update:open", e)
+		}, {
+			default: S(() => [v(t.$slots, "default")]),
+			_: 3
+		}, 8, ["dir", "modal"])) : (_(), l(b(w), {
+			key: 1,
+			"data-slot": "menu",
+			"data-menu-trigger": "click",
+			open: e.open,
+			"default-open": e.defaultOpen ?? !1,
+			dir: e.dir,
+			modal: e.modal,
+			"onUpdate:open": n[1] ||= (e) => r("update:open", e)
+		}, {
+			default: S(() => [v(t.$slots, "default")]),
+			_: 3
+		}, 8, [
+			"open",
+			"default-open",
+			"dir",
+			"modal"
+		]));
+	}
+}), k = /* @__PURE__ */ p({
+	name: "DropdownMenuContent",
+	inheritAttrs: !1,
+	__name: "DropdownMenuContent",
+	props: {
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		side: { default: "bottom" },
+		sideOffset: { default: 4 },
+		align: { default: "start" },
+		alignOffset: { default: 0 }
+	},
+	emits: [
+		"escapeKeyDown",
+		"pointerDownOutside",
+		"focusOutside",
+		"interactOutside",
+		"closeAutoFocus"
+	],
+	setup(e, { emit: t }) {
+		let n = e, o = t, u = x(), d = c(() => {
+			let { loop: e, ...t } = u;
+			return t;
+		}), f = a(), p = s("Content"), m = s("Portal"), g = c(() => f.value === "context" ? {
+			alignOffset: n.alignOffset,
+			avoidCollisions: !0
+		} : {
+			side: n.side,
+			sideOffset: n.sideOffset,
+			align: n.align,
+			alignOffset: n.alignOffset,
+			avoidCollisions: !0
+		}), C = i(), w = c(() => r({
+			role: "menu",
+			slot: "menu-content",
+			dock: C.portalAttrs.value,
+			class: n.class
+		}));
+		return (e, t) => (_(), l(y(b(m)), null, {
+			default: S(() => [(_(), l(y(b(p)), h({
+				...g.value,
+				...d.value,
+				...w.value
+			}, {
+				onEscapeKeyDown: t[0] ||= (e) => o("escapeKeyDown", e),
+				onPointerDownOutside: t[1] ||= (e) => o("pointerDownOutside", e),
+				onFocusOutside: t[2] ||= (e) => o("focusOutside", e),
+				onInteractOutside: t[3] ||= (e) => o("interactOutside", e),
+				onCloseAutoFocus: t[4] ||= (e) => o("closeAutoFocus", e)
+			}), {
+				default: S(() => [v(e.$slots, "default")]),
+				_: 3
+			}, 16))]),
+			_: 3
+		}));
+	}
+}), A = /* @__PURE__ */ p({
+	name: "DropdownMenuGroup",
+	inheritAttrs: !1,
+	__name: "DropdownMenuGroup",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(n) {
+		let r = n, i = x(), a = c(() => t(i)), o = s("Group");
+		return (t, n) => (_(), l(y(b(o)), h(a.value, {
+			as: "div",
+			"data-slot": "menu-group",
+			class: b(e)(r.class)
+		}), {
+			default: S(() => [v(t.$slots, "default")]),
+			_: 3
+		}, 16, ["class"]));
+	}
+}), j = /* @__PURE__ */ p({
+	name: "DropdownMenuRadioGroup",
+	inheritAttrs: !1,
+	__name: "DropdownMenuRadioGroup",
+	props: {
+		modelValue: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	emits: ["update:modelValue"],
+	setup(r, { emit: i }) {
+		let a = r, o = i, u = x(), d = c(() => t(u)), f = s("RadioGroup");
+		function p(e) {
+			if (!n(e)) throw TypeError("[glass-ui] DropdownMenuRadioGroup received a non-scalar value.");
+			o("update:modelValue", e);
+		}
+		return (t, n) => (_(), l(y(b(f)), h(d.value, {
+			as: "div",
+			"model-value": r.modelValue,
+			"data-slot": "menu-radio-group",
+			class: b(e)(a.class),
+			"onUpdate:modelValue": p
+		}), {
+			default: S(() => [v(t.$slots, "default")]),
+			_: 3
+		}, 16, ["model-value", "class"]));
+	}
+}), M = /* @__PURE__ */ p({
+	name: "DropdownMenuItem",
+	inheritAttrs: !1,
+	__name: "DropdownMenuItem",
+	props: {
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		textValue: {},
+		inset: {
+			type: Boolean,
+			default: !1
+		},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	emits: ["select"],
+	setup(n, { emit: r }) {
+		let i = n, a = r, o = x(), u = c(() => t(o)), d = s("Item");
+		return (t, r) => (_(), l(y(b(d)), h(u.value, {
+			as: "div",
+			disabled: n.disabled,
+			"text-value": n.textValue,
+			"data-slot": "menu-item",
+			"data-inset": n.inset ? "" : void 0,
+			class: b(e)("menu__item interactive-item glass-menu-row", i.class),
+			onSelect: r[0] ||= (e) => a("select", e)
+		}), {
+			default: S(() => [v(t.$slots, "default")]),
+			_: 3
+		}, 16, [
+			"disabled",
+			"text-value",
+			"data-inset",
+			"class"
+		]));
+	}
+}), N = { class: "menu__indicator" }, P = /* @__PURE__ */ p({
+	name: "DropdownMenuCheckboxItem",
+	inheritAttrs: !1,
+	__name: "DropdownMenuCheckboxItem",
+	props: {
+		modelValue: {
+			type: [Boolean, String],
+			default: !1
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		textValue: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	emits: ["select", "update:modelValue"],
+	setup(n, { emit: r }) {
+		let i = n, a = r, o = x(), u = c(() => t(o)), p = s("CheckboxItem"), m = s("ItemIndicator");
+		return (t, r) => (_(), l(y(b(p)), h(u.value, {
+			as: "div",
+			"model-value": n.modelValue,
+			disabled: n.disabled,
+			"text-value": n.textValue,
+			"data-slot": "menu-checkbox-item",
+			"data-indicator": "wide",
+			class: b(e)("menu__item interactive-item glass-menu-row", i.class),
+			onSelect: r[0] ||= (e) => a("select", e),
+			"onUpdate:modelValue": r[1] ||= (e) => a("update:modelValue", e)
+		}), {
+			default: S(() => [d("span", N, [(_(), l(y(b(m)), null, {
+				default: S(() => [f(b(E), { "aria-hidden": "true" })]),
+				_: 1
+			}))]), v(t.$slots, "default")]),
+			_: 3
+		}, 16, [
+			"model-value",
+			"disabled",
+			"text-value",
+			"class"
+		]));
+	}
+}), F = { class: "menu__indicator" }, I = /* @__PURE__ */ p({
+	name: "DropdownMenuRadioItem",
+	inheritAttrs: !1,
+	__name: "DropdownMenuRadioItem",
+	props: {
+		value: {},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		textValue: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	emits: ["select"],
+	setup(n, { emit: r }) {
+		let i = n, a = r, o = x(), u = c(() => t(o)), f = s("RadioItem"), p = s("ItemIndicator");
+		return (t, r) => (_(), l(y(b(f)), h(u.value, {
+			as: "div",
+			value: n.value,
+			disabled: n.disabled,
+			"text-value": n.textValue,
+			"data-slot": "menu-radio-item",
+			"data-indicator": "start",
+			class: b(e)("menu__item interactive-item glass-menu-row", i.class),
+			onSelect: r[0] ||= (e) => a("select", e)
+		}), {
+			default: S(() => [d("span", F, [(_(), l(y(b(p)), null, {
+				default: S(() => [...r[1] ||= [d("span", { class: "menu__radio-dot" }, null, -1)]]),
+				_: 1
+			}))]), v(t.$slots, "default")]),
+			_: 3
+		}, 16, [
+			"value",
+			"disabled",
+			"text-value",
+			"class"
+		]));
+	}
+}), L = /* @__PURE__ */ p({
+	name: "DropdownMenuShortcut",
+	inheritAttrs: !1,
+	__name: "DropdownMenuShortcut",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(n) {
+		let r = n, i = x(), a = c(() => t(i));
+		return (t, n) => (_(), u("span", h(a.value, {
+			"data-slot": "menu-shortcut",
+			class: b(e)("menu__shortcut", r.class)
+		}), [v(t.$slots, "default")], 16));
+	}
+}), R = /* @__PURE__ */ p({
+	name: "DropdownMenuSeparator",
+	inheritAttrs: !1,
+	__name: "DropdownMenuSeparator",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(n) {
+		let r = n, i = x(), a = c(() => t(i)), o = s("Separator");
+		return (t, n) => (_(), l(y(b(o)), h(a.value, {
+			as: "div",
+			"data-slot": "menu-separator",
+			class: b(e)("glass-menu-divider -mx-1 my-1", r.class)
+		}), null, 16, ["class"]));
+	}
+}), z = /* @__PURE__ */ p({
+	name: "DropdownMenuLabel",
+	inheritAttrs: !1,
+	__name: "DropdownMenuLabel",
+	props: {
+		inset: {
+			type: Boolean,
+			default: !1
+		},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(n) {
+		let r = n, i = x(), a = c(() => t(i)), o = s("Label");
+		return (t, i) => (_(), l(y(b(o)), h(a.value, {
+			as: "div",
+			"data-slot": "menu-label",
+			"data-inset": n.inset ? "" : void 0,
+			class: b(e)("menu__label", r.class)
+		}), {
+			default: S(() => [v(t.$slots, "default")]),
+			_: 3
+		}, 16, ["data-inset", "class"]));
+	}
+}), B = /* @__PURE__ */ p({
+	name: "DropdownMenuSub",
+	inheritAttrs: !1,
+	__name: "DropdownMenuSub",
+	props: {
+		open: {
+			type: Boolean,
+			default: void 0
+		},
+		defaultOpen: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["update:open"],
+	setup(e, { emit: t }) {
+		let n = e, r = t, i = s("Sub"), a = T(n, r);
+		return (e, t) => (_(), l(y(b(i)), g(m(b(a))), {
+			default: S(() => [v(e.$slots, "default")]),
+			_: 3
+		}, 16));
+	}
+}), V = /* @__PURE__ */ p({
+	name: "DropdownMenuSubTrigger",
+	inheritAttrs: !1,
+	__name: "DropdownMenuSubTrigger",
+	props: {
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		textValue: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(n) {
+		let r = n, i = x(), a = c(() => t(i)), o = s("SubTrigger");
+		return (t, i) => (_(), l(y(b(o)), h(a.value, {
+			as: "div",
+			disabled: n.disabled,
+			"text-value": n.textValue,
+			"data-slot": "menu-sub-trigger",
+			class: b(e)("menu__sub-trigger interactive-item glass-menu-row", r.class)
+		}), {
+			default: S(() => [v(t.$slots, "default"), f(b(D), {
+				class: "menu__sub-chevron",
+				"aria-hidden": "true"
+			})]),
+			_: 3
+		}, 16, [
+			"disabled",
+			"text-value",
+			"class"
+		]));
+	}
+}), H = /* @__PURE__ */ p({
+	name: "DropdownMenuSubContent",
+	inheritAttrs: !1,
+	__name: "DropdownMenuSubContent",
+	props: {
+		sideOffset: { default: 0 },
+		alignOffset: { default: 0 },
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	emits: [
+		"entryFocus",
+		"escapeKeyDown",
+		"pointerDownOutside",
+		"focusOutside",
+		"interactOutside",
+		"openAutoFocus",
+		"closeAutoFocus"
+	],
+	setup(e, { emit: t }) {
+		let n = e, a = t, o = x(), u = c(() => {
+			let { side: e, align: t, loop: n, ...r } = o;
+			return r;
+		}), d = s("SubContent"), f = s("Portal"), p = i(), m = c(() => r({
+			role: "menu",
+			slot: "menu-sub-content",
+			dock: p.portalAttrs.value,
+			class: n.class
+		}));
+		return (t, n) => (_(), l(y(b(f)), null, {
+			default: S(() => [(_(), l(y(b(d)), h({
+				...u.value,
+				...m.value
+			}, {
+				"side-offset": e.sideOffset,
+				"align-offset": e.alignOffset,
+				"avoid-collisions": !0,
+				onEscapeKeyDown: n[0] ||= (e) => a("escapeKeyDown", e),
+				onPointerDownOutside: n[1] ||= (e) => a("pointerDownOutside", e),
+				onFocusOutside: n[2] ||= (e) => a("focusOutside", e),
+				onInteractOutside: n[3] ||= (e) => a("interactOutside", e),
+				onOpenAutoFocus: n[4] ||= (e) => a("openAutoFocus", e),
+				onCloseAutoFocus: n[5] ||= (e) => a("closeAutoFocus", e),
+				onEntryFocus: n[6] ||= (e) => a("entryFocus", e)
+			}), {
+				default: S(() => [v(t.$slots, "default")]),
+				_: 3
+			}, 16, ["side-offset", "align-offset"]))]),
+			_: 3
+		}));
+	}
+});
+//#endregion
+export { R as a, P as c, A as d, k as f, z as i, M as l, V as n, L as o, O as p, B as r, I as s, H as t, j as u };

package/dist/menu.d.ts

@@ -0,0 +1 @@
+export * from "./components/menu/index.js";

package/dist/{dropdown-menu.js → menu.js}

@@ -1,3 +1,3 @@
-import { t as e } from "./DropdownMenuTrigger-BzQtd9lt.js";
-import { a as t, c as n, d as r, f as i, i as a, l as o, n as s, o as c, p as l, r as u, s as d, t as f, u as p } from "./dropdown-menu-DORIA52F.js";
+import { t as e } from "./DropdownMenuTrigger-8UZsBtZ8.js";
+import { a as t, c as n, d as r, f as i, i as a, l as o, n as s, o as c, p as l, r as u, s as d, t as f, u as p } from "./menu-wLu1XGKn.js";
 export { l as DropdownMenu, n as DropdownMenuCheckboxItem, i as DropdownMenuContent, r as DropdownMenuGroup, o as DropdownMenuItem, a as DropdownMenuLabel, p as DropdownMenuRadioGroup, d as DropdownMenuRadioItem, t as DropdownMenuSeparator, c as DropdownMenuShortcut, u as DropdownMenuSub, f as DropdownMenuSubContent, s as DropdownMenuSubTrigger, e as DropdownMenuTrigger };

package/dist/metric.d.ts

@@ -0,0 +1 @@
+export * from "./components/metric/index.js";

package/dist/metric.js

@@ -0,0 +1,139 @@
+import { t as e } from "./class-names-q-UGOkHH.js";
+import { Fragment as t, computed as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createTextVNode as o, defineComponent as s, normalizeClass as c, openBlock as l, renderSlot as u, toDisplayString as d, unref as f } from "vue";
+//#region src/components/metric/coalesce-metric.ts
+function p(e, t = "—", n = !1) {
+	let r = typeof t == "string" ? {
+		placeholder: t,
+		loading: n
+	} : t, i = r.placeholder ?? "—";
+	return r.loading ?? n ? {
+		display: "…",
+		empty: !1,
+		loading: !0
+	} : e == null || typeof e == "string" && e.trim() === "" || typeof e == "number" && !Number.isFinite(e) ? {
+		display: i,
+		empty: !0,
+		loading: !1
+	} : {
+		display: r.compact && typeof e == "number" ? new Intl.NumberFormat(r.locale, {
+			notation: "compact",
+			maximumFractionDigits: 1
+		}).format(e) : String(e),
+		empty: !1,
+		loading: !1
+	};
+}
+function m(e) {
+	if (!(typeof e != "number" || !Number.isFinite(e))) return e > 0 ? "up" : e < 0 ? "down" : "flat";
+}
+//#endregion
+//#region src/components/metric/Metric.vue?vue&type=script&setup=true&lang.ts
+var h = [
+	"data-empty",
+	"data-loading",
+	"data-posture",
+	"data-size",
+	"aria-busy"
+], g = {
+	key: 0,
+	class: "metric__label"
+}, _ = { class: "metric__reading" }, v = { class: "metric__value" }, y = {
+	key: 0,
+	class: "metric__unit"
+}, b = ["data-polarity"], x = {
+	key: 1,
+	class: "metric__context"
+}, S = /* @__PURE__ */ s({
+	name: "Metric",
+	__name: "Metric",
+	props: {
+		label: {},
+		context: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		size: { default: "md" },
+		posture: { default: "inline" },
+		delta: {},
+		polarity: {},
+		value: {},
+		unit: {},
+		placeholder: {},
+		loading: {
+			type: Boolean,
+			default: !1
+		},
+		compact: { type: Boolean },
+		locale: {}
+	},
+	setup(s) {
+		let S = s, C = n(() => p(S.value, {
+			placeholder: S.placeholder,
+			loading: S.loading,
+			compact: S.compact,
+			locale: S.locale
+		})), w = n(() => S.delta == null || S.delta === "" ? void 0 : p(S.delta, {
+			placeholder: S.placeholder,
+			compact: S.compact,
+			locale: S.locale
+		})), T = n(() => S.polarity ?? m(S.delta));
+		return (n, p) => (l(), i("span", {
+			class: c(f(e)("metric", n.$props.class)),
+			"data-empty": C.value.empty || void 0,
+			"data-loading": C.value.loading || void 0,
+			"data-posture": s.posture,
+			"data-size": s.size,
+			"aria-busy": C.value.loading || void 0
+		}, [
+			n.$slots.label || s.label ? (l(), i("span", g, [u(n.$slots, "label", {}, () => [o(d(s.label), 1)])])) : r("", !0),
+			a("span", _, [
+				a("span", v, [C.value.loading ? (l(), i(t, { key: 1 }, [o(d(C.value.display), 1)], 64)) : u(n.$slots, "value", {}, () => [o(d(C.value.display), 1)], void 0, 0)]),
+				n.$slots.unit || s.unit ? (l(), i("span", y, [u(n.$slots, "unit", {}, () => [o(d(s.unit), 1)])])) : r("", !0),
+				w.value ? (l(), i("span", {
+					key: 1,
+					class: "metric__delta",
+					"data-polarity": T.value
+				}, [u(n.$slots, "delta", {}, () => [o(d(w.value.display), 1)])], 8, b)) : r("", !0)
+			]),
+			n.$slots.context || s.context ? (l(), i("span", x, [u(n.$slots, "context", {}, () => [o(d(s.context), 1)])])) : r("", !0)
+		], 10, h));
+	}
+}), C = /* @__PURE__ */ s({
+	name: "MetricRow",
+	__name: "MetricRow",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(t) {
+		return (t, n) => (l(), i("div", { class: c(f(e)("metric-row", t.$props.class)) }, [u(t.$slots, "default")], 2));
+	}
+}), w = ["data-density"], T = /* @__PURE__ */ s({
+	name: "MetricStack",
+	__name: "MetricStack",
+	props: {
+		density: { default: "default" },
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(t) {
+		return (n, r) => (l(), i("div", {
+			class: c(f(e)("metric-stack", n.$props.class)),
+			"data-density": t.density
+		}, [u(n.$slots, "default")], 10, w));
+	}
+});
+//#endregion
+export { S as Metric, C as MetricRow, T as MetricStack, p as coalesceMetric, m as metricPolarity };

package/dist/motion-D4uYE0UM.js

@@ -0,0 +1,61 @@
+import { t as e } from "./class-names-q-UGOkHH.js";
+import { createBlock as t, createCommentVNode as n, createElementBlock as r, defineComponent as i, normalizeClass as a, normalizeStyle as o, openBlock as s, renderSlot as c, unref as l, withCtx as u } from "vue";
+import { DialogOverlay as d } from "reka-ui";
+//#region src/components/dialog/ModalOverlay.vue?vue&type=script&setup=true&lang.ts
+var f = {
+	key: 0,
+	class: "glass-focus-veil",
+	"data-engaged": "",
+	"aria-hidden": "true"
+}, p = /* @__PURE__ */ i({
+	__name: "ModalOverlay",
+	props: {
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		opacity: { default: null },
+		forceMount: { type: Boolean },
+		veil: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(i) {
+		let p = i;
+		return (i, m) => (s(), t(l(d), {
+			"force-mount": p.forceMount,
+			class: a(l(e)("fixed inset-0 z-overlay bg-overlay-scrim", p.opacity == null ? "sheet-animate" : "", p.class)),
+			style: o(p.opacity == null ? void 0 : { opacity: p.opacity })
+		}, {
+			default: u(() => [p.veil ? (s(), r("span", f)) : n("", !0), c(i.$slots, "default")]),
+			_: 3
+		}, 8, [
+			"force-mount",
+			"class",
+			"style"
+		]));
+	}
+});
+//#endregion
+//#region src/components/sheet/motion.ts
+function m(e, t) {
+	switch (e) {
+		case "right": return `${t * 100}% 0`;
+		case "left": return `${-t * 100}% 0`;
+		case "bottom": return `0 ${t * 100}%`;
+		case "top": return `0 ${-t * 100}%`;
+	}
+}
+function h(e) {
+	return Math.min(1, Math.max(0, 1 - e));
+}
+var g = .28, _ = .44;
+function v(e) {
+	return g + _ * Math.min(1, Math.max(0, e));
+}
+//#endregion
+export { p as i, h as n, m as r, v as t };