@mkbabb/glass-ui 3.7.0 → 3.9.0

package/dist/responsive-tabs.js

@@ -1,95 +0,0 @@
-import { t as e } from "./cn-DJXf4yaB.js";
-import { a as t, i as n, o as r, r as i, s as a } from "./SelectScrollDownButton-DAo5NmY_.js";
-import { t as o } from "./UnderlineTabs-D_c1iYo-.js";
-import { Fragment as s, computed as c, createBlock as l, createElementBlock as u, createTextVNode as d, createVNode as f, defineComponent as p, mergeModels as m, normalizeClass as h, onBeforeUnmount as g, onMounted as _, openBlock as v, ref as y, renderList as b, toDisplayString as x, unref as S, useModel as C, withCtx as w } from "vue";
-//#endregion
-//#region src/components/custom/responsive-tabs/ResponsiveTabs.vue
-var T = /* @__PURE__ */ p({
-	__name: "ResponsiveTabs",
-	props: /* @__PURE__ */ m({
-		options: {},
-		desktopOptions: { default: null },
-		breakpoint: { default: "640px" },
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] },
-		desktopClass: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] },
-		mobileTriggerClass: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] },
-		ariaLabel: {}
-	}, {
-		modelValue: { required: !0 },
-		modelModifiers: {}
-	}),
-	emits: ["update:modelValue"],
-	setup(p) {
-		let m = p, T = C(p, "modelValue"), E = y(!0), D = null;
-		function O(e) {
-			E.value = e.matches;
-		}
-		_(() => {
-			typeof window > "u" || !window.matchMedia || (D = window.matchMedia(`(min-width: ${m.breakpoint})`), E.value = D.matches, D.addEventListener("change", O));
-		}), g(() => {
-			D?.removeEventListener("change", O), D = null;
-		});
-		let k = c(() => m.desktopOptions ?? m.options), A = c(() => {
-			let e = k.value;
-			return e.some((e) => e.value === T.value) ? T.value : e[0]?.value ?? T.value;
-		}), j = c(() => m.ariaLabel ?? m.options.find((e) => e.value === T.value)?.label ?? "Select");
-		function M(e) {
-			typeof e == "string" && (T.value = e);
-		}
-		return (c, g) => E.value ? (v(), l(S(o), {
-			key: 0,
-			options: k.value,
-			"model-value": A.value,
-			class: h(S(e)("responsive-tabs__desktop text-body", m.class, p.desktopClass)),
-			"onUpdate:modelValue": M
-		}, null, 8, [
-			"options",
-			"model-value",
-			"class"
-		])) : (v(), u("div", {
-			key: 1,
-			class: h(S(e)("responsive-tabs__mobile w-fit", m.class))
-		}, [f(S(a), {
-			"model-value": T.value,
-			"onUpdate:modelValue": M
-		}, {
-			default: w(() => [f(S(t), {
-				"aria-label": j.value,
-				class: h(S(e)("responsive-tabs__trigger text-small w-auto min-w-input-sm", p.mobileTriggerClass))
-			}, {
-				default: w(() => [f(S(r))]),
-				_: 1
-			}, 8, ["aria-label", "class"]), f(S(n), null, {
-				default: w(() => [(v(!0), u(s, null, b(p.options, (e) => (v(), l(S(i), {
-					key: e.value,
-					value: e.value
-				}, {
-					default: w(() => [d(x(e.label), 1)]),
-					_: 2
-				}, 1032, ["value"]))), 128))]),
-				_: 1
-			})]),
-			_: 1
-		}, 8, ["model-value"])], 2));
-	}
-});
-//#endregion
-export { T as ResponsiveTabs };

package/dist/slider-BA9wIs5e.js

@@ -1,130 +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-YQRwyUGU.js";
-import { i as r } from "./dockContext-DLgrVWsU.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, openBlock as f, renderList as p, unref as m, useTemplateRef as h, watch 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";
-//#endregion
-//#region src/components/ui/slider/Slider.vue
-var w = /* @__PURE__ */ t(/* @__PURE__ */ l({
-	__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 }
-	},
-	emits: ["update:modelValue", "valueCommit"],
-	setup(t, { emit: l }) {
-		let C = t, w = l, E = a(() => C.variant ?? "standard"), D = a(() => C.size ?? "md"), O = a(() => C.keepDockOpen ?? !0), k = S(a(() => {
-			let { class: e, variant: t, size: n, keepDockOpen: r, ...i } = C;
-			return E.value === "spectrum" && !i.thumbAlignment && (i.thumbAlignment = "contain"), i;
-		}), w), A = r(), j = !1;
-		function M() {
-			!O.value || j || (A?.keepOpen(), j = !0);
-		}
-		function N() {
-			j &&= (A?.release(), !1);
-		}
-		function P() {
-			if (M(), typeof window > "u") return;
-			let e = () => {
-				N(), window.removeEventListener("pointerup", e), window.removeEventListener("pointercancel", e);
-			};
-			window.addEventListener("pointerup", e), window.addEventListener("pointercancel", e);
-		}
-		let F = h("sliderRootRef"), I = n();
-		function L() {
-			let e = F.value;
-			return e ? e instanceof HTMLElement ? e : e.$el ?? null : null;
-		}
-		function R(e) {
-			let t = L(), n = e.touches[0];
-			!t || !n || I.handleTouchStart(t, n.clientY) || (e.preventDefault(), e.stopPropagation());
-		}
-		function z(e) {
-			I.handleScrollCheck(e);
-		}
-		function B() {
-			I.handleTouchEnd();
-		}
-		g(I.isActive, (e) => {
-			e ? M() : N();
-		}), d(N);
-		let V = a(() => A?.held.value === !0), H = a(() => I.isActive.value);
-		return (n, r) => (f(), o(m(y), u({
-			"data-slot": "slider",
-			ref_key: "sliderRootRef",
-			ref: F,
-			class: m(e)(m(T)({
-				variant: E.value,
-				size: D.value
-			}), C.class),
-			"data-variant": E.value,
-			"data-size": D.value,
-			"data-held": V.value || void 0,
-			"data-touch-active": H.value || void 0
-		}, m(k), {
-			onPointerdown: P,
-			onTouchstart: R,
-			onTouchmove: z,
-			onTouchend: B
-		}), {
-			default: _(() => [c(m(x), { class: "slider-track" }, {
-				default: _(() => [c(m(v), { class: "slider-range" })]),
-				_: 1
-			}), (f(!0), s(i, null, p(t.modelValue, (e, t) => (f(), o(m(b), {
-				key: t,
-				"aria-label": n.$attrs["aria-label"] ?? void 0,
-				class: "slider-thumb"
-			}, null, 8, ["aria-label"]))), 128))]),
-			_: 1
-		}, 16, [
-			"class",
-			"data-variant",
-			"data-size",
-			"data-held",
-			"data-touch-active"
-		]));
-	}
-}), [["__scopeId", "data-v-138bdbd1"]]), T = 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.25rem] [--slider-thumb-size:0.75rem]",
-			md: "[--slider-track-height:0.375rem] [--slider-thumb-size:1rem]",
-			lg: "[--slider-track-height:0.75rem] [--slider-thumb-size:1.5rem]"
-		}
-	},
-	defaultVariants: {
-		variant: "standard",
-		size: "md"
-	}
-});
-//#endregion
-export { w as n, T as t };

package/dist/styles/disco-glyph.css

@@ -1,26 +0,0 @@
-/* disco-glyph.css — host rule for <DiscoGlyph>.
- *
- * Per P.W3 sub-B. The component renders an inline <svg> with a faceted
- * gradient + specular cap painted over the silhouette path. The host
- * rule scopes layout (block flow, inherit colour) and exposes a
- * minimal opt-in selector for phase-tinted state styling.
- *
- * Self-contained sheet; no token additions. Consumers may override
- * via the `--phase-color` cascade established by the chassis layer.
- */
-
-@layer components {
-    .disco-glyph {
-        display: inline-block;
-        width: 100%;
-        height: 100%;
-        color: currentColor;
-        line-height: 0;
-    }
-
-    .disco-glyph--phase-tinted {
-        /* Hook for consumers that animate hue under phase changes;
-         * the gradient stops already read currentColor or an explicit
-         * phaseColor prop, so this class stays empty by default. */
-    }
-}

package/dist/styles/glyph-face.css

@@ -1,92 +0,0 @@
-/* glyph-face.css — three-layer composition for <GlyphFace>.
- *
- * Per W2.7 §19 and Q.W3 §F2 + §F8. Wraps a slotted glyph (lucide stroke
- * or DiscoGlyph SVG) with a phase-tinted radial backplate (visible only
- * when [data-active="true"]) and a 165° linear-gradient catch-light cap.
- * The slotted silhouette stays `currentColor` — Vignelli-clean — while
- * the disco punch lives in the surrounding layers.
- *
- * Q.W3.A.1 inversion: when no silhouette resolves, the cap renders
- * nothing (rather than a wrapper-rectangle fallback). Consumers passing
- * `silhouette` continue to consume `clip-path: path(var(--gf-silhouette))`;
- * the lucide consumer sites in ActionCluster + SettingsCog publish via
- * the silhouette table from `@src/components/speedtest/icons/lucide-silhouettes.ts`,
- * and DiscoGlyph hands its silhouette upward via provide/inject for
- * disco wrappers. The fail-safe is now "no cap" not "wrong cap".
- *
- * Q.W3.A.2 default raise: --gf-cap-strength 0.35 → 0.55, mix-blend-mode
- * overlay → screen. `screen` composes correctly against the translucent
- * dock substrates (`--card` at 50–60% opacity); `overlay` collapses
- * there because its contrast lift requires an opaque underlay. Consumers
- * needing the metallic-overlay punch declare `mix-blend-mode: overlay`
- * via class or `--gf-cap-blend` override.
- *
- * Self-contained sheet; no token additions beyond what's already in
- * `tokens.css`. Consumers may override the cap blend mode and backplate
- * radius with the documented `--gf-*` custom properties.
- */
-
-@layer components {
-    .glyph-face {
-        position: relative;
-        display: inline-flex;
-        align-items: center;
-        justify-content: center;
-        isolation: isolate;
-        --gf-tint: transparent;
-        --gf-cap-strength: 0.55;
-        --gf-cap-blend: screen;
-        --gf-cap-radius: 50%;
-    }
-
-    .glyph-face-backplate {
-        position: absolute;
-        inset: -25%;
-        border-radius: 50%;
-        background: radial-gradient(
-            ellipse at 30% 30%,
-            var(--gf-tint) 0%,
-            transparent 70%
-        );
-        opacity: 0;
-        transition: opacity var(--duration-fast) var(--spring-snappy);
-        z-index: -1;
-        pointer-events: none;
-    }
-
-    .glyph-face[data-active="true"] .glyph-face-backplate {
-        opacity: 1;
-    }
-
-    /* Cap fail-safe: by default render nothing. The cap only paints
-       when --gf-silhouette resolves (via prop or provide/inject from
-       a DiscoGlyph descendant). This closes the wrapper-rectangle
-       leak the lucide consumers in ActionCluster + SettingsCog hit
-       under the prior opt-in path. */
-    .glyph-face-cap {
-        position: absolute;
-        inset: 0;
-        background: transparent;
-        pointer-events: none;
-        mix-blend-mode: var(--gf-cap-blend);
-    }
-
-    .glyph-face[style*="--gf-silhouette"] .glyph-face-cap {
-        background: linear-gradient(
-            165deg,
-            rgba(255, 255, 255, var(--gf-cap-strength, 0.55)) 0%,
-            transparent 40%
-        );
-        clip-path: var(--gf-silhouette);
-    }
-
-    .dark .glyph-face {
-        --gf-cap-strength: 0.32;
-    }
-
-    @media (prefers-reduced-motion: reduce) {
-        .glyph-face-backplate {
-            transition: none;
-        }
-    }
-}

package/dist/useViewTransition-DaN5Zrox.js

@@ -1,21 +0,0 @@
-//#region src/composables/motion/useViewTransition.ts
-function e() {
-	return typeof document < "u" && typeof document.startViewTransition == "function";
-}
-function t(e, t) {
-	let n = typeof document > "u" ? void 0 : document;
-	if (!n || typeof n.startViewTransition != "function") return e(), {
-		finished: Promise.resolve(),
-		transitioned: !1
-	};
-	let r = t?.types && t.types.length > 0 ? n.startViewTransition({
-		update: () => e(),
-		types: t.types
-	}) : n.startViewTransition(() => e());
-	return r.ready?.catch(() => {}), {
-		finished: r.finished.then(() => void 0, () => void 0),
-		transitioned: !0
-	};
-}
-//#endregion
-export { e as n, t };

package/dist/vReveal-BE2TsPoR.js

@@ -1,24 +0,0 @@
-//#region src/utils/moveBefore.ts
-function e(e, t, n) {
-	let r = e;
-	typeof r.moveBefore == "function" ? r.moveBefore(t, n) : e.insertBefore(t, n);
-}
-function t() {
-	return typeof Element < "u" && "moveBefore" in Element.prototype;
-}
-//#endregion
-//#region src/utils/platformSupport.ts
-function n() {
-	return typeof globalThis.scheduler?.postTask == "function";
-}
-//#endregion
-//#region src/composables/motion/vReveal.ts
-function r(e, t) {
-	e.setAttribute("data-reveal", t.arg === "fade" ? "fade" : ""), e.style.setProperty("--d", String(t.value ?? 0));
-}
-var i = {
-	mounted: r,
-	updated: r
-};
-//#endregion
-export { t as i, n, e as r, i as t };

package/src/styles/disco-glyph.css

@@ -1,26 +0,0 @@
-/* disco-glyph.css — host rule for <DiscoGlyph>.
- *
- * Per P.W3 sub-B. The component renders an inline <svg> with a faceted
- * gradient + specular cap painted over the silhouette path. The host
- * rule scopes layout (block flow, inherit colour) and exposes a
- * minimal opt-in selector for phase-tinted state styling.
- *
- * Self-contained sheet; no token additions. Consumers may override
- * via the `--phase-color` cascade established by the chassis layer.
- */
-
-@layer components {
-    .disco-glyph {
-        display: inline-block;
-        width: 100%;
-        height: 100%;
-        color: currentColor;
-        line-height: 0;
-    }
-
-    .disco-glyph--phase-tinted {
-        /* Hook for consumers that animate hue under phase changes;
-         * the gradient stops already read currentColor or an explicit
-         * phaseColor prop, so this class stays empty by default. */
-    }
-}

package/src/styles/glyph-face.css

@@ -1,92 +0,0 @@
-/* glyph-face.css — three-layer composition for <GlyphFace>.
- *
- * Per W2.7 §19 and Q.W3 §F2 + §F8. Wraps a slotted glyph (lucide stroke
- * or DiscoGlyph SVG) with a phase-tinted radial backplate (visible only
- * when [data-active="true"]) and a 165° linear-gradient catch-light cap.
- * The slotted silhouette stays `currentColor` — Vignelli-clean — while
- * the disco punch lives in the surrounding layers.
- *
- * Q.W3.A.1 inversion: when no silhouette resolves, the cap renders
- * nothing (rather than a wrapper-rectangle fallback). Consumers passing
- * `silhouette` continue to consume `clip-path: path(var(--gf-silhouette))`;
- * the lucide consumer sites in ActionCluster + SettingsCog publish via
- * the silhouette table from `@src/components/speedtest/icons/lucide-silhouettes.ts`,
- * and DiscoGlyph hands its silhouette upward via provide/inject for
- * disco wrappers. The fail-safe is now "no cap" not "wrong cap".
- *
- * Q.W3.A.2 default raise: --gf-cap-strength 0.35 → 0.55, mix-blend-mode
- * overlay → screen. `screen` composes correctly against the translucent
- * dock substrates (`--card` at 50–60% opacity); `overlay` collapses
- * there because its contrast lift requires an opaque underlay. Consumers
- * needing the metallic-overlay punch declare `mix-blend-mode: overlay`
- * via class or `--gf-cap-blend` override.
- *
- * Self-contained sheet; no token additions beyond what's already in
- * `tokens.css`. Consumers may override the cap blend mode and backplate
- * radius with the documented `--gf-*` custom properties.
- */
-
-@layer components {
-    .glyph-face {
-        position: relative;
-        display: inline-flex;
-        align-items: center;
-        justify-content: center;
-        isolation: isolate;
-        --gf-tint: transparent;
-        --gf-cap-strength: 0.55;
-        --gf-cap-blend: screen;
-        --gf-cap-radius: 50%;
-    }
-
-    .glyph-face-backplate {
-        position: absolute;
-        inset: -25%;
-        border-radius: 50%;
-        background: radial-gradient(
-            ellipse at 30% 30%,
-            var(--gf-tint) 0%,
-            transparent 70%
-        );
-        opacity: 0;
-        transition: opacity var(--duration-fast) var(--spring-snappy);
-        z-index: -1;
-        pointer-events: none;
-    }
-
-    .glyph-face[data-active="true"] .glyph-face-backplate {
-        opacity: 1;
-    }
-
-    /* Cap fail-safe: by default render nothing. The cap only paints
-       when --gf-silhouette resolves (via prop or provide/inject from
-       a DiscoGlyph descendant). This closes the wrapper-rectangle
-       leak the lucide consumers in ActionCluster + SettingsCog hit
-       under the prior opt-in path. */
-    .glyph-face-cap {
-        position: absolute;
-        inset: 0;
-        background: transparent;
-        pointer-events: none;
-        mix-blend-mode: var(--gf-cap-blend);
-    }
-
-    .glyph-face[style*="--gf-silhouette"] .glyph-face-cap {
-        background: linear-gradient(
-            165deg,
-            rgba(255, 255, 255, var(--gf-cap-strength, 0.55)) 0%,
-            transparent 40%
-        );
-        clip-path: var(--gf-silhouette);
-    }
-
-    .dark .glyph-face {
-        --gf-cap-strength: 0.32;
-    }
-
-    @media (prefers-reduced-motion: reduce) {
-        .glyph-face-backplate {
-            transition: none;
-        }
-    }
-}