@mkbabb/glass-ui 4.0.1 → 4.2.0

package/dist/expandable-container.js

@@ -1,10 +1,13 @@
 import { t as e } from "./cn-DJXf4yaB.js";
-import { c as t, l as n } from "./vendor-CKmzio-i.js";
-import { t as r } from "./useSurfaceAxis-g0NloYEF.js";
-import { i } from "./useKeyboardShortcuts-BXWXOZ-9.js";
+import { c as t, l as n } from "./vendor-B2qOlYY3.js";
+import { t as r } from "./useSurfaceAxis-Ci7Dnaw2.js";
+import { i } from "./useKeyboardShortcuts-BEut54Tk.js";
 import { Fragment as a, Teleport as o, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createVNode as f, defineComponent as p, mergeModels as m, mergeProps as h, normalizeClass as g, onMounted as _, onUnmounted as v, openBlock as y, renderSlot as b, unref as x, useModel as S, watch as C } from "vue";
 //#region src/components/custom/expandable-container/ExpandableContainer.vue?vue&type=script&setup=true&lang.ts
-var w = ["aria-label"], T = ["data-surface"], E = ["aria-label"], D = { class: "h-full w-full" }, O = 0, k = null;
+var w = ["aria-label"], T = ["data-surface"], E = ["aria-label"], D = {
+	"data-part": "panel",
+	class: "h-full w-full"
+}, O = 0, k = null;
 function A() {
 	return typeof document > "u" ? !1 : (O === 0 && (k = document.body.style.overflow, document.body.style.overflow = "hidden"), O += 1, !0);
 }
@@ -30,18 +33,25 @@ var M = /* @__PURE__ */ p({
 	}),
 	emits: ["update:open"],
 	setup(p) {
-		let m = p, O = s(() => r(m.surface).replace(/^glass-\w+\s*/, "")), k = S(p, "open"), M = !1;
-		function N(e) {
-			if (e && !M) {
-				M = A();
+		let m = p, O = s(() => r(m.surface).replace(/^glass-\w+\s*/, "")), k = S(p, "open");
+		function M() {
+			k.value = !0;
+		}
+		function N() {
+			k.value = !1;
+		}
+		let P = !1;
+		function F(e) {
+			if (e && !P) {
+				P = A();
 				return;
 			}
-			!e && M && (j(), M = !1);
+			!e && P && (j(), P = !1);
 		}
-		C(k, N, { immediate: !0 });
-		let P = null;
+		C(k, F, { immediate: !0 });
+		let I = null;
 		return _(() => {
-			P = i("Escape", () => {
+			I = i("Escape", () => {
 				k.value &&= !1;
 			}, {
 				label: "Exit fullscreen",
@@ -49,28 +59,40 @@ var M = /* @__PURE__ */ p({
 				allowInInput: !0
 			});
 		}), v(() => {
-			P?.(), N(!1);
+			I?.(), F(!1);
 		}), (r, i) => (y(), u(a, null, [k.value ? l("", !0) : (y(), u("div", h({
 			key: 0,
 			class: "relative"
-		}, r.$attrs), [d("button", {
-			class: g(["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", p.buttonPosition === "left" ? "left-2 top-2" : "right-2 top-2"]),
+		}, r.$attrs), [b(r.$slots, "expand-trigger", {
+			expand: M,
+			label: p.expandLabel
+		}, () => [d("button", {
+			"data-part": "trigger",
+			"data-mode": "expand",
+			class: g(["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", p.buttonPosition === "left" ? "left-2 top-2" : "right-2 top-2"]),
 			title: "Fullscreen",
 			"aria-label": p.expandLabel,
-			onClick: i[0] ||= (e) => k.value = !0
-		}, [f(x(n), { class: "h-4 w-4" })], 10, w), b(r.$slots, "default", { fullscreen: !1 })], 16)), (y(), c(o, {
+			onClick: M
+		}, [f(x(n), { class: "h-4 w-4" })], 10, w)]), b(r.$slots, "default", { fullscreen: !1 })], 16)), (y(), c(o, {
 			to: "body",
 			disabled: !k.value
 		}, [k.value ? (y(), u("div", {
 			key: 0,
+			"data-part": "overlay",
 			"data-surface": p.surface,
 			class: g(x(e)("fixed inset-0 z-modal flex flex-col glass-overlay", O.value))
-		}, [d("button", {
-			class: g(["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", p.buttonPosition === "left" ? "left-3 top-3" : "right-3 top-3"]),
+		}, [b(r.$slots, "fullscreen-chrome", {
+			collapse: N,
+			label: p.collapseLabel,
+			fullscreen: !0
+		}, () => [d("button", {
+			"data-part": "trigger",
+			"data-mode": "collapse",
+			class: g(["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", p.buttonPosition === "left" ? "left-3 top-3" : "right-3 top-3"]),
 			title: "Exit fullscreen",
 			"aria-label": p.collapseLabel,
-			onClick: i[1] ||= (e) => k.value = !1
-		}, [f(x(t), { class: "h-4 w-4" })], 10, E), d("div", D, [b(r.$slots, "default", { fullscreen: !0 })])], 10, T)) : l("", !0)], 8, ["disabled"]))], 64));
+			onClick: N
+		}, [f(x(t), { class: "h-4 w-4" })], 10, E)]), d("div", D, [b(r.$slots, "default", { fullscreen: !0 })])], 10, T)) : l("", !0)], 8, ["disabled"]))], 64));
 	}
 });
 //#endregion

package/dist/fading-scroll.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "./FadingScroll-DI6hQhT9.js";
+import { n as e, t } from "./FadingScroll-P8B30rAD.js";
 export { t as FadingScroll, e as useFadingScroll };

package/dist/flow.glsl-DqEGRpl4.js

@@ -0,0 +1,4 @@
+//#region src/composables/glass/webgl/shaders/flow.glsl.ts
+var e = "\nconst float CURL_EPS = 0.012;\n\n// Scalar fbm potential psi — the host's noise basis, wrapped so the curl operator is\n// basis-agnostic. A host carrying its own fbm defines this as: return fbm(p);\nfloat potentialFBM(vec2 p);\n\n// ∇×ψ in 2D — the divergence-free flow direction. Central finite differences of the\n// scalar potential give the partials; the cross-pairing (∂y, −∂x) is the 2D curl.\nvec2 curlFBM(vec2 p) {\n  float dx = potentialFBM(p + vec2(CURL_EPS, 0.0)) - potentialFBM(p - vec2(CURL_EPS, 0.0));\n  float dy = potentialFBM(p + vec2(0.0, CURL_EPS)) - potentialFBM(p - vec2(0.0, CURL_EPS));\n  // ψ-gradient is (dx, dy)/(2·eps); the curl rotates it 90°: (∂ψ/∂y, −∂ψ/∂x).\n  vec2 g = vec2(dx, dy) / (2.0 * CURL_EPS);\n  return vec2(g.y, -g.x);\n}\n";
+//#endregion
+export { e as t };

package/dist/forms.js

@@ -1,13 +1,14 @@
 import { t as e } from "./cn-DJXf4yaB.js";
-import { n as t } from "./vendor-CKmzio-i.js";
-import { t as n } from "./menuItemVariants-D8VNHq22.js";
-import { t as r } from "./useUserInvalidAria-y5namzeE.js";
-import { t as i } from "./Input-h9v5LeXf.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";
+import { n as t } from "./vendor-B2qOlYY3.js";
+import { t as n } from "./menuItemVariants-DAXquKja.js";
+import { t as r } from "./useUserInvalidAria-EmmwWPOl.js";
+import { t as i } from "./useControlSize-DAZ062x7.js";
+import { t as a } from "./Input-CyU4_hIC.js";
+import { computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createTextVNode as u, createVNode as d, defineComponent as f, isRef as p, mergeProps as m, openBlock as h, renderSlot as g, toDisplayString as _, unref as v, vModelText as y, withCtx as b, withDirectives as x } from "vue";
+import { ComboboxAnchor as S, ComboboxCancel as C, ComboboxContent as w, ComboboxEmpty as T, ComboboxGroup as E, ComboboxInput as D, ComboboxItem as O, ComboboxItemIndicator as k, ComboboxLabel as A, ComboboxPortal as j, ComboboxRoot as M, ComboboxSeparator as N, ComboboxTrigger as P, ComboboxViewport as F, useForwardProps as I, useForwardPropsEmits as L } from "reka-ui";
+import { reactiveOmit as R, useVModel as z } from "@vueuse/core";
 //#region src/components/ui/textarea/Textarea.vue?vue&type=script&setup=true&lang.ts
-var z = ["data-autosize"], B = /* @__PURE__ */ d({
+var B = ["data-autosize"], V = /* @__PURE__ */ f({
 	inheritAttrs: !1,
 	__name: "Textarea",
 	props: {
@@ -20,6 +21,7 @@ var z = ["data-autosize"], B = /* @__PURE__ */ d({
 		] },
 		defaultValue: {},
 		modelValue: {},
+		size: {},
 		placeholder: {},
 		disabled: { type: [Boolean, String] },
 		autosize: {
@@ -29,25 +31,25 @@ var z = ["data-autosize"], B = /* @__PURE__ */ d({
 	},
 	emits: ["update:modelValue"],
 	setup(t, { emit: n }) {
-		let r = t, i = R(r, "modelValue", n, {
+		let r = t, a = z(r, "modelValue", n, {
 			passive: !0,
 			defaultValue: r.defaultValue
-		}), o = a(() => ({
+		}), s = o(() => ({
 			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,
+		return (n, o) => x((h(), l("textarea", m({
+			"onUpdate:modelValue": o[0] ||= (e) => p(a) ? a.value = e : null,
 			"data-slot": "textarea"
 		}, {
 			...n.$attrs,
-			...o.value
+			...s.value
 		}, {
 			"data-autosize": t.autosize ? "" : void 0,
-			class: _(e)("input-pill [--control-surface-bg:var(--input-on-glass)] rounded-field py-2 text-sm", t.autosize ? "" : "min-h-20", r.class)
-		}), null, 16, z)), [[v, _(i)]]);
+			class: v(e)("input-pill glass-control-edge [--control-surface-bg:var(--input-on-glass)] rounded-field py-2", v(i)(r.size), t.autosize ? "" : "min-h-20", r.class)
+		}), null, 16, B)), [[y, v(a)]]);
 	}
-}), V = /* @__PURE__ */ d({
+}), H = /* @__PURE__ */ f({
 	__name: "Combobox",
 	props: {
 		open: { type: Boolean },
@@ -76,13 +78,13 @@ var z = ["data-autosize"], B = /* @__PURE__ */ d({
 		"update:open"
 	],
 	setup(e, { emit: t }) {
-		let n = I(e, t);
-		return (e, t) => (m(), o(_(j), p({ "data-slot": "combobox" }, _(n)), {
-			default: y(() => [h(e.$slots, "default")]),
+		let n = L(e, t);
+		return (e, t) => (h(), s(v(M), m({ "data-slot": "combobox" }, v(n)), {
+			default: b(() => [g(e.$slots, "default")]),
 			_: 3
 		}, 16));
 	}
-}), H = /* @__PURE__ */ d({
+}), U = /* @__PURE__ */ f({
 	__name: "ComboboxAnchor",
 	props: {
 		reference: {},
@@ -97,13 +99,13 @@ var z = ["data-autosize"], B = /* @__PURE__ */ d({
 		] }
 	},
 	setup(t) {
-		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")]),
+		let n = t, r = I(R(n, "class"));
+		return (t, i) => (h(), s(v(S), m({ "data-slot": "combobox-anchor" }, v(r), { class: v(e)("w-popover", n.class) }), {
+			default: b(() => [g(t.$slots, "default")]),
 			_: 3
 		}, 16, ["class"]));
 	}
-}), U = /* @__PURE__ */ d({
+}), W = /* @__PURE__ */ f({
 	__name: "ComboboxEmpty",
 	props: {
 		asChild: { type: Boolean },
@@ -117,13 +119,13 @@ var z = ["data-autosize"], B = /* @__PURE__ */ d({
 		] }
 	},
 	setup(t) {
-		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-dropdown", n.class) }), {
-			default: y(() => [h(t.$slots, "default")]),
+		let n = t, r = R(n, "class");
+		return (t, i) => (h(), s(v(T), m({ "data-slot": "combobox-empty" }, v(r), { class: v(e)("py-6 text-center text-dropdown", n.class) }), {
+			default: b(() => [g(t.$slots, "default")]),
 			_: 3
 		}, 16, ["class"]));
 	}
-}), W = /* @__PURE__ */ d({
+}), G = /* @__PURE__ */ f({
 	__name: "ComboboxGroup",
 	props: {
 		asChild: { type: Boolean },
@@ -138,22 +140,22 @@ var z = ["data-autosize"], B = /* @__PURE__ */ d({
 		heading: {}
 	},
 	setup(t) {
-		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), {
+		let n = t, r = R(n, "class");
+		return (i, a) => (h(), s(v(E), m({ "data-slot": "combobox-group" }, v(r), { class: v(e)("overflow-hidden p-1 text-foreground", n.class) }), {
+			default: b(() => [t.heading ? (h(), s(v(A), {
 				key: 0,
 				class: "px-2 py-1.5 text-dropdown-secondary font-medium text-muted-foreground"
 			}, {
-				default: y(() => [l(g(t.heading), 1)]),
+				default: b(() => [u(_(t.heading), 1)]),
 				_: 1
-			})) : s("", !0), h(i.$slots, "default")]),
+			})) : c("", !0), g(i.$slots, "default")]),
 			_: 3
 		}, 16, ["class"]));
 	}
-}), G = {
+}), K = {
 	"data-slot": "command-input-wrapper",
 	class: "flex h-9 items-center gap-2 border-b px-3 rounded-input has-[[aria-invalid='true']]:border-(--destructive) has-[:user-invalid]:border-(--destructive) has-[[aria-invalid='true']]:shadow-(--invalid-ring) has-[:user-invalid]:shadow-(--invalid-ring)"
-}, K = /* @__PURE__ */ d({
+}, q = /* @__PURE__ */ f({
 	inheritAttrs: !1,
 	__name: "ComboboxInput",
 	props: {
@@ -174,19 +176,19 @@ var z = ["data-autosize"], B = /* @__PURE__ */ d({
 	},
 	emits: ["update:modelValue"],
 	setup(n, { emit: r }) {
-		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({
+		let i = n, a = r, o = L(R(i, "class"), a);
+		return (n, r) => (h(), l("div", K, [d(v(t), { class: "size-4 shrink-0 opacity-50" }), d(v(D), m({
 			"data-slot": "command-input",
-			class: _(e)("placeholder:text-muted-foreground flex h-(--dropdown-input-height) w-full rounded-input bg-transparent py-3 text-dropdown outline-hidden disabled:cursor-not-allowed disabled:opacity-disabled aria-invalid:text-destructive aria-invalid:placeholder:text-[color-mix(in_srgb,var(--destructive)_60%,transparent)]", i.class)
+			class: v(e)("placeholder:text-muted-foreground flex h-(--dropdown-input-height) w-full rounded-input bg-transparent py-3 text-dropdown outline-hidden disabled:cursor-not-allowed disabled:opacity-disabled aria-invalid:text-destructive aria-invalid:placeholder:text-[color-mix(in_srgb,var(--destructive)_60%,transparent)]", i.class)
 		}, {
-			..._(o),
+			...v(o),
 			...n.$attrs
 		}), {
-			default: y(() => [h(n.$slots, "default")]),
+			default: b(() => [g(n.$slots, "default")]),
 			_: 3
 		}, 16, ["class"])]));
 	}
-}), q = /* @__PURE__ */ d({
+}), J = /* @__PURE__ */ f({
 	__name: "ComboboxItem",
 	props: {
 		textValue: {},
@@ -204,13 +206,13 @@ var z = ["data-autosize"], B = /* @__PURE__ */ d({
 	},
 	emits: ["select"],
 	setup(t, { emit: r }) {
-		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")]),
+		let i = t, a = r, o = L(R(i, "class"), a);
+		return (t, r) => (h(), s(v(O), m({ "data-slot": "combobox-item" }, v(o), { class: v(e)(v(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: b(() => [g(t.$slots, "default")]),
 			_: 3
 		}, 16, ["class"]));
 	}
-}), J = /* @__PURE__ */ d({
+}), Y = /* @__PURE__ */ f({
 	__name: "ComboboxItemIndicator",
 	props: {
 		asChild: { type: Boolean },
@@ -224,13 +226,13 @@ var z = ["data-autosize"], B = /* @__PURE__ */ d({
 		] }
 	},
 	setup(t) {
-		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")]),
+		let n = t, r = I(R(n, "class"));
+		return (t, i) => (h(), s(v(k), m({ "data-slot": "combobox-item-indicator" }, v(r), { class: v(e)("ml-auto", n.class) }), {
+			default: b(() => [g(t.$slots, "default")]),
 			_: 3
 		}, 16, ["class"]));
 	}
-}), Y = /* @__PURE__ */ d({
+}), X = /* @__PURE__ */ f({
 	__name: "ComboboxList",
 	props: {
 		forceMount: { type: Boolean },
@@ -273,16 +275,16 @@ var z = ["data-autosize"], B = /* @__PURE__ */ d({
 		"interactOutside"
 	],
 	setup(t, { emit: n }) {
-		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 glass-reveal", r.class) }), {
-				default: y(() => [h(t.$slots, "default")]),
+		let r = t, i = n, a = L(R(r, "class"), i);
+		return (t, n) => (h(), s(v(j), null, {
+			default: b(() => [d(v(w), m({ "data-slot": "combobox-list" }, v(a), { class: v(e)("z-popover w-popover rounded-panel border glass-floating text-popover-foreground origin-(--reka-combobox-content-transform-origin) overflow-hidden outline-none glass-reveal glass-field-portal", r.class) }), {
+				default: b(() => [g(t.$slots, "default")]),
 				_: 3
 			}, 16, ["class"])]),
 			_: 3
 		}));
 	}
-}), X = /* @__PURE__ */ d({
+}), Z = /* @__PURE__ */ f({
 	__name: "ComboboxSeparator",
 	props: {
 		asChild: { type: Boolean },
@@ -296,13 +298,13 @@ var z = ["data-autosize"], B = /* @__PURE__ */ d({
 		] }
 	},
 	setup(t) {
-		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")]),
+		let n = t, r = R(n, "class");
+		return (t, i) => (h(), s(v(N), m({ "data-slot": "combobox-separator" }, v(r), { class: v(e)("bg-border -mx-1 h-px", n.class) }), {
+			default: b(() => [g(t.$slots, "default")]),
 			_: 3
 		}, 16, ["class"]));
 	}
-}), Z = /* @__PURE__ */ d({
+}), Q = /* @__PURE__ */ f({
 	__name: "ComboboxViewport",
 	props: {
 		nonce: {},
@@ -317,12 +319,12 @@ var z = ["data-autosize"], B = /* @__PURE__ */ d({
 		] }
 	},
 	setup(t) {
-		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")]),
+		let n = t, r = I(R(n, "class"));
+		return (t, i) => (h(), s(v(F), m({ "data-slot": "combobox-viewport" }, v(r), { class: v(e)("max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto", n.class) }), {
+			default: b(() => [g(t.$slots, "default")]),
 			_: 3
 		}, 16, ["class"]));
 	}
 });
 //#endregion
-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 };
+export { H as Combobox, U as ComboboxAnchor, C as ComboboxCancel, W as ComboboxEmpty, G as ComboboxGroup, q as ComboboxInput, J as ComboboxItem, Y as ComboboxItemIndicator, X as ComboboxList, Z as ComboboxSeparator, P as ComboboxTrigger, Q as ComboboxViewport, a as Input, V as Textarea, r as useUserInvalidAria };