@mkbabb/glass-ui 9.0.0 → 10.0.0

package/dist/popover-DA87hFBx.js

@@ -0,0 +1,184 @@
+import { t as e } from "./content-So3j6SOe.js";
+import { t } from "./createContext-BhkE9mLH.js";
+import { t as n } from "./participation-Di4UHbzk.js";
+import { t as r } from "./shortcuts-DGGWNRNe.js";
+import { computed as i, createBlock as a, defineComponent as o, mergeProps as s, openBlock as c, ref as l, renderSlot as u, resolveDynamicComponent as d, unref as f, useAttrs as p, watch as m, withCtx as h } from "vue";
+import { HoverCardContent as g, HoverCardPortal as _, HoverCardRoot as v, HoverCardTrigger as y, PopoverContent as b, PopoverPortal as x, PopoverRoot as S, PopoverTrigger as C, injectPopoverRootContext as w } from "reka-ui";
+//#region src/components/popover/popoverContext.ts
+var T = t("glass-ui:popover-union"), E = T.provide, D = T.use, O = /* @__PURE__ */ o({
+	name: "Popover",
+	inheritAttrs: !1,
+	__name: "Popover",
+	props: {
+		open: {
+			type: Boolean,
+			default: void 0
+		},
+		defaultOpen: {
+			type: Boolean,
+			default: !1
+		},
+		trigger: { default: "click" },
+		openDelay: { default: 250 },
+		closeDelay: { default: 150 },
+		keepDockOpen: {
+			type: Boolean,
+			default: !1
+		},
+		modal: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["update:open"],
+	setup(e, { emit: t }) {
+		let r = e, o = t, s = l(r.open ?? r.defaultOpen);
+		m(() => r.open, (e) => {
+			e !== void 0 && (s.value = e);
+		});
+		let d = i(() => r.open ?? s.value);
+		function p(e) {
+			r.open === void 0 && (s.value = e), o("update:open", e);
+		}
+		let g = typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(pointer: coarse)").matches, _ = i(() => r.trigger === "hover" && !g);
+		return E({
+			usesHoverRoot: _,
+			modal: i(() => r.modal)
+		}), n({ hold: () => d.value && r.keepDockOpen }), (t, n) => _.value ? (c(), a(f(v), {
+			key: 0,
+			"data-slot": "popover",
+			open: d.value,
+			"open-delay": e.openDelay,
+			"close-delay": e.closeDelay,
+			"onUpdate:open": p
+		}, {
+			default: h(() => [u(t.$slots, "default")]),
+			_: 3
+		}, 8, [
+			"open",
+			"open-delay",
+			"close-delay"
+		])) : (c(), a(f(S), {
+			key: 1,
+			"data-slot": "popover",
+			open: d.value,
+			modal: e.modal,
+			"onUpdate:open": p
+		}, {
+			default: h(() => [u(t.$slots, "default")]),
+			_: 3
+		}, 8, ["open", "modal"]));
+	}
+}), k = /* @__PURE__ */ o({
+	name: "PopoverTrigger",
+	inheritAttrs: !1,
+	__name: "PopoverTrigger",
+	props: {
+		asChild: {
+			type: Boolean,
+			default: !1
+		},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(e) {
+		let t = e, n = p(), r = i(() => {
+			let { as: e, reference: r, ...i } = n;
+			return t.asChild ? i : {
+				...i,
+				type: "button"
+			};
+		}), o = D(), l = i(() => o?.usesHoverRoot.value ?? !1);
+		return (n, i) => l.value ? (c(), a(f(y), s({ key: 0 }, r.value, {
+			as: "button",
+			"as-child": e.asChild,
+			class: t.class
+		}), {
+			default: h(() => [u(n.$slots, "default")]),
+			_: 3
+		}, 16, ["as-child", "class"])) : (c(), a(f(C), s({ key: 1 }, r.value, {
+			as: "button",
+			"as-child": e.asChild,
+			class: t.class
+		}), {
+			default: h(() => [u(n.$slots, "default")]),
+			_: 3
+		}, 16, ["as-child", "class"]));
+	}
+}), A = /* @__PURE__ */ o({
+	name: "PopoverContent",
+	inheritAttrs: !1,
+	__name: "PopoverContent",
+	props: {
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		portal: {
+			type: Boolean,
+			default: !0
+		},
+		ariaLabel: {},
+		side: { default: "bottom" },
+		sideOffset: { default: 4 },
+		align: { default: "center" },
+		alignOffset: { default: 0 }
+	},
+	emits: [
+		"escapeKeyDown",
+		"pointerDownOutside",
+		"focusOutside",
+		"interactOutside",
+		"openAutoFocus",
+		"closeAutoFocus"
+	],
+	setup(t, { emit: o }) {
+		let l = t, m = o, v = p(), y = i(() => ({
+			side: l.side,
+			sideOffset: l.sideOffset,
+			align: l.align,
+			alignOffset: l.alignOffset,
+			avoidCollisions: !0
+		})), S = (e, { slots: t }) => t.default?.(), C = D(), T = i(() => C?.usesHoverRoot.value ?? !1), E = i(() => l.portal ? T.value ? _ : x : S), O = i(() => T.value ? g : b), k = i(() => (C?.modal.value ?? !1) && !T.value), A = i(() => ({
+			"aria-label": l.ariaLabel,
+			...T.value ? { role: "group" } : {},
+			...k.value ? { "aria-modal": "true" } : {}
+		})), j = w(null);
+		r(() => k.value && (j?.open.value ?? !1));
+		let M = n(), N = i(() => e({
+			role: "panel",
+			slot: "popover-content",
+			dock: M.portalAttrs.value,
+			class: ["z-popover", l.class]
+		}));
+		return (e, t) => (c(), a(d(E.value), null, {
+			default: h(() => [(c(), a(d(O.value), s({
+				...y.value,
+				...f(v),
+				...A.value,
+				...N.value
+			}, {
+				onEscapeKeyDown: t[0] ||= (e) => m("escapeKeyDown", e),
+				onPointerDownOutside: t[1] ||= (e) => m("pointerDownOutside", e),
+				onFocusOutside: t[2] ||= (e) => m("focusOutside", e),
+				onInteractOutside: t[3] ||= (e) => m("interactOutside", e),
+				onOpenAutoFocus: t[4] ||= (e) => m("openAutoFocus", e),
+				onCloseAutoFocus: t[5] ||= (e) => m("closeAutoFocus", e)
+			}), {
+				default: h(() => [u(e.$slots, "default")]),
+				_: 3
+			}, 16))]),
+			_: 3
+		}));
+	}
+});
+//#endregion
+export { k as n, O as r, A as t };

package/dist/popover.js

@@ -1,2 +1,2 @@
-import { n as e, r as t, t as n } from "./popover-C04Rrdcz.js";
+import { n as e, r as t, t as n } from "./popover-DA87hFBx.js";
 export { t as Popover, n as PopoverContent, e as PopoverTrigger };

package/dist/{progress-DF8dWZIX.js → progress-eVa-mc7J.js}

@@ -69,6 +69,6 @@ var y = ["data-orientation"], b = ["data-consumed"], x = /*#__PURE__*/ e(/* @__P
 			"style"
 		]));
 	}
-}), [["__scopeId", "data-v-e5601b24"]]);
+}), [["__scopeId", "data-v-0fd1fae9"]]);
 //#endregion
 export { x as t };

package/dist/progress.js

@@ -1,2 +1,2 @@
-import { t as e } from "./progress-DF8dWZIX.js";
+import { t as e } from "./progress-eVa-mc7J.js";
 export { e as Progress };

package/dist/{radio-group-BNV7PN1O.js → radio-group-B58Bz16F.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./class-names-q-UGOkHH.js";
+import { t as e } from "./class-names-FlXcvRRT.js";
 import { t } from "./control-DJp15L4U.js";
 import { computed as n, createBlock as r, createElementVNode as i, createVNode as a, defineComponent as o, mergeProps as s, openBlock as c, renderSlot as l, unref as u, withCtx as d } from "vue";
 import { RadioGroupIndicator as f, RadioGroupItem as p, RadioGroupRoot as m, useForwardProps as h } from "reka-ui";

package/dist/radio-group.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "./radio-group-BNV7PN1O.js";
+import { n as e, t } from "./radio-group-B58Bz16F.js";
 export { e as RadioGroup, t as RadioGroupItem };

package/dist/{select-COox45Kv.js → select-fy3vtArm.js}

@@ -1,8 +1,8 @@
-import { t as e } from "./class-names-q-UGOkHH.js";
+import { t as e } from "./class-names-FlXcvRRT.js";
 import { t } from "./primitive-B2t2jdqM.js";
 import { t as n } from "./selection-DqIULxRG.js";
-import { t as r } from "./rowClass-DYOXwxhO.js";
-import { t as i } from "./participation-Di4UHbzk.js";
+import { t as r } from "./participation-Di4UHbzk.js";
+import { t as i } from "./rowClass-DYOXwxhO.js";
 import { computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createSlots 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, unref as y, useAttrs as b, withCtx as x } from "vue";
 import { SelectContent as S, SelectGroup as C, SelectIcon as w, SelectItem as T, SelectItemIndicator as E, SelectItemText as D, SelectLabel as O, SelectPortal as k, SelectRoot as A, SelectScrollDownButton as j, SelectScrollUpButton as M, SelectSeparator as N, SelectTrigger as P, SelectValue as F, SelectViewport as I, useForwardProps as L } from "reka-ui";
 import { ChevronDown as R, ChevronUp as z } from "@lucide/vue";
@@ -141,16 +141,16 @@ var B = /* @__PURE__ */ f({
 		"pointerDownOutside"
 	],
 	setup(t, { emit: n }) {
-		let r = t, s = n, c = b(), l = a(() => ({
+		let i = t, s = n, c = b(), l = a(() => ({
 			...c,
 			position: "popper",
-			side: r.side,
-			sideOffset: r.sideOffset,
-			align: r.align,
-			alignOffset: r.alignOffset,
+			side: i.side,
+			sideOffset: i.sideOffset,
+			align: i.align,
+			alignOffset: i.alignOffset,
 			avoidCollisions: !0,
 			collisionPadding: 16
-		})), u = i();
+		})), u = r();
 		return (t, n) => (_(), o(y(k), null, {
 			default: x(() => [d(y(S), m({
 				...l.value,
@@ -158,7 +158,7 @@ var B = /* @__PURE__ */ f({
 			}, {
 				"data-reveal": "menu",
 				"data-slot": "select-content",
-				class: y(e)("relative z-popover min-w-(--overlay-min-width) overflow-hidden rounded-card text-popover-foreground glass-reveal", "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1", "glass-floating glass-field-portal", r.class),
+				class: y(e)("relative z-popover min-w-(--overlay-min-width) overflow-hidden rounded-card text-popover-foreground glass-reveal", "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1", "glass-floating glass-field-portal", i.class),
 				onCloseAutoFocus: n[0] ||= (e) => s("closeAutoFocus", e),
 				onEscapeKeyDown: n[1] ||= (e) => s("escapeKeyDown", e),
 				onPointerDownOutside: n[2] ||= (e) => s("pointerDownOutside", e)
@@ -221,8 +221,8 @@ var B = /* @__PURE__ */ f({
 		hideIndicator: { type: Boolean }
 	},
 	emits: ["select"],
-	setup(n, { emit: i }) {
-		let u = n, f = i, p = b(), h = a(() => t(p));
+	setup(n, { emit: r }) {
+		let u = n, f = r, p = b(), h = a(() => t(p));
 		function g(e) {
 			f("select", e);
 		}
@@ -231,7 +231,7 @@ var B = /* @__PURE__ */ f({
 			value: u.value,
 			disabled: u.disabled,
 			"text-value": u.textValue,
-			class: y(e)(y(r)(S.value), u.class),
+			class: y(e)(y(i)(S.value), u.class),
 			onSelect: g
 		}), {
 			default: x(() => [S.value === "none" ? s("", !0) : (_(), c("span", K, [d(y(E), null, {

package/dist/select.js

@@ -1,2 +1,2 @@
-import { a as e, c as t, i as n, l as r, n as i, o as a, r as o, s, t as c } from "./select-COox45Kv.js";
+import { a as e, c as t, i as n, l as r, n as i, o as a, r as o, s, t as c } from "./select-fy3vtArm.js";
 export { r as Select, e as SelectContent, n as SelectGroup, o as SelectItem, i as SelectLabel, a as SelectScrollButton, c as SelectSeparator, s as SelectTrigger, t as SelectValue };

package/dist/{separator-CN11t406.js → separator-D4EZM10u.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./class-names-q-UGOkHH.js";
+import { t as e } from "./class-names-FlXcvRRT.js";
 import { t } from "./primitive-B2t2jdqM.js";
 import { t as n } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { computed as r, createBlock as i, createElementBlock as a, createElementVNode as o, defineComponent as s, mergeProps as c, openBlock as l, toDisplayString as u, unref as d, useAttrs as f, useId as p } from "vue";
@@ -68,6 +68,6 @@ var h = /*#__PURE__*/ n(/* @__PURE__ */ s({
 			class: d(e)("separator", s.class)
 		}), null, 16, ["class"]));
 	}
-}), [["__scopeId", "data-v-2cde4e82"]]);
+}), [["__scopeId", "data-v-64dda6b9"]]);
 //#endregion
 export { h as t };

package/dist/separator.js

@@ -1,2 +1,2 @@
-import { t as e } from "./separator-CN11t406.js";
+import { t as e } from "./separator-D4EZM10u.js";
 export { e as Separator };