@mkbabb/glass-ui 4.2.0 → 6.0.0

package/dist/sheet-DUCIoOe0.js

@@ -1,218 +0,0 @@
-import { t as e } from "./cn-DJXf4yaB.js";
-import { t } from "./vendor-B2qOlYY3.js";
-import { t as n } from "./useSurfaceAxis-Ci7Dnaw2.js";
-import { t as r } from "./useSpringMount-DFxtzmkR.js";
-import { t as i } from "./ModalOverlay-DfAf7o15.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 A = /* @__PURE__ */ u({
-	__name: "Sheet",
-	props: {
-		open: { type: Boolean },
-		defaultOpen: { type: Boolean },
-		modal: { type: Boolean }
-	},
-	emits: ["update:open"],
-	setup(e, { emit: t }) {
-		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));
-	}
-}), j = /* @__PURE__ */ u({
-	__name: "SheetTrigger",
-	props: {
-		asChild: { type: Boolean },
-		as: {}
-	},
-	setup(e) {
-		let t = e;
-		return (e, n) => (h(), o(v(E), m(d(t)), {
-			default: y(() => [g(e.$slots, "default")]),
-			_: 3
-		}, 16));
-	}
-}), M = /* @__PURE__ */ u({
-	__name: "SheetClose",
-	props: {
-		asChild: { type: Boolean },
-		as: {}
-	},
-	setup(e) {
-		let t = e;
-		return (e, n) => (h(), o(v(b), m(d(t)), {
-			default: y(() => [g(e.$slots, "default")]),
-			_: 3
-		}, 16));
-	}
-}), N = /* @__PURE__ */ u({
-	inheritAttrs: !1,
-	__name: "SheetContent",
-	props: {
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] },
-		side: {},
-		surface: {},
-		spring: { type: [Boolean, String] },
-		dragDismiss: { type: Boolean },
-		dragThreshold: {},
-		forceMount: { type: Boolean },
-		disableOutsidePointerEvents: { type: Boolean },
-		asChild: { type: Boolean },
-		as: {}
-	},
-	emits: [
-		"escapeKeyDown",
-		"pointerDownOutside",
-		"focusOutside",
-		"interactOutside",
-		"openAutoFocus",
-		"closeAutoFocus"
-	],
-	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})`;
-				case "bottom": return `translateY(${n})`;
-				case "left": return `translateX(-${n})`;
-				default: return `translateX(${n})`;
-			}
-		}
-		let j = a(() => {
-			if (E) return {
-				transform: A(E.position.value, k.value),
-				animation: "none",
-				transition: "none"
-			};
-		}), 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"
-			}), 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: 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
-		}));
-	}
-}), P = /* @__PURE__ */ u({
-	__name: "SheetHeader",
-	props: { class: { type: [
-		Boolean,
-		null,
-		String,
-		Object,
-		Array
-	] } },
-	setup(t) {
-		let n = t;
-		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));
-	}
-}), F = /* @__PURE__ */ u({
-	__name: "SheetTitle",
-	props: {
-		asChild: { type: Boolean },
-		as: {},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	},
-	setup(t) {
-		let n = t, r = a(() => {
-			let { class: e, ...t } = n;
-			return t;
-		});
-		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"]));
-	}
-}), I = /* @__PURE__ */ u({
-	__name: "SheetDescription",
-	props: {
-		asChild: { type: Boolean },
-		as: {},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	},
-	setup(t) {
-		let n = t, r = a(() => {
-			let { class: e, ...t } = n;
-			return t;
-		});
-		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"]));
-	}
-}), L = /* @__PURE__ */ u({
-	__name: "SheetFooter",
-	props: { class: { type: [
-		Boolean,
-		null,
-		String,
-		Object,
-		Array
-	] } },
-	setup(t) {
-		let n = t;
-		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));
-	}
-}), R = k("fixed z-modal gap-4 glass-floating [--overlay-pad-inline:--spacing(6)] [--overlay-pad-block:calc(var(--overlay-pad-inline)*1.272)] px-(--overlay-pad-inline) py-(--overlay-pad-block) 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",
-		left: "inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm",
-		right: "inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm"
-	} },
-	defaultVariants: { side: "right" }
-});
-//#endregion
-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.d.ts

@@ -1 +0,0 @@
-export * from "./components/ui/sheet";

package/dist/sheet.js

@@ -1,2 +0,0 @@
-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-DUCIoOe0.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-CcICPe3u.js

@@ -1,149 +0,0 @@
-import { t as e } from "./cn-DJXf4yaB.js";
-import { t } from "./_plugin-vue_export-helper-gLzyemvl.js";
-import { t as n } from "./useTouchGate-B1Lf9XqN.js";
-import { t as r } from "./useDragVelocity-CjcfX3dA.js";
-import { i } from "./dockContext-gFVS2gMg.js";
-import { Fragment as a, computed as o, createBlock as s, createElementBlock as c, createVNode as l, defineComponent as u, mergeProps as d, onBeforeUnmount as f, onMounted as p, openBlock as m, renderList as h, unref as g, useTemplateRef as _, withCtx as v } from "vue";
-import { SliderRange as y, SliderRoot as b, SliderThumb as x, SliderTrack as S, useForwardPropsEmits as C } from "reka-ui";
-import { cva as w } from "class-variance-authority";
-//#region src/components/custom/dock/composables/useDockHold.ts
-function T(e, t = {}) {
-	let n = i(), r = t.enabled ?? (() => !0), a = !1;
-	function o() {
-		!r() || a || !n || (n.keepOpen(), a = !0);
-	}
-	function s() {
-		!a || !n || (n.release(), a = !1);
-	}
-	function c() {
-		s(), !(typeof window > "u") && (window.removeEventListener("pointerup", c), window.removeEventListener("pointercancel", c));
-	}
-	function l() {
-		o(), !(typeof window > "u") && (window.removeEventListener("pointerup", c), window.removeEventListener("pointercancel", c), window.addEventListener("pointerup", c), window.addEventListener("pointercancel", c));
-	}
-	let u = null;
-	return p(() => {
-		u = e(), u && (u.addEventListener("pointerdown", l), u.addEventListener("touchstart", l, { passive: !0 }));
-	}), f(() => {
-		u && (u.removeEventListener("pointerdown", l), u.removeEventListener("touchstart", l)), typeof window < "u" && (window.removeEventListener("pointerup", c), window.removeEventListener("pointercancel", c)), s();
-	}), { isHeld: n?.held };
-}
-//#endregion
-//#region src/components/ui/slider/Slider.vue
-var E = /* @__PURE__ */ t(/* @__PURE__ */ u({
-	__name: "Slider",
-	props: {
-		defaultValue: {},
-		modelValue: {},
-		disabled: { type: Boolean },
-		orientation: {},
-		dir: {},
-		inverted: { type: Boolean },
-		min: {},
-		max: {},
-		step: {},
-		minStepsBetweenThumbs: {},
-		thumbAlignment: {},
-		asChild: { type: Boolean },
-		as: {},
-		name: {},
-		required: { type: Boolean },
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] },
-		variant: {},
-		size: {},
-		keepDockOpen: {
-			type: Boolean,
-			default: !0
-		},
-		liquidDrag: {
-			type: Boolean,
-			default: !0
-		}
-	},
-	emits: ["update:modelValue", "valueCommit"],
-	setup(t, { emit: u }) {
-		let w = t, E = u, O = o(() => w.variant ?? "standard"), k = o(() => w.size ?? "md"), A = o(() => w.keepDockOpen), j = C(o(() => {
-			let { class: e, variant: t, size: n, keepDockOpen: r, liquidDrag: i, ...a } = w;
-			return a.thumbAlignment ||= "contain", a;
-		}), E), M = i(), N = _("sliderRootRef");
-		function P() {
-			let e = N.value;
-			return e ? e instanceof HTMLElement ? e : e.$el ?? null : null;
-		}
-		T(P, { enabled: () => A.value });
-		let F = o(() => w.liquidDrag);
-		r({ host: () => F.value ? P() : null });
-		let I = n();
-		function L(e) {
-			let t = P(), n = e.touches[0];
-			!t || !n || I.handleTouchStart(t, n.clientY) || (e.preventDefault(), e.stopPropagation());
-		}
-		function R(e) {
-			I.handleScrollCheck(e);
-		}
-		function z() {
-			I.handleTouchEnd();
-		}
-		p(() => {
-			let e = P();
-			e && (e.addEventListener("touchstart", L, { passive: !1 }), e.addEventListener("touchmove", R, { passive: !0 }), e.addEventListener("touchend", z, { passive: !0 }));
-		}), f(() => {
-			let e = P();
-			e && (e.removeEventListener("touchstart", L), e.removeEventListener("touchmove", R), e.removeEventListener("touchend", z));
-		});
-		let B = o(() => M?.held.value === !0), V = o(() => I.isActive.value);
-		return (n, r) => (m(), s(g(b), d({
-			"data-slot": "slider",
-			ref_key: "sliderRootRef",
-			ref: N,
-			class: g(e)(g(D)({
-				variant: O.value,
-				size: k.value
-			}), w.class),
-			"data-variant": O.value,
-			"data-size": k.value,
-			"data-held": B.value || void 0,
-			"data-touch-active": V.value || void 0
-		}, g(j)), {
-			default: v(() => [l(g(S), { class: "slider-track" }, {
-				default: v(() => [l(g(y), { class: "slider-range" })]),
-				_: 1
-			}), (m(!0), c(a, null, h(t.modelValue, (e, t) => (m(), s(g(x), {
-				key: t,
-				"aria-label": n.$attrs["aria-label"] ?? void 0,
-				class: "slider-thumb glass-specular-track touch-hit-area"
-			}, null, 8, ["aria-label"]))), 128))]),
-			_: 1
-		}, 16, [
-			"class",
-			"data-variant",
-			"data-size",
-			"data-held",
-			"data-touch-active"
-		]));
-	}
-}), [["__scopeId", "data-v-fb90cb94"]]), D = w("glass-slider focus-ring relative flex w-full touch-none select-none items-center transition-colors", {
-	variants: {
-		variant: {
-			standard: "",
-			spectrum: ""
-		},
-		size: {
-			sm: "",
-			md: "",
-			lg: ""
-		}
-	},
-	defaultVariants: {
-		variant: "standard",
-		size: "md"
-	}
-});
-//#endregion
-export { E as n, D as t };

package/dist/spectrum-walk-cBNSx_zm.js

@@ -1,33 +0,0 @@
-import { o as e, t } from "./color-B9jZdhJX.js";
-import { OKLCHColor as n, sampleColorRamp as r } from "@mkbabb/value.js";
-//#region src/components/custom/border-progress/composables/spectrum-walk.ts
-var i = (e) => new n(e.L, e.C, e.h / 360), a = (e) => ({
-	L: Number(e.l),
-	C: Number(e.c),
-	h: (Number(e.h) * 360 % 360 + 360) % 360
-});
-function o(n, o) {
-	let s = n.map((e) => t(e)), c = s.length;
-	if (o < 2) return [e(s[0] ?? {
-		L: .7,
-		C: 0,
-		h: 0
-	})];
-	if (c === 0) return Array.from({ length: o }, () => e({
-		L: .7,
-		C: 0,
-		h: 0
-	}));
-	if (c === 1) return Array.from({ length: o }, () => e(s[0]));
-	let l = (t, n, o) => r(i(t), i(n), o, {
-		space: "oklch",
-		hueMethod: "shorter"
-	}).map((t) => e(a(t))), u = c - 1, d = [];
-	for (let e = 0; e < u; e++) {
-		let t = Math.round(e * (o - 1) / u), n = Math.round((e + 1) * (o - 1) / u), r = l(s[e], s[e + 1], n - t + 1);
-		d.push(...e > 0 ? r.slice(1) : r);
-	}
-	return d;
-}
-//#endregion
-export { o as walkConcreteSpectrum };

package/dist/springPresets-DfoQ6XRY.js

@@ -1,64 +0,0 @@
-//#region src/composables/motion/springPresets.ts
-var e = [
-	{
-		name: "smooth",
-		response: .58,
-		dampingFraction: .8,
-		comment: "SETTLE register — the inertial settle (entrances/fades/scale-ins): weighty, a whisper of life (+1.5%), never a dead stop. BD.W-ANIM-IOS27-TUNE"
-	},
-	{
-		name: "snappy",
-		response: .48,
-		dampingFraction: .74,
-		comment: "CONTROL register — the quick-but-WEIGHTY position morph (tab indicator, progress fill, .glass-reveal SPATIAL bloom, page-build); arrives at half-clock (audacious) with a small gooey overshoot (+3.2%). BD.W-ANIM-IOS27-TUNE"
-	},
-	{
-		name: "bouncy",
-		response: .6,
-		dampingFraction: .6,
-		comment: "PLAYFUL register — the emphatic one-shot (dialog/success entrance, VT default, completion-seal): FLOWING not flicking — overshoot softened 12.6%→9.5%, slower for inertia. BD.W-ANIM-IOS27-TUNE"
-	},
-	{
-		name: "gentle",
-		response: .82,
-		dampingFraction: 1,
-		comment: "GENTLE register — the patient critically-damped settle (--ease-convergence alias); slow inertial arrival, ζ=1.0 (NO overshoot by definition — the convergence-reveal depends on it). BD.W-ANIM-IOS27-TUNE"
-	},
-	{
-		name: "dock",
-		response: .68,
-		dampingFraction: .64,
-		comment: "DOCK register — THE WEIGHTY GOOEY MORPH (collapse/expand + V↔H + fission + in-situ shell): slow inertial mass, the settle a graceful +7.3% (un-pointed liquid), the 'MORPH MORE on move' reference. BD.W-ANIM-IOS27-TUNE"
-	},
-	{
-		name: "press",
-		response: .2,
-		dampingFraction: .8,
-		comment: "PRESS register — the iOS interactive tap (useSpringPress + --glass-btn-press-t): a hair of inertial carry (sub-200ms iOS window) + a tiny alive rebound (+1.5%); the interruptible re-seat keeps the gesture continuous. BD.W-ANIM-IOS27-TUNE"
-	},
-	{
-		name: "timeline-head",
-		response: .34,
-		dampingFraction: .74,
-		comment: "TIMELINE-HEAD register — the ScrubberTimeline warm-glass lozenge travel (LEG-2): the head LAGS the pointer a hair then settles with a whisper of fling-overshoot (+3.2%). The fast head clock the fill trails. BD.W-TIMELINE-RAIL-UNIFY"
-	},
-	{
-		name: "timeline-fill",
-		response: .46,
-		dampingFraction: .82,
-		comment: "TIMELINE-FILL register — the ScrubberTimeline lane fill (LEG-2): a slower clock than the head so the fill TRAILS the bead (the lane reads as liquid trailing), settling with a hint of carry (+1.1%). BD.W-TIMELINE-RAIL-UNIFY"
-	},
-	{
-		name: "timeline-press",
-		response: .22,
-		dampingFraction: .7,
-		comment: "TIMELINE-PRESS register — the ScrubberTimeline grab-anticipation (LEG-2): the head's pointerdown squash on the cartoon-punch clock, a crisp short-response press settle (+4.6%) feeding the --scale-press dip. BD.W-TIMELINE-RAIL-UNIFY"
-	}
-];
-function t(t) {
-	let n = e.find((e) => e.name === t);
-	if (!n) throw Error(`Unknown spring preset: ${t}`);
-	return n;
-}
-//#endregion
-export { t as n, e as t };

package/dist/stacked-icons.d.ts

@@ -1 +0,0 @@
-export * from "./components/custom/stacked-icons";

package/dist/stacked-icons.js

@@ -1,98 +0,0 @@
-import { Fragment as e, computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createTextVNode as o, defineComponent as s, normalizeClass as c, normalizeStyle as l, openBlock as u, renderList as d, renderSlot as f, resolveDynamicComponent as p, toDisplayString as m, withCtx as h } from "vue";
-//#region src/components/custom/stacked-icons/StackedIconGroup.vue?vue&type=script&setup=true&lang.ts
-var g = {
-	key: 1,
-	style: { zIndex: 0 }
-}, _ = /* @__PURE__ */ s({
-	__name: "StackedIconGroup",
-	props: {
-		items: {},
-		maxVisible: { default: 3 },
-		direction: { default: "horizontal" },
-		reversed: {
-			type: Boolean,
-			default: !1
-		},
-		size: { default: "md" },
-		expandOnHover: {
-			type: Boolean,
-			default: !0
-		},
-		as: { default: "div" },
-		keyFn: {}
-	},
-	setup(s) {
-		let _ = s, v = t(() => {
-			switch (_.size) {
-				case "sm": return "h-6 w-6";
-				case "md": return "h-8 w-8";
-				case "lg": return "h-10 w-10";
-			}
-		}), y = t(() => {
-			if (_.direction === "vertical") switch (_.size) {
-				case "sm": return "-mt-(--stack-overlap-sm)";
-				case "md": return "-mt-(--stack-overlap-md)";
-				case "lg": return "-mt-(--stack-overlap-lg)";
-			}
-			switch (_.size) {
-				case "sm": return "-ml-(--stack-overlap-sm)";
-				case "md": return "-ml-(--stack-overlap-md)";
-				case "lg": return "-ml-(--stack-overlap-lg)";
-			}
-		}), b = t(() => _.items.slice(0, _.maxVisible)), x = t(() => Math.max(0, _.items.length - _.maxVisible)), S = t(() => {
-			let e = b.value.length + +(x.value > 0);
-			return Math.max(1, e - 1);
-		});
-		return (t, _) => (u(), n(p(s.as), {
-			class: c(["stacked-icon-group group/stack relative isolate flex", [s.direction === "vertical" ? "flex-col" : "items-center", s.reversed ? s.direction === "vertical" ? "flex-col-reverse" : "flex-row-reverse" : ""]]),
-			"data-direction": s.direction,
-			style: l({ "--n": S.value })
-		}, {
-			default: h(() => [
-				(u(!0), i(e, null, d(b.value, (e, n) => (u(), i("div", {
-					key: s.keyFn?.(e, n) ?? n,
-					class: c([
-						v.value,
-						"stacked-icon-puck relative flex items-center justify-center rounded-pill transform-gpu",
-						n > 0 ? y.value : "",
-						s.expandOnHover && n > 0 ? "stacked-icon-puck--fan" : ""
-					]),
-					style: l({
-						zIndex: b.value.length + 1 - n,
-						"--i": n
-					})
-				}, [f(t.$slots, "icon", {
-					item: e,
-					index: n
-				})], 6))), 128)),
-				x.value > 0 ? (u(), i("div", {
-					key: 0,
-					class: c([
-						v.value,
-						"stacked-icon-puck stacked-icon-overflow glass-capsule glass-atom",
-						"relative flex items-center justify-center rounded-pill text-xs font-semibold text-muted-foreground",
-						"transform-gpu",
-						y.value,
-						s.expandOnHover ? "stacked-icon-puck--fan" : ""
-					]),
-					style: l({
-						zIndex: 1,
-						"--i": b.value.length
-					}),
-					"data-cast": ""
-				}, [_[0] ||= a("span", {
-					class: "cartoon-cast",
-					"aria-hidden": "true"
-				}, null, -1), f(t.$slots, "overflow", { count: x.value }, () => [o(" +" + m(x.value), 1)])], 6)) : r("", !0),
-				x.value === 0 && t.$slots.info ? (u(), i("div", g, [f(t.$slots, "info")])) : r("", !0)
-			]),
-			_: 3
-		}, 8, [
-			"class",
-			"data-direction",
-			"style"
-		]));
-	}
-});
-//#endregion
-export { _ as StackedIconGroup };

package/dist/styles/border-progress.css

@@ -1,109 +0,0 @@
-/* BB.W-BORDER-PROGRESS — progress IS the element's border.
- *
- * The masked-conic ring consumption (the registration lives in
- * tokens/property-regs.css §18, mirroring the specular split: the @property reg
- * there, the consumption here). The ring paints a `conic-gradient` MASK-COMPOSITED
- * into the border band so ONLY the band paints AND it FOLLOWS the host
- * `border-radius` — a `border-image` SQUARES the corners (measured inferior,
- * forbidden), a floating-bar child re-introduces allocation (forbidden). The host
- * INTERIOR is untouched: a glass card still transmits the backdrop THROUGH its
- * content box (the AX.W54 glass-first identity — the ring is a border-band cut-out,
- * not an opaque overlay).
- *
- * Compositor-only: the sweep rides the registered `--border-progress-fill`
- * <percentage>; no layout property animates (`proof:no-layout-animation`). The
- * unregistered fallback is safe (the `initial-value` paints the resting ring; the
- * cross-fade collapses to it on a non-supporting engine — Chromium 85+/Safari
- * 16.4+, within the deployment floor). */
-
-.border-progress {
-    position: relative;
-    display: block;
-    border-radius: var(--border-progress-radius, 16px);
-    /* The host reserves the border band the ring paints into (allocation-free —
-       the content box is untouched, no reflow). */
-    padding: 0;
-}
-
-/* The ring layer — inset over the host, the border band the conic paints into.
-   The `border` width IS the band thickness; the conic is mask-composited so the
-   padding-box (interior) is EXCLUDED from the border-box (the radius-following
-   cut-out). */
-.border-progress__ring {
-    position: absolute;
-    inset: 0;
-    border-radius: inherit;
-    border: var(--border-progress-width, 12px) solid transparent;
-    pointer-events: none;
-    /* The spectrum conic, swept to --border-progress-fill. The colored arc runs
-       from the top (12 o'clock) clockwise to the fill fraction; past it is
-       transparent so the resting band shows ONLY the filled spectrum. */
-    background:
-        conic-gradient(
-            from 0deg,
-            var(--border-progress-spectrum, var(--section-color-7)),
-            transparent var(--border-progress-fill, 0%),
-            transparent 100%
-        );
-    /* THE RADIUS-FOLLOWING CUT-OUT — the house border-ring idiom: paint a
-       border-box fill, EXCLUDE a padding-box fill, leaving only the border band,
-       which follows `border-radius` exactly (a border-image cannot). */
-    -webkit-mask:
-        linear-gradient(#fff 0 0) padding-box,
-        linear-gradient(#fff 0 0) border-box;
-    -webkit-mask-composite: xor;
-    mask:
-        linear-gradient(#fff 0 0) padding-box,
-        linear-gradient(#fff 0 0) border-box;
-    mask-composite: exclude;
-}
-
-/* THE COVERAGE AXIS — ONE conic-mask mechanism, two coverage masks (NOT a second
-   recipe). `bottom-edge` adds a SECOND mask layer scoping the painted band to the
-   bottom edge only; it composes WITH the border-band cut-out above (the mask
-   stack intersects), so the bottom register reuses the exact conic + radius
-   cut-out — the dock-orientation `dim`-idiom discipline (no parallel fork). */
-.border-progress[data-coverage="bottom-edge"] .border-progress__ring {
-    -webkit-mask:
-        linear-gradient(#fff 0 0) padding-box,
-        linear-gradient(#fff 0 0) border-box,
-        linear-gradient(to top, #fff 0, #fff var(--border-progress-width, 12px), transparent var(--border-progress-width, 12px));
-    -webkit-mask-composite: xor, source-in;
-    mask:
-        linear-gradient(#fff 0 0) padding-box,
-        linear-gradient(#fff 0 0) border-box,
-        linear-gradient(to top, #fff 0, #fff var(--border-progress-width, 12px), transparent var(--border-progress-width, 12px));
-    mask-composite: exclude, intersect;
-}
-
-/* The content box — the host's own surface (a glass card, a chassis). It is
-   untouched by the ring (backdrop-intact); the ring sits over the border band
-   only. */
-.border-progress__content {
-    position: relative;
-    z-index: 1;
-    border-radius: inherit;
-    height: 100%;
-}
-
-/* THE MILESTONE PULSE — a brief brightness bloom on a crossed phase edge. The
-   pulse is PRM-gated (no edge-pulse under reduced motion — the ring snaps to the
-   new value). Compositor-only (filter brightness, never a layout property). */
-@media (prefers-reduced-motion: no-preference) {
-    .border-progress[data-milestone] .border-progress__ring {
-        animation: border-progress-milestone-pulse
-            var(--spring-snappy-duration, 0.34s) var(--ease-out, ease-out);
-    }
-}
-
-@keyframes border-progress-milestone-pulse {
-    0% {
-        filter: brightness(1);
-    }
-    40% {
-        filter: brightness(1.35);
-    }
-    100% {
-        filter: brightness(1);
-    }
-}