@mkbabb/glass-ui 7.0.0 → 8.0.0

package/dist/chip-DFZQr6rV.js

@@ -1,129 +0,0 @@
-import { n as e, t } from "./class-names-Cpy5eaBk.js";
-import { t as n } from "./useAccentTone-DyInfHXE.js";
-import { computed as r, createBlock as i, createElementBlock as a, createElementVNode as o, defineComponent as s, mergeProps as c, openBlock as l, renderSlot as u, unref as d, useAttrs as f, watchEffect as p, withCtx as m } from "vue";
-import { Toggle as h } from "reka-ui";
-//#region src/components/chip/chipVariants.ts
-var g = "glass-chip glass-capsule accent-tone inline-flex items-center justify-center font-sans text-muted-foreground select-none", _ = "glass-chip--interactive glass-capsule-hover focus-ring cursor-pointer outline-none disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-disabled", v = {
-	sm: "gap-1 px-2.5 py-1 text-caption",
-	md: "gap-1.5 px-3.5 py-1.5 text-small",
-	lg: "gap-2 px-5 py-2 text-base"
-}, y = {
-	pill: "",
-	cell: "glass-chip--cell flex-col gap-1.5 px-2 py-2.5 text-micro",
-	icon: "glass-chip--icon aspect-square p-0"
-}, b = {
-	sm: "size-8",
-	md: "size-10",
-	lg: "size-12"
-};
-function x(t = {}) {
-	let n = t.size ?? "md", r = t.shape ?? "pill";
-	return e(g, t.interactive && _, v[n], y[r], r === "icon" && b[n], t.class, t.className);
-}
-//#endregion
-//#region src/components/chip/Chip.vue?vue&type=script&setup=true&lang.ts
-var S = [
-	"disabled",
-	"data-mode",
-	"data-shape",
-	"data-surface"
-], C = [
-	"data-mode",
-	"data-shape",
-	"data-surface",
-	"data-disabled"
-], w = { class: "glass-chip__content" }, T = ["aria-label", "disabled"], E = [
-	"data-mode",
-	"data-shape",
-	"data-surface"
-], D = /* @__PURE__ */ s({
-	name: "Chip",
-	inheritAttrs: !1,
-	__name: "Chip",
-	props: {
-		mode: {},
-		modelValue: { type: [Boolean, null] },
-		defaultValue: { type: Boolean },
-		disabled: { type: Boolean },
-		name: {},
-		required: {},
-		removeLabel: {},
-		shape: {},
-		size: {},
-		tone: {},
-		surface: {},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	},
-	emits: ["update:modelValue", "remove"],
-	setup(e, { emit: s }) {
-		let g = e, _ = s, v = f(), y = r(() => g.mode ?? "static"), b = r(() => g.shape ?? "pill"), D = r(() => g.size ?? "md"), O = r(() => Object.fromEntries(Object.entries(v).filter(([e]) => e !== "style" && !/^(role|aria-pressed|data-state|name|required)$/i.test(e)))), k = r(() => Object.fromEntries(Object.entries(v).filter(([e]) => e !== "style" && !/^on/i.test(e) && !/^(role|tabindex|aria-pressed|data-state|name|required)$/i.test(e)))), { toneStyle: A } = n(() => g.tone ?? "var(--primary)"), j = r(() => t(x({
-			interactive: y.value === "selectable" || y.value === "action",
-			shape: b.value,
-			size: D.value
-		}), g.class)), M = r(() => g.tone === void 0 ? void 0 : {
-			...A.value,
-			"--glass-fill-tint": g.tone,
-			"--glass-fill-strength": "var(--chip-glass-strength, 12%)"
-		}), N = r(() => [M.value, v.style]);
-		return p(() => {
-			if (g.mode === "removable" && !g.removeLabel?.trim()) throw TypeError("[Chip] mode=\"removable\" requires a non-empty removeLabel.");
-		}), (t, n) => y.value === "selectable" ? (l(), i(d(h), c({ key: 0 }, O.value, {
-			"model-value": e.modelValue,
-			"default-value": e.defaultValue,
-			disabled: e.disabled,
-			class: j.value,
-			style: N.value,
-			"data-mode": y.value,
-			"data-shape": b.value,
-			"data-surface": e.surface,
-			"onUpdate:modelValue": n[0] ||= (e) => _("update:modelValue", e)
-		}), {
-			default: m(() => [u(t.$slots, "default")]),
-			_: 3
-		}, 16, [
-			"model-value",
-			"default-value",
-			"disabled",
-			"class",
-			"style",
-			"data-mode",
-			"data-shape",
-			"data-surface"
-		])) : y.value === "action" ? (l(), a("button", c({ key: 1 }, O.value, {
-			type: "button",
-			disabled: e.disabled,
-			class: j.value,
-			style: N.value,
-			"data-mode": y.value,
-			"data-shape": b.value,
-			"data-surface": e.surface
-		}), [u(t.$slots, "default")], 16, S)) : y.value === "removable" ? (l(), a("span", c({ key: 2 }, k.value, {
-			class: j.value,
-			style: N.value,
-			"data-mode": y.value,
-			"data-shape": b.value,
-			"data-surface": e.surface,
-			"data-disabled": e.disabled || void 0
-		}), [o("span", w, [u(t.$slots, "default")]), o("button", {
-			type: "button",
-			class: "glass-chip__remove focus-ring",
-			"aria-label": e.removeLabel,
-			disabled: e.disabled,
-			onClick: n[1] ||= (e) => _("remove", e)
-		}, [...n[2] ||= [o("span", { "aria-hidden": "true" }, "×", -1)]], 8, T)], 16, C)) : (l(), a("span", c({ key: 3 }, k.value, {
-			class: j.value,
-			style: N.value,
-			"data-mode": y.value,
-			"data-shape": b.value,
-			"data-surface": e.surface
-		}), [u(t.$slots, "default")], 16, E));
-	}
-});
-//#endregion
-export { x as n, D as t };

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/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;