@mkbabb/glass-ui 2.0.0 → 3.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Mike Babb
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OF OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -270,3 +270,12 @@ All runtime deps are peer:
 | `lucide-vue-next` ^0.525 | Icon set |
 | `vaul-vue` ^0.2 | Drawer primitives |
 | `@mkbabb/keyframes.js` ^2.0 | Spring/keyframe runtime |
+
+## Contributing
+
+See [CONTRIBUTING.md](./CONTRIBUTING.md). The README shape follows the perimeter-level
+[canonical README shape](./docs/precepts/canonical-readme-shape.md).
+
+## License
+
+[MIT](./LICENSE) © 2026 Mike Babb.

package/dist/{CommandShortcut-_INFUMu6.js → CommandShortcut-BNDzfFnB.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./cn-DJXf4yaB.js";
-import { t } from "./search-ocd8tmL9.js";
-import { n, t as r } from "./DialogContent-CmCijgX9.js";
+import { t } from "./search-7XEx_6hq.js";
+import { n, t as r } from "./DialogContent-DSo7PKlU.js";
 import { t as i } from "./menuItemVariants-B2nDL7zH.js";
 import { computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createTextVNode as u, createVNode as d, defineComponent as f, guardReactiveProps as p, mergeProps as m, normalizeClass as h, normalizeProps as g, openBlock as _, renderSlot as v, toDisplayString as y, unref as b, withCtx as x } from "vue";
 import { ComboboxContent as S, ComboboxEmpty as C, ComboboxGroup as w, ComboboxInput as T, ComboboxItem as E, ComboboxLabel as D, ComboboxRoot as O, ComboboxSeparator as k, useForwardProps as A, useForwardPropsEmits as j } from "reka-ui";

package/dist/{ContextMenuSubContent-DCkweFW9.js → ContextMenuSubContent-DLEyeqbh.js}

@@ -1,7 +1,7 @@
 import { t as e } from "./cn-DJXf4yaB.js";
-import { t } from "./createLucideIcon-Bn9a1b70.js";
-import { t as n } from "./check-dwgetki8.js";
-import { t as r } from "./chevron-right-fS7fal2t.js";
+import { t } from "./createLucideIcon-rHu18UQW.js";
+import { t as n } from "./check-Nuw7H9Yh.js";
+import { t as r } from "./chevron-right-CtDxpE3w.js";
 import { t as i } from "./menuItemVariants-B2nDL7zH.js";
 import { computed as a, createBlock as o, createElementBlock as s, createElementVNode as c, createVNode as l, defineComponent as u, guardReactiveProps as d, mergeProps as f, normalizeClass as p, normalizeProps as m, openBlock as h, renderSlot as g, unref as _, withCtx as v } from "vue";
 import { ContextMenuCheckboxItem as y, ContextMenuItem as b, ContextMenuItemIndicator as x, ContextMenuLabel as S, ContextMenuRadioGroup as C, ContextMenuRadioItem as w, ContextMenuSeparator as T, ContextMenuSubContent as E, ContextMenuSubTrigger as D, useForwardProps as O, useForwardPropsEmits as k } from "reka-ui";

package/dist/{DialogContent-CmCijgX9.js → DialogContent-DSo7PKlU.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./cn-DJXf4yaB.js";
-import { t } from "./x-cdWAmO-q.js";
+import { t } from "./x-Cb3NE2Ne.js";
 import { t as n } from "./useSpringMount-BTRBNzXP.js";
 import { t as r } from "./ModalOverlay-DKLVY-cj.js";
 import { computed as i, createBlock as a, createElementVNode as o, createVNode as s, defineComponent as c, guardReactiveProps as l, mergeProps as u, normalizeProps as d, openBlock as f, renderSlot as p, unref as m, withCtx as h } from "vue";

package/dist/{DialogFooter-DRdaCok0.js → DialogFooter-D5KY6sCX.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./cn-DJXf4yaB.js";
-import { t } from "./x-cdWAmO-q.js";
+import { t } from "./x-Cb3NE2Ne.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";

package/dist/{Notification-DrI1DT2v.js → Notification-D97JO0fK.js}

@@ -1,5 +1,5 @@
-import { t as e } from "./createLucideIcon-Bn9a1b70.js";
-import { t } from "./x-cdWAmO-q.js";
+import { t as e } from "./createLucideIcon-rHu18UQW.js";
+import { t } from "./x-Cb3NE2Ne.js";
 import { t as n } from "./_plugin-vue_export-helper-n-_DRHWS.js";
 import { Fragment as r, TransitionGroup as i, createBlock as a, createElementBlock as o, createElementVNode as s, createVNode as c, defineComponent as l, normalizeClass as u, openBlock as d, renderList as f, resolveDynamicComponent as p, toDisplayString as m, unref as h, withCtx as g } from "vue";
 var _ = e("circle-alert", [

package/dist/{SelectScrollDownButton-yu8EYUnu.js → SelectScrollDownButton-BwTexKeY.js}

@@ -1,6 +1,6 @@
 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 } from "./chevron-down-Du2b9vY_.js";
+import { t as n } from "./chevron-up-CenYokvI.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";

package/dist/{Toaster-DY8_jtHv.js → Toaster-CY8gJu9E.js}

@@ -1,10 +1,10 @@
 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";
+import { t } from "./x-Cb3NE2Ne.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, normalizeClass as f, openBlock as p, ref as m, renderList as h, renderSlot as g, toDisplayString as _, unref as v, withCtx as y } from "vue";
+import { ToastAction as b, ToastClose as x, ToastDescription as S, ToastProvider as C, ToastRoot as w, ToastTitle as T, ToastViewport as E } from "reka-ui";
 //#endregion
 //#region src/components/ui/toast/Toast.vue
-var E = /* @__PURE__ */ u({
+var D = /* @__PURE__ */ u({
 	__name: "Toast",
 	props: {
 		class: { type: [
@@ -39,9 +39,9 @@ var E = /* @__PURE__ */ u({
 			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", {
+		return (n, r) => (p(), i(v(C), null, {
+			default: y(() => [l(v(w), d(s.value, {
+				class: v(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),
@@ -52,13 +52,13 @@ var E = /* @__PURE__ */ u({
 				onSwipeEnd: r[4] ||= (e) => o("swipeEnd", e),
 				onSwipeCancel: r[5] ||= (e) => o("swipeCancel", e)
 			}), {
-				default: v(() => [h(n.$slots, "default")]),
+				default: y(() => [g(n.$slots, "default")]),
 				_: 3
-			}, 16, ["class"]), l(_(T))]),
+			}, 16, ["class"]), l(v(E))]),
 			_: 3
 		}));
 	}
-}), D = /* @__PURE__ */ u({
+}), O = /* @__PURE__ */ u({
 	__name: "ToastAction",
 	props: {
 		class: { type: [
@@ -77,12 +77,12 @@ var E = /* @__PURE__ */ u({
 			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")]),
+		return (t, r) => (p(), i(v(b), d(a.value, { class: v(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: y(() => [g(t.$slots, "default")]),
 			_: 3
 		}, 16, ["class"]));
 	}
-}), O = /* @__PURE__ */ u({
+}), k = /* @__PURE__ */ u({
 	__name: "ToastClose",
 	props: {
 		class: { type: [
@@ -100,12 +100,12 @@ var E = /* @__PURE__ */ u({
 			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" })]),
+		return (n, r) => (p(), i(v(x), d(o.value, { class: v(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: y(() => [l(v(t), { class: "h-4 w-4" })]),
 			_: 1
 		}, 16, ["class"]));
 	}
-}), k = /* @__PURE__ */ u({
+}), A = /* @__PURE__ */ u({
 	__name: "ToastDescription",
 	props: {
 		class: { type: [
@@ -123,12 +123,12 @@ var E = /* @__PURE__ */ u({
 			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")]),
+		return (t, r) => (p(), i(v(S), d(a.value, { class: v(e)("text-sm opacity-90", n.class) }), {
+			default: y(() => [g(t.$slots, "default")]),
 			_: 3
 		}, 16, ["class"]));
 	}
-}), A = /* @__PURE__ */ u({
+}), j = /* @__PURE__ */ u({
 	__name: "ToastTitle",
 	props: {
 		class: { type: [
@@ -146,65 +146,65 @@ var E = /* @__PURE__ */ u({
 			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")]),
+		return (t, r) => (p(), i(v(T), d(a.value, { class: v(e)("text-sm font-semibold", n.class) }), {
+			default: y(() => [g(t.$slots, "default")]),
 			_: 3
 		}, 16, ["class"]));
 	}
-}), j = 5, M = 1e6, N = /* @__PURE__ */ new Map();
-function P(e) {
-	if (N.has(e)) return;
+}), M = 5, N = 1e6, P = /* @__PURE__ */ new Map();
+function F(e) {
+	if (P.has(e)) return;
 	let t = setTimeout(() => {
-		N.delete(e), I({
+		P.delete(e), L({
 			type: "REMOVE_TOAST",
 			toastId: e
 		});
-	}, M);
-	N.set(e, t);
+	}, N);
+	P.set(e, t);
 }
-var F = p([]);
-function I(e) {
+var I = m([]);
+function L(e) {
 	switch (e.type) {
 		case "ADD_TOAST":
-			F.value = [e.toast, ...F.value].slice(0, j);
+			I.value = [e.toast, ...I.value].slice(0, M);
 			break;
 		case "UPDATE_TOAST":
-			F.value = F.value.map((t) => t.id === e.toast.id ? {
+			I.value = I.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 ? {
+			t ? F(t) : I.value.forEach((e) => {
+				F(e.id);
+			}), I.value = I.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);
+			e.toastId === void 0 ? I.value = [] : I.value = I.value.filter((t) => t.id !== e.toastId);
 			break;
 	}
 }
-var L = 0;
-function R() {
-	return L = (L + 1) % Number.MAX_VALUE, L.toString();
+var R = 0;
+function z() {
+	return R = (R + 1) % Number.MAX_VALUE, R.toString();
 }
-function z(e) {
-	let t = R(), n = (e) => I({
+function B(e) {
+	let t = z(), n = (e) => L({
 		type: "UPDATE_TOAST",
 		toast: {
 			...e,
 			id: t
 		}
-	}), r = () => I({
+	}), r = () => L({
 		type: "DISMISS_TOAST",
 		toastId: t
 	});
-	return I({
+	return L({
 		type: "ADD_TOAST",
 		toast: {
 			...e,
@@ -220,11 +220,11 @@ function z(e) {
 		update: n
 	};
 }
-function B() {
+function V() {
 	return {
-		toasts: r(() => F.value),
-		toast: z,
-		dismiss: (e) => I({
+		toasts: r(() => I.value),
+		toast: B,
+		dismiss: (e) => L({
 			type: "DISMISS_TOAST",
 			toastId: e
 		})
@@ -232,24 +232,35 @@ function B() {
 }
 //#endregion
 //#region src/components/ui/toast/Toaster.vue?vue&type=script&setup=true&lang.ts
-var V = { class: "grid gap-1" }, H = /* @__PURE__ */ u({
+var H = { class: "grid gap-1" }, U = "fixed top-0 z-toast flex max-h-screen w-full", W = "p-4", G = "md:max-w-[420px]", K = /* @__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)]),
+	props: { position: { default: "bottom-right" } },
+	setup(t) {
+		let u = t, { toasts: m } = V(), g = {
+			"bottom-right": ["flex-col-reverse", "sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col"],
+			"bottom-left": ["flex-col-reverse", "sm:bottom-0 sm:left-0 sm:top-auto sm:flex-col"],
+			"bottom-center": ["flex-col-reverse", "sm:bottom-0 sm:left-1/2 sm:top-auto sm:-translate-x-1/2 sm:flex-col"],
+			"top-right": ["right-0 flex-col", ""],
+			"top-left": ["left-0 flex-col", ""],
+			"top-center": ["left-1/2 -translate-x-1/2 flex-col", ""]
+		}, b = r(() => {
+			let [t, n] = g[u.position];
+			return e(U, t, W, n, G);
+		});
+		return (e, t) => (p(), i(v(C), null, {
+			default: y(() => [(p(!0), o(n, null, h(v(m), (e) => (p(), i(D, d({ key: e.id }, { ref_for: !0 }, e), {
+				default: y(() => [s("div", H, [e.title ? (p(), i(j, { key: 0 }, {
+					default: y(() => [c(_(e.title), 1)]),
 					_: 2
-				}, 1024)) : a("", !0), e.description ? (f(), i(k, { key: 1 }, {
-					default: v(() => [c(g(e.description), 1)]),
+				}, 1024)) : a("", !0), e.description ? (p(), i(A, { key: 1 }, {
+					default: y(() => [c(_(e.description), 1)]),
 					_: 2
-				}, 1024)) : a("", !0)]), l(O)]),
+				}, 1024)) : a("", !0)]), l(k)]),
 				_: 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]" })]),
+			}, 1040))), 128)), l(v(E), { class: f(b.value) }, null, 8, ["class"])]),
 			_: 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 };
+export { A as a, D as c, j as i, B as n, k as o, V as r, O as s, K as t };

package/dist/animated-digit.js

@@ -1,6 +1,6 @@
 import { t as e } from "./cn-DJXf4yaB.js";
 import { t } from "./_plugin-vue_export-helper-n-_DRHWS.js";
-import { t as n } from "./useAnimatedNumber-DcvTR9B4.js";
+import { t as n } from "./useAnimatedNumber-2l13GibX.js";
 import { computed as r, createElementBlock as i, defineComponent as a, normalizeClass as o, normalizeStyle as s, openBlock as c, toDisplayString as l, unref as u } from "vue";
 //#region src/components/custom/animated-digit/AnimatedDigit.vue?vue&type=script&setup=true&lang.ts
 var d = ["data-is-animating"], f = /* @__PURE__ */ t(/* @__PURE__ */ a({