@mkbabb/glass-ui 2.1.0 → 3.1.0

package/dist/{Toaster-DY8_jtHv.js → Toaster-Bjlunvq4.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-q7pJa83X.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/UnderlineTabs-DAWMLmJG.js

@@ -0,0 +1,37 @@
+import { t as e } from "./cn-DJXf4yaB.js";
+import { t } from "./_plugin-vue_export-helper-Dq1MygBL.js";
+import { Fragment as n, createElementBlock as r, defineComponent as i, normalizeClass as a, openBlock as o, renderList as s, toDisplayString as c, unref as l } from "vue";
+//#region src/components/custom/tabs/UnderlineTabs.vue?vue&type=script&setup=true&lang.ts
+var u = ["aria-selected", "onClick"], d = /* @__PURE__ */ t(/* @__PURE__ */ i({
+	__name: "UnderlineTabs",
+	props: {
+		options: {},
+		modelValue: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	emits: ["update:modelValue"],
+	setup(t, { emit: i }) {
+		let d = t, f = i;
+		function p(e) {
+			f("update:modelValue", e);
+		}
+		return (i, f) => (o(), r("div", {
+			role: "tablist",
+			class: a(l(e)("underline-tabs", d.class))
+		}, [(o(!0), r(n, null, s(t.options, (e) => (o(), r("button", {
+			key: e.value,
+			class: "underline-tab",
+			role: "tab",
+			"aria-selected": t.modelValue === e.value ? "true" : "false",
+			onClick: (t) => p(e.value)
+		}, c(e.label), 9, u))), 128))], 2));
+	}
+}), [["__scopeId", "data-v-93401bfa"]]);
+//#endregion
+export { d 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 } from "./_plugin-vue_export-helper-Dq1MygBL.js";
+import { t as n } from "./useAnimatedNumber-DKQYVB7s.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({

package/dist/api/index.d.ts

@@ -20,6 +20,8 @@ export type { FuzzySearchState, SearchableItem, SearchIndex, SearchResult, UseFu
 export type { GlassPanelProps } from "../components/custom/glass-panel";
 export type { ToastType } from "../components/ui/toast";
 export type { UseClipboardOptions, UseClipboardReturn, } from "../composables/dom/useClipboard";
+export type { UseUserInvalidAriaOptions, UseUserInvalidAriaReturn, } from "../composables/dom/useUserInvalidAria";
+export type { ViewTransitionResult } from "../composables/motion/useViewTransition";
 export type { HeaderRibbonPosition, HeaderRibbonProps, } from "../components/custom/header-ribbon";
 export type { MetricCellAppearance, MetricCellProps, } from "../components/custom/metric-cell";
 export type { MetricRowProps, MetricStackProps, } from "../components/custom/metric-stack";

package/dist/api.js

@@ -1,2 +1,2 @@
-import { n as e, r as t, t as n } from "./presets-BMzCDrmR.js";
+import { n as e, r as t, t as n } from "./presets-a-D93K1S.js";
 export { n as DEFAULT_AURORA_CONFIG, e as MAX_NUCLEI, t as MAX_STOPS };