@mkbabb/glass-ui 0.3.0 → 2.1.0

package/dist/SelectScrollDownButton-yu8EYUnu.js

@@ -0,0 +1,235 @@
+import { t as e } from "./cn-DJXf4yaB.js";
+import { t } from "./chevron-down-DILQA1t6.js";
+import { t as n } from "./chevron-up-BtYjYQOS.js";
+import { t as r } from "./menuItemVariants-B2nDL7zH.js";
+import { i } from "./dockContext-BDGSrwsV.js";
+import { computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createVNode as u, defineComponent as d, guardReactiveProps as f, mergeProps as p, normalizeClass as m, normalizeProps as h, openBlock as g, renderSlot as _, unref as v, withCtx as y } from "vue";
+import { SelectContent as b, SelectIcon as x, SelectItem as S, SelectItemIndicator as C, SelectItemText as w, SelectPortal as T, SelectRoot as E, SelectScrollDownButton as D, SelectScrollUpButton as O, SelectTrigger as k, SelectValue as A, SelectViewport as j, useForwardProps as M, useForwardPropsEmits as N } from "reka-ui";
+//#endregion
+//#region src/components/ui/select/Select.vue
+var P = /* @__PURE__ */ d({
+	__name: "Select",
+	props: {
+		open: { type: Boolean },
+		defaultOpen: { type: Boolean },
+		defaultValue: {},
+		modelValue: {},
+		by: { type: [String, Function] },
+		dir: {},
+		multiple: { type: Boolean },
+		autocomplete: {},
+		disabled: { type: Boolean },
+		name: {},
+		required: { type: Boolean }
+	},
+	emits: ["update:modelValue", "update:open"],
+	setup(e, { emit: t }) {
+		let n = N(e, t);
+		return (e, t) => (g(), o(v(E), h(f(v(n))), {
+			default: y(() => [_(e.$slots, "default")]),
+			_: 3
+		}, 16));
+	}
+}), F = /* @__PURE__ */ d({
+	__name: "SelectValue",
+	props: {
+		placeholder: {},
+		asChild: { type: Boolean },
+		as: {}
+	},
+	setup(e) {
+		let t = e;
+		return (e, n) => (g(), o(v(A), h(f(t)), {
+			default: y(() => [_(e.$slots, "default")]),
+			_: 3
+		}, 16));
+	}
+}), I = /* @__PURE__ */ d({
+	__name: "SelectTrigger",
+	props: {
+		disabled: { type: Boolean },
+		reference: {},
+		asChild: { type: Boolean },
+		as: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		variant: { default: "default" }
+	},
+	setup(n) {
+		let r = n, i = M(a(() => {
+			let { class: e, variant: t, ...n } = r;
+			return n;
+		})), s = a(() => r.variant === "ghost" ? "bg-transparent border-none shadow-none" : "glass-wash");
+		return (n, a) => (g(), o(v(k), p(v(i), { class: v(e)(s.value, "focus-ring flex h-10 w-full items-center justify-between rounded-pill px-3 py-2 text-sm placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-disabled [&>span]:line-clamp-1 transition-[background-color,border-color,box-shadow,color]", r.class) }), {
+			default: y(() => [_(n.$slots, "default"), u(v(x), { "as-child": "" }, {
+				default: y(() => [u(v(t), { class: "transition-transform duration-200 ease-[var(--ease-standard)] [&[data-state=open]]:rotate-180 h-4 w-4 shrink-0 opacity-50" })]),
+				_: 1
+			})]),
+			_: 3
+		}, 16, ["class"]));
+	}
+}), L = /* @__PURE__ */ d({
+	inheritAttrs: !1,
+	__name: "SelectContent",
+	props: {
+		forceMount: { type: Boolean },
+		position: { default: "popper" },
+		bodyLock: { type: Boolean },
+		side: {},
+		sideOffset: {},
+		sideFlip: { type: Boolean },
+		align: { default: "center" },
+		alignOffset: {},
+		alignFlip: { type: Boolean },
+		avoidCollisions: { type: Boolean },
+		collisionBoundary: {},
+		collisionPadding: { default: 16 },
+		arrowPadding: {},
+		hideShiftedArrow: { type: Boolean },
+		sticky: {},
+		hideWhenDetached: { type: Boolean },
+		positionStrategy: {},
+		updatePositionStrategy: {},
+		disableUpdateOnLayoutShift: { type: Boolean },
+		prioritizePosition: { type: Boolean },
+		reference: {},
+		asChild: { type: Boolean },
+		as: {},
+		disableOutsidePointerEvents: { type: Boolean },
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	emits: [
+		"closeAutoFocus",
+		"escapeKeyDown",
+		"pointerDownOutside"
+	],
+	setup(t, { emit: n }) {
+		let r = t, s = n, c = N(a(() => {
+			let { class: e, ...t } = r;
+			return t;
+		}), s), l = i();
+		return (n, i) => (g(), o(v(T), null, {
+			default: y(() => [u(v(b), p({
+				...v(c),
+				...n.$attrs
+			}, {
+				"data-glass-dock-portal": v(l)?.id ? "" : void 0,
+				"data-glass-dock-owner": v(l)?.id,
+				class: v(e)("relative z-popover min-w-32 overflow-y-auto rounded-panel border text-popover-foreground [max-height:var(--reka-popper-available-height,60dvh)] popover-animate", t.position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1", "glass-floating", r.class)
+			}), {
+				default: y(() => [
+					u(v(V)),
+					u(v(j), { class: m(v(e)("p-1 overflow-y-auto", t.position === "popper" && "h-[--reka-select-trigger-height] w-full min-w-[--reka-select-trigger-width]")) }, {
+						default: y(() => [_(n.$slots, "default")]),
+						_: 3
+					}, 8, ["class"]),
+					u(v(H))
+				]),
+				_: 3
+			}, 16, [
+				"data-glass-dock-portal",
+				"data-glass-dock-owner",
+				"class"
+			])]),
+			_: 3
+		}));
+	}
+}), R = {
+	key: 0,
+	class: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center"
+}, z = { class: "flex flex-col gap-0.5 min-w-0" }, B = /* @__PURE__ */ d({
+	__name: "SelectItem",
+	props: {
+		value: {},
+		disabled: { type: Boolean },
+		textValue: {},
+		asChild: { type: Boolean },
+		as: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		hideIndicator: { type: Boolean }
+	},
+	setup(t) {
+		let n = t, i = M(a(() => {
+			let { class: e, hideIndicator: t, ...r } = n;
+			return r;
+		}));
+		return (a, d) => (g(), o(v(S), p(v(i), { class: v(e)(v(r)({ indicator: t.hideIndicator ? "none" : "start" }), n.class) }), {
+			default: y(() => [t.hideIndicator ? s("", !0) : (g(), c("span", R, [u(v(C), null, {
+				default: y(() => [...d[0] ||= [l("span", {
+					class: "inline-block w-2 h-2 rounded-pill",
+					style: { "background-color": "var(--select-dot-color, currentColor)" }
+				}, null, -1)]]),
+				_: 1
+			})])), l("div", z, [u(v(w), null, {
+				default: y(() => [_(a.$slots, "default")]),
+				_: 3
+			}), _(a.$slots, "description")])]),
+			_: 3
+		}, 16, ["class"]));
+	}
+}), V = /* @__PURE__ */ d({
+	__name: "SelectScrollUpButton",
+	props: {
+		asChild: { type: Boolean },
+		as: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(t) {
+		let r = t, i = M(a(() => {
+			let { class: e, ...t } = r;
+			return t;
+		}));
+		return (t, a) => (g(), o(v(O), p(v(i), { class: v(e)("flex cursor-default items-center justify-center py-1", r.class) }), {
+			default: y(() => [_(t.$slots, "default", {}, () => [u(v(n), { class: "h-4 w-4" })])]),
+			_: 3
+		}, 16, ["class"]));
+	}
+}), H = /* @__PURE__ */ d({
+	__name: "SelectScrollDownButton",
+	props: {
+		asChild: { type: Boolean },
+		as: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(n) {
+		let r = n, i = M(a(() => {
+			let { class: e, ...t } = r;
+			return t;
+		}));
+		return (n, a) => (g(), o(v(D), p(v(i), { class: v(e)("flex cursor-default items-center justify-center py-1", r.class) }), {
+			default: y(() => [_(n.$slots, "default", {}, () => [u(v(t), { class: "h-4 w-4" })])]),
+			_: 3
+		}, 16, ["class"]));
+	}
+});
+//#endregion
+export { I as a, L as i, V as n, F as o, B as r, P as s, H as t };

package/dist/SelectSeparator-GTHxKO0a.js

@@ -0,0 +1,49 @@
+import { t as e } from "./cn-DJXf4yaB.js";
+import { computed as t, createBlock as n, defineComponent as r, mergeProps as i, normalizeClass as a, openBlock as o, renderSlot as s, unref as c, withCtx as l } from "vue";
+import { SelectLabel as u, SelectSeparator as d } from "reka-ui";
+//#endregion
+//#region src/components/ui/select/SelectLabel.vue
+var f = /* @__PURE__ */ r({
+	__name: "SelectLabel",
+	props: {
+		for: {},
+		asChild: { type: Boolean },
+		as: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(t) {
+		let r = t;
+		return (t, i) => (o(), n(c(u), { class: a(c(e)("py-1.5 pl-8 pr-2 text-sm font-semibold", r.class)) }, {
+			default: l(() => [s(t.$slots, "default")]),
+			_: 3
+		}, 8, ["class"]));
+	}
+}), p = /* @__PURE__ */ r({
+	__name: "SelectSeparator",
+	props: {
+		asChild: { type: Boolean },
+		as: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(r) {
+		let a = r, s = t(() => {
+			let { class: e, ...t } = a;
+			return t;
+		});
+		return (t, r) => (o(), n(c(d), i(s.value, { class: c(e)("-mx-1 my-1 h-px bg-muted", a.class) }), null, 16, ["class"]));
+	}
+});
+//#endregion
+export { f as n, p as t };

package/dist/Separator-_NCypg_C.js

@@ -0,0 +1,37 @@
+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(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-CL0uxu8F.js

@@ -0,0 +1,41 @@
+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(c(g), { class: c(e)("focus-ring peer inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-pill border-2 border-transparent transition-colors disabled:cursor-not-allowed disabled:opacity-disabled data-[state=checked]:bg-primary data-[state=unchecked]:bg-input", m.class) }), {
+			default: l(() => [r(c(d), { class: o(c(e)("pointer-events-none block h-5 w-5 rounded-pill bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0")) }, null, 8, ["class"])]),
+			_: 1
+		}, 16, ["class"]));
+	}
+});
+//#endregion
+export { p as t };

package/dist/Toaster-DY8_jtHv.js

@@ -0,0 +1,255 @@
+import { t as e } from "./cn-DJXf4yaB.js";
+import { t } from "./x-cdWAmO-q.js";
+import { Fragment as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, createVNode as l, defineComponent as u, mergeProps as d, openBlock as f, ref as p, renderList as m, renderSlot as h, toDisplayString as g, unref as _, withCtx as v } from "vue";
+import { ToastAction as y, ToastClose as b, ToastDescription as x, ToastProvider as S, ToastRoot as C, ToastTitle as w, ToastViewport as T } from "reka-ui";
+//#endregion
+//#region src/components/ui/toast/Toast.vue
+var E = /* @__PURE__ */ u({
+	__name: "Toast",
+	props: {
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		variant: { default: "default" },
+		onOpenChange: {},
+		defaultOpen: { type: Boolean },
+		forceMount: { type: Boolean },
+		type: {},
+		open: { type: Boolean },
+		duration: {},
+		asChild: { type: Boolean },
+		as: {}
+	},
+	emits: [
+		"escapeKeyDown",
+		"pause",
+		"resume",
+		"swipeStart",
+		"swipeMove",
+		"swipeCancel",
+		"swipeEnd",
+		"update:open"
+	],
+	setup(t, { emit: n }) {
+		let a = t, o = n, s = r(() => {
+			let { class: e, variant: t, ...n } = a;
+			return n;
+		});
+		return (n, r) => (f(), i(_(S), null, {
+			default: v(() => [l(_(C), d(s.value, {
+				class: _(e)("group pointer-events-auto relative flex w-full items-center justify-between space-x-4 overflow-hidden rounded-panel border p-6 pr-8 shadow-modal transition-[opacity,transform] data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--reka-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--reka-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full", {
+					"bg-background text-foreground border": t.variant === "default",
+					"bg-destructive text-destructive-foreground border-destructive": t.variant === "destructive"
+				}, a.class),
+				"onUpdate:open": r[0] ||= (e) => o("update:open", e),
+				onEscapeKeyDown: r[1] ||= (e) => o("escapeKeyDown", e),
+				onSwipeStart: r[2] ||= (e) => o("swipeStart", e),
+				onSwipeMove: r[3] ||= (e) => o("swipeMove", e),
+				onSwipeEnd: r[4] ||= (e) => o("swipeEnd", e),
+				onSwipeCancel: r[5] ||= (e) => o("swipeCancel", e)
+			}), {
+				default: v(() => [h(n.$slots, "default")]),
+				_: 3
+			}, 16, ["class"]), l(_(T))]),
+			_: 3
+		}));
+	}
+}), D = /* @__PURE__ */ u({
+	__name: "ToastAction",
+	props: {
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		altText: {},
+		asChild: { type: Boolean },
+		as: {}
+	},
+	setup(t) {
+		let n = t, a = r(() => {
+			let { class: e, ...t } = n;
+			return t;
+		});
+		return (t, r) => (f(), i(_(y), d(a.value, { class: _(e)("focus-ring inline-flex h-8 shrink-0 items-center justify-center rounded-button border bg-transparent px-3 text-sm font-medium transition-colors hover:bg-secondary disabled:pointer-events-none disabled:opacity-disabled group-[.destructive]:border-muted/40 group-[.destructive]:hover:border-destructive/30 group-[.destructive]:hover:bg-destructive group-[.destructive]:hover:text-destructive-foreground", n.class) }), {
+			default: v(() => [h(t.$slots, "default")]),
+			_: 3
+		}, 16, ["class"]));
+	}
+}), O = /* @__PURE__ */ u({
+	__name: "ToastClose",
+	props: {
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		asChild: { type: Boolean },
+		as: {}
+	},
+	setup(n) {
+		let a = n, o = r(() => {
+			let { class: e, ...t } = a;
+			return t;
+		});
+		return (n, r) => (f(), i(_(b), d(o.value, { class: _(e)("focus-ring absolute right-2 top-2 rounded-button p-1 text-foreground/50 opacity-0 transition-opacity hover:text-foreground focus:opacity-100 group-hover:opacity-100 group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50", a.class) }), {
+			default: v(() => [l(_(t), { class: "h-4 w-4" })]),
+			_: 1
+		}, 16, ["class"]));
+	}
+}), k = /* @__PURE__ */ u({
+	__name: "ToastDescription",
+	props: {
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		asChild: { type: Boolean },
+		as: {}
+	},
+	setup(t) {
+		let n = t, a = r(() => {
+			let { class: e, ...t } = n;
+			return t;
+		});
+		return (t, r) => (f(), i(_(x), d(a.value, { class: _(e)("text-sm opacity-90", n.class) }), {
+			default: v(() => [h(t.$slots, "default")]),
+			_: 3
+		}, 16, ["class"]));
+	}
+}), A = /* @__PURE__ */ u({
+	__name: "ToastTitle",
+	props: {
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		asChild: { type: Boolean },
+		as: {}
+	},
+	setup(t) {
+		let n = t, a = r(() => {
+			let { class: e, ...t } = n;
+			return t;
+		});
+		return (t, r) => (f(), i(_(w), d(a.value, { class: _(e)("text-sm font-semibold", n.class) }), {
+			default: v(() => [h(t.$slots, "default")]),
+			_: 3
+		}, 16, ["class"]));
+	}
+}), j = 5, M = 1e6, N = /* @__PURE__ */ new Map();
+function P(e) {
+	if (N.has(e)) return;
+	let t = setTimeout(() => {
+		N.delete(e), I({
+			type: "REMOVE_TOAST",
+			toastId: e
+		});
+	}, M);
+	N.set(e, t);
+}
+var F = p([]);
+function I(e) {
+	switch (e.type) {
+		case "ADD_TOAST":
+			F.value = [e.toast, ...F.value].slice(0, j);
+			break;
+		case "UPDATE_TOAST":
+			F.value = F.value.map((t) => t.id === e.toast.id ? {
+				...t,
+				...e.toast
+			} : t);
+			break;
+		case "DISMISS_TOAST": {
+			let { toastId: t } = e;
+			t ? P(t) : F.value.forEach((e) => {
+				P(e.id);
+			}), F.value = F.value.map((e) => e.id === t || t === void 0 ? {
+				...e,
+				open: !1
+			} : e);
+			break;
+		}
+		case "REMOVE_TOAST":
+			e.toastId === void 0 ? F.value = [] : F.value = F.value.filter((t) => t.id !== e.toastId);
+			break;
+	}
+}
+var L = 0;
+function R() {
+	return L = (L + 1) % Number.MAX_VALUE, L.toString();
+}
+function z(e) {
+	let t = R(), n = (e) => I({
+		type: "UPDATE_TOAST",
+		toast: {
+			...e,
+			id: t
+		}
+	}), r = () => I({
+		type: "DISMISS_TOAST",
+		toastId: t
+	});
+	return I({
+		type: "ADD_TOAST",
+		toast: {
+			...e,
+			id: t,
+			open: !0,
+			onOpenChange: (e) => {
+				e || r();
+			}
+		}
+	}), {
+		id: t,
+		dismiss: r,
+		update: n
+	};
+}
+function B() {
+	return {
+		toasts: r(() => F.value),
+		toast: z,
+		dismiss: (e) => I({
+			type: "DISMISS_TOAST",
+			toastId: e
+		})
+	};
+}
+//#endregion
+//#region src/components/ui/toast/Toaster.vue?vue&type=script&setup=true&lang.ts
+var V = { class: "grid gap-1" }, H = /* @__PURE__ */ u({
+	__name: "Toaster",
+	setup(e) {
+		let { toasts: t } = B();
+		return (e, r) => (f(), i(_(S), null, {
+			default: v(() => [(f(!0), o(n, null, m(_(t), (e) => (f(), i(E, d({ key: e.id }, { ref_for: !0 }, e), {
+				default: v(() => [s("div", V, [e.title ? (f(), i(A, { key: 0 }, {
+					default: v(() => [c(g(e.title), 1)]),
+					_: 2
+				}, 1024)) : a("", !0), e.description ? (f(), i(k, { key: 1 }, {
+					default: v(() => [c(g(e.description), 1)]),
+					_: 2
+				}, 1024)) : a("", !0)]), l(O)]),
+				_: 2
+			}, 1040))), 128)), l(_(T), { class: "fixed top-0 z-toast flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]" })]),
+			_: 1
+		}));
+	}
+});
+//#endregion
+export { k as a, E as c, A as i, z as n, O as o, B as r, D as s, H as t };