@mkbabb/glass-ui 7.0.0 → 9.0.0

package/dist/command-SFqDQ65h.js

@@ -1,320 +0,0 @@
-import { t as e } from "./class-names-Cpy5eaBk.js";
-import { t } from "./selection-DqIULxRG.js";
-import { c as n, n as r } from "./dialog-TNRDkcE4.js";
-import { t as i } from "./primitive-B2t2jdqM.js";
-import { t as a } from "./floating-dB5TD88k.js";
-import { computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, createVNode as f, defineComponent as p, inject as m, mergeProps as h, normalizeClass as g, openBlock as _, provide as v, renderSlot as y, toDisplayString as b, unref as x, useAttrs as S, withCtx as C } from "vue";
-import { ComboboxContent as w, ComboboxEmpty as T, ComboboxGroup as E, ComboboxInput as D, ComboboxItem as O, ComboboxLabel as k, ComboboxRoot as A, ComboboxSeparator as j } from "reka-ui";
-import { Search as M } from "@lucide/vue";
-//#endregion
-//#region src/components/command/Command.vue
-var N = /* @__PURE__ */ p({
-	name: "Command",
-	inheritAttrs: !1,
-	__name: "Command",
-	props: {
-		modelValue: {},
-		open: {
-			type: Boolean,
-			default: !0
-		},
-		disabled: { type: Boolean },
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] },
-		surface: { default: "glass" }
-	},
-	emits: ["update:modelValue", "update:open"],
-	setup(n, { emit: r }) {
-		let i = n, a = r;
-		function o(e) {
-			if (e !== null && !t(e)) throw TypeError("[glass-ui] Command received a non-scalar value.");
-			a("update:modelValue", e);
-		}
-		return (t, n) => (_(), s(x(A), {
-			"data-slot": "command",
-			"model-value": i.modelValue,
-			open: i.open,
-			disabled: i.disabled,
-			"data-surface": i.surface,
-			class: g(x(e)("command glass-floating", i.class)),
-			"onUpdate:modelValue": o,
-			"onUpdate:open": n[0] ||= (e) => a("update:open", e)
-		}, {
-			default: C(() => [y(t.$slots, "default")]),
-			_: 3
-		}, 8, [
-			"model-value",
-			"open",
-			"disabled",
-			"data-surface",
-			"class"
-		]));
-	}
-}), P = Symbol("glass-command-dialog");
-function F(e) {
-	v(P, { dismiss: e });
-}
-function I() {
-	return m(P, null);
-}
-//#endregion
-//#region src/components/command/CommandDialog.vue
-var L = /* @__PURE__ */ p({
-	name: "CommandDialog",
-	inheritAttrs: !1,
-	__name: "CommandDialog",
-	props: {
-		surface: { default: "glass" },
-		modelValue: {},
-		open: { type: Boolean },
-		defaultOpen: { type: Boolean },
-		modal: { type: Boolean },
-		unmountOnHide: { type: Boolean }
-	},
-	emits: ["update:open", "update:modelValue"],
-	setup(e, { emit: t }) {
-		let i = e, a = t;
-		F(() => a("update:open", !1));
-		let c = o(() => {
-			let { surface: e, modelValue: t, ...n } = i;
-			return n;
-		});
-		return (e, t) => (_(), s(x(n), h(c.value, { "onUpdate:open": t[1] ||= (e) => a("update:open", e) }), {
-			default: C(() => [f(x(r), {
-				surface: i.surface,
-				class: "command-dialog__content"
-			}, {
-				default: C(() => [f(N, {
-					"model-value": i.modelValue,
-					class: "command-dialog__command",
-					"onUpdate:modelValue": t[0] ||= (e) => a("update:modelValue", e)
-				}, {
-					default: C(() => [y(e.$slots, "default")]),
-					_: 3
-				}, 8, ["model-value"])]),
-				_: 3
-			}, 8, ["surface"])]),
-			_: 3
-		}, 16));
-	}
-}), R = /* @__PURE__ */ p({
-	name: "CommandEmpty",
-	inheritAttrs: !1,
-	__name: "CommandEmpty",
-	props: { class: { type: [
-		Boolean,
-		null,
-		String,
-		Object,
-		Array
-	] } },
-	setup(t) {
-		let n = t, r = S(), a = o(() => i(r));
-		return (t, r) => (_(), s(x(T), h(a.value, {
-			"data-slot": "command-empty",
-			class: x(e)("command__empty", n.class)
-		}), {
-			default: C(() => [y(t.$slots, "default")]),
-			_: 3
-		}, 16, ["class"]));
-	}
-}), z = /* @__PURE__ */ p({
-	name: "CommandGroup",
-	inheritAttrs: !1,
-	__name: "CommandGroup",
-	props: {
-		heading: {},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	},
-	setup(t) {
-		let n = t, r = S(), a = o(() => i(r));
-		return (t, r) => (_(), s(x(E), h(a.value, {
-			"data-slot": "command-group",
-			class: x(e)("command__group", n.class)
-		}), {
-			default: C(() => [n.heading ? (_(), s(x(k), {
-				key: 0,
-				class: "command__group-label"
-			}, {
-				default: C(() => [d(b(n.heading), 1)]),
-				_: 1
-			})) : c("", !0), y(t.$slots, "default")]),
-			_: 3
-		}, 16, ["class"]));
-	}
-}), B = {
-	class: "command__input-wrapper",
-	"data-slot": "command-input-wrapper"
-}, V = /* @__PURE__ */ p({
-	name: "CommandInput",
-	inheritAttrs: !1,
-	__name: "CommandInput",
-	props: {
-		modelValue: {},
-		autoFocus: { type: Boolean },
-		disabled: { type: Boolean },
-		placeholder: {},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	},
-	emits: ["update:modelValue"],
-	setup(t, { emit: n }) {
-		let r = t, a = n, s = S(), c = o(() => ({
-			...i(s),
-			placeholder: r.placeholder
-		}));
-		return (t, n) => (_(), l("div", B, [f(x(M), {
-			class: "command__input-icon",
-			"aria-hidden": "true"
-		}), f(x(D), h(c.value, {
-			"data-slot": "command-input",
-			"model-value": r.modelValue,
-			"auto-focus": r.autoFocus,
-			disabled: r.disabled,
-			class: x(e)("command__input", r.class),
-			"onUpdate:modelValue": n[0] ||= (e) => a("update:modelValue", e)
-		}), null, 16, [
-			"model-value",
-			"auto-focus",
-			"disabled",
-			"class"
-		])]));
-	}
-}), H = /* @__PURE__ */ p({
-	name: "CommandItem",
-	inheritAttrs: !1,
-	__name: "CommandItem",
-	props: {
-		value: {},
-		disabled: { type: Boolean },
-		textValue: {},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	},
-	emits: ["select"],
-	setup(t, { emit: n }) {
-		let r = t, a = n, c = S(), l = o(() => i(c));
-		function u(e) {
-			if (r.disabled) {
-				e.preventDefault();
-				return;
-			}
-			a("select", e);
-		}
-		return (t, n) => (_(), s(x(O), h(l.value, {
-			"data-slot": "command-item",
-			value: r.value,
-			disabled: r.disabled,
-			"text-value": r.textValue,
-			class: x(e)("command__item interactive-item glass-menu-row", r.class),
-			onSelect: u
-		}), {
-			default: C(() => [y(t.$slots, "default")]),
-			_: 3
-		}, 16, [
-			"value",
-			"disabled",
-			"text-value",
-			"class"
-		]));
-	}
-}), U = { role: "presentation" }, W = /* @__PURE__ */ p({
-	name: "CommandList",
-	inheritAttrs: !1,
-	__name: "CommandList",
-	props: {
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] },
-		surface: { default: "glass" }
-	},
-	emits: [
-		"escapeKeyDown",
-		"pointerDownOutside",
-		"focusOutside",
-		"interactOutside"
-	],
-	setup(t, { emit: n }) {
-		let r = t, i = n, c = S(), l = o(() => a(c)), d = I();
-		function f(e) {
-			i("escapeKeyDown", e), e.defaultPrevented || d?.dismiss();
-		}
-		return (t, n) => (_(), s(x(w), h(l.value, {
-			"data-slot": "command-list",
-			"disable-outside-pointer-events": !1,
-			"data-surface": r.surface,
-			class: x(e)("command__list", r.class),
-			onEscapeKeyDown: f,
-			onPointerDownOutside: n[0] ||= (e) => i("pointerDownOutside", e),
-			onFocusOutside: n[1] ||= (e) => i("focusOutside", e),
-			onInteractOutside: n[2] ||= (e) => i("interactOutside", e)
-		}), {
-			default: C(() => [u("div", U, [y(t.$slots, "default")])]),
-			_: 3
-		}, 16, ["data-surface", "class"]));
-	}
-}), G = /* @__PURE__ */ p({
-	name: "CommandSeparator",
-	inheritAttrs: !1,
-	__name: "CommandSeparator",
-	props: { class: { type: [
-		Boolean,
-		null,
-		String,
-		Object,
-		Array
-	] } },
-	setup(t) {
-		let n = t, r = S(), a = o(() => i(r));
-		return (t, r) => (_(), s(x(j), h(a.value, {
-			"data-slot": "command-separator",
-			class: x(e)("command__separator", n.class)
-		}), {
-			default: C(() => [y(t.$slots, "default")]),
-			_: 3
-		}, 16, ["class"]));
-	}
-}), K = /* @__PURE__ */ p({
-	__name: "CommandShortcut",
-	props: { class: { type: [
-		Boolean,
-		null,
-		String,
-		Object,
-		Array
-	] } },
-	setup(t) {
-		let n = t;
-		return (t, r) => (_(), l("span", {
-			"data-slot": "command-shortcut",
-			class: g(x(e)("command__shortcut", n.class))
-		}, [y(t.$slots, "default")], 2));
-	}
-});
-//#endregion
-export { V as a, L as c, H as i, N as l, G as n, z as o, W as r, R as s, K as t };

package/dist/compile-D7VYG3gi.js

@@ -1,19 +0,0 @@
-//#region src/composables/glass/webgl/compile.ts
-function e(e, t, n, r = "[glass-ui:webgl]") {
-	let i = e.createShader(t);
-	if (e.shaderSource(i, n), e.compileShader(i), !e.getShaderParameter(i, e.COMPILE_STATUS)) {
-		let t = e.getShaderInfoLog(i) ?? "unknown";
-		throw e.deleteShader(i), Error(`${r} shader compile failed:\n${t}`);
-	}
-	return i;
-}
-function t(e, t, n, r = "[glass-ui:webgl]") {
-	let i = e.createProgram();
-	if (e.attachShader(i, t), e.attachShader(i, n), e.linkProgram(i), !e.getProgramParameter(i, e.LINK_STATUS)) {
-		let t = e.getProgramInfoLog(i) ?? "unknown";
-		throw e.deleteProgram(i), Error(`${r} program link failed:\n${t}`);
-	}
-	return i;
-}
-//#endregion
-export { t as n, e as t };

package/dist/completion-seal.d.ts

@@ -1 +0,0 @@
-export * from "./components/completion-seal";

package/dist/completion-seal.js

@@ -1,132 +0,0 @@
-import { t as e } from "./class-names-Cpy5eaBk.js";
-import { n as t } from "./useReducedMotion-vCXA_vyM.js";
-import { Fragment as n, computed as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, defineComponent as s, normalizeClass as c, onMounted as l, onScopeDispose as u, openBlock as d, readonly as f, ref as p, toDisplayString as m, toRef as h, unref as g, watch as _ } from "vue";
-//#region src/components/completion-seal/composables/useCompletionSeal.ts
-function v(e) {
-	if (e != null) return typeof e == "function" ? e() : e.value;
-}
-function y(e = {}) {
-	let { play: n, respectReducedMotion: i = !0 } = e, a = p(!1), o = p(!1), s = t(), c = r(() => i && s.value), d = null;
-	function m() {
-		d !== null && (cancelAnimationFrame(d), d = null), a.value = !1, o.value = !0;
-	}
-	function h() {
-		if (c.value) {
-			m();
-			return;
-		}
-		a.value = !1, typeof requestAnimationFrame == "function" ? (d !== null && cancelAnimationFrame(d), d = requestAnimationFrame(() => {
-			if (d = null, c.value) {
-				m();
-				return;
-			}
-			a.value = !0, o.value = !0;
-		})) : (a.value = !0, o.value = !0);
-	}
-	return _(c, (e) => {
-		e && m();
-	}), u(() => {
-		d !== null && cancelAnimationFrame(d);
-	}), n == null ? l(h) : (l(() => {
-		v(n) && h();
-	}), _(() => v(n), (e, t) => {
-		e && !t && h();
-	})), {
-		playing: f(a),
-		drawn: f(o),
-		reduced: f(c),
-		draw: h
-	};
-}
-var b = "0 0 64 64", x = {
-	check: "M16 33 L28 45 L48 19",
-	wordmark: "M14 30 L26 42 L50 16 M14 50 L50 50"
-}, S = {
-	cx: 32,
-	cy: 32,
-	r: 24
-}, C = {
-	cx: 32,
-	cy: 32,
-	r: 21
-}, w = [
-	"data-shape",
-	"data-best",
-	"data-play",
-	"data-drawn"
-], T = ["viewBox"], E = [
-	"cx",
-	"cy",
-	"r"
-], D = [
-	"cx",
-	"cy",
-	"r"
-], O = ["d"], k = [
-	"cx",
-	"cy",
-	"r"
-], A = ["d"], j = {
-	key: 0,
-	class: "sr-only"
-}, M = /* @__PURE__ */ s({
-	name: "CompletionSeal",
-	__name: "CompletionSeal",
-	props: {
-		shape: {},
-		label: {},
-		play: { type: Boolean },
-		personalBest: { type: Boolean },
-		class: {}
-	},
-	setup(t) {
-		let s = t, l = r(() => s.shape ?? "check"), u = r(() => l.value === "wordmark" ? x.wordmark : x.check), { playing: f, drawn: p } = y({ play: s.play === void 0 ? void 0 : h(s, "play") });
-		return (t, r) => (d(), a("div", {
-			class: c(["completion-seal", g(e)(s.class)]),
-			"data-shape": l.value,
-			"data-best": s.personalBest ? "" : void 0,
-			"data-play": g(f) ? "" : void 0,
-			"data-drawn": g(p) ? "" : void 0,
-			role: "status",
-			"aria-live": "polite"
-		}, [(d(), a("svg", {
-			class: "completion-seal__svg",
-			viewBox: g(b),
-			"aria-hidden": "true",
-			focusable: "false"
-		}, [l.value === "disc" ? (d(), a(n, { key: 0 }, [
-			o("circle", {
-				class: "completion-seal__disc",
-				cx: g(C).cx,
-				cy: g(C).cy,
-				r: g(C).r
-			}, null, 8, E),
-			o("circle", {
-				class: "completion-seal__mark completion-seal__ring",
-				cx: g(S).cx,
-				cy: g(S).cy,
-				r: g(S).r,
-				pathLength: "100"
-			}, null, 8, D),
-			o("path", {
-				class: "completion-seal__mark completion-seal__check",
-				d: g(x).check,
-				pathLength: "100"
-			}, null, 8, O)
-		], 64)) : l.value === "ring" ? (d(), a("circle", {
-			key: 1,
-			class: "completion-seal__mark",
-			cx: g(S).cx,
-			cy: g(S).cy,
-			r: g(S).r,
-			pathLength: "100"
-		}, null, 8, k)) : (d(), a("path", {
-			key: 2,
-			class: "completion-seal__mark",
-			d: u.value,
-			pathLength: "100"
-		}, null, 8, A))], 8, T)), s.label ? (d(), a("span", j, m(s.label), 1)) : i("", !0)], 10, w));
-	}
-});
-//#endregion
-export { M as CompletionSeal, y as useCompletionSeal };

package/dist/components/_shared/FeedbackMark.vue.d.ts

@@ -1,11 +0,0 @@
-import type { FeedbackMarkState } from "./feedback";
-type __VLS_Props = {
-    state?: FeedbackMarkState;
-    motion?: boolean;
-};
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    state: FeedbackMarkState;
-    motion: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/components/_shared/control-size.d.ts

@@ -1,2 +0,0 @@
-export type ControlSize = "sm" | "md" | "lg";
-export declare const controlSizeClass: (size?: ControlSize) => string;

package/dist/components/_shared/disclosure.css

@@ -1 +0,0 @@
-@keyframes disclosure-open { from { block-size: 0; opacity: 0; } to { block-size: var(--disclosure-content-size); opacity: 1; } } @keyframes disclosure-close { from { block-size: var(--disclosure-content-size); opacity: 1; } to { block-size: 0; opacity: 0; } } @layer components { .disclosure { inline-size: 100%; min-inline-size: 0; } .disclosure-item { border-block-end: 1px solid var(--glass-border-defined); } .disclosure-header { display: flex; margin: 0; } .disclosure-trigger { border-radius: var(--radius-control); touch-action: manipulation; } .disclosure-trigger:focus-visible { outline: none; box-shadow: var(--focus-ring-shadow); } .disclosure-trigger:is(:disabled, [data-disabled]) { pointer-events: none; opacity: var(--opacity-disabled); } .disclosure-group-trigger { display: flex; flex: 1 1 auto; align-items: center; justify-content: space-between; min-block-size: 2.75rem; padding: 1rem 0.25rem; border: 0; color: var(--foreground); background: transparent; font: inherit; font-weight: 600; text-align: start; cursor: pointer; transition: background-color var(--duration-control) var(--ease-standard), color var(--duration-control) var(--ease-standard), box-shadow var(--duration-control) var(--ease-standard); } .disclosure-group-trigger:hover:not(:disabled, [data-disabled]) { background: var(--control-surface-bg-hover); } .disclosure-icon { flex: none; inline-size: 1rem; block-size: 1rem; color: var(--muted-foreground-strong); } .disclosure-group-trigger[data-state="open"] > .disclosure-icon { rotate: 180deg; } .disclosure-content { overflow: hidden; color: var(--muted-foreground-strong); font-size: var(--type-small); line-height: var(--leading-small); animation-duration: var(--spring-smooth-duration); animation-timing-function: var(--spring-smooth); } .disclosure-content[data-disclosure="collapsible"] { --disclosure-content-size: var(--reka-collapsible-content-height); } .disclosure-content[data-disclosure="accordion"] { --disclosure-content-size: var(--reka-accordion-content-height); } .disclosure-content[data-state="open"] { animation-name: disclosure-open; } .disclosure-content[data-state="closed"] { animation-name: disclosure-close; } .disclosure-content-body { padding: 0 0.25rem 1rem; } } @media (prefers-reduced-motion: reduce) { .disclosure-content { animation-duration: 0.01ms; } .disclosure-icon { transition-duration: 0.01ms; } } @media (forced-colors: active) { .disclosure-item { border-color: CanvasText; } .disclosure-trigger:focus-visible { outline: 2px solid Highlight; outline-offset: 2px; box-shadow: none; } }

package/dist/components/_shared/feedback-tone.css

@@ -1 +0,0 @@
-@layer components { :root { --feedback-tone-strength: 18%; --feedback-tone-rung: var(--glass-bg-floating); --feedback-tone-border-strength: 40%; } .feedback-tone { background: color-mix( in oklab, var(--feedback-tone-rung), var(--tone) var(--feedback-tone-strength) ); border-color: color-mix( in oklab, transparent, var(--tone) var(--feedback-tone-border-strength) ); } .feedback-tone-success { --tone: var(--success); } .feedback-tone-warning { --tone: var(--warning); } .feedback-tone-info { --tone: var(--info); } .feedback-tone-destructive { --tone: var(--destructive); } .feedback-tone-glyph { color: var(--tone); } }

package/dist/components/_shared/feedback.d.ts

@@ -1,7 +0,0 @@
-import type { Size } from "./axes";
-export declare const PULSE_STATES: readonly ["active", "idle", "success", "warning"];
-export type PulseState = (typeof PULSE_STATES)[number];
-export declare const STATUS_DOT_STATES: readonly ["online", "warning", "error", "unknown"];
-export type StatusDotState = (typeof STATUS_DOT_STATES)[number];
-export type FeedbackMarkState = PulseState | StatusDotState;
-export type FeedbackSize = Extract<Size, "sm" | "md">;

package/dist/components/_shared/field-control.css

@@ -1 +0,0 @@
-@layer components { .field-control { --field-control-height: var(--control-h-md); --field-control-font: var(--control-text); --control-surface-bg: var(--input-on-glass); --glass-defined-plate: var(--control-surface-bg); display: block; inline-size: 100%; max-inline-size: 100%; min-inline-size: 0; border: 1.5px solid var(--control-surface-border); background: var(--control-surface-bg); -webkit-backdrop-filter: var(--glass-cell-backdrop-filter, var(--control-surface-blur)); backdrop-filter: var(--glass-cell-backdrop-filter, var(--control-surface-blur)); box-shadow: var(--glass-rim-top), var(--glass-rim-bottom); padding-inline: calc(1rem * var(--ui-scale)); color: var(--foreground); caret-color: currentColor; font: inherit; font-size: var(--field-control-font); } .field-control[data-size="sm"] { --field-control-height: var(--control-h-sm); --field-control-font: var(--control-text-sm); } .field-control[data-size="lg"] { --field-control-height: var(--control-h-lg); } .field-control[data-kind="input"] { block-size: var(--field-control-height); border-radius: var(--radius-pill); } [data-slot="dialog-content"] .field-control[data-kind="input"] { border-radius: var(--radius-field); } .field-control[data-kind="textarea"] { min-block-size: max(5lh, calc(5rem * var(--ui-scale))); border-radius: var(--radius-field); padding-block: calc(0.75rem * var(--ui-scale)); line-height: var(--type-leading-body); overflow: auto; } .field-control::placeholder { color: var(--muted-foreground); opacity: 0.68; } .field-control:focus-visible { outline: none; border-color: var(--color-accent-opaque, var(--focus-ring-color)); box-shadow: var(--focus-ring-shadow); } .field-control:is(:user-invalid, [data-state="invalid"]) { --control-surface-bg: color-mix( in srgb, var(--destructive) 8%, var(--input-on-glass) ); border-color: var(--destructive); } .field-control:is(:user-invalid, [data-state="invalid"]):focus-visible { box-shadow: var(--invalid-ring); } .field-control[data-state="readonly"] { --control-surface-bg: color-mix( in oklab, var(--input-on-glass), var(--muted) 18% ); cursor: text; } .field-control[data-state="disabled"] { cursor: not-allowed; opacity: var(--opacity-disabled); } .field-control[data-kind="textarea"][data-resize="none"] { resize: none; } .field-control[data-kind="textarea"][data-resize="horizontal"] { resize: horizontal; } .field-control[data-kind="textarea"][data-resize="both"] { resize: both; } .field-control[data-kind="textarea"]:is( [data-resize="vertical"], [data-resize="content"] ) { resize: vertical; } .field-control[data-kind="textarea"][data-resize="content"] { field-sizing: content; max-block-size: var(--textarea-content-max, 12lh); } }

package/dist/components/_shared/field-surfaces.css

@@ -1 +0,0 @@
-:root { --select-content-max-h: min(24rem, 60dvh); } [data-slot="select-content"] { max-height: min( var(--select-content-max-h), var(--reka-popper-available-height, var(--select-content-max-h)) ); overflow: hidden; } @layer components { .glass-control-edge { box-shadow: var(--glass-rim-top), var(--glass-rim-bottom); } [data-slot="select-content"], [data-slot="combobox-list"] { --select-plate-alpha: 0.9; background: color-mix( in oklab, color-mix( in oklab, var(--glass-bg-floating-tinted, var(--glass-bg-floating)), var(--glass-capsule-warm) var(--glass-capsule-warm-floor) ), transparent calc((1 - var(--select-plate-alpha)) * 100%) ); box-shadow: var(--glass-material-rim), var(--glass-under-shadow-vivid), var(--glass-shadow-floating), var(--shadow-cartoon-lg); } .dark [data-slot="select-content"], .dark [data-slot="combobox-list"] { --select-plate-alpha: 0.94; } .glass-field-portal { position: relative; } .glass-field-portal::before { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; border-radius: inherit; background: radial-gradient( 70% 60% at 24% 22%, oklch(0.92 0.08 var(--field-h, 48) / 0.55), transparent 72% ), radial-gradient( 64% 58% at 82% 80%, oklch(0.88 0.07 calc(var(--field-h, 48) + 18) / 0.5), transparent 70% ), radial-gradient( 60% 62% at 60% 40%, oklch(0.9 0.06 calc(var(--field-h, 48) - 14) / 0.48), transparent 74% ); } .dark .glass-field-portal::before { background: radial-gradient( 70% 60% at 24% 22%, oklch(0.3 0.1 var(--field-h, 48) / 0.55), transparent 72% ), radial-gradient( 64% 58% at 82% 80%, oklch(0.26 0.09 calc(var(--field-h, 48) + 18) / 0.5), transparent 70% ), radial-gradient( 60% 62% at 60% 40%, oklch(0.28 0.08 calc(var(--field-h, 48) - 14) / 0.48), transparent 74% ); } @supports not (color: oklch(0.9 0.08 48)) { .glass-field-portal::before { background: radial-gradient( 70% 60% at 24% 22%, hsl(var(--field-h, 48) 60% 88% / 0.5), transparent 72% ); } .dark .glass-field-portal::before { background: radial-gradient( 70% 60% at 24% 22%, hsl(var(--field-h, 48) 45% 26% / 0.55), transparent 72% ); } } }

package/dist/components/_shared/floating.d.ts

@@ -1,14 +0,0 @@
-import type { Placement } from "./axes";
-/** Edge used to place floating content relative to its trigger. */
-export type FloatingSide = Exclude<Placement, "center">;
-/** Cross-axis alignment of floating content against its trigger. */
-export type FloatingAlign = "start" | "center" | "end";
-/** Placement controls intentionally shared by Glass floating surfaces. */
-export interface FloatingPlacementProps {
-    side?: FloatingSide;
-    sideOffset?: number;
-    align?: FloatingAlign;
-    alignOffset?: number;
-}
-/** Keep retired positioning/polymorphism props from surviving through `$attrs`. */
-export declare function floatingContentAttrs(attrs: Readonly<Record<string, unknown>>): Record<string, unknown>;

package/dist/components/_shared/menu.css

@@ -1 +0,0 @@
-@layer components { .glass-menu-row { --menu-row-bg: color-mix( in oklab, var(--glass-bg-quiet), var(--glass-tint-source) var(--glass-tint-strength) ); --menu-row-lift: -1px; min-block-size: max(2rem, var(--touch-target, 2.75rem)); transition: translate var(--spring-smooth-duration) var(--spring-smooth); translate: 0 0; } .glass-menu-row:hover:not([data-disabled]), .glass-menu-row:focus:not([data-disabled]), .glass-menu-row[data-highlighted]:not([data-disabled]), .glass-menu-row[data-state="open"]:not([data-disabled]) { background: var(--menu-row-bg); color: var(--accent-foreground); } .glass-menu-row:hover:not([data-disabled]) { translate: 0 var(--menu-row-lift); } } @media (prefers-reduced-motion: reduce) { .glass-menu-row { --menu-row-lift: 0px; transition: none; } } .dropdown-menu-content, .dropdown-sub-content { font-family: var(--dropdown-menu-font, inherit); padding: var(--panel-padding); --glass-bg-rung: var(--dropdown-menu-bg, var(--glass-bg-floating)); --glass-border-rung: var(--dropdown-menu-border, var(--glass-border-floating)); box-shadow: var( --dropdown-menu-shadow, var(--glass-material-rim), var(--glass-under-shadow-vivid), var(--glass-shadow-floating) ); }

package/dist/components/_shared/menuRowClass.d.ts

@@ -1,2 +0,0 @@
-export type MenuRowIndicator = "none" | "start";
-export declare function menuRowClass(indicator?: MenuRowIndicator): string;

package/dist/components/_shared/resolveSurfaceClass.d.ts

@@ -1,3 +0,0 @@
-import type { SurfaceTier } from "./axes";
-/** Private ladder resolver. Decoration paint remains attribute-driven. */
-export declare function resolveSurfaceClass(tier: SurfaceTier, deep?: boolean): string;

package/dist/components/animated-digit/AnimatedDigit.vue.d.ts

@@ -1,55 +0,0 @@
-import type { HTMLAttributes } from "vue";
-/**
- * AnimatedDigit — a numeric display that damps toward its target via
- * `useAnimatedNumber`, formats per consumer-supplied formatter, and ships
- * the tabular-numerals + ss01 + lnum font-feature register so consumers
- * stop hand-wiring those rules per site.
- *
- * Replaces hand-wired `useAnimatedNumber(metric) → result.formatted` plus a `<span class="tabular-
- * nums">{{ result.formatted.value }}</span>` pattern. Two-line replacement.
- *
- * Consumers pass:
- *  - `value`: the target. The composable damps; on null the displayed
- *    digit clears to the placeholder.
- *  - `format`: optional formatter (`(v: number) => string`). Defaults to
- *    `String(Math.round(v))`.
- *  - `placeholder`: glyph for null/empty (default "—").
- *  - `digitCount`: optional knob exposed to the consumer via the
- *    `--digit-count` CSS custom property on the host. A consumer's
- *    width-clamp can read this so the value cell shrinks proportionally
- *    as the rendered digits widen. When omitted the primitive computes
- *    it from the formatted string length.
- *  - `mode`: `"absolute"` (default) or `"progress"` — passes through to
- *    `useAnimatedNumber`.
- *
- * AnimatedDigit keeps its own local `placeholder: "—"`
- * default (NOT the shared `coalesceMetric` leaf). It is a distinct animated
- * single-glyph reel, not a static value-display card: it damps the FORMATTED
- * number toward its target and its empty-check fires only on `null`/`undefined`
- * (its `value` is `number | null | undefined` — there is no `""` empty string to
- * coalesce). Folding it onto the value-card core would conflate two different
- * surfaces. The keep is deliberate.
- */
-export type AnimatedDigitMode = "absolute" | "progress";
-export interface AnimatedDigitProps {
-    value: number | null | undefined;
-    format?: (v: number) => string;
-    placeholder?: string;
-    /**
-     * Override the auto-derived digit-count. When unset the primitive
-     * publishes the formatted-string length to `--digit-count` so a
-     * consumer's width-clamp reads from a single source of truth.
-     */
-    digitCount?: number;
-    /** Tag forwarded to `useAnimatedNumber`. */
-    mode?: AnimatedDigitMode;
-    /** Damping factor; forwarded to `useAnimatedNumber`. */
-    damping?: number;
-    class?: HTMLAttributes["class"];
-}
-declare const __VLS_export: import("vue").DefineComponent<AnimatedDigitProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<AnimatedDigitProps> & Readonly<{}>, {
-    placeholder: string;
-    mode: AnimatedDigitMode;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/components/animated-digit/index.d.ts

@@ -1,2 +0,0 @@
-export { default as AnimatedDigit } from "./AnimatedDigit.vue";
-export type { AnimatedDigitMode, AnimatedDigitProps } from "./AnimatedDigit.vue";

package/dist/components/avatar/styles.css

@@ -1 +0,0 @@
-@layer components { .glass-avatar { --avatar-size: var(--control-h-md); position: relative; display: inline-grid; flex: none; inline-size: var(--avatar-size); block-size: var(--avatar-size); vertical-align: middle; isolation: isolate; } .glass-avatar[data-size="md"] { --avatar-size: 4rem; } .glass-avatar[data-size="lg"] { --avatar-size: 8rem; } .glass-avatar__identity, .glass-avatar__image, .glass-avatar__fallback { inline-size: 100%; block-size: 100%; } .glass-avatar__identity { display: grid; overflow: hidden; place-items: center; border: 1px solid var(--glass-border-wash); background: var(--glass-bg-wash); color: var(--foreground); box-shadow: var(--glass-specular), var(--shadow-sm); } .glass-avatar[data-shape="circle"] .glass-avatar__identity { border-radius: var(--radius-pill); } .glass-avatar[data-shape="square"] .glass-avatar__identity { border-radius: var(--radius-input); } .glass-avatar__image, .glass-avatar__fallback { grid-area: 1 / 1; } .glass-avatar__image { object-fit: cover; } .glass-avatar__fallback { display: grid; place-items: center; background: color-mix(in srgb, var(--secondary) 82%, transparent); font-size: var(--type-caption); font-weight: var(--font-weight-semibold); letter-spacing: var(--tracking-tight); line-height: 1; user-select: none; } .glass-avatar[data-size="md"] .glass-avatar__fallback { font-size: var(--type-subheading); } .glass-avatar[data-size="lg"] .glass-avatar__fallback { font-size: var(--type-display-2); } .glass-avatar__status { position: absolute; inset-inline-end: -0.125rem; inset-block-end: -0.125rem; z-index: 1; display: grid; min-inline-size: 0.875rem; min-block-size: 0.875rem; place-items: center; padding: 0.125rem; border-radius: var(--radius-pill); background: var(--background); box-shadow: 0 0 0 1px var(--glass-border-wash); } }

package/dist/components/card/CardAction.vue.d.ts

@@ -1,17 +0,0 @@
-import type { HTMLAttributes } from "vue";
-type __VLS_Props = {
-    class?: HTMLAttributes["class"];
-};
-declare var __VLS_1: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
-};
-declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-declare const _default: typeof __VLS_export;
-export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/components/card/card-scroll.css

@@ -1 +0,0 @@
-.card-header--shrink { --card-header-pad-condensed: calc(var(--card-pad-block) / 2); position: relative; isolation: isolate; transition: padding-block-start var(--duration-normal) var(--ease-standard); } .card-header--shrink::before { content: ""; position: absolute; inset: 0 0 calc(var(--card-pad-title-gap) * -1); z-index: -1; border-radius: inherit; background: var(--glass-bg-resting); -webkit-backdrop-filter: var(--glass-blur-resting); backdrop-filter: var(--glass-blur-resting); mask-image: linear-gradient( to bottom, black calc(100% - var(--card-pad-title-gap)), transparent ); opacity: 0; pointer-events: none; transition: opacity var(--duration-normal) var(--ease-standard); } .card-header--shrink > [data-slot="card-title"] { font-size: var(--type-display-2); transition: font-size var(--duration-normal) var(--ease-standard); } .card-header--shrink[data-condensed="true"] { padding-block-start: var(--card-header-pad-condensed); } .card-header--shrink[data-condensed="true"]::before { opacity: 1; } .card-header--shrink[data-condensed="true"] > [data-slot="card-title"] { font-size: var(--type-display-1); } .card-header--shrink[data-condensed="true"] > [data-slot="card-description"] { display: none; } @media (prefers-reduced-motion: reduce) { .card-header--shrink, .card-header--shrink::before, .card-header--shrink > [data-slot="card-title"] { transition: none; } }

package/dist/components/carousel/interface.d.ts

@@ -1,22 +0,0 @@
-import type useEmblaCarousel from 'embla-carousel-vue';
-import type { EmblaCarouselVueType } from 'embla-carousel-vue';
-import type { HTMLAttributes, UnwrapRef } from 'vue';
-type CarouselApi = EmblaCarouselVueType[1];
-type UseCarouselParameters = Parameters<typeof useEmblaCarousel>;
-type CarouselOptions = UseCarouselParameters[0];
-type CarouselPlugin = UseCarouselParameters[1];
-export type UnwrapRefCarouselApi = UnwrapRef<CarouselApi>;
-export interface CarouselProps {
-    /** Accessible name that opts the carousel into a named region landmark. */
-    ariaLabel?: string;
-    opts?: CarouselOptions;
-    plugins?: CarouselPlugin;
-    orientation?: 'horizontal' | 'vertical';
-}
-export interface CarouselEmits {
-    (e: 'init-api', payload: UnwrapRefCarouselApi): void;
-}
-export interface WithClassAsProps {
-    class?: HTMLAttributes['class'];
-}
-export {};