@mkbabb/glass-ui 8.0.0 → 10.0.0

package/dist/{number-field-NFAwQ0HK.js → number-field-RP89046a.js}

@@ -1,5 +1,5 @@
-import { t as e } from "./class-names-q-UGOkHH.js";
-import { t } from "./button-yvGPb0Bx.js";
+import { t as e } from "./class-names-FlXcvRRT.js";
+import { t } from "./button-BOFTUPyU.js";
 import { n, t as r } from "./control.css_vue_type_style_index_0_src_true_lang-BIdufaDG.js";
 import { computed as i, createBlock as a, createVNode as o, defineComponent as s, inject as c, mergeProps as l, normalizeClass as u, openBlock as d, provide as f, renderSlot as p, resolveDynamicComponent as m, unref as h, useAttrs as g, withCtx as _ } from "vue";
 import { NumberFieldDecrement as v, NumberFieldIncrement as y, NumberFieldInput as b, NumberFieldRoot as x, injectNumberFieldRootContext as S, useForwardPropsEmits as C } from "reka-ui";

package/dist/number-field.js

@@ -1,2 +1,2 @@
-import { n as e, r as t, t as n } from "./number-field-NFAwQ0HK.js";
+import { n as e, r as t, t as n } from "./number-field-RP89046a.js";
 export { t as NumberField, e as NumberFieldInput, n as NumberFieldStep };

package/dist/pager-dots.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 "./useLiquidFlex-TJZmRqyY.js";
 import { t as n } from "./useResizeObserver-CdUlm2QZ.js";
 import { t as r } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { s as i } from "./deck-Ci6YjB5e.js";
+import { s as i } from "./deck-Cm_VmyNL.js";
 import { n as a } from "./useLeadTrail-DQWdpFN1.js";
 import { Fragment as o, computed as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, defineComponent as d, mergeModels as f, nextTick as p, normalizeClass as m, normalizeStyle as h, onMounted as g, openBlock as _, ref as v, renderList as y, toDisplayString as b, unref as x, useModel as S, watch as C } from "vue";
 //#region src/components/pager-dots/worm.ts
@@ -357,6 +357,6 @@ var k = [
 			t.announce ? (_(), l("span", N, b(ie.value), 1)) : c("", !0)
 		], 42, k));
 	}
-}), [["__scopeId", "data-v-f60f1930"]]);
+}), [["__scopeId", "data-v-592b0f41"]]);
 //#endregion
 export { w as DEFAULT_DOT_PX, E as DEFAULT_MAX_STRETCH, T as DEFAULT_PITCH_PX, P as PagerDots, D as elongationCeil };

package/dist/{participation-B0hdsIRo.js → participation-Di4UHbzk.js}

@@ -5,14 +5,14 @@ import { computed as n, onScopeDispose as r, ref as i, toValue as a, watch as o
 var s = {
 	response: e("dock").response,
 	dampingFraction: e("dock").dampingFraction
-}, c = "[data-dismissable-layer]:not([data-state=\"closed\"])", l = "glass-ui:dock-context", u = "glass-ui:dock-layer-group", d = t(l, "[glass-ui:dock] useDockContext() called outside <GlassDock>; use useOptionalDockContext() if the primitive may render outside a dock."), { KEY: f } = d;
-function p(e) {
-	d.provide(e);
+}, c = "[data-dismissable-layer]:not([data-state=\"closed\"])", l = "glass-ui:dock-context", u = "glass-ui:dock-layer-group", d = 3600, f = t(l, "[glass-ui:dock] useDockContext() called outside <GlassDock>; use useOptionalDockContext() if the primitive may render outside a dock."), { KEY: p } = f;
+function m(e) {
+	f.provide(e);
 }
-var m = d.use, h = d.useOptional;
+var h = f.use, g = f.useOptional;
 //#endregion
 //#region src/components/_shared/overlay/participation.ts
-function g(e, t) {
+function _(e, t) {
 	let n = i(!1);
 	function a() {
 		n.value || (n.value = !0, e()?.keepOpen(t));
@@ -26,8 +26,8 @@ function g(e, t) {
 		release: o
 	};
 }
-function _(e) {
-	let t = h(), r = g(() => t, e?.kind), i = n(() => t?.id ? {
+function v(e) {
+	let t = g(), r = _(() => t, e?.kind), i = n(() => t?.id ? {
 		"data-glass-dock-portal": "",
 		"data-glass-dock-owner": t.id
 	} : {});
@@ -39,4 +39,4 @@ function _(e) {
 	};
 }
 //#endregion
-export { m as a, s as c, p as i, c as l, g as n, h as o, f as r, u as s, _ as t };
+export { h as a, u as c, m as i, s as l, _ as n, g as o, p as r, d as s, v as t, c as u };

package/dist/{pointerFieldMappings-DP5tla5z.js → pointerFieldMappings-DXwlU5uj.js}

@@ -2,24 +2,8 @@
 function e(e, t, n) {
 	return e < t ? t : e > n ? n : e;
 }
-var t = .15, n = .15;
-function r(e) {
-	let t = Math.hypot(e.x, e.y);
-	return t < 1e-6 ? null : {
-		x: e.x / t,
-		y: e.y / t
-	};
-}
-function i(t, n, i = {}) {
-	let a = i.lean ?? .15, o = e(i.biasGain ?? .15, 0, .15), s = Math.max(n.scale, 1e-6), c = t.smoothedPosition, l = (c.x * 2 - 1) * a * t.engagement, u = -(c.y * 2 - 1) * a * t.engagement, d = l * n.aspect / s, f = u / s, p = 1, m = n.headTangent ? r(n.headTangent) : null, h = n.headToCursor ? r(n.headToCursor) : null;
-	return m && h && (p = 1 + o * e(m.x * h.x + m.y * h.y, -1, 1) * t.engagement), {
-		leanX: d,
-		leanY: f,
-		phaseRateMul: p
-	};
-}
-var a = .09, o = .6, s = .35;
-function c(t, n = {}) {
+var t = .09, n = .6, r = .35;
+function i(t, n = {}) {
 	let r = n.leadK ?? .09, i = n.stretchGain ?? .6, a = n.stretchMax ?? .35, o = e((t.attractor.x + t.velocity.x * r) * 2 - 1, -1, 1), s = e((t.attractor.y + t.velocity.y * r) * 2 - 1, -1, 1), c = -(t.acceleration.x * t.velocity.x + t.acceleration.y * t.velocity.y);
 	return {
 		x: o,
@@ -27,8 +11,8 @@ function c(t, n = {}) {
 		stretch: e(Math.max(0, c) * i + t.burst * .1, 0, a)
 	};
 }
-var l = .25;
-function u(t, n = {}) {
+var a = .25;
+function o(t, n = {}) {
 	let r = e(n.strength ?? .8, 0, 1), i = e(t.engagement * r, 0, 1), a = e(t.burst * (n.amplitude ?? 0), 0, 1);
 	return {
 		cx: t.attractor.x,
@@ -37,7 +21,7 @@ function u(t, n = {}) {
 		radius: n.radius ?? .25
 	};
 }
-function d(e) {
+function s(e) {
 	return {
 		x: e.attractor.x,
 		y: e.attractor.y,
@@ -47,7 +31,7 @@ function d(e) {
 		velY: e.velocity.y
 	};
 }
-function f(e) {
+function c(e) {
 	return {
 		position: e.position.value,
 		smoothedPosition: e.smoothedPosition.value,
@@ -59,4 +43,4 @@ function f(e) {
 	};
 }
 //#endregion
-export { t as a, c, f as d, s as i, d as l, a as n, n as o, o as r, u as s, l as t, i as u };
+export { o as a, c, r as i, t as n, i as o, n as r, s, a as t };

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-DBMKTPkL.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-Ci8o-pDx.js → radio-group-B58Bz16F.js}

@@ -1,5 +1,5 @@
-import { t as e } from "./class-names-q-UGOkHH.js";
-import { n as t } from "./control-Da4XeT43.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";
 //#endregion

package/dist/radio-group.js

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

package/dist/{select-CDgwGH_P.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-B0hdsIRo.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-CDgwGH_P.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 };