@mkbabb/glass-ui 3.13.0 → 4.0.0

package/dist/{sheet-1fChZjtw.js → sheet-CquRYOAw.js}

@@ -1,13 +1,14 @@
 import { t as e } from "./cn-DJXf4yaB.js";
 import { t } from "./x-BUwTKe50.js";
-import { t as n } from "./useSpringMount-CI2jOstM.js";
-import { t as r } from "./ModalOverlay-DVLI2VRr.js";
-import { computed as i, createBlock as a, createElementBlock as o, createElementVNode as s, createVNode as c, defineComponent as l, guardReactiveProps as u, mergeProps as d, normalizeClass as f, normalizeProps as p, openBlock as m, renderSlot as h, toHandlers as g, unref as _, withCtx as v } from "vue";
-import { DialogClose as y, DialogContent as b, DialogDescription as x, DialogPortal as S, DialogRoot as C, DialogTitle as w, DialogTrigger as T, injectDialogRootContext as E, useForwardPropsEmits as D } from "reka-ui";
-import { cva as O } from "class-variance-authority";
+import { t as n } from "./useSurfaceAxis-CMnF2zHb.js";
+import { t as r } from "./useSpringMount-CvopqiFr.js";
+import { t as i } from "./ModalOverlay-CkPRRgl_.js";
+import { computed as a, createBlock as o, createElementBlock as s, createElementVNode as c, createVNode as l, defineComponent as u, guardReactiveProps as d, mergeProps as f, normalizeClass as p, normalizeProps as m, openBlock as h, renderSlot as g, toHandlers as _, unref as v, withCtx as y } from "vue";
+import { DialogClose as b, DialogContent as x, DialogDescription as S, DialogPortal as C, DialogRoot as w, DialogTitle as T, DialogTrigger as E, injectDialogRootContext as D, useForwardPropsEmits as O } from "reka-ui";
+import { cva as k } from "class-variance-authority";
 //#endregion
 //#region src/components/ui/sheet/Sheet.vue
-var k = /* @__PURE__ */ l({
+var A = /* @__PURE__ */ u({
 	__name: "Sheet",
 	props: {
 		open: { type: Boolean },
@@ -16,13 +17,13 @@ var k = /* @__PURE__ */ l({
 	},
 	emits: ["update:open"],
 	setup(e, { emit: t }) {
-		let n = D(e, t);
-		return (e, t) => (m(), a(_(C), d({ "data-slot": "sheet" }, _(n)), {
-			default: v(() => [h(e.$slots, "default")]),
+		let n = O(e, t);
+		return (e, t) => (h(), o(v(w), f({ "data-slot": "sheet" }, v(n)), {
+			default: y(() => [g(e.$slots, "default")]),
 			_: 3
 		}, 16));
 	}
-}), A = /* @__PURE__ */ l({
+}), j = /* @__PURE__ */ u({
 	__name: "SheetTrigger",
 	props: {
 		asChild: { type: Boolean },
@@ -30,12 +31,12 @@ var k = /* @__PURE__ */ l({
 	},
 	setup(e) {
 		let t = e;
-		return (e, n) => (m(), a(_(T), p(u(t)), {
-			default: v(() => [h(e.$slots, "default")]),
+		return (e, n) => (h(), o(v(E), m(d(t)), {
+			default: y(() => [g(e.$slots, "default")]),
 			_: 3
 		}, 16));
 	}
-}), j = /* @__PURE__ */ l({
+}), M = /* @__PURE__ */ u({
 	__name: "SheetClose",
 	props: {
 		asChild: { type: Boolean },
@@ -43,12 +44,12 @@ var k = /* @__PURE__ */ l({
 	},
 	setup(e) {
 		let t = e;
-		return (e, n) => (m(), a(_(y), p(u(t)), {
-			default: v(() => [h(e.$slots, "default")]),
+		return (e, n) => (h(), o(v(b), m(d(t)), {
+			default: y(() => [g(e.$slots, "default")]),
 			_: 3
 		}, 16));
 	}
-}), M = /* @__PURE__ */ l({
+}), N = /* @__PURE__ */ u({
 	inheritAttrs: !1,
 	__name: "SheetContent",
 	props: {
@@ -60,6 +61,7 @@ var k = /* @__PURE__ */ l({
 			Array
 		] },
 		side: {},
+		surface: {},
 		spring: { type: [Boolean, String] },
 		dragDismiss: { type: Boolean },
 		dragThreshold: {},
@@ -76,17 +78,17 @@ var k = /* @__PURE__ */ l({
 		"openAutoFocus",
 		"closeAutoFocus"
 	],
-	setup(o, { emit: l }) {
-		let u = o, f = l, p = D(i(() => {
-			let { class: e, side: t, spring: n, dragDismiss: r, dragThreshold: i, ...a } = u;
-			return a;
-		}), f), x = u.spring ? E() : null, C = u.spring && x ? n({
-			open: x.open,
-			preset: typeof u.spring == "string" ? u.spring : "smooth",
-			dismissThreshold: u.dragThreshold ?? .3,
-			onDismiss: () => x.onOpenChange(!1)
-		}) : null, w = i(() => u.side ?? "right");
-		function T(e, t) {
+	setup(s, { emit: u }) {
+		let d = s, p = u, m = a(() => {
+			let { class: e, side: t, surface: n, spring: r, dragDismiss: i, dragThreshold: a, ...o } = d;
+			return o;
+		}), S = a(() => n(d.surface ?? "glass").replace(/^glass-\w+\s*/, "")), w = O(m, p), T = d.spring ? D() : null, E = d.spring && T ? r({
+			open: T.open,
+			preset: typeof d.spring == "string" ? d.spring : "smooth",
+			dismissThreshold: d.dragThreshold ?? .3,
+			onDismiss: () => T.onOpenChange(!1)
+		}) : null, k = a(() => d.side ?? "right");
+		function A(e, t) {
 			let n = `${e * 100}%`;
 			switch (t) {
 				case "top": return `translateY(-${n})`;
@@ -95,41 +97,43 @@ var k = /* @__PURE__ */ l({
 				default: return `translateX(${n})`;
 			}
 		}
-		let O = i(() => {
-			if (C) return {
-				transform: T(C.position.value, w.value),
+		let j = a(() => {
+			if (E) return {
+				transform: A(E.position.value, k.value),
 				animation: "none",
 				transition: "none"
 			};
-		}), k = i(() => u.spring && u.dragDismiss && C ? C.dragHandlers : {});
-		return (n, i) => (m(), a(_(S), null, {
-			default: v(() => [c(r, {
+		}), M = a(() => d.spring && d.dragDismiss && E ? E.dragHandlers : {});
+		return (n, r) => (h(), o(v(C), null, {
+			default: y(() => [l(i, {
 				scrim: "glass",
 				animate: "fade",
 				layout: "centered"
-			}), c(_(b), d({ class: _(e)(_(L)({ side: w.value }), u.spring ? "transition-none" : "", u.class) }, {
-				..._(p),
+			}), l(v(x), f({ class: v(e)(v(R)({ side: k.value }), S.value, d.spring ? "transition-none" : "", d.class) }, {
+				...v(w),
 				...n.$attrs
 			}, {
-				style: O.value,
-				"data-spring": u.spring ? typeof u.spring == "string" ? u.spring : "smooth" : void 0,
-				"data-drag-dismiss": u.spring && u.dragDismiss ? "" : void 0
-			}, g(k.value)), {
-				default: v(() => [h(n.$slots, "default"), c(_(y), { class: "focus-ring absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 disabled:pointer-events-none data-[state=open]:bg-secondary" }, {
-					default: v(() => [c(_(t), { class: "w-4 h-4 text-muted-foreground" }), i[0] ||= s("span", { class: "sr-only" }, "Close", -1)]),
+				style: j.value,
+				"data-surface": d.surface ?? "glass",
+				"data-spring": d.spring ? typeof d.spring == "string" ? d.spring : "smooth" : void 0,
+				"data-drag-dismiss": d.spring && d.dragDismiss ? "" : void 0
+			}, _(M.value)), {
+				default: y(() => [g(n.$slots, "default"), l(v(b), { class: "focus-ring absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 disabled:pointer-events-none data-[state=open]:bg-secondary" }, {
+					default: y(() => [l(v(t), { class: "w-4 h-4 text-muted-foreground" }), r[0] ||= c("span", { class: "sr-only" }, "Close", -1)]),
 					_: 1
 				})]),
 				_: 3
 			}, 16, [
 				"class",
 				"style",
+				"data-surface",
 				"data-spring",
 				"data-drag-dismiss"
 			])]),
 			_: 3
 		}));
 	}
-}), N = /* @__PURE__ */ l({
+}), P = /* @__PURE__ */ u({
 	__name: "SheetHeader",
 	props: { class: { type: [
 		Boolean,
@@ -140,9 +144,9 @@ var k = /* @__PURE__ */ l({
 	] } },
 	setup(t) {
 		let n = t;
-		return (t, r) => (m(), o("div", { class: f(_(e)("flex flex-col gap-y-2 text-center sm:text-left", n.class)) }, [h(t.$slots, "default")], 2));
+		return (t, r) => (h(), s("div", { class: p(v(e)("flex flex-col gap-y-2 text-center sm:text-left", n.class)) }, [g(t.$slots, "default")], 2));
 	}
-}), P = /* @__PURE__ */ l({
+}), F = /* @__PURE__ */ u({
 	__name: "SheetTitle",
 	props: {
 		asChild: { type: Boolean },
@@ -156,16 +160,16 @@ var k = /* @__PURE__ */ l({
 		] }
 	},
 	setup(t) {
-		let n = t, r = i(() => {
+		let n = t, r = a(() => {
 			let { class: e, ...t } = n;
 			return t;
 		});
-		return (t, i) => (m(), a(_(w), d({ class: _(e)("text-subheading text-foreground", n.class) }, r.value), {
-			default: v(() => [h(t.$slots, "default")]),
+		return (t, i) => (h(), o(v(T), f({ class: v(e)("text-subheading text-foreground", n.class) }, r.value), {
+			default: y(() => [g(t.$slots, "default")]),
 			_: 3
 		}, 16, ["class"]));
 	}
-}), F = /* @__PURE__ */ l({
+}), I = /* @__PURE__ */ u({
 	__name: "SheetDescription",
 	props: {
 		asChild: { type: Boolean },
@@ -179,16 +183,16 @@ var k = /* @__PURE__ */ l({
 		] }
 	},
 	setup(t) {
-		let n = t, r = i(() => {
+		let n = t, r = a(() => {
 			let { class: e, ...t } = n;
 			return t;
 		});
-		return (t, i) => (m(), a(_(x), d({ class: _(e)("text-sm text-muted-foreground", n.class) }, r.value), {
-			default: v(() => [h(t.$slots, "default")]),
+		return (t, i) => (h(), o(v(S), f({ class: v(e)("text-sm text-muted-foreground", n.class) }, r.value), {
+			default: y(() => [g(t.$slots, "default")]),
 			_: 3
 		}, 16, ["class"]));
 	}
-}), I = /* @__PURE__ */ l({
+}), L = /* @__PURE__ */ u({
 	__name: "SheetFooter",
 	props: { class: { type: [
 		Boolean,
@@ -199,9 +203,9 @@ var k = /* @__PURE__ */ l({
 	] } },
 	setup(t) {
 		let n = t;
-		return (t, r) => (m(), o("div", { class: f(_(e)("flex flex-col-reverse sm:flex-row sm:justify-end sm:gap-x-2", n.class)) }, [h(t.$slots, "default")], 2));
+		return (t, r) => (h(), s("div", { class: p(v(e)("flex flex-col-reverse sm:flex-row sm:justify-end sm:gap-x-2", n.class)) }, [g(t.$slots, "default")], 2));
 	}
-}), L = O("fixed z-modal gap-4 glass-floating p-6 transition ease-in-out sheet-animate", {
+}), R = k("fixed z-modal gap-4 glass-floating p-6 transition ease-in-out sheet-animate", {
 	variants: { side: {
 		top: "inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",
 		bottom: "inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",
@@ -211,4 +215,4 @@ var k = /* @__PURE__ */ l({
 	defaultVariants: { side: "right" }
 });
 //#endregion
-export { N as a, A as c, P as i, k as l, I as n, M as o, F as r, j as s, L as t };
+export { P as a, j as c, F as i, A as l, L as n, N as o, I as r, M as s, R as t };

package/dist/sheet.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 "./sheet-1fChZjtw.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 "./sheet-CquRYOAw.js";
 export { r as Sheet, s as SheetClose, a as SheetContent, o as SheetDescription, i as SheetFooter, e as SheetHeader, n as SheetTitle, t as SheetTrigger, c as sheetVariants };

package/dist/{slider-B-JP2JlI.js → slider-DQ95MET2.js}

@@ -1,7 +1,7 @@
 import { t as e } from "./cn-DJXf4yaB.js";
-import { t } from "./_plugin-vue_export-helper-ok8pgSl5.js";
-import { t as n } from "./useTouchGate-Dg7MQI1G.js";
-import { i as r } from "./dockContext-BegmJVmx.js";
+import { t } from "./_plugin-vue_export-helper-CBt_VvXa.js";
+import { t as n } from "./useTouchGate-28Tk2-t2.js";
+import { i as r } from "./dockContext-Bu1Avy-a.js";
 import { Fragment as i, computed as a, createBlock as o, createElementBlock as s, createVNode as c, defineComponent as l, mergeProps as u, onBeforeUnmount as d, onMounted as f, openBlock as p, renderList as m, unref as h, useTemplateRef as g, withCtx as _ } from "vue";
 import { SliderRange as v, SliderRoot as y, SliderThumb as b, SliderTrack as x, useForwardPropsEmits as S } from "reka-ui";
 import { cva as C } from "class-variance-authority";
@@ -121,16 +121,16 @@ var T = /* @__PURE__ */ t(/* @__PURE__ */ l({
 			"data-touch-active"
 		]));
 	}
-}), [["__scopeId", "data-v-2a5ffa10"]]), E = C("glass-slider focus-ring relative flex w-full touch-none select-none items-center transition-colors", {
+}), [["__scopeId", "data-v-534634a7"]]), E = C("glass-slider focus-ring relative flex w-full touch-none select-none items-center transition-colors", {
 	variants: {
 		variant: {
 			standard: "",
 			spectrum: ""
 		},
 		size: {
-			sm: "[--slider-track-height:0.75rem] [--slider-thumb-size:0.5rem]",
-			md: "[--slider-track-height:1.25rem] [--slider-thumb-size:1rem]",
-			lg: "[--slider-track-height:1.75rem] [--slider-thumb-size:1.5rem]"
+			sm: "",
+			md: "",
+			lg: ""
 		}
 	},
 	defaultVariants: {

package/dist/slider.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "./slider-B-JP2JlI.js";
+import { n as e, t } from "./slider-DQ95MET2.js";
 export { e as Slider, t as sliderVariants };

package/dist/sortable-list.js

@@ -1,6 +1,6 @@
-import { t as e } from "./_plugin-vue_export-helper-ok8pgSl5.js";
-import { n as t } from "./createContext-BM46COQ-.js";
-import { t as n } from "./useSortable-muI29agz.js";
+import { t as e } from "./_plugin-vue_export-helper-CBt_VvXa.js";
+import { n as t } from "./createContext-B2RaZ-b8.js";
+import { t as n } from "./useSortable-BVqlJRBR.js";
 import { computed as r, createBlock as i, defineComponent as a, mergeProps as o, openBlock as s, renderSlot as c, resolveDynamicComponent as l, toRef as u, unref as d, withCtx as f } from "vue";
 //#region src/components/custom/sortable-list/context.ts
 var p = t("glass-ui:sortable", "[glass-ui:sortable] <SortableItem> must be used inside <SortableList>"), m = p.KEY;

package/dist/styles/animations.css

@@ -141,32 +141,13 @@
     100% { background-position: -200% 0; }
 }
 
-/* ── Sparkle sweep: four-point star traverses a surface diagonally ──
- *
- * Reserved for the chassis primary-action hover (dock-tab-button[data-tier="primary"])
- * and the `Complete!` shimmer cycle. Single keyframe, ~600ms per pass; the
- * consumer rule sets the duration and easing. Reduced-motion guard at the
- * consumer site (per surface — not all sparkle uses share the same gate).
+/* ── Sparkle sweep RETIRED (BA.W-GLASS-CAL, H2a) ──
+ * The `@keyframes sparkle-sweep` + its reduced-motion stub are DELETED with the
+ * disco recipe family — the `btn-audacious` ::after star (its sole consumer) is
+ * gone, and the dock-tab primary tier collapsed onto the calm glass register.
+ * The `Complete!` celebratory shimmer rides its OWN keyframes (gold-shimmer-slide
+ * / shimmer above), never sparkle-sweep.
  */
-@keyframes sparkle-sweep {
-    0% {
-        transform: translate(-30%, -30%) scale(0.5);
-        opacity: 0;
-    }
-    25% {
-        opacity: 1;
-    }
-    100% {
-        transform: translate(180%, 180%) scale(1.2);
-        opacity: 0;
-    }
-}
-
-@media (prefers-reduced-motion: reduce) {
-    @keyframes sparkle-sweep {
-        0%, 100% { opacity: 0; transform: none; }
-    }
-}
 
 /* ── Pulse dot bounce: dots variant of <Pulse> ──
  *
@@ -334,7 +315,11 @@
         opacity: 0;
         scale: var(--top-layer-enter-scale, 0.96);
         transition-property: opacity, scale, display, overlay;
-        transition-duration: var(--duration-normal);
+        /* BA.W-GLASS-CAL Unit 3 — the enter rides the bouncy spring's OWN settle
+           clock (`--spring-bouncy-duration`, the 2%-band envelope settle) rather
+           than the generic `--duration-normal`, so the emphatic dialog/popover
+           entrance bounce reads fully instead of being clipped at 0.3s. */
+        transition-duration: var(--spring-bouncy-duration);
         transition-timing-function: var(--spring-bouncy);
         transition-behavior: allow-discrete;
     }