@mkbabb/glass-ui 5.0.0 → 7.0.0

package/dist/slider-DzqeQmMu.js

@@ -0,0 +1,162 @@
+import { t as e } from "./useMotionAxis-D-rtIhca.js";
+import { t } from "./useTouchGate-B4mzQcHJ.js";
+import { t as n } from "./useDragVelocity-6ONX0sr0.js";
+import { t as r } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { i } from "./dockContext-BUTlGRNJ.js";
+import { n as a } from "./valueDomain-SbVzoHMH.js";
+import { Fragment as o, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createVNode as d, defineComponent as f, mergeProps as p, normalizeStyle as m, onBeforeUnmount as h, onMounted as g, openBlock as _, renderList as v, unref as y, useAttrs as b, useTemplateRef as x, withCtx as S } from "vue";
+import { SliderRange as C, SliderRoot as w, SliderThumb as T, SliderTrack as E, useForwardPropsEmits as D } from "reka-ui";
+//#region src/components/dock/composables/useDockHold.ts
+function O(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), window.removeEventListener("blur", c));
+	}
+	function l() {
+		o(), !(typeof window > "u") && (window.removeEventListener("pointerup", c), window.removeEventListener("pointercancel", c), window.removeEventListener("blur", c), window.addEventListener("pointerup", c), window.addEventListener("pointercancel", c), window.addEventListener("blur", c));
+	}
+	let u = null;
+	return g(() => {
+		u = e(), u && (u.addEventListener("pointerdown", l), u.addEventListener("touchstart", l, { passive: !0 }));
+	}), h(() => {
+		u && (u.removeEventListener("pointerdown", l), u.removeEventListener("touchstart", l)), typeof window < "u" && (window.removeEventListener("pointerup", c), window.removeEventListener("pointercancel", c), window.removeEventListener("blur", c)), s();
+	}), { isHeld: n?.held };
+}
+//#endregion
+//#region src/components/slider/Slider.vue?vue&type=script&setup=true&lang.ts
+var k = {
+	key: 0,
+	class: "slider-marks",
+	"aria-hidden": "true"
+}, A = /*#__PURE__*/ r(/* @__PURE__ */ f({
+	__name: "Slider",
+	props: {
+		modelValue: {},
+		defaultValue: {},
+		disabled: { type: Boolean },
+		orientation: {},
+		dir: {},
+		inverted: { type: Boolean },
+		min: {},
+		max: {},
+		step: {},
+		minStepsBetweenThumbs: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		variant: { default: "standard" },
+		size: { default: "md" },
+		marks: {},
+		invalid: {
+			type: Boolean,
+			default: !1
+		},
+		keepDockOpen: {
+			type: Boolean,
+			default: !0
+		},
+		motion: {},
+		name: {},
+		required: { type: Boolean }
+	},
+	emits: ["update:modelValue", "valueCommit"],
+	setup(r, { emit: f }) {
+		let A = r, j = f, M = s(() => A.variant), N = s(() => A.size), P = s(() => A.keepDockOpen), F = s(() => a(A.marks, A.min ?? 0, A.max ?? 100)), I = D(s(() => {
+			let { class: e, variant: t, size: n, marks: r, invalid: i, keepDockOpen: a, motion: o, ...s } = A;
+			return {
+				...s,
+				thumbAlignment: "contain"
+			};
+		}), j), L = i(), R = x("sliderRootRef");
+		function z() {
+			let e = R.value;
+			return e ? e instanceof HTMLElement ? e : e.$el ?? null : null;
+		}
+		O(z, { enabled: () => P.value });
+		let B = e(() => A.motion);
+		n({
+			host: () => B.armed.value ? z() : null,
+			axis: () => A.orientation === "vertical" ? "y" : "x"
+		});
+		let V = t();
+		function H(e) {
+			let t = z(), n = e.touches[0];
+			!t || !n || V.handleTouchStart(t, n.clientY) || (e.preventDefault(), e.stopPropagation());
+		}
+		function U(e) {
+			V.handleScrollCheck(e);
+		}
+		function W() {
+			V.handleTouchEnd();
+		}
+		g(() => {
+			let e = z();
+			e && (e.addEventListener("touchstart", H, { passive: !1 }), e.addEventListener("touchmove", U, { passive: !0 }), e.addEventListener("touchend", W, { passive: !0 }));
+		}), h(() => {
+			let e = z();
+			e && (e.removeEventListener("touchstart", H), e.removeEventListener("touchmove", U), e.removeEventListener("touchend", W));
+		});
+		let G = s(() => L?.held.value === !0), K = s(() => V.isActive.value);
+		return b(), g(() => {}), (e, t) => (_(), c(y(w), p({
+			"data-slot": "slider",
+			ref_key: "sliderRootRef",
+			ref: R,
+			class: ["glass-slider", A.class],
+			"data-control-target": "",
+			"data-variant": M.value,
+			"data-size": N.value,
+			"data-invalid": A.invalid || void 0,
+			"data-held": G.value || void 0,
+			"data-touch-active": K.value || void 0,
+			"data-inverted": A.inverted || void 0,
+			"data-motion": y(B).dataMotion.value,
+			style: y(B).hostStyle.value
+		}, y(I)), {
+			default: S(({ modelValue: t }) => [d(y(E), { class: "slider-track" }, {
+				default: S(() => [F.value.length ? (_(), u("span", k, [(_(!0), u(o, null, v(F.value, (e) => (_(), u("span", {
+					key: e.value,
+					class: "slider-mark",
+					style: m({ "--value-mark-position": `${e.position * 100}%` })
+				}, null, 4))), 128))])) : l("", !0), d(y(C), { class: "slider-range glass-liquid-fill" })]),
+				_: 1
+			}), (_(!0), u(o, null, v(t, (t, n) => (_(), c(y(T), {
+				key: n,
+				"aria-label": e.$attrs["aria-label"] ?? void 0,
+				"aria-labelledby": e.$attrs["aria-labelledby"] ?? void 0,
+				"aria-describedby": e.$attrs["aria-describedby"] ?? void 0,
+				"aria-errormessage": e.$attrs["aria-errormessage"] ?? void 0,
+				"aria-invalid": A.invalid || void 0,
+				class: "slider-thumb glass-specular-track"
+			}, null, 8, [
+				"aria-label",
+				"aria-labelledby",
+				"aria-describedby",
+				"aria-errormessage",
+				"aria-invalid"
+			]))), 128))]),
+			_: 1
+		}, 16, [
+			"class",
+			"data-variant",
+			"data-size",
+			"data-invalid",
+			"data-held",
+			"data-touch-active",
+			"data-inverted",
+			"data-motion",
+			"style"
+		]));
+	}
+}), [["__scopeId", "data-v-4f4cab01"]]);
+//#endregion
+export { A as t };

package/dist/slider.js

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

package/dist/sortable-list.js

@@ -1,5 +1,5 @@
-import { t as e } from "./_plugin-vue_export-helper-C1je1s0u.js";
-import { n as t } from "./createContext-BQ1Gy_LB.js";
+import { n as e } from "./createContext-BhkE9mLH.js";
+import { t } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { Fragment as n, computed as r, createElementBlock as i, createElementVNode as a, defineComponent as o, mergeProps as s, nextTick as c, onScopeDispose as l, openBlock as u, renderSlot as d, shallowRef as f, toDisplayString as p, toRef as m, unref as h, useAttrs as g } from "vue";
 //#region src/components/sortable-list/composables/dropResolver.ts
 var _ = /* @__PURE__ */ new Set();
@@ -27,7 +27,7 @@ function y(e, t, n) {
 //#endregion
 //#region src/components/sortable-list/composables/touchGate.ts
 function b(e, t) {
-	return t === null ? !0 : e instanceof Element ? e.closest(t) !== null : !1;
+	return t === null || e instanceof Element && e.closest(t) !== null;
 }
 function x(e, t) {
 	if (e && "setPointerCapture" in e) try {
@@ -70,45 +70,45 @@ function D(e) {
 //#endregion
 //#region src/components/sortable-list/composables/dragController.ts
 function O(e) {
-	let t = f(null), n = f(null), r = f(null), i = f(!0), a = null, o = null, s = null;
-	function c(t) {
+	let t = f(null), n = f(null), r = f(null), i = f(!0), a = null, o = null, s = null, c = null;
+	function l(t) {
 		return e.getItems().findIndex((n) => e.getId(n) === t);
 	}
-	function l(t) {
+	function u(t) {
 		let n = e.getItems().find((n) => e.getId(n) === t);
 		return n === void 0 ? String(t) : e.getLabel(n);
 	}
-	function u(n, i) {
+	function d(n, i) {
 		if (t.value !== null) return !1;
-		let u = c(n), d = e.elements.get(n);
-		return u < 0 || !(d instanceof HTMLElement) ? !1 : (t.value = n, a = i, o = {
-			index: u,
+		let c = l(n), d = e.elements.get(n);
+		return c < 0 || !(d instanceof HTMLElement) ? !1 : (t.value = n, a = i, o = {
+			index: c,
 			target: null
-		}, r.value = u, s = d, s.classList.add(T), e.announce(`Lifted ${l(n)}, position ${u + 1} of ${e.getItems().length}.`), !0);
+		}, r.value = c, s = d, s.classList.add(T), e.announce(`Lifted ${u(n)}, position ${c + 1} of ${e.getItems().length}.`), !0);
 	}
-	function d(n, i, a = !1) {
+	function p(n, i, a = !1) {
 		let s = t.value;
 		if (s === null) return;
 		o?.target && o.target !== i && o.target.setExternalDropIndex(null);
-		let c = i ? i.getItems().length + 1 : e.getItems().length, u = Math.max(0, c - 1), d = Math.min(Math.max(n, 0), u);
+		let c = i ? i.getItems().length + 1 : e.getItems().length, l = Math.max(0, c - 1), d = Math.min(Math.max(n, 0), l);
 		o = {
 			index: d,
 			target: i
-		}, i ? (i.setExternalDropIndex(d), r.value = null) : r.value = d, a && e.announce(`${l(s)}, proposed position ${d + 1} of ${c}.`);
-	}
-	function p() {
-		o?.target?.setExternalDropIndex(null), e.ghost.destroyGhost(), s?.classList.remove(T), s = null, t.value = null, n.value = null, r.value = null, a = null, o = null, document.removeEventListener("pointermove", b), document.removeEventListener("pointerup", S), document.removeEventListener("pointercancel", C);
+		}, i ? (i.setExternalDropIndex(d), r.value = null) : r.value = d, a && e.announce(`${u(s)}, proposed position ${d + 1} of ${c}.`);
 	}
 	function m() {
+		o?.target?.setExternalDropIndex(null), e.ghost.destroyGhost(), s?.classList.remove(T), s = null, c = null, t.value = null, n.value = null, r.value = null, a = null, o = null, document.removeEventListener("pointermove", S), document.removeEventListener("pointerup", C), document.removeEventListener("pointercancel", w);
+	}
+	function h() {
 		let n = t.value, r = o;
 		if (n === null || r === null) return;
 		let i = e.getItems(), a = i.findIndex((t) => e.getId(t) === n);
 		if (a < 0) {
-			p();
+			m();
 			return;
 		}
 		let s = i[a], c = e.getLabel(s), l = r.target, u = r.index, d = l ? l.getItems().length + 1 : i.length;
-		if (p(), l) {
+		if (m(), l) {
 			let t = i.slice();
 			t.splice(a, 1), e.onReorder(t), l.acceptExternal(u, s), e.announce(`Moved ${c} from ${e.handle.label} to ${l.label}, position ${u + 1} of ${d}.`), l.focusItem(n);
 			return;
@@ -119,70 +119,70 @@ function O(e) {
 		}
 		e.announce(`Dropped ${c}, position ${u + 1} of ${i.length}.`), e.focusItem(n);
 	}
-	function h() {
+	function g() {
 		let n = t.value;
 		if (n === null) return;
-		let r = c(n), i = l(n);
-		p(), e.announce(`Cancelled moving ${i}. Position ${r + 1} of ${e.getItems().length}.`), e.focusItem(n);
+		let r = l(n), i = u(n);
+		m(), e.announce(`Cancelled moving ${i}. Position ${r + 1} of ${e.getItems().length}.`), e.focusItem(n);
 	}
-	function g() {
-		t.value !== null && p();
+	function _() {
+		t.value !== null && m();
 	}
-	function _(t, r) {
-		u(t, "pointer") && (n.value = {
+	function b(t, r) {
+		d(t, "pointer") && (c = r.pointerId, n.value = {
 			x: r.clientX,
 			y: r.clientY
-		}, s && e.ghost.createGhost(s, r.clientX, r.clientY), i.value = x(r.currentTarget, r.pointerId), document.addEventListener("pointermove", b), document.addEventListener("pointerup", S), document.addEventListener("pointercancel", C));
+		}, s && e.ghost.createGhost(s, r.clientX, r.clientY), i.value = x(r.currentTarget, r.pointerId), document.addEventListener("pointermove", S), document.addEventListener("pointerup", C), document.addEventListener("pointercancel", w));
 	}
-	function b(r) {
+	function S(r) {
 		let i = t.value;
-		if (i === null || a !== "pointer") return;
+		if (i === null || a !== "pointer" || r.pointerId !== c) return;
 		n.value = {
 			x: r.clientX,
 			y: r.clientY
 		}, e.ghost.updateGhost(r.clientX, r.clientY);
 		let o = y(e.handle, r.clientX, r.clientY);
 		if (o) {
-			d(v(o.getElements(), o.getItems().map((e) => ({ id: o.getId(e) })), r.clientX, r.clientY, e.horizontal), o);
+			p(v(o.getElements(), o.getItems().map((e) => ({ id: o.getId(e) })), r.clientX, r.clientY, e.horizontal), o);
 			return;
 		}
-		let s = e.getItems(), l = c(i), u = v(e.elements, s.map((t) => ({ id: e.getId(t) })), r.clientX, r.clientY, e.horizontal);
-		d(u > l ? u - 1 : u, null);
+		let s = e.getItems(), u = l(i), d = v(e.elements, s.map((t) => ({ id: e.getId(t) })), r.clientX, r.clientY, e.horizontal);
+		p(d > u ? d - 1 : d, null);
 	}
-	function S() {
-		m();
+	function C(e) {
+		e.pointerId === c && h();
 	}
-	function C() {
-		h();
+	function w(e) {
+		e.pointerId === c && g();
 	}
-	function w(n, r) {
+	function E(n, r) {
 		let i = r.key;
 		if (i === " " || i === "Enter") {
-			r.preventDefault(), t.value === null ? u(n, "keyboard") : t.value === n && a === "keyboard" && m();
+			r.preventDefault(), t.value === null ? d(n, "keyboard") : t.value === n && a === "keyboard" && h();
 			return;
 		}
 		if (t.value !== n || a !== "keyboard") return;
 		if (i === "Escape") {
-			r.preventDefault(), h();
+			r.preventDefault(), g();
 			return;
 		}
-		let s = o?.index ?? c(n);
+		let s = o?.index ?? l(n);
 		if (i === "ArrowUp" || i === "ArrowLeft") --s;
 		else if (i === "ArrowDown" || i === "ArrowRight") s += 1;
 		else if (i === "Home") s = 0;
 		else if (i === "End") s = e.getItems().length - 1;
 		else return;
-		r.preventDefault(), d(s, null, !0);
+		r.preventDefault(), p(s, null, !0);
 	}
 	return {
 		dragId: t,
 		pos: n,
 		dropIndex: r,
 		pointerCaptureActive: i,
-		beginPointer: _,
-		onKeydown: w,
-		cancel: h,
-		dispose: g
+		beginPointer: b,
+		onKeydown: E,
+		cancel: g,
+		dispose: _
 	};
 }
 //#endregion
@@ -316,7 +316,7 @@ function N(e) {
 }
 //#endregion
 //#region src/components/sortable-list/context.ts
-var P = t("glass-ui:sortable-list", "[glass-ui] <SortableItem> must be used inside <SortableList>"), F = P.provide, I = P.use, L = t("glass-ui:sortable-item", "[glass-ui] <SortableHandle> must be used inside <SortableItem>"), R = L.provide, z = L.use, B = ["aria-label"], V = {
+var P = e("glass-ui:sortable-list", "[glass-ui] <SortableItem> must be used inside <SortableList>"), F = P.provide, I = P.use, L = e("glass-ui:sortable-item", "[glass-ui] <SortableHandle> must be used inside <SortableItem>"), R = L.provide, z = L.use, B = ["aria-label"], V = {
 	class: "sr-only",
 	"aria-live": "polite",
 	"aria-atomic": "true"
@@ -356,7 +356,7 @@ var P = t("glass-ui:sortable-list", "[glass-ui] <SortableItem> must be used insi
 			dragId: h(f).dragId.value
 		})], 16, B), a("span", V, p(h(f).announcement.value), 1)], 64));
 	}
-}), U = ["aria-disabled", "data-disabled"], W = /* @__PURE__ */ e(/* @__PURE__ */ o({
+}), U = ["aria-disabled", "data-disabled"], W = /*#__PURE__*/ t(/* @__PURE__ */ o({
 	__name: "SortableItem",
 	props: {
 		id: {},
@@ -385,11 +385,11 @@ var P = t("glass-ui:sortable-list", "[glass-ui] <SortableItem> must be used insi
 			onKeydown: n[1] ||= (...e) => h(a).onKeydown && h(a).onKeydown(...e)
 		}), [d(t.$slots, "default", { isBeingDragged: c.value }, void 0, !0)], 16, U));
 	}
-}), [["__scopeId", "data-v-c8dee7e3"]]), G = [
+}), [["__scopeId", "data-v-a2b888a8"]]), G = [
 	"type",
 	"disabled",
 	"aria-label"
-], K = /* @__PURE__ */ e(/* @__PURE__ */ o({
+], K = /*#__PURE__*/ t(/* @__PURE__ */ o({
 	inheritAttrs: !1,
 	__name: "SortableHandle",
 	props: { type: { default: "button" } },
@@ -399,10 +399,11 @@ var P = t("glass-ui:sortable-list", "[glass-ui] <SortableItem> must be used insi
 			type: e.type,
 			class: "sortable-handle",
 			"data-sortable-handle": "",
+			"data-control-target": "",
 			disabled: h(n).binding.disabled.value,
 			"aria-label": a.value
 		}), [d(r.$slots, "default", {}, void 0, !0)], 16, G));
 	}
-}), [["__scopeId", "data-v-fd52a6c0"]]);
+}), [["__scopeId", "data-v-4cc4d202"]]);
 //#endregion
 export { K as SortableHandle, W as SortableItem, H as SortableList };

package/dist/springPresets-rCii5KqX.js

@@ -0,0 +1,52 @@
+//#region src/composables/motion/spring/springPresets.ts
+var e = [
+	{
+		name: "smooth",
+		response: .58,
+		dampingFraction: .8,
+		comment: "Patient entrances, fades, and scale-ins with a quiet sense of weight."
+	},
+	{
+		name: "snappy",
+		response: .48,
+		dampingFraction: .74,
+		comment: "Quick, weighty control movement for indicators, progress, and reveals."
+	},
+	{
+		name: "bouncy",
+		response: .6,
+		dampingFraction: .6,
+		comment: "Playful emphasis for dialogs, success moments, and the completion seal."
+	},
+	{
+		name: "gentle",
+		response: .82,
+		dampingFraction: 1,
+		comment: "A calm, patient arrival with no overshoot."
+	},
+	{
+		name: "dock",
+		response: .3,
+		dampingFraction: .82,
+		comment: "A brisk liquid morph for the dock and its coordinated contents."
+	},
+	{
+		name: "press",
+		response: .2,
+		dampingFraction: .8,
+		comment: "A responsive press with a subtle rebound and continuous interruption."
+	},
+	{
+		name: "transient",
+		response: .62,
+		dampingFraction: .9,
+		comment: "A centered materialize bloom for brief surfaces such as Toast."
+	}
+];
+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/status-dot.js

@@ -1,19 +1,20 @@
-import { t as e } from "./class-names-5jotTFzp.js";
-import { computed as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, defineComponent as a, normalizeClass as o, normalizeStyle as s, openBlock as c, toDisplayString as l, unref as u } from "vue";
+import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { t } from "./FeedbackMark-DZq5001h.js";
+import { createElementBlock as n, createVNode as r, defineComponent as i, mergeProps as a, openBlock as o } from "vue";
 //#region src/components/status-dot/StatusDot.vue?vue&type=script&setup=true&lang.ts
-var d = ["role"], f = ["data-status"], p = {
-	key: 0,
-	class: "text-xs leading-none text-muted-foreground"
-}, m = /* @__PURE__ */ a({
+var s = [
+	"data-state",
+	"data-size",
+	"data-identity",
+	"role",
+	"aria-label",
+	"aria-hidden"
+], c = /*#__PURE__*/ e(/* @__PURE__ */ i({
 	name: "StatusDot",
+	inheritAttrs: !1,
 	__name: "StatusDot",
 	props: {
-		variant: { default: "active" },
-		color: {},
-		pulse: {
-			type: Boolean,
-			default: !1
-		},
+		state: { default: "online" },
 		size: { default: "sm" },
 		label: {},
 		class: { type: [
@@ -24,36 +25,18 @@ var d = ["role"], f = ["data-status"], p = {
 			Array
 		] }
 	},
-	setup(a) {
-		let m = a, h = t(() => {
-			switch (m.size) {
-				case "xs": return "h-1.5 w-1.5";
-				case "md": return "h-2.5 w-2.5";
-				default: return "h-2 w-2";
-			}
-		}), g = t(() => m.variant === "custom" ? m.color ?? "var(--muted-foreground)" : {
-			active: "var(--color-status-active, hsl(142 71% 45%))",
-			paused: "var(--color-status-paused, hsl(48 96% 53%))",
-			idle: "var(--color-status-idle, var(--muted-foreground))",
-			error: "var(--color-status-error, var(--destructive))"
-		}[m.variant]), _ = t(() => ({ backgroundColor: g.value })), v = t(() => ({ backgroundColor: g.value }));
-		return (t, g) => (c(), r("span", {
-			role: t.$attrs["aria-label"] == null ? void 0 : "img",
-			class: o(u(e)("inline-flex items-center gap-1.5 align-middle", m.class))
-		}, [i("span", {
-			class: o(["status-dot__dot relative inline-flex shrink-0 rounded-pill", h.value]),
-			"data-status": a.variant,
-			style: s(_.value)
-		}, [a.pulse ? (c(), r("span", {
-			key: 0,
-			"aria-hidden": "true",
-			class: "status-dot__pulse absolute inset-0 rounded-pill opacity-60 motion-safe:animate-ping",
-			style: s(v.value)
-		}, null, 4)) : n("", !0), i("span", {
-			class: "status-dot__fill relative inline-block h-full w-full rounded-pill",
-			style: s(_.value)
-		}, null, 4)], 14, f), a.label ? (c(), r("span", p, l(a.label), 1)) : n("", !0)], 10, d));
+	setup(e) {
+		let i = e;
+		return (c, l) => (o(), n("span", a(c.$attrs, {
+			class: ["status-dot", i.class],
+			"data-state": e.state,
+			"data-size": e.size,
+			"data-identity": e.label ? "labelled" : "decorative",
+			role: e.label ? "img" : void 0,
+			"aria-label": e.label,
+			"aria-hidden": e.label ? void 0 : "true"
+		}), [r(t, { state: e.state }, null, 8, ["state"])], 16, s));
 	}
-});
+}), [["__scopeId", "data-v-046ecd58"]]);
 //#endregion
-export { m as StatusDot };
+export { c as StatusDot };

package/dist/styles/accessibility.css

@@ -0,0 +1 @@
+@import "./glass/a11y-fallback.css"; @import "./utilities/responsive.css"; @import "./utilities/a11y-overrides.css"; @media (prefers-contrast: more) { :is( [aria-current]:not([aria-current="false"]), [aria-selected="true"], [aria-pressed="true"], [aria-checked="true"], [data-state="checked"], [data-state="on"] ) { border-color: currentColor !important; border-style: solid !important; border-width: 2px !important; } :is([aria-invalid="true"], :user-invalid) { border-color: var(--destructive) !important; border-style: solid !important; border-width: 2px !important; } } @media (forced-colors: active) { :is( [aria-current]:not([aria-current="false"]), [aria-selected="true"], [aria-pressed="true"], [aria-checked="true"], [data-state="checked"], [data-state="on"] ) { border-color: Highlight !important; border-style: solid !important; border-width: 2px !important; } :is([aria-invalid="true"], :user-invalid) { border-color: Mark !important; border-style: solid !important; border-width: 2px !important; } }

package/dist/styles/animations.css

@@ -1 +1 @@
-@keyframes collapsible-open { from { height: 0; opacity: 0; } to { height: var(--reka-collapsible-content-height); opacity: 1; } } @keyframes collapsible-close { from { height: var(--reka-collapsible-content-height); opacity: 1; } to { height: 0; opacity: 0; } } @keyframes tooltip-in { from { opacity: 0; transform: scale(0.96); } to { opacity: 1; transform: scale(1); } } @keyframes fade-in { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: translateY(0); } } @keyframes scale-in { from { opacity: 0; transform: scale(0.95); } to { opacity: 1; transform: scale(1); } } @keyframes slide-up { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: translateY(0); } } @keyframes dock-in { from { opacity: 0; transform: translateY(14px) scale(0.96); } to { opacity: 1; transform: translateY(0) scale(1); } } @keyframes shimmer-sweep { 0% { background-position: -200% 0; } 100% { background-position: 200% 0; } } @keyframes shimmer { 0% { background-position: 250% 0; } 100% { background-position: -250% 0; } } @keyframes shake { 0%, 100% { transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { transform: translateX(-4px); } 20%, 40%, 60%, 80% { transform: translateX(4px); } } @keyframes metal-shimmer-sweep { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } } @keyframes pulse-dot-bounce { 0%, 80%, 100% { opacity: 0.35; transform: scale(0.8); } 40% { opacity: 1; transform: scale(1.2); } } @keyframes pulse-ring-spin { to { transform: rotate(360deg); } } @keyframes typewriter-blink { 0%, 50% { opacity: 1; } 51%, 100% { opacity: 0; } } @keyframes ambient-pulse { 0%, 100% { --pulse-aura-breath-scale: var(--animate-ambient-pulse-scale-min, 1); opacity: var(--pulse-aura-breath-min, 0.28); } 50% { --pulse-aura-breath-scale: var(--animate-ambient-pulse-scale-max, 1.15); opacity: var(--pulse-aura-breath-max, 0.42); } } @keyframes scrim-breath { 0%, 100% { opacity: var(--scrim-opacity-min, 0.92); } 50% { opacity: var(--scrim-opacity-max, 0.98); } } @media (prefers-reduced-motion: reduce) { @keyframes scrim-breath { 0%, 100% { opacity: var(--scrim-opacity-min, 0.92); } } } [data-scrim-animation] { animation: var(--scrim-animation, none); } @media (prefers-reduced-motion: reduce) { [data-scrim-animation] { animation: none; } } @keyframes glass-reveal-out { from { scale: 1 1; opacity: 1; filter: blur(0); } to { scale: calc(var(--glass-reveal-enter-scale, 0.88) * var(--lq-stretch-x, 1.06)) calc(var(--glass-reveal-enter-scale, 0.88) * var(--lq-stretch-y, 0.945)); opacity: 0; filter: blur(var(--glass-reveal-blur, 4px)); } } @keyframes glass-reveal-out-reduced { from { opacity: 1; } to { opacity: 0; } } @supports (overlay: auto) { .glass-top-layer[popover], dialog.glass-top-layer { opacity: 0; scale: var(--top-layer-enter-scale, 0.96); filter: blur(var(--top-layer-enter-blur, 4px)); transition-property: opacity, scale, filter, display, overlay; transition-duration: var(--enter-overlay-clock), var(--enter-overlay-clock), var(--enter-overlay-clock), var(--enter-overlay-clock), var(--enter-overlay-clock); transition-timing-function: var(--enter-overlay-spring), var(--enter-overlay-spring), var(--ease-out), linear, linear; transition-behavior: allow-discrete; } .glass-top-layer[popover]:popover-open, dialog.glass-top-layer[open] { opacity: 1; scale: 1; filter: blur(0); @starting-style { opacity: 0; scale: var(--top-layer-enter-scale, 0.96); filter: blur(var(--top-layer-enter-blur, 4px)); } } dialog.glass-top-layer::backdrop { background-color: color-mix(in srgb, var(--background) 0%, transparent); -webkit-backdrop-filter: blur(var(--top-layer-backdrop-blur, 8px)); backdrop-filter: blur(var(--top-layer-backdrop-blur, 8px)); transition: display var(--duration-normal) allow-discrete, overlay var(--duration-normal) allow-discrete, background-color var(--duration-normal) var(--ease-standard); } dialog.glass-top-layer[open]::backdrop { background-color: color-mix( in srgb, var(--background) calc(var(--top-layer-backdrop-dim, 0.5) * 100%), transparent ); transition: display var(--top-layer-backdrop-in, 0.15s) allow-discrete, overlay var(--top-layer-backdrop-in, 0.15s) allow-discrete, background-color var(--top-layer-backdrop-in, 0.15s) var(--ease-out); @starting-style { background-color: color-mix(in srgb, var(--background) 0%, transparent); } } } @media (prefers-reduced-motion: reduce) { .glass-top-layer[popover], dialog.glass-top-layer { scale: none; transition-duration: var(--duration-fast); } }
+@keyframes tooltip-in { from { opacity: 0; transform: scale(0.96); } to { opacity: 1; transform: scale(1); } } @keyframes fade-in { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: translateY(0); } } @keyframes scale-in { from { opacity: 0; transform: scale(0.95); } to { opacity: 1; transform: scale(1); } } @keyframes slide-up { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: translateY(0); } } @keyframes dock-in { from { opacity: 0; transform: translateY(14px) scale(0.96); } to { opacity: 1; transform: translateY(0) scale(1); } } @keyframes shimmer-sweep { 0% { background-position: -200% 0; } 100% { background-position: 200% 0; } } @keyframes shimmer { 0% { background-position: 250% 0; } 100% { background-position: -250% 0; } } @keyframes shake { 0%, 100% { transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { transform: translateX(-4px); } 20%, 40%, 60%, 80% { transform: translateX(4px); } } @keyframes metal-shimmer-sweep { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } } @keyframes typewriter-blink { 0%, 50% { opacity: 1; } 51%, 100% { opacity: 0; } } @keyframes glass-reveal-out { from { scale: 1 1; opacity: 1; filter: blur(0); } to { scale: calc(var(--glass-reveal-enter-scale, 0.94) * var(--lq-stretch-x, 1.06)) calc(var(--glass-reveal-enter-scale, 0.94) * var(--lq-stretch-y, 0.945)); opacity: 0; filter: blur(var(--glass-reveal-blur, 4px)); } } @keyframes glass-reveal-out-reduced { from { opacity: 1; } to { opacity: 0; } } @supports (overlay: auto) { .glass-top-layer[popover], dialog.glass-top-layer { opacity: 0; scale: var(--top-layer-enter-scale, 0.96); filter: blur(var(--top-layer-enter-blur, 4px)); transition-property: opacity, scale, filter, display, overlay; transition-duration: var(--enter-overlay-clock), var(--enter-overlay-clock), var(--enter-overlay-clock), var(--enter-overlay-clock), var(--enter-overlay-clock); transition-timing-function: var(--enter-overlay-spring), var(--enter-overlay-spring), var(--ease-out), linear, linear; transition-behavior: allow-discrete; } .glass-top-layer[popover]:popover-open, dialog.glass-top-layer[open] { opacity: 1; scale: 1; filter: blur(0); @starting-style { opacity: 0; scale: var(--top-layer-enter-scale, 0.96); filter: blur(var(--top-layer-enter-blur, 4px)); } } dialog.glass-top-layer::backdrop { background-color: color-mix(in srgb, var(--background) 0%, transparent); -webkit-backdrop-filter: blur(var(--top-layer-backdrop-blur, 7px)); backdrop-filter: blur(var(--top-layer-backdrop-blur, 7px)); transition: display var(--duration-normal) allow-discrete, overlay var(--duration-normal) allow-discrete, background-color var(--duration-normal) var(--ease-standard); } dialog.glass-top-layer[open]::backdrop { background-color: color-mix( in srgb, var(--background) calc(var(--top-layer-backdrop-dim, 0.5) * 100%), transparent ); transition: display var(--top-layer-backdrop-in, 0.15s) allow-discrete, overlay var(--top-layer-backdrop-in, 0.15s) allow-discrete, background-color var(--top-layer-backdrop-in, 0.15s) var(--ease-out); @starting-style { background-color: color-mix(in srgb, var(--background) 0%, transparent); } } } @media (prefers-reduced-motion: reduce) { .glass-top-layer[popover], dialog.glass-top-layer { scale: none; transition-duration: var(--duration-fast); } }