@mkbabb/glass-ui 10.0.1 → 10.1.1

package/dist/{select-fy3vtArm.js → select-5QMeUAU6.js}

@@ -1,14 +1,14 @@
 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 "./participation-Di4UHbzk.js";
+import { t as r } from "./participation-Cs_UX_Dc.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";
+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, injectSelectRootContext as L, useForwardProps as R } from "reka-ui";
+import { ChevronDown as z, ChevronUp as B } from "@lucide/vue";
 //#endregion
 //#region src/components/select/Select.vue
-var B = /* @__PURE__ */ f({
+var V = /* @__PURE__ */ f({
 	name: "Select",
 	inheritAttrs: !1,
 	__name: "Select",
@@ -26,7 +26,7 @@ var B = /* @__PURE__ */ f({
 	},
 	emits: ["update:modelValue", "update:open"],
 	setup(e, { emit: t }) {
-		let r = e, i = t, a = L(r);
+		let r = e, i = t, a = R(r);
 		function s(e) {
 			if (!n(e)) throw TypeError("[glass-ui] Select received a non-scalar value.");
 			i("update:modelValue", e);
@@ -39,7 +39,7 @@ var B = /* @__PURE__ */ f({
 			_: 3
 		}, 16));
 	}
-}), V = /* @__PURE__ */ f({
+}), H = /* @__PURE__ */ f({
 	name: "SelectValue",
 	inheritAttrs: !1,
 	__name: "SelectValue",
@@ -64,7 +64,7 @@ var B = /* @__PURE__ */ f({
 			key: "0"
 		} : void 0]), 1040, ["placeholder", "class"]));
 	}
-}), H = /* @__PURE__ */ f({
+}), U = /* @__PURE__ */ f({
 	name: "SelectTrigger",
 	inheritAttrs: !1,
 	__name: "SelectTrigger",
@@ -88,13 +88,13 @@ var B = /* @__PURE__ */ f({
 			class: y(e)("control-surface glass-control-edge glass-capsule-hover h-(--control-h-md)", "tap-squish focus-ring flex w-full cursor-pointer items-center justify-between rounded-pill px-3 py-2 text-dropdown placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-disabled [&>span]:line-clamp-1 transition-control aria-invalid:border-(--destructive) user-invalid:border-(--destructive) focus-visible:aria-invalid:shadow-(--invalid-ring) focus-visible:user-invalid:shadow-(--invalid-ring)", r.class)
 		}), {
 			default: x(() => [v(t.$slots, "default"), d(y(w), { "as-child": "" }, {
-				default: x(() => [d(y(R), { class: "transition-disclosure in-data-[state=open]:rotate-180 h-4 w-4 shrink-0 opacity-(--select-chevron-opacity)" })]),
+				default: x(() => [d(y(z), { class: "transition-disclosure in-data-[state=open]:rotate-180 h-4 w-4 shrink-0 opacity-(--select-chevron-opacity)" })]),
 				_: 1
 			})]),
 			_: 3
 		}, 16, ["disabled", "class"]));
 	}
-}), U = /* @__PURE__ */ f({
+}), W = /* @__PURE__ */ f({
 	name: "SelectScrollButton",
 	inheritAttrs: !1,
 	__name: "SelectScrollButton",
@@ -111,14 +111,14 @@ var B = /* @__PURE__ */ f({
 	setup(n) {
 		let r = n, i = b(), s = a(() => t(i)), c = a(() => e("flex min-h-11 cursor-default items-center justify-center", r.class));
 		return (e, t) => r.direction === "up" ? (_(), o(y(M), m({ key: 0 }, s.value, { class: c.value }), {
-			default: x(() => [v(e.$slots, "default", {}, () => [d(y(z), { class: "h-4 w-4" })])]),
+			default: x(() => [v(e.$slots, "default", {}, () => [d(y(B), { class: "h-4 w-4" })])]),
 			_: 3
 		}, 16, ["class"])) : (_(), o(y(j), m({ key: 1 }, s.value, { class: c.value }), {
-			default: x(() => [v(e.$slots, "default", {}, () => [d(y(R), { class: "h-4 w-4" })])]),
+			default: x(() => [v(e.$slots, "default", {}, () => [d(y(z), { class: "h-4 w-4" })])]),
 			_: 3
 		}, 16, ["class"]));
 	}
-}), W = /* @__PURE__ */ f({
+}), G = /* @__PURE__ */ f({
 	name: "SelectContent",
 	inheritAttrs: !1,
 	__name: "SelectContent",
@@ -150,11 +150,13 @@ var B = /* @__PURE__ */ f({
 			alignOffset: i.alignOffset,
 			avoidCollisions: !0,
 			collisionPadding: 16
-		})), u = r();
+		})), u = L(null), f = r({ close: () => {
+			u?.open.value && u.onOpenChange(!1);
+		} });
 		return (t, n) => (_(), o(y(k), null, {
 			default: x(() => [d(y(S), m({
 				...l.value,
-				...y(u).portalAttrs.value
+				...y(f).portalAttrs.value
 			}, {
 				"data-reveal": "menu",
 				"data-slot": "select-content",
@@ -164,7 +166,7 @@ var B = /* @__PURE__ */ f({
 				onPointerDownOutside: n[2] ||= (e) => s("pointerDownOutside", e)
 			}), {
 				default: x(() => [
-					d(U, { direction: "up" }),
+					d(W, { direction: "up" }),
 					d(y(I), {
 						"data-slot": "select-viewport",
 						"data-fade-start": "",
@@ -174,14 +176,14 @@ var B = /* @__PURE__ */ f({
 						default: x(() => [v(t.$slots, "default")]),
 						_: 3
 					}, 8, ["class"]),
-					d(U, { direction: "down" })
+					d(W, { direction: "down" })
 				]),
 				_: 3
 			}, 16, ["class"])]),
 			_: 3
 		}));
 	}
-}), G = /* @__PURE__ */ f({
+}), K = /* @__PURE__ */ f({
 	name: "SelectGroup",
 	inheritAttrs: !1,
 	__name: "SelectGroup",
@@ -199,11 +201,11 @@ var B = /* @__PURE__ */ f({
 			_: 3
 		}, 16, ["class"]));
 	}
-}), K = {
+}), q = {
 	key: 0,
 	"aria-hidden": "true",
 	class: "absolute start-2 flex h-3.5 w-3.5 items-center justify-center"
-}, q = { class: "flex flex-col gap-0.5 min-w-0" }, J = /* @__PURE__ */ f({
+}, J = { class: "flex flex-col gap-0.5 min-w-0" }, Y = /* @__PURE__ */ f({
 	name: "SelectItem",
 	inheritAttrs: !1,
 	__name: "SelectItem",
@@ -234,10 +236,10 @@ var B = /* @__PURE__ */ f({
 			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, {
+			default: x(() => [S.value === "none" ? s("", !0) : (_(), c("span", q, [d(y(E), null, {
 				default: x(() => [...n[0] ||= [l("span", { class: "inline-block w-2 h-2 rounded-pill bg-current" }, null, -1)]]),
 				_: 1
-			})])), l("div", q, [d(y(D), null, {
+			})])), l("div", J, [d(y(D), null, {
 				default: x(() => [v(t.$slots, "default")]),
 				_: 3
 			}), v(t.$slots, "description")])]),
@@ -249,7 +251,7 @@ var B = /* @__PURE__ */ f({
 			"class"
 		]));
 	}
-}), Y = /* @__PURE__ */ f({
+}), X = /* @__PURE__ */ f({
 	name: "SelectLabel",
 	inheritAttrs: !1,
 	__name: "SelectLabel",
@@ -270,7 +272,7 @@ var B = /* @__PURE__ */ f({
 			_: 3
 		}, 16, ["class"]));
 	}
-}), X = /* @__PURE__ */ f({
+}), Z = /* @__PURE__ */ f({
 	name: "SelectSeparator",
 	inheritAttrs: !1,
 	__name: "SelectSeparator",
@@ -287,4 +289,4 @@ var B = /* @__PURE__ */ f({
 	}
 });
 //#endregion
-export { W as a, V as c, G as i, B as l, Y as n, U as o, J as r, H as s, X as t };
+export { G as a, H as c, K as i, V as l, X as n, W as o, Y as r, U as s, Z as t };

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-fy3vtArm.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-5QMeUAU6.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/{sheet-BQJyER59.js → sheet-DmJxgAHc.js}

@@ -199,7 +199,7 @@ var K = [
 			bottom: "border-t",
 			left: "border-r",
 			right: "border-l"
-		}, R = d(() => e(L[_.side], r("floating"), _.class)), z = A();
+		}, R = d(() => e("fixed", L[_.side], r("floating"), _.class)), z = A();
 		u(() => z.open.value && z.modal.value);
 		let B = i({
 			open: d(() => !I.value && z.open.value),

package/dist/sheet.js

@@ -1,3 +1,3 @@
 import { n as e, r as t, t as n } from "./motion-BvV1_24p.js";
-import { a as r, c as i, i as a, n as o, o as s, r as c, s as l, t as u } from "./sheet-BQJyER59.js";
+import { a as r, c as i, i as a, n as o, o as s, r as c, s as l, t as u } from "./sheet-DmJxgAHc.js";
 export { u as SheetContent, c as nearestRung, a as projectRest, r as resolveRelease, n as scrimDetentOpacity, e as scrimOpacity, s as settleHorizon, t as sheetSlideTransform, l as springOmega, i as throwDistance, o as useSheetDetents };

package/dist/{slider-5ChjjWSR.js → slider-D1zkobtO.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./useMotionAxis-D-rtIhca.js";
-import { n as t, o as n } from "./participation-Di4UHbzk.js";
+import { n as t, s as n } from "./participation-Cs_UX_Dc.js";
 import { t as r } from "./useDragVelocity-C5BkKiNf.js";
 import { n as i } from "./valueDomain-DXRzfc8l.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, mergeProps as m, nextTick as ee, normalizeClass as te, normalizeStyle as h, onBeforeUnmount as g, onMounted as _, openBlock as v, ref as y, renderList as b, unref as x, useAttrs as ne, useTemplateRef as S, watch as C, withCtx as w } from "vue";

package/dist/slider.js

@@ -1,2 +1,2 @@
-import { t as e } from "./slider-5ChjjWSR.js";
+import { t as e } from "./slider-D1zkobtO.js";
 export { e as Slider };

package/dist/{tabs-rdRXKXxd.js → tabs-C0PYq3Tb.js}

@@ -1,7 +1,7 @@
 import { t as e } from "./class-names-FlXcvRRT.js";
 import { n as t, r as n } from "./writeVelocityWeight-DoGOCW3e.js";
 import { t as r } from "./useMotionAxis-D-rtIhca.js";
-import { a as i, c as a, l as o, r as s, s as c } from "./select-fy3vtArm.js";
+import { a as i, c as a, l as o, r as s, s as c } from "./select-5QMeUAU6.js";
 import { n as l, t as u } from "./useSelectionGroup-zsEwitF6.js";
 import { t as d } from "./useDragMorph-B363RUbF.js";
 import { Fragment as f, computed as p, createBlock as m, createElementBlock as h, createElementVNode as g, createTextVNode as _, createVNode as v, defineComponent as y, mergeModels as b, mergeProps as x, nextTick as S, normalizeClass as C, normalizeStyle as w, onBeforeUnmount as T, onBeforeUpdate as E, onMounted as D, openBlock as O, ref as k, renderList as A, renderSlot as j, toDisplayString as M, unref as N, useModel as P, watch as F, withCtx as I } from "vue";

package/dist/tabs.js

@@ -1,2 +1,2 @@
-import { t as e } from "./tabs-rdRXKXxd.js";
+import { t as e } from "./tabs-C0PYq3Tb.js";
 export { e as SegmentedTabs };

package/dist/{tooltip-DhTHhtJN.js → tooltip-D7j6TsE4.js}

@@ -1,5 +1,5 @@
-import { t as e } from "./content-So3j6SOe.js";
-import { t } from "./participation-Di4UHbzk.js";
+import { t as e } from "./content-BhcJH1bI.js";
+import { t } from "./participation-Cs_UX_Dc.js";
 import { computed as n, createBlock as r, createVNode as i, defineComponent as a, mergeProps as o, openBlock as s, renderSlot as c, unref as l, useAttrs as u, withCtx as d } from "vue";
 import { TooltipContent as f, TooltipPortal as p, TooltipProvider as m, TooltipRoot as h, TooltipTrigger as g } from "reka-ui";
 //#endregion
@@ -69,7 +69,7 @@ var _ = /* @__PURE__ */ a({
 			role: "hint",
 			slot: "tooltip-content",
 			dock: b.portalAttrs.value,
-			class: ["z-tooltip", h.class]
+			class: h.class
 		}));
 		return (e, t) => (s(), r(l(p), null, {
 			default: d(() => [i(l(f), o({

package/dist/tooltip.js

@@ -1,2 +1,2 @@
-import { i as e, n as t, r as n, t as r } from "./tooltip-DhTHhtJN.js";
+import { i as e, n as t, r as n, t as r } from "./tooltip-D7j6TsE4.js";
 export { e as Tooltip, n as TooltipContent, r as TooltipProvider, t as TooltipTrigger };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@mkbabb/glass-ui",
-    "version": "10.0.1",
+    "version": "10.1.1",
     "description": "Glassmorphic design system — Vue 3.5 components, reka-ui primitives, Tailwind CSS v4 tokens",
     "license": "MIT",
     "repository": {

package/dist/content-So3j6SOe.js

@@ -1,18 +0,0 @@
-import { t as e } from "./class-names-FlXcvRRT.js";
-import { t } from "./resolve-DdrNvBby.js";
-//#region src/components/_shared/overlay/content.ts
-var n = {
-	hint: "tooltip",
-	menu: "menu",
-	panel: "overlay"
-};
-function r(r) {
-	return {
-		class: e(t("floating"), "glass-overlay-plate glass-reveal", r.class),
-		"data-slot": r.slot,
-		"data-reveal": n[r.role],
-		...r.dock
-	};
-}
-//#endregion
-export { r as t };