@mkbabb/glass-ui 4.0.1 → 4.1.0

package/dist/ContextMenuContent-uWnVxDab.js

@@ -1,85 +0,0 @@
-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 { ContextMenuContent as f, ContextMenuPortal as p, ContextMenuRoot as m, ContextMenuTrigger as h, useForwardProps as g, useForwardPropsEmits as _ } from "reka-ui";
-//#endregion
-//#region src/components/ui/context-menu/ContextMenu.vue
-var v = /* @__PURE__ */ i({
-	__name: "ContextMenu",
-	props: {
-		pressOpenDelay: {},
-		dir: {},
-		modal: { type: Boolean }
-	},
-	emits: ["update:open"],
-	setup(e, { emit: t }) {
-		let r = _(e, t);
-		return (e, t) => (c(), n(u(m), o({ "data-slot": "context-menu" }, u(r)), {
-			default: d(() => [l(e.$slots, "default")]),
-			_: 3
-		}, 16));
-	}
-}), y = /* @__PURE__ */ i({
-	__name: "ContextMenuTrigger",
-	props: {
-		disabled: { type: Boolean },
-		asChild: { type: Boolean },
-		as: {}
-	},
-	setup(e) {
-		let t = g(e);
-		return (e, r) => (c(), n(u(h), s(a(u(t))), {
-			default: d(() => [l(e.$slots, "default")]),
-			_: 3
-		}, 16));
-	}
-}), b = /* @__PURE__ */ i({
-	__name: "ContextMenuContent",
-	props: {
-		forceMount: { type: Boolean },
-		loop: { type: Boolean },
-		sideFlip: { type: Boolean },
-		alignOffset: {},
-		alignFlip: { type: Boolean },
-		avoidCollisions: { type: Boolean },
-		collisionBoundary: {},
-		collisionPadding: {},
-		hideShiftedArrow: { type: Boolean },
-		sticky: {},
-		hideWhenDetached: { type: Boolean },
-		positionStrategy: {},
-		disableUpdateOnLayoutShift: { type: Boolean },
-		prioritizePosition: { type: Boolean },
-		reference: {},
-		asChild: { type: Boolean },
-		as: {},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	},
-	emits: [
-		"escapeKeyDown",
-		"pointerDownOutside",
-		"focusOutside",
-		"interactOutside",
-		"closeAutoFocus"
-	],
-	setup(i, { emit: a }) {
-		let s = i, m = a, h = _(t(() => {
-			let { class: e, ...t } = s;
-			return t;
-		}), m);
-		return (t, i) => (c(), n(u(p), null, {
-			default: d(() => [r(u(f), o(u(h), { class: u(e)("z-popover min-w-32 overflow-hidden rounded-panel border glass-floating p-1 text-popover-foreground glass-reveal", s.class) }), {
-				default: d(() => [l(t.$slots, "default")]),
-				_: 3
-			}, 16, ["class"])]),
-			_: 3
-		}));
-	}
-});
-//#endregion
-export { y as n, v as r, b as t };

package/dist/DialogFooter-BZNX5aVr.js

@@ -1,165 +0,0 @@
-import { t as e } from "./cn-DJXf4yaB.js";
-import { t } from "./vendor-CKmzio-i.js";
-import { t as n } from "./ModalOverlay-D1VrWyoi.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 glass-floating [--overlay-pad-inline:--spacing(6)] [--overlay-pad-block:calc(var(--overlay-pad-inline)*1.272)] px-(--overlay-pad-inline) py-(--overlay-pad-block) [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/HoverCardContent-b2uaAMRR.js

@@ -1,83 +0,0 @@
-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), o({ "data-slot": "hover-card" }, 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 [--overlay-pad-inline:1rem] [--overlay-pad-block:calc(var(--overlay-pad-inline)*1.272)] px-(--overlay-pad-inline) py-(--overlay-pad-block) text-popover-foreground outline-none glass-reveal", 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/Input-h9v5LeXf.js

@@ -1,55 +0,0 @@
-import { t as e } from "./cn-DJXf4yaB.js";
-import { computed as t, createElementBlock as n, defineComponent as r, isRef as i, mergeProps as a, openBlock as o, unref as s, vModelDynamic as c, withDirectives as l } from "vue";
-import { useVModel as u } from "@vueuse/core";
-//#endregion
-//#region src/components/ui/input/Input.vue
-var d = /* @__PURE__ */ r({
-	inheritAttrs: !1,
-	__name: "Input",
-	props: {
-		defaultValue: {},
-		modelValue: {},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] },
-		type: {},
-		placeholder: {},
-		disabled: { type: [Boolean, String] },
-		required: { type: [Boolean, String] },
-		inputmode: {},
-		autocomplete: {},
-		pattern: {},
-		name: {},
-		readonly: { type: [Boolean, String] }
-	},
-	emits: ["update:modelValue"],
-	setup(r, { emit: d }) {
-		let f = r, p = u(f, "modelValue", d, {
-			passive: !0,
-			defaultValue: f.defaultValue
-		}), m = t(() => ({
-			type: f.type,
-			placeholder: f.placeholder,
-			disabled: f.disabled,
-			required: f.required,
-			inputmode: f.inputmode,
-			autocomplete: f.autocomplete,
-			pattern: f.pattern,
-			name: f.name,
-			readonly: f.readonly
-		}));
-		return (t, r) => l((o(), n("input", a({
-			"onUpdate:modelValue": r[0] ||= (e) => i(p) ? p.value = e : null,
-			"data-slot": "input"
-		}, {
-			...t.$attrs,
-			...m.value
-		}, { class: s(e)("input-pill [--control-surface-bg:var(--input-on-glass)] text-sm file:border-0 file:bg-transparent file:text-sm file:font-medium", f.class) }), null, 16)), [[c, s(p)]]);
-	}
-});
-//#endregion
-export { d as t };

package/dist/NumberFieldContent-Cq7EzX-U.js

@@ -1,138 +0,0 @@
-import { t as e } from "./cn-DJXf4yaB.js";
-import { i as t, s as n } from "./vendor-CKmzio-i.js";
-import { n as r } from "./button-DYCUa-tH.js";
-import { computed as i, createBlock as a, createElementBlock as o, createVNode as s, defineComponent as c, mergeProps as l, normalizeClass as u, openBlock as d, renderSlot as f, unref as p, withCtx as m } from "vue";
-import { NumberFieldDecrement as h, NumberFieldIncrement as g, NumberFieldInput as _, NumberFieldRoot as v, useForwardProps as y, useForwardPropsEmits as b } from "reka-ui";
-//#endregion
-//#region src/components/ui/number-field/NumberField.vue
-var x = /* @__PURE__ */ c({
-	__name: "NumberField",
-	props: {
-		defaultValue: {},
-		modelValue: {},
-		min: {},
-		max: {},
-		step: {},
-		stepSnapping: { type: Boolean },
-		focusOnChange: { type: Boolean },
-		formatOptions: {},
-		locale: {},
-		disabled: { type: Boolean },
-		readonly: { type: Boolean },
-		disableWheelChange: { type: Boolean },
-		invertWheelChange: { type: Boolean },
-		id: {},
-		asChild: { type: Boolean },
-		as: {},
-		name: {},
-		required: { type: Boolean },
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	},
-	emits: ["update:modelValue"],
-	setup(t, { emit: n }) {
-		let r = t, o = n, s = b(i(() => {
-			let { class: e, ...t } = r;
-			return t;
-		}), o);
-		return (t, n) => (d(), a(p(v), l({ "data-slot": "number-field" }, p(s), { class: p(e)("grid gap-1.5", r.class) }), {
-			default: m(() => [f(t.$slots, "default")]),
-			_: 3
-		}, 16, ["class"]));
-	}
-}), S = /* @__PURE__ */ c({
-	inheritAttrs: !1,
-	__name: "NumberFieldInput",
-	setup(t) {
-		let n = { inputmode: "decimal" };
-		return (t, r) => (d(), a(p(_), l({
-			...n,
-			...t.$attrs
-		}, {
-			"data-slot": "input",
-			class: p(e)("input-pill h-(--control-h-md) rounded-field px-9 py-2 text-sm text-center")
-		}), null, 16, ["class"]));
-	}
-}), C = /* @__PURE__ */ c({
-	__name: "NumberFieldIncrement",
-	props: {
-		disabled: { type: Boolean },
-		asChild: { type: Boolean },
-		as: {},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	},
-	setup(n) {
-		let o = n, c = y(i(() => {
-			let { class: e, ...t } = o;
-			return t;
-		}));
-		return (n, i) => (d(), a(p(g), l({ "data-slot": "increment" }, p(c), { "as-child": "" }), {
-			default: m(() => [s(p(r), {
-				variant: "ghost",
-				size: "icon",
-				class: u(p(e)("absolute top-1/2 -translate-y-1/2 right-0 disabled:cursor-not-allowed disabled:opacity-20", o.class))
-			}, {
-				default: m(() => [f(n.$slots, "default", {}, () => [s(p(t), { class: "size-icon-sm" })])]),
-				_: 3
-			}, 8, ["class"])]),
-			_: 3
-		}, 16));
-	}
-}), w = /* @__PURE__ */ c({
-	__name: "NumberFieldDecrement",
-	props: {
-		disabled: { type: Boolean },
-		asChild: { type: Boolean },
-		as: {},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	},
-	setup(t) {
-		let o = t, c = y(i(() => {
-			let { class: e, ...t } = o;
-			return t;
-		}));
-		return (t, i) => (d(), a(p(h), l({ "data-slot": "decrement" }, p(c), { "as-child": "" }), {
-			default: m(() => [s(p(r), {
-				variant: "ghost",
-				size: "icon",
-				class: u(p(e)("absolute top-1/2 -translate-y-1/2 left-0 disabled:cursor-not-allowed disabled:opacity-20", o.class))
-			}, {
-				default: m(() => [f(t.$slots, "default", {}, () => [s(p(n), { class: "size-icon-sm" })])]),
-				_: 3
-			}, 8, ["class"])]),
-			_: 3
-		}, 16));
-	}
-}), T = /* @__PURE__ */ c({
-	__name: "NumberFieldContent",
-	props: { class: { type: [
-		Boolean,
-		null,
-		String,
-		Object,
-		Array
-	] } },
-	setup(t) {
-		let n = t;
-		return (t, r) => (d(), o("div", { class: u(p(e)("relative [&>[data-slot=input]]:has-[[data-slot=increment]]:pr-5 [&>[data-slot=input]]:has-[[data-slot=decrement]]:pl-5", n.class)) }, [f(t.$slots, "default")], 2));
-	}
-});
-//#endregion
-export { x as a, S as i, w as n, C as r, T as t };

package/dist/Separator-pKF0oA4M.js

@@ -1,37 +0,0 @@
-import { t as e } from "./cn-DJXf4yaB.js";
-import { computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, defineComponent as a, mergeProps as o, normalizeClass as s, openBlock as c, toDisplayString as l, unref as u, withCtx as d } from "vue";
-import { Separator as f } from "reka-ui";
-//#endregion
-//#region src/components/ui/separator/Separator.vue
-var p = /* @__PURE__ */ a({
-	__name: "Separator",
-	props: {
-		orientation: {},
-		decorative: { type: Boolean },
-		asChild: { type: Boolean },
-		as: {},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] },
-		label: {}
-	},
-	setup(a) {
-		let p = a, m = t(() => {
-			let { class: e, ...t } = p;
-			return t;
-		});
-		return (t, a) => (c(), n(u(f), o({ "data-slot": "separator" }, m.value, { class: u(e)("shrink-0 bg-border relative", p.orientation === "vertical" ? "w-px h-full" : "h-px w-full", p.class) }), {
-			default: d(() => [p.label ? (c(), i("span", {
-				key: 0,
-				class: s(u(e)("text-xs text-muted-foreground bg-background absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 flex justify-center items-center", p.orientation === "vertical" ? "w-[1px] px-1 py-2" : "h-[1px] py-1 px-2"))
-			}, l(p.label), 3)) : r("", !0)]),
-			_: 1
-		}, 16, ["class"]));
-	}
-});
-//#endregion
-export { p as t };

package/dist/Switch-CwYNf8bo.js

@@ -1,47 +0,0 @@
-import { t as e } from "./cn-DJXf4yaB.js";
-import { computed as t, createBlock as n, createVNode as r, defineComponent as i, mergeProps as a, normalizeClass as o, openBlock as s, unref as c, withCtx as l } from "vue";
-import { SwitchRoot as u, SwitchThumb as d, useForwardPropsEmits as f } from "reka-ui";
-//#endregion
-//#region src/components/ui/switch/Switch.vue
-var p = /* @__PURE__ */ i({
-	__name: "Switch",
-	props: {
-		defaultValue: {},
-		modelValue: {},
-		disabled: { type: Boolean },
-		id: {},
-		value: {},
-		trueValue: {},
-		falseValue: {},
-		asChild: { type: Boolean },
-		as: {},
-		name: {},
-		required: { type: Boolean },
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	},
-	emits: ["update:modelValue"],
-	setup(i, { emit: p }) {
-		let m = i, h = p, g = f(t(() => {
-			let { class: e, ...t } = m;
-			return t;
-		}), h);
-		return (t, i) => (s(), n(c(u), a({ "data-slot": "switch" }, c(g), { class: c(e)("glass-wash glass-specular-track focus-ring peer relative touch-hit-area inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-pill border-2 border-transparent transition-control disabled:cursor-not-allowed disabled:opacity-disabled data-[state=checked]:bg-primary data-[state=unchecked]:bg-(--glass-bg-wash)", m.class) }), {
-			default: l(() => [r(c(d), {
-				class: o(c(e)("pointer-events-none block h-5 w-5 rounded-pill bg-background ring-0 data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0")),
-				style: {
-					"box-shadow": "var(--shadow-md), var(--glass-highlight)",
-					transition: "translate var(--spring-snappy-duration) var(--spring-snappy)"
-				}
-			}, null, 8, ["class"])]),
-			_: 1
-		}, 16, ["class"]));
-	}
-});
-//#endregion
-export { p as t };