@mkbabb/glass-ui 3.1.1 → 3.3.0

package/dist/dockContext-spUj_-E5.js

@@ -0,0 +1,9 @@
+import { n as e } from "./createContext-DBMGRlx4.js";
+//#region src/components/custom/dock/composables/dockContext.ts
+var t = e("glass-ui:dock-context", "[glass-ui:dock] useDockContext() called outside <GlassDock>; use useOptionalDockContext() if the primitive may render outside a dock."), n = t.KEY;
+function r(e) {
+	t.provide(e);
+}
+var i = t.use, a = t.useOptional;
+//#endregion
+export { a as i, r as n, i as r, n as t };

package/dist/dom.js

@@ -1,5 +1,6 @@
-import { t as e } from "./useTouchGate-D9Zvrzyc.js";
-import { t } from "./useResizeObserver-Cg9npuM3.js";
-import { a as n, i as r, n as i, o as a, r as o, t as s } from "./useIdleReady-Cmkhm03v.js";
-import { t as c } from "./useUserInvalidAria-DVu1eTXG.js";
-export { r as copyToClipboard, i as useBreakpoint, n as useClipboard, s as useIdleReady, t as useResizeObserver, a as useTokenColor, e as useTouchGate, c as useUserInvalidAria, o as useViewportReady };
+import { t as e } from "./useResizeObserver-DX-STszm.js";
+import { t } from "./useTouchGate-CS5Csc2h.js";
+import { n, r, t as i } from "./useClipboard-D8vFyRCa.js";
+import { t as a } from "./useUserInvalidAria-DmvZ_6Dx.js";
+import { t as o } from "./useTextHighlight-Dmtofpk2.js";
+export { i as copyToClipboard, n as useClipboard, e as useResizeObserver, o as useTextHighlight, r as useTokenColor, t as useTouchGate, a as useUserInvalidAria };

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

@@ -1,8 +1,8 @@
 import { t as e } from "./cn-DJXf4yaB.js";
-import { t } from "./check-dwgetki8.js";
-import { t as n } from "./chevron-right-fS7fal2t.js";
-import { t as r } from "./menuItemVariants-BsbGNq9C.js";
-import { i } from "./dockContext-D5NZCWJs.js";
+import { t } from "./check-CdkxGxXJ.js";
+import { t as n } from "./chevron-right-BjeKC22V.js";
+import { t as r } from "./menuItemVariants-C2QlXqT3.js";
+import { i } from "./dockContext-spUj_-E5.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 { DropdownMenuCheckboxItem as y, DropdownMenuContent as b, DropdownMenuGroup as x, DropdownMenuItem as S, DropdownMenuItemIndicator as C, DropdownMenuLabel as w, DropdownMenuPortal as T, DropdownMenuPortal as E, DropdownMenuRadioGroup as D, DropdownMenuRadioItem as O, DropdownMenuRoot as k, DropdownMenuSeparator as A, DropdownMenuSub as j, DropdownMenuSubContent as M, DropdownMenuSubTrigger as N, DropdownMenuTrigger as P, useForwardProps as F, useForwardPropsEmits as I } from "reka-ui";
 //#endregion

package/dist/dropdown-menu.js

@@ -1,2 +1,2 @@
-import { a as e, c as t, d as n, f as r, h as i, i as a, l as o, m as s, n as c, o as l, p as u, r as d, s as f, t as p, u as m } from "./dropdown-menu-BvRUamNs.js";
+import { a as e, c as t, d as n, f as r, h as i, i as a, l as o, m as s, n as c, o as l, p as u, r as d, s as f, t as p, u as m } from "./dropdown-menu-EFjl5iKo.js";
 export { i as DropdownMenu, o as DropdownMenuCheckboxItem, u as DropdownMenuContent, r as DropdownMenuGroup, m as DropdownMenuItem, e as DropdownMenuLabel, p as DropdownMenuPortal, n as DropdownMenuRadioGroup, t as DropdownMenuRadioItem, l as DropdownMenuSeparator, f as DropdownMenuShortcut, a as DropdownMenuSub, c as DropdownMenuSubContent, d as DropdownMenuSubTrigger, s as DropdownMenuTrigger };

package/dist/expandable-container.js

@@ -1,23 +1,27 @@
-import { n as e, t } from "./minimize-2-LsCJ_eNt.js";
-import { i as n } from "./useKeyboardShortcuts-Dpw_RUcB.js";
+import { n as e, t } from "./minimize-2-BP27-qBY.js";
+import { i as n } from "./useKeyboardShortcuts-BQfnAHHW.js";
 import { Fragment as r, Teleport as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createVNode as l, defineComponent as u, mergeModels as d, mergeProps as f, normalizeClass as p, onMounted as m, onUnmounted as h, openBlock as g, renderSlot as _, unref as v, useModel as y, watch as b } from "vue";
 //#region src/components/custom/expandable-container/ExpandableContainer.vue?vue&type=script&setup=true&lang.ts
-var x = {
+var x = ["aria-label"], S = {
 	key: 0,
 	class: "fixed inset-0 z-modal flex flex-col bg-background"
-}, S = { class: "h-full w-full" }, C = 0, w = null;
-function T() {
-	return typeof document > "u" ? !1 : (C === 0 && (w = document.body.style.overflow, document.body.style.overflow = "hidden"), C += 1, !0);
+}, C = ["aria-label"], w = { class: "h-full w-full" }, T = 0, E = null;
+function D() {
+	return typeof document > "u" ? !1 : (T === 0 && (E = document.body.style.overflow, document.body.style.overflow = "hidden"), T += 1, !0);
 }
-function E() {
-	typeof document > "u" || C === 0 || (--C, C === 0 && (document.body.style.overflow = w ?? "", w = null));
+function O() {
+	typeof document > "u" || T === 0 || (--T, T === 0 && (document.body.style.overflow = E ?? "", E = null));
 }
 //#endregion
 //#region src/components/custom/expandable-container/ExpandableContainer.vue
-var D = /* @__PURE__ */ u({
+var k = /* @__PURE__ */ u({
 	inheritAttrs: !1,
 	__name: "ExpandableContainer",
-	props: /* @__PURE__ */ d({ buttonPosition: { default: "right" } }, {
+	props: /* @__PURE__ */ d({
+		buttonPosition: { default: "right" },
+		expandLabel: { default: "Fullscreen" },
+		collapseLabel: { default: "Exit fullscreen" }
+	}, {
 		open: {
 			type: Boolean,
 			default: !1
@@ -26,18 +30,18 @@ var D = /* @__PURE__ */ u({
 	}),
 	emits: ["update:open"],
 	setup(u) {
-		let d = y(u, "open"), C = !1;
-		function w(e) {
-			if (e && !C) {
-				C = T();
+		let d = y(u, "open"), T = !1;
+		function E(e) {
+			if (e && !T) {
+				T = D();
 				return;
 			}
-			!e && C && (E(), C = !1);
+			!e && T && (O(), T = !1);
 		}
-		b(d, w, { immediate: !0 });
-		let D = null;
+		b(d, E, { immediate: !0 });
+		let k = null;
 		return m(() => {
-			D = n("Escape", () => {
+			k = n("Escape", () => {
 				d.value &&= !1;
 			}, {
 				label: "Exit fullscreen",
@@ -45,20 +49,22 @@ var D = /* @__PURE__ */ u({
 				allowInInput: !0
 			});
 		}), h(() => {
-			D?.(), w(!1);
+			k?.(), E(!1);
 		}), (n, m) => (g(), s(r, null, [d.value ? o("", !0) : (g(), s("div", f({
 			key: 0,
 			class: "relative"
 		}, n.$attrs), [c("button", {
 			class: p(["expandable-container__trigger absolute z-10 rounded-button bg-card/70 [backdrop-filter:var(--glass-blur-wash)] p-1.5 text-muted-foreground hover:text-foreground transition-colors shadow-sm border border-border/40", u.buttonPosition === "left" ? "left-2 top-2" : "right-2 top-2"]),
 			title: "Fullscreen",
+			"aria-label": u.expandLabel,
 			onClick: m[0] ||= (e) => d.value = !0
-		}, [l(v(e), { class: "h-4 w-4" })], 2), _(n.$slots, "default", { fullscreen: !1 })], 16)), (g(), a(i, { to: "body" }, [d.value ? (g(), s("div", x, [c("button", {
+		}, [l(v(e), { class: "h-4 w-4" })], 10, x), _(n.$slots, "default", { fullscreen: !1 })], 16)), (g(), a(i, { to: "body" }, [d.value ? (g(), s("div", S, [c("button", {
 			class: p(["expandable-container__trigger absolute z-10 rounded-button bg-card/70 [backdrop-filter:var(--glass-blur-wash)] p-2 text-muted-foreground hover:text-foreground transition-colors shadow-sm border border-border/40", u.buttonPosition === "left" ? "left-3 top-3" : "right-3 top-3"]),
 			title: "Exit fullscreen",
+			"aria-label": u.collapseLabel,
 			onClick: m[1] ||= (e) => d.value = !1
-		}, [l(v(t), { class: "h-4 w-4" })], 2), c("div", S, [_(n.$slots, "default", { fullscreen: !0 })])])) : o("", !0)]))], 64));
+		}, [l(v(t), { class: "h-4 w-4" })], 10, C), c("div", w, [_(n.$slots, "default", { fullscreen: !0 })])])) : o("", !0)]))], 64));
 	}
 });
 //#endregion
-export { D as ExpandableContainer };
+export { k as ExpandableContainer };

package/dist/fonts/README.md

@@ -21,6 +21,27 @@ woff2 builds live in `distr/woff2/` of that repository's releases — pull
 the `Regular`/`Medium`/`SemiBold` weights only (the three glass-ui ships
 as the `--font-mono` stack rungs).
 
+## Fraunces (display, AU.W4)
+
+The actual on-disk layout is per-family nested
+(`src/fonts/<family>/<face>.woff2`), e.g.
+`src/fonts/plus-jakarta-sans/plus-jakarta-sans-latin.woff2`. AU.W4 ships the
+display register's face — the `--font-stack-display: "Fraunces"` token
+(`tokens.css`) had no face, so the `WONK`/`SOFT` axes `typography.css` drives were
+silently inert. The shipped face is the FULL variable Fraunces (latin subset):
+
+```
+src/fonts/fraunces/fraunces-latin.woff2
+```
+
+It carries the `wght` · `opsz` · `SOFT` · `WONK` axes (verified by
+`proof:font-axes`, which parses the woff2 `fvar` against the axes
+`typography.css` references). Source canonical:
+<https://github.com/googlefonts/fraunces> (OFL-1.1); the variable woff2 latin
+subset is the Google Fonts / fontsource distribution. `proof:font-axes` fails
+closed if a wght-only instance (one that drops `SOFT`/`WONK`) is ever
+substituted.
+
 ## Why this directory ships, not the fetch step
 
 This worktree has no network access. Sub-task 1 documents the canonical

package/dist/forms.js

@@ -1,13 +1,13 @@
 import { t as e } from "./cn-DJXf4yaB.js";
-import { t } from "./search-DBAiUABx.js";
-import { t as n } from "./menuItemVariants-BsbGNq9C.js";
-import { t as r } from "./useUserInvalidAria-DVu1eTXG.js";
-import { t as i } from "./Input-DDpFn568.js";
-import { createBlock as a, createCommentVNode as o, createElementBlock as s, createTextVNode as c, createVNode as l, defineComponent as u, isRef as d, mergeProps as f, openBlock as p, renderSlot as m, toDisplayString as h, unref as g, vModelText as _, withCtx as v, withDirectives as y } from "vue";
-import { ComboboxAnchor as b, ComboboxCancel as x, ComboboxContent as S, ComboboxEmpty as C, ComboboxGroup as w, ComboboxInput as T, ComboboxItem as E, ComboboxItemIndicator as D, ComboboxLabel as O, ComboboxPortal as k, ComboboxRoot as A, ComboboxSeparator as j, ComboboxTrigger as M, ComboboxViewport as N, useForwardProps as P, useForwardPropsEmits as F } from "reka-ui";
-import { reactiveOmit as I, useVModel as L } from "@vueuse/core";
+import { t } from "./search-DBG8qaRs.js";
+import { t as n } from "./menuItemVariants-C2QlXqT3.js";
+import { t as r } from "./useUserInvalidAria-DmvZ_6Dx.js";
+import { t as i } from "./Input-CU9CNKmo.js";
+import { computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createTextVNode as l, createVNode as u, defineComponent as d, isRef as f, mergeProps as p, openBlock as m, renderSlot as h, toDisplayString as g, unref as _, vModelText as v, withCtx as y, withDirectives as b } from "vue";
+import { ComboboxAnchor as x, ComboboxCancel as S, ComboboxContent as C, ComboboxEmpty as w, ComboboxGroup as T, ComboboxInput as E, ComboboxItem as D, ComboboxItemIndicator as O, ComboboxLabel as k, ComboboxPortal as A, ComboboxRoot as j, ComboboxSeparator as M, ComboboxTrigger as N, ComboboxViewport as P, useForwardProps as F, useForwardPropsEmits as I } from "reka-ui";
+import { reactiveOmit as L, useVModel as R } from "@vueuse/core";
 //#region src/components/ui/textarea/Textarea.vue?vue&type=script&setup=true&lang.ts
-var R = ["data-autosize"], z = /* @__PURE__ */ u({
+var z = ["data-autosize"], B = /* @__PURE__ */ d({
 	inheritAttrs: !1,
 	__name: "Textarea",
 	props: {
@@ -20,6 +20,8 @@ var R = ["data-autosize"], z = /* @__PURE__ */ u({
 		] },
 		defaultValue: {},
 		modelValue: {},
+		placeholder: {},
+		disabled: { type: [Boolean, String] },
 		autosize: {
 			type: Boolean,
 			default: !1
@@ -27,16 +29,22 @@ var R = ["data-autosize"], z = /* @__PURE__ */ u({
 	},
 	emits: ["update:modelValue"],
 	setup(t, { emit: n }) {
-		let r = t, i = L(r, "modelValue", n, {
+		let r = t, i = R(r, "modelValue", n, {
 			passive: !0,
 			defaultValue: r.defaultValue
-		});
-		return (n, a) => y((p(), s("textarea", f({ "onUpdate:modelValue": a[0] ||= (e) => d(i) ? i.value = e : null }, n.$attrs, {
+		}), o = a(() => ({
+			placeholder: r.placeholder,
+			disabled: r.disabled
+		}));
+		return (n, a) => b((m(), c("textarea", p({ "onUpdate:modelValue": a[0] ||= (e) => f(i) ? i.value = e : null }, {
+			...n.$attrs,
+			...o.value
+		}, {
 			"data-autosize": t.autosize ? "" : void 0,
-			class: g(e)("input-pill py-2 text-sm", t.autosize ? "" : "min-h-20", r.class)
-		}), null, 16, R)), [[_, g(i)]]);
+			class: _(e)("input-pill py-2 text-sm", t.autosize ? "" : "min-h-20", r.class)
+		}), null, 16, z)), [[v, _(i)]]);
 	}
-}), B = /* @__PURE__ */ u({
+}), V = /* @__PURE__ */ d({
 	__name: "Combobox",
 	props: {
 		open: { type: Boolean },
@@ -65,13 +73,13 @@ var R = ["data-autosize"], z = /* @__PURE__ */ u({
 		"update:open"
 	],
 	setup(e, { emit: t }) {
-		let n = F(e, t);
-		return (e, t) => (p(), a(g(A), f({ "data-slot": "combobox" }, g(n)), {
-			default: v(() => [m(e.$slots, "default")]),
+		let n = I(e, t);
+		return (e, t) => (m(), o(_(j), p({ "data-slot": "combobox" }, _(n)), {
+			default: y(() => [h(e.$slots, "default")]),
 			_: 3
 		}, 16));
 	}
-}), V = /* @__PURE__ */ u({
+}), H = /* @__PURE__ */ d({
 	__name: "ComboboxAnchor",
 	props: {
 		reference: {},
@@ -86,13 +94,13 @@ var R = ["data-autosize"], z = /* @__PURE__ */ u({
 		] }
 	},
 	setup(t) {
-		let n = t, r = P(I(n, "class"));
-		return (t, i) => (p(), a(g(b), f({ "data-slot": "combobox-anchor" }, g(r), { class: g(e)("w-[200px]", n.class) }), {
-			default: v(() => [m(t.$slots, "default")]),
+		let n = t, r = F(L(n, "class"));
+		return (t, i) => (m(), o(_(x), p({ "data-slot": "combobox-anchor" }, _(r), { class: _(e)("w-popover", n.class) }), {
+			default: y(() => [h(t.$slots, "default")]),
 			_: 3
 		}, 16, ["class"]));
 	}
-}), H = /* @__PURE__ */ u({
+}), U = /* @__PURE__ */ d({
 	__name: "ComboboxEmpty",
 	props: {
 		asChild: { type: Boolean },
@@ -106,13 +114,13 @@ var R = ["data-autosize"], z = /* @__PURE__ */ u({
 		] }
 	},
 	setup(t) {
-		let n = t, r = I(n, "class");
-		return (t, i) => (p(), a(g(C), f({ "data-slot": "combobox-empty" }, g(r), { class: g(e)("py-6 text-center text-sm", n.class) }), {
-			default: v(() => [m(t.$slots, "default")]),
+		let n = t, r = L(n, "class");
+		return (t, i) => (m(), o(_(w), p({ "data-slot": "combobox-empty" }, _(r), { class: _(e)("py-6 text-center text-sm", n.class) }), {
+			default: y(() => [h(t.$slots, "default")]),
 			_: 3
 		}, 16, ["class"]));
 	}
-}), U = /* @__PURE__ */ u({
+}), W = /* @__PURE__ */ d({
 	__name: "ComboboxGroup",
 	props: {
 		asChild: { type: Boolean },
@@ -127,22 +135,22 @@ var R = ["data-autosize"], z = /* @__PURE__ */ u({
 		heading: {}
 	},
 	setup(t) {
-		let n = t, r = I(n, "class");
-		return (i, s) => (p(), a(g(w), f({ "data-slot": "combobox-group" }, g(r), { class: g(e)("overflow-hidden p-1 text-foreground", n.class) }), {
-			default: v(() => [t.heading ? (p(), a(g(O), {
+		let n = t, r = L(n, "class");
+		return (i, a) => (m(), o(_(T), p({ "data-slot": "combobox-group" }, _(r), { class: _(e)("overflow-hidden p-1 text-foreground", n.class) }), {
+			default: y(() => [t.heading ? (m(), o(_(k), {
 				key: 0,
 				class: "px-2 py-1.5 text-xs font-medium text-muted-foreground"
 			}, {
-				default: v(() => [c(h(t.heading), 1)]),
+				default: y(() => [l(g(t.heading), 1)]),
 				_: 1
-			})) : o("", !0), m(i.$slots, "default")]),
+			})) : s("", !0), h(i.$slots, "default")]),
 			_: 3
 		}, 16, ["class"]));
 	}
-}), W = {
+}), G = {
 	"data-slot": "command-input-wrapper",
 	class: "flex h-9 items-center gap-2 border-b px-3"
-}, G = /* @__PURE__ */ u({
+}, K = /* @__PURE__ */ d({
 	inheritAttrs: !1,
 	__name: "ComboboxInput",
 	props: {
@@ -158,23 +166,24 @@ var R = ["data-autosize"], z = /* @__PURE__ */ u({
 			String,
 			Object,
 			Array
-		] }
+		] },
+		placeholder: {}
 	},
 	emits: ["update:modelValue"],
 	setup(n, { emit: r }) {
-		let i = n, a = r, o = F(I(i, "class"), a);
-		return (n, r) => (p(), s("div", W, [l(g(t), { class: "size-4 shrink-0 opacity-50" }), l(g(T), f({
+		let i = n, a = r, o = I(L(i, "class"), a);
+		return (n, r) => (m(), c("div", G, [u(_(t), { class: "size-4 shrink-0 opacity-50" }), u(_(E), p({
 			"data-slot": "command-input",
-			class: g(e)("placeholder:text-muted-foreground flex h-10 w-full rounded-input bg-transparent py-3 text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-disabled", i.class)
+			class: _(e)("placeholder:text-muted-foreground flex h-10 w-full rounded-input bg-transparent py-3 text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-disabled", i.class)
 		}, {
-			...g(o),
+			..._(o),
 			...n.$attrs
 		}), {
-			default: v(() => [m(n.$slots, "default")]),
+			default: y(() => [h(n.$slots, "default")]),
 			_: 3
 		}, 16, ["class"])]));
 	}
-}), K = /* @__PURE__ */ u({
+}), q = /* @__PURE__ */ d({
 	__name: "ComboboxItem",
 	props: {
 		textValue: {},
@@ -192,13 +201,13 @@ var R = ["data-autosize"], z = /* @__PURE__ */ u({
 	},
 	emits: ["select"],
 	setup(t, { emit: r }) {
-		let i = t, o = r, s = F(I(i, "class"), o);
-		return (t, r) => (p(), a(g(E), f({ "data-slot": "combobox-item" }, g(s), { class: g(e)(g(n)({ indicator: "none" }), "gap-2 [&_svg:not([class*='text-'])]:text-muted-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", i.class) }), {
-			default: v(() => [m(t.$slots, "default")]),
+		let i = t, a = r, s = I(L(i, "class"), a);
+		return (t, r) => (m(), o(_(D), p({ "data-slot": "combobox-item" }, _(s), { class: _(e)(_(n)({ indicator: "none" }), "gap-2 [&_svg:not([class*='text-'])]:text-muted-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", i.class) }), {
+			default: y(() => [h(t.$slots, "default")]),
 			_: 3
 		}, 16, ["class"]));
 	}
-}), q = /* @__PURE__ */ u({
+}), J = /* @__PURE__ */ d({
 	__name: "ComboboxItemIndicator",
 	props: {
 		asChild: { type: Boolean },
@@ -212,13 +221,13 @@ var R = ["data-autosize"], z = /* @__PURE__ */ u({
 		] }
 	},
 	setup(t) {
-		let n = t, r = P(I(n, "class"));
-		return (t, i) => (p(), a(g(D), f({ "data-slot": "combobox-item-indicator" }, g(r), { class: g(e)("ml-auto", n.class) }), {
-			default: v(() => [m(t.$slots, "default")]),
+		let n = t, r = F(L(n, "class"));
+		return (t, i) => (m(), o(_(O), p({ "data-slot": "combobox-item-indicator" }, _(r), { class: _(e)("ml-auto", n.class) }), {
+			default: y(() => [h(t.$slots, "default")]),
 			_: 3
 		}, 16, ["class"]));
 	}
-}), J = /* @__PURE__ */ u({
+}), Y = /* @__PURE__ */ d({
 	__name: "ComboboxList",
 	props: {
 		forceMount: { type: Boolean },
@@ -261,16 +270,16 @@ var R = ["data-autosize"], z = /* @__PURE__ */ u({
 		"interactOutside"
 	],
 	setup(t, { emit: n }) {
-		let r = t, i = n, o = F(I(r, "class"), i);
-		return (t, n) => (p(), a(g(k), null, {
-			default: v(() => [l(g(S), f({ "data-slot": "combobox-list" }, g(o), { class: g(e)("z-popover w-[200px] rounded-panel border glass-floating text-popover-foreground origin-[--reka-combobox-content-transform-origin] overflow-hidden outline-none popover-animate slide-in-from-side", r.class) }), {
-				default: v(() => [m(t.$slots, "default")]),
+		let r = t, i = n, a = I(L(r, "class"), i);
+		return (t, n) => (m(), o(_(A), null, {
+			default: y(() => [u(_(C), p({ "data-slot": "combobox-list" }, _(a), { class: _(e)("z-popover w-popover rounded-panel border glass-floating text-popover-foreground origin-(--reka-combobox-content-transform-origin) overflow-hidden outline-none popover-animate slide-in-from-side", r.class) }), {
+				default: y(() => [h(t.$slots, "default")]),
 				_: 3
 			}, 16, ["class"])]),
 			_: 3
 		}));
 	}
-}), Y = /* @__PURE__ */ u({
+}), X = /* @__PURE__ */ d({
 	__name: "ComboboxSeparator",
 	props: {
 		asChild: { type: Boolean },
@@ -284,13 +293,13 @@ var R = ["data-autosize"], z = /* @__PURE__ */ u({
 		] }
 	},
 	setup(t) {
-		let n = t, r = I(n, "class");
-		return (t, i) => (p(), a(g(j), f({ "data-slot": "combobox-separator" }, g(r), { class: g(e)("bg-border -mx-1 h-px", n.class) }), {
-			default: v(() => [m(t.$slots, "default")]),
+		let n = t, r = L(n, "class");
+		return (t, i) => (m(), o(_(M), p({ "data-slot": "combobox-separator" }, _(r), { class: _(e)("bg-border -mx-1 h-px", n.class) }), {
+			default: y(() => [h(t.$slots, "default")]),
 			_: 3
 		}, 16, ["class"]));
 	}
-}), X = /* @__PURE__ */ u({
+}), Z = /* @__PURE__ */ d({
 	__name: "ComboboxViewport",
 	props: {
 		nonce: {},
@@ -305,12 +314,12 @@ var R = ["data-autosize"], z = /* @__PURE__ */ u({
 		] }
 	},
 	setup(t) {
-		let n = t, r = P(I(n, "class"));
-		return (t, i) => (p(), a(g(N), f({ "data-slot": "combobox-viewport" }, g(r), { class: g(e)("max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto", n.class) }), {
-			default: v(() => [m(t.$slots, "default")]),
+		let n = t, r = F(L(n, "class"));
+		return (t, i) => (m(), o(_(P), p({ "data-slot": "combobox-viewport" }, _(r), { class: _(e)("max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto", n.class) }), {
+			default: y(() => [h(t.$slots, "default")]),
 			_: 3
 		}, 16, ["class"]));
 	}
 });
 //#endregion
-export { B as Combobox, V as ComboboxAnchor, x as ComboboxCancel, H as ComboboxEmpty, U as ComboboxGroup, G as ComboboxInput, K as ComboboxItem, q as ComboboxItemIndicator, J as ComboboxList, Y as ComboboxSeparator, M as ComboboxTrigger, X as ComboboxViewport, i as Input, z as Textarea, r as useUserInvalidAria };
+export { V as Combobox, H as ComboboxAnchor, S as ComboboxCancel, U as ComboboxEmpty, W as ComboboxGroup, K as ComboboxInput, q as ComboboxItem, J as ComboboxItemIndicator, Y as ComboboxList, X as ComboboxSeparator, N as ComboboxTrigger, Z as ComboboxViewport, i as Input, B as Textarea, r as useUserInvalidAria };

package/dist/glass-carousel.js

@@ -1,33 +1,40 @@
 import { t as e } from "./cn-DJXf4yaB.js";
-import { t } from "./_plugin-vue_export-helper-Dq1MygBL.js";
+import { t } from "./_plugin-vue_export-helper-C1je1s0u.js";
 import { computed as n, createElementBlock as r, createElementVNode as i, createVNode as a, defineComponent as o, nextTick as s, normalizeClass as c, normalizeStyle as l, onMounted as u, onUnmounted as d, openBlock as f, ref as p, renderSlot as m, unref as h, useTemplateRef as g, watch as _, withCtx as v } from "vue";
 import { ScrollAreaRoot as y, ScrollAreaViewport as b } from "reka-ui";
 //#region src/components/custom/glass-carousel/useGlassCarousel.ts
-function x(e) {
-	let { orientation: t, expanded: n, rootEl: r, viewportEl: i, fadeMs: a = 60 } = e, o = p(!1), c = p(!1);
-	function l() {
+function x() {
+	return typeof CSS > "u" || typeof CSS.supports != "function" ? !1 : CSS.supports("container-type", "scroll-state") && !CSS.supports("container-type", "gl-not-a-real-container-type");
+}
+function S(e) {
+	let { orientation: t, expanded: n, rootEl: r, viewportEl: i, fadeMs: a = 60 } = e, o = x();
+	function c() {
+		return o && t.value === "vertical";
+	}
+	let l = p(!1), f = p(!1);
+	function m() {
 		let e = i.value;
 		if (!e) {
-			o.value = !1, c.value = !1;
+			l.value = !1, f.value = !1;
 			return;
 		}
-		t.value === "vertical" ? (o.value = e.scrollTop > 1, c.value = e.scrollTop < e.scrollHeight - e.clientHeight - 1) : (o.value = e.scrollLeft > 1, c.value = e.scrollLeft < e.scrollWidth - e.clientWidth - 1);
+		t.value === "vertical" ? (l.value = e.scrollTop > 1, f.value = e.scrollTop < e.scrollHeight - e.clientHeight - 1) : (l.value = e.scrollLeft > 1, f.value = e.scrollLeft < e.scrollWidth - e.clientWidth - 1);
 	}
-	let f = null, m = null;
-	function h() {
-		g();
+	let h = null, g = null;
+	function v() {
+		if (y(), c()) return;
 		let e = i.value;
 		if (!e) {
-			l();
+			m();
 			return;
 		}
-		f = l, m = e, e.addEventListener("scroll", f, { passive: !0 }), l();
+		h = m, g = e, e.addEventListener("scroll", h, { passive: !0 }), m();
 	}
-	function g() {
-		f && m && m.removeEventListener("scroll", f), f = null, m = null;
+	function y() {
+		h && g && g.removeEventListener("scroll", h), h = null, g = null;
 	}
-	_(i, h), u(h), d(g);
-	function v(e) {
+	_([i, t], v), u(v), d(y);
+	function b(e) {
 		let t = i.value;
 		if (!t) return;
 		let n = t.children[e];
@@ -37,34 +44,34 @@ function x(e) {
 			inline: "nearest"
 		});
 	}
-	let y = p(n.value), b = p(!1), x = p(null), S = p(!1), C = null, w = null, T = 0;
-	function E() {
-		C &&= (clearTimeout(C), null), w &&= (clearTimeout(w), null);
+	let S = p(n.value), C = p(!1), w = p(null), T = p(!1), E = null, D = null, O = 0;
+	function k() {
+		E &&= (clearTimeout(E), null), D &&= (clearTimeout(D), null);
 	}
 	_(n, () => {
 		let e = r.value;
 		if (!e) {
-			y.value = n.value;
+			S.value = n.value;
 			return;
 		}
-		E();
-		let i = ++T, o = t.value === "vertical", c = e.getBoundingClientRect(), l = o ? c.height : c.width;
-		S.value = !0, x.value = `${l}px`, b.value = !0, C = setTimeout(() => {
-			C = null, i === T && (y.value = n.value, s(() => {
-				i === T && (x.value = null, s(() => {
-					if (i !== T) return;
+		k();
+		let i = ++O, o = t.value === "vertical", c = e.getBoundingClientRect(), l = o ? c.height : c.width;
+		T.value = !0, w.value = `${l}px`, C.value = !0, E = setTimeout(() => {
+			E = null, i === O && (S.value = n.value, s(() => {
+				i === O && (w.value = null, s(() => {
+					if (i !== O) return;
 					let t = e.getBoundingClientRect(), n = o ? t.height : t.width;
 					if (Math.abs(l - n) < 1) {
-						S.value = !1, x.value = null, b.value = !1;
+						T.value = !1, w.value = null, C.value = !1;
 						return;
 					}
-					x.value = `${l}px`, s(() => {
-						i === T && (e.offsetWidth, S.value = !1, requestAnimationFrame(() => {
-							if (i !== T) return;
-							x.value = `${n}px`;
+					w.value = `${l}px`, s(() => {
+						i === O && (e.offsetWidth, T.value = !1, requestAnimationFrame(() => {
+							if (i !== O) return;
+							w.value = `${n}px`;
 							let t = parseFloat(getComputedStyle(e).transitionDuration) * 1e3 || 300;
-							w = setTimeout(() => {
-								i === T && (b.value = !1);
+							D = setTimeout(() => {
+								i === O && (C.value = !1);
 							}, t * .55);
 						}));
 					});
@@ -72,29 +79,29 @@ function x(e) {
 			}));
 		}, a);
 	});
-	function D(e) {
-		e.target === r.value && (e.propertyName === "height" || e.propertyName === "width") && (x.value = null, b.value = !1);
+	function A(e) {
+		e.target === r.value && (e.propertyName === "height" || e.propertyName === "width") && (w.value = null, C.value = !1);
 	}
-	d(E);
-	function O() {
-		return o.value && c.value ? t.value === "vertical" ? "scroll-fade-y" : "scroll-fade-mask" : o.value ? t.value === "vertical" ? "scroll-fade-top" : "scroll-fade-mask" : c.value ? t.value === "vertical" ? "scroll-fade-bottom" : "scroll-fade-mask" : "";
+	d(k);
+	function j() {
+		return c() ? "" : l.value && f.value ? t.value === "vertical" ? "scroll-fade-y" : "scroll-fade-mask" : l.value ? t.value === "vertical" ? "scroll-fade-top" : "scroll-fade-mask" : f.value ? t.value === "vertical" ? "scroll-fade-bottom" : "scroll-fade-mask" : "";
 	}
 	return {
-		canScrollStart: o,
-		canScrollEnd: c,
-		getOverflowFadeClass: O,
-		updateOverflow: l,
-		scrollToItem: v,
-		visualExpanded: y,
-		isTransitioning: b,
-		transitionSize: x,
-		suppressTransition: S,
-		onTransitionEnd: D
+		canScrollStart: l,
+		canScrollEnd: f,
+		getOverflowFadeClass: j,
+		updateOverflow: m,
+		scrollToItem: b,
+		visualExpanded: S,
+		isTransitioning: C,
+		transitionSize: w,
+		suppressTransition: T,
+		onTransitionEnd: A
 	};
 }
 //#endregion
 //#region src/components/custom/glass-carousel/GlassCarousel.vue
-var S = /* @__PURE__ */ t(/* @__PURE__ */ o({
+var C = /* @__PURE__ */ t(/* @__PURE__ */ o({
 	__name: "GlassCarousel",
 	props: {
 		orientation: { default: "vertical" },
@@ -119,7 +126,7 @@ var S = /* @__PURE__ */ t(/* @__PURE__ */ o({
 		] }
 	},
 	setup(t, { expose: o }) {
-		let s = t, u = g("rootEl"), d = p(null), { canScrollStart: S, canScrollEnd: C, getOverflowFadeClass: w, updateOverflow: T, scrollToItem: E, visualExpanded: D, isTransitioning: O, transitionSize: k, suppressTransition: A, onTransitionEnd: j } = x({
+		let s = t, u = g("rootEl"), d = p(null), { canScrollStart: x, canScrollEnd: C, getOverflowFadeClass: w, updateOverflow: T, scrollToItem: E, visualExpanded: D, isTransitioning: O, transitionSize: k, suppressTransition: A, onTransitionEnd: j } = S({
 			orientation: n(() => s.orientation),
 			expanded: n(() => s.expanded),
 			rootEl: u,
@@ -136,7 +143,7 @@ var S = /* @__PURE__ */ t(/* @__PURE__ */ o({
 			if (k.value != null) return s.orientation === "vertical" ? { height: k.value } : { width: k.value };
 		});
 		return o({
-			canScrollStart: S,
+			canScrollStart: x,
 			canScrollEnd: C,
 			scrollToItem: E,
 			isTransitioning: O,
@@ -172,7 +179,7 @@ var S = /* @__PURE__ */ t(/* @__PURE__ */ o({
 			_: 3
 		})], 38));
 	}
-}), [["__scopeId", "data-v-6bf8a252"]]), C = /* @__PURE__ */ t(/* @__PURE__ */ o({
+}), [["__scopeId", "data-v-628a65e4"]]), w = /* @__PURE__ */ t(/* @__PURE__ */ o({
 	__name: "GlassCarouselItem",
 	props: {
 		active: {
@@ -204,4 +211,4 @@ var S = /* @__PURE__ */ t(/* @__PURE__ */ o({
 	}
 }), [["__scopeId", "data-v-744cf22e"]]);
 //#endregion
-export { S as GlassCarousel, C as GlassCarouselItem, x as useGlassCarousel };
+export { C as GlassCarousel, w as GlassCarouselItem, S as useGlassCarousel };

package/dist/glass-panel.js

@@ -1,6 +1,6 @@
 import { t as e } from "./cn-DJXf4yaB.js";
-import { t } from "./_plugin-vue_export-helper-Dq1MygBL.js";
-import { n, r, t as i } from "./useGlassRenderer-Ds-nmrGz.js";
+import { t } from "./_plugin-vue_export-helper-C1je1s0u.js";
+import { n, r, t as i } from "./useGlassRenderer-Dn3WpfG-.js";
 import { computed as a, createElementBlock as o, defineComponent as s, normalizeClass as c, onBeforeUnmount as l, onMounted as u, openBlock as d, ref as f, renderSlot as p } from "vue";
 //#endregion
 //#region src/components/custom/glass-panel/GlassPanel.vue