@mkbabb/glass-ui 4.0.0 → 4.1.0

package/dist/forms.js

@@ -1,13 +1,14 @@
 import { t as e } from "./cn-DJXf4yaB.js";
-import { t } from "./search-BSGrf2Sk.js";
-import { t as n } from "./menuItemVariants-DWRQXBxJ.js";
-import { t as r } from "./useUserInvalidAria-CDfJuakL.js";
-import { t as i } from "./Input-DVG_J0ne.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-D8VNHq22.js";
+import { t as r } from "./useUserInvalidAria-y5namzeE.js";
+import { t as i } from "./useControlSize-SH1UmJCi.js";
+import { t as a } from "./Input-Cg9DF62r.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 rounded-field py-2 text-sm", t.autosize ? "" : "min-h-20", r.class)
-		}), null, 16, z)), [[v, _(i)]]);
+			class: v(e)("input-pill [--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"
-}, K = /* @__PURE__ */ d({
+	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)"
+}, 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 popover-animate slide-in-from-side", 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", 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 };