@astryx-vue/core 0.2.3 → 0.2.5

package/dist/Link-DqdQZ37C.js

@@ -1,141 +0,0 @@
-import { t as _sfc_main$1 } from "./Tooltip-mp0NMh_Y.js";
-import { computed, createBlock, createCommentVNode, createElementBlock, defineComponent, normalizeClass, openBlock, renderSlot, withCtx, withModifiers } from "vue";
-import "../styles/link.css";
-//#region src/Link/Link.vue
-const _hoisted_1 = [
-	"href",
-	"target",
-	"rel",
-	"download"
-];
-const _hoisted_2 = {
-	key: 0,
-	class: "astryx-link__external",
-	"aria-hidden": "true"
-};
-const _hoisted_3 = ["disabled"];
-const _hoisted_4 = [
-	"href",
-	"target",
-	"rel",
-	"download"
-];
-const _hoisted_5 = {
-	key: 0,
-	class: "astryx-link__external",
-	"aria-hidden": "true"
-};
-const _hoisted_6 = ["disabled"];
-const _sfc_main = /*@__PURE__*/ defineComponent({
-	inheritAttrs: false,
-	__name: "Link",
-	props: {
-		href: {},
-		isExternalLink: {
-			type: Boolean,
-			default: false
-		},
-		hasUnderline: {
-			type: Boolean,
-			default: false
-		},
-		color: { default: "accent" },
-		isDisabled: {
-			type: Boolean,
-			default: false
-		},
-		target: {},
-		rel: {},
-		download: { type: [String, Boolean] },
-		tooltip: {},
-		isStandalone: {
-			type: Boolean,
-			default: false
-		}
-	},
-	emits: ["click"],
-	setup(__props, { emit: __emit }) {
-		const props = __props;
-		const emit = __emit;
-		const computedTarget = computed(() => {
-			return props.isExternalLink ? "_blank" : props.target;
-		});
-		const computedRel = computed(() => {
-			const parts = new Set((props.rel ?? "").split(" ").filter(Boolean));
-			if (props.isExternalLink || computedTarget.value === "_blank") {
-				parts.add("noopener");
-				parts.add("noreferrer");
-			}
-			return parts.size > 0 ? Array.from(parts).join(" ") : void 0;
-		});
-		const classes = computed(() => [
-			"astryx-link",
-			`astryx-link--color-${props.color}`,
-			props.hasUnderline && "astryx-link--underlined",
-			props.isDisabled && "astryx-link--disabled",
-			props.isExternalLink && "astryx-link--external",
-			props.isStandalone && "astryx-link--standalone"
-		]);
-		const tooltipText = computed(() => {
-			return props.tooltip?.trim() || void 0;
-		});
-		function handleClick(event) {
-			if (props.isDisabled) {
-				event.preventDefault();
-				return;
-			}
-			emit("click", event);
-		}
-		return (_ctx, _cache) => {
-			return tooltipText.value ? (openBlock(), createBlock(_sfc_main$1, {
-				key: 0,
-				content: tooltipText.value
-			}, {
-				default: withCtx(() => [__props.href && !__props.isDisabled ? (openBlock(), createElementBlock("a", {
-					key: 0,
-					class: normalizeClass(["astryx-link", classes.value]),
-					href: __props.href,
-					target: computedTarget.value,
-					rel: computedRel.value,
-					download: __props.download,
-					onClick: handleClick
-				}, [renderSlot(_ctx.$slots, "default"), __props.isExternalLink ? (openBlock(), createElementBlock("span", _hoisted_2, "↗")) : createCommentVNode("v-if", true)], 10, _hoisted_1)) : __props.href && __props.isDisabled ? (openBlock(), createElementBlock("a", {
-					key: 1,
-					class: normalizeClass(["astryx-link", classes.value]),
-					role: "link",
-					"aria-disabled": "true",
-					onClick: _cache[0] || (_cache[0] = withModifiers(() => {}, ["prevent"]))
-				}, [renderSlot(_ctx.$slots, "default")], 2)) : (openBlock(), createElementBlock("button", {
-					key: 2,
-					type: "button",
-					class: normalizeClass(["astryx-link", classes.value]),
-					disabled: __props.isDisabled,
-					onClick: handleClick
-				}, [renderSlot(_ctx.$slots, "default")], 10, _hoisted_3))]),
-				_: 3
-			}, 8, ["content"])) : __props.href && !__props.isDisabled ? (openBlock(), createElementBlock("a", {
-				key: 1,
-				class: normalizeClass(["astryx-link", classes.value]),
-				href: __props.href,
-				target: computedTarget.value,
-				rel: computedRel.value,
-				download: __props.download,
-				onClick: handleClick
-			}, [renderSlot(_ctx.$slots, "default"), __props.isExternalLink ? (openBlock(), createElementBlock("span", _hoisted_5, "↗")) : createCommentVNode("v-if", true)], 10, _hoisted_4)) : __props.href && __props.isDisabled ? (openBlock(), createElementBlock("a", {
-				key: 2,
-				class: normalizeClass(["astryx-link", classes.value]),
-				role: "link",
-				"aria-disabled": "true",
-				onClick: _cache[1] || (_cache[1] = withModifiers(() => {}, ["prevent"]))
-			}, [renderSlot(_ctx.$slots, "default")], 2)) : (openBlock(), createElementBlock("button", {
-				key: 3,
-				type: "button",
-				class: normalizeClass(["astryx-link", classes.value]),
-				disabled: __props.isDisabled,
-				onClick: handleClick
-			}, [renderSlot(_ctx.$slots, "default")], 10, _hoisted_6));
-		};
-	}
-});
-//#endregion
-export { _sfc_main as t };

package/dist/Text-BHVghsWo.js

@@ -1,53 +0,0 @@
-import { computed, createBlock, defineComponent, normalizeClass, normalizeStyle, openBlock, renderSlot, resolveDynamicComponent, withCtx } from "vue";
-import "../styles/text.css";
-//#region src/Text/Text.vue
-const _sfc_main = /*@__PURE__*/ defineComponent({
-	__name: "Text",
-	props: {
-		type: { default: "body" },
-		size: {},
-		color: { default: "primary" },
-		weight: {},
-		textWrap: {},
-		wordBreak: {},
-		hasStrikethrough: { type: Boolean },
-		hasTabularNumbers: { type: Boolean },
-		display: { default: "inline" },
-		as: { default: "span" },
-		maxLines: { default: 0 }
-	},
-	setup(__props) {
-		const props = __props;
-		const weight = computed(() => props.weight === "normal" ? "regular" : props.weight);
-		const isBlock = computed(() => props.display === "block" || props.maxLines > 0);
-		const classes = computed(() => [
-			"astryx-text",
-			`astryx-text--type-${props.type}`,
-			props.size && `astryx-text--size-${props.size}`,
-			`astryx-text--color-${props.color}`,
-			weight.value && `astryx-text--weight-${weight.value}`,
-			props.textWrap && `astryx-text--wrap-${props.textWrap}`,
-			props.wordBreak && `astryx-text--word-${props.wordBreak}`,
-			props.hasStrikethrough && "astryx-text--strike",
-			props.hasTabularNumbers && "astryx-text--tabular",
-			isBlock.value && "astryx-text--block",
-			props.maxLines === 1 && "astryx-text--truncate-single",
-			props.maxLines > 1 && "astryx-text--truncate-multi"
-		]);
-		const style = computed(() => {
-			if (props.maxLines > 1) return { WebkitLineClamp: props.maxLines };
-			return {};
-		});
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(resolveDynamicComponent(__props.as), {
-				class: normalizeClass(["astryx-text", classes.value]),
-				style: normalizeStyle(style.value)
-			}, {
-				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-				_: 3
-			}, 8, ["class", "style"]);
-		};
-	}
-});
-//#endregion
-export { _sfc_main as t };

package/dist/Theme-CejS9MHm.js

@@ -1,447 +0,0 @@
-import { t as useMediaQuery } from "./useMediaQuery-GMmgp28-.js";
-import { n as themeContextKey, r as themeNestingKey, t as mediaThemeKey } from "./context-Cws_tXTr.js";
-import { i as syntaxThemeStyle } from "./syntaxTheme-ClpWALZX.js";
-import { n as resolveLightDark, r as syntaxThemeKey, t as readColorMode } from "./colorMode-CBgdgDSn.js";
-import { computed, createElementBlock, defineComponent, inject, markRaw, normalizeClass, normalizeStyle, onBeforeUnmount, onMounted, openBlock, provide, ref, renderSlot, unref, useAttrs, useTemplateRef, watch } from "vue";
-import "../styles/media-theme.css";
-import "../styles/theme.css";
-//#region src/Theme/defineTheme.ts
-const THEME_NAME = /^[a-z0-9][a-z0-9-]*$/i;
-const UNSAFE_TOKEN = /[;{}<>\n\r]/;
-function isDefinedTheme(value) {
-	return !!value && typeof value === "object" && value.__astryxTheme === true;
-}
-/** Accept `--color-accent`, `--astryx-color-accent`, or `color-accent`. */
-function normalizeTokenName(name) {
-	const trimmed = name.trim();
-	if (trimmed.startsWith("--astryx-")) return trimmed;
-	if (trimmed.startsWith("--")) return `--astryx-${trimmed.slice(2)}`;
-	return `--astryx-${trimmed}`;
-}
-function assertTokenValue(value, name) {
-	if (UNSAFE_TOKEN.test(value)) throw new Error(`Theme token ${name} has an unsupported value.`);
-}
-function isTokenPair(value) {
-	return Array.isArray(value);
-}
-function resolveTokenMap(tokens) {
-	const resolved = {};
-	if (!tokens) return resolved;
-	for (const [name, value] of Object.entries(tokens)) {
-		if (value == null) continue;
-		const key = normalizeTokenName(name);
-		if (isTokenPair(value)) {
-			const [light, dark] = value;
-			assertTokenValue(light, key);
-			assertTokenValue(dark, key);
-			resolved[key] = `light-dark(${light}, ${dark})`;
-			continue;
-		}
-		assertTokenValue(value, key);
-		resolved[key] = value;
-	}
-	return resolved;
-}
-function mergeMaps(base, next) {
-	if (base == null && next == null) return void 0;
-	return {
-		...base,
-		...next
-	};
-}
-function sealIndicators(indicators) {
-	if (indicators == null) return void 0;
-	const sealed = {};
-	for (const [name, component] of Object.entries(indicators)) if (component) sealed[name] = markRaw(component);
-	return sealed;
-}
-/**
-* Create a theme object that `Theme` can apply to a subtree.
-*
-* Token names are the upstream names (`--color-accent`) or this package's
-* prefixed names (`--astryx-color-accent`). A `[light, dark]` tuple becomes
-* `light-dark()`.
-*/
-function defineTheme(input) {
-	if (!THEME_NAME.test(input.name)) throw new Error(`Theme name "${input.name}" must use letters, numbers, and hyphens.`);
-	if (input.extends != null && !isDefinedTheme(input.extends)) throw new Error("defineTheme extends must be a theme returned by defineTheme().");
-	const base = input.extends;
-	const icons = mergeMaps(base?.icons, input.icons);
-	const indicators = sealIndicators(mergeMaps(base?.indicators, input.indicators));
-	return {
-		__astryxTheme: true,
-		name: input.name,
-		tokens: {
-			...base?.tokens,
-			...resolveTokenMap(input.tokens)
-		},
-		onDark: {
-			...base?.onDark,
-			...resolveTokenMap(input.onDark?.tokens)
-		},
-		onLight: {
-			...base?.onLight,
-			...resolveTokenMap(input.onLight?.tokens)
-		},
-		syntax: input.syntax ?? base?.syntax,
-		...icons ? { icons } : {},
-		...indicators ? { indicators } : {}
-	};
-}
-/** Neutral, with no token overrides. Colors come from `@astryx-vue/themes/neutral.css`. */
-const neutralTheme = defineTheme({ name: "neutral" });
-//#endregion
-//#region src/Theme/themeStyle.ts
-/**
-* Aliases declared on `:root` are substituted there. A later override of the
-* semantic token does not flow through that already-substituted value, so the
-* alias has to be written again on the element that sets the semantic token.
-*
-* Card background and border are not aliases: Neutral paints them with its own
-* stops, and they follow the semantic token only when a theme sets one.
-*/
-const COMPONENT_BRIDGES = {
-	"--astryx-color-text-primary": [
-		"--astryx-text-foreground",
-		"--astryx-heading-foreground",
-		"--astryx-button-secondary-foreground",
-		"--astryx-button-ghost-foreground"
-	],
-	"--astryx-color-text-secondary": ["--astryx-text-supporting-foreground"],
-	"--astryx-color-accent": ["--astryx-button-primary-background", "--astryx-button-focus"],
-	"--astryx-color-on-accent": ["--astryx-button-primary-foreground"],
-	"--astryx-color-neutral": ["--astryx-button-secondary-background"],
-	"--astryx-color-icon-primary": ["--astryx-icon-primary-foreground"],
-	"--astryx-color-background-card": ["--astryx-card-background"],
-	"--astryx-color-background-muted": ["--astryx-card-muted-background"],
-	"--astryx-color-border": ["--astryx-card-border"]
-};
-/** Surfaces keep their own button treatment. Text aliases still follow onDark and onLight. */
-const SURFACE_BRIDGES = {
-	"--astryx-color-text-primary": ["--astryx-text-foreground", "--astryx-heading-foreground"],
-	"--astryx-color-text-secondary": ["--astryx-text-supporting-foreground"],
-	"--astryx-color-background-card": ["--astryx-card-background"],
-	"--astryx-color-background-muted": ["--astryx-card-muted-background"],
-	"--astryx-color-border": ["--astryx-card-border"]
-};
-function bridgeComponentTokens(tokens, bridges = COMPONENT_BRIDGES) {
-	const style = { ...tokens };
-	for (const [source, targets] of Object.entries(bridges)) {
-		const value = tokens[source];
-		if (!value) continue;
-		for (const target of targets) style[target] = value;
-	}
-	return style;
-}
-/** Token bridges for an inverted surface. Button colors stay with MediaTheme. */
-function bridgeSurfaceTokens(tokens) {
-	return bridgeComponentTokens(tokens, SURFACE_BRIDGES);
-}
-/** Inline custom properties for a theme subtree, including syntax colors. */
-function themeStyle(theme) {
-	const style = bridgeComponentTokens(theme.tokens);
-	if (theme.syntax) Object.assign(style, syntaxThemeStyle(theme.syntax));
-	return style;
-}
-//#endregion
-//#region src/Theme/contrast.ts
-const HEX = /^#([0-9a-f]{3}|[0-9a-f]{6}|[0-9a-f]{8})$/i;
-const RGB = /^rgba?\(\s*([\d.]+)[,\s]+([\d.]+)[,\s]+([\d.]+)(?:[,\s/]+([\d.]+)(%)?)?\s*\)$/i;
-function parseColor(input) {
-	const value = input.trim().toLowerCase();
-	if (value === "transparent") return {
-		r: 0,
-		g: 0,
-		b: 0,
-		a: 0
-	};
-	const hex = HEX.exec(value);
-	if (hex?.[1]) {
-		const raw = hex[1];
-		const expanded = raw.length === 3 ? raw.split("").map((part) => part + part).join("") : raw;
-		const channels = expanded.length === 6 ? `${expanded}ff` : expanded;
-		return {
-			r: Number.parseInt(channels.slice(0, 2), 16),
-			g: Number.parseInt(channels.slice(2, 4), 16),
-			b: Number.parseInt(channels.slice(4, 6), 16),
-			a: Number.parseInt(channels.slice(6, 8), 16) / 255
-		};
-	}
-	const rgb = RGB.exec(value);
-	if (!rgb) return null;
-	const alpha = rgb[4] == null ? 1 : rgb[5] === "%" ? Number.parseFloat(rgb[4]) / 100 : Number.parseFloat(rgb[4]);
-	return {
-		r: Number.parseFloat(rgb[1] ?? "0"),
-		g: Number.parseFloat(rgb[2] ?? "0"),
-		b: Number.parseFloat(rgb[3] ?? "0"),
-		a: alpha
-	};
-}
-function channel(value) {
-	const scaled = value / 255;
-	return scaled <= .04045 ? scaled / 12.92 : ((scaled + .055) / 1.055) ** 2.4;
-}
-function relativeLuminance(color) {
-	return .2126 * channel(color.r) + .7152 * channel(color.g) + .0722 * channel(color.b);
-}
-/** WCAG contrast ratio. 1 is no contrast. */
-function contrastRatio(foreground, background) {
-	const first = relativeLuminance(foreground);
-	const second = relativeLuminance(background);
-	const lighter = Math.max(first, second);
-	const darker = Math.min(first, second);
-	return (lighter + .05) / (darker + .05);
-}
-const ON_DARK = {
-	r: 255,
-	g: 255,
-	b: 255,
-	a: 1
-};
-const ON_LIGHT = {
-	r: 23,
-	g: 23,
-	b: 23,
-	a: 1
-};
-/**
-* Choose a media surface from the painted background.
-*
-* `off` means the ambient text already reads on that background at 3:1, so no
-* inverted context is needed. `null` means the background is too transparent
-* to judge.
-*/
-function pickMediaMode(background, ambientText) {
-	if (background.a < .2) return null;
-	if (contrastRatio(ambientText, background) >= 3) return "off";
-	return contrastRatio(ON_DARK, background) >= contrastRatio(ON_LIGHT, background) ? "dark" : "light";
-}
-//#endregion
-//#region src/Theme/useAutoMediaMode.ts
-function readPaintedBackground(start) {
-	let current = start;
-	for (let depth = 0; current && depth < 6; depth += 1) {
-		const style = getComputedStyle(current);
-		const background = parseColor(style.backgroundColor);
-		if (background && background.a >= .2) return {
-			background,
-			ambient: parseColor(style.color) ?? {
-				r: 23,
-				g: 23,
-				b: 23,
-				a: 1
-			}
-		};
-		current = current.parentElement;
-	}
-	return null;
-}
-/**
-* Measure the element that actually paints behind a `display: contents` media
-* theme. Returns `null` when the surface cannot be read.
-*/
-function useAutoMediaMode(element, enabled) {
-	const detected = ref(null);
-	function measure() {
-		if (!enabled.value || typeof getComputedStyle !== "function") {
-			detected.value = null;
-			return;
-		}
-		const parent = element.value?.parentElement;
-		if (!parent) {
-			detected.value = null;
-			return;
-		}
-		const painted = readPaintedBackground(parent);
-		detected.value = painted ? pickMediaMode(painted.background, painted.ambient) : null;
-	}
-	onMounted(measure);
-	watch(enabled, measure);
-	return detected;
-}
-//#endregion
-//#region src/Theme/MediaTheme.vue
-const _hoisted_1$1 = ["data-astryx-media"];
-const _sfc_main$1 = /*@__PURE__*/ defineComponent({
-	name: "AstryxMediaTheme",
-	inheritAttrs: false,
-	__name: "MediaTheme",
-	props: {
-		mode: {},
-		fallback: { default: "dark" }
-	},
-	setup(__props, { expose: __expose }) {
-		const props = __props;
-		const attrs = useAttrs();
-		const root = useTemplateRef("root");
-		const theme = inject(themeContextKey, null);
-		const detected = useAutoMediaMode(root, computed(() => props.mode === "auto"));
-		const resolved = computed(() => {
-			if (props.mode === "off") return "off";
-			if (props.mode === "auto") return detected.value ?? props.fallback;
-			return props.mode;
-		});
-		provide(mediaThemeKey, resolved);
-		const rootStyle = computed(() => {
-			const surface = resolved.value === "dark" ? theme?.value.theme.onDark : resolved.value === "light" ? theme?.value.theme.onLight : void 0;
-			if (!surface) return {};
-			return bridgeSurfaceTokens(surface);
-		});
-		__expose({ element: root });
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", {
-				ref_key: "root",
-				ref: root,
-				class: normalizeClass(["astryx-media-theme", unref(attrs).class]),
-				"data-astryx-media": resolved.value === "off" ? void 0 : resolved.value,
-				style: normalizeStyle([rootStyle.value, unref(attrs).style])
-			}, [renderSlot(_ctx.$slots, "default")], 14, _hoisted_1$1);
-		};
-	}
-});
-//#endregion
-//#region src/Theme/useThemeRootSync.ts
-const entries = [];
-let baseSnapshot = null;
-function capture() {
-	const root = document.documentElement;
-	return {
-		theme: root.getAttribute("data-astryx-theme"),
-		mode: root.getAttribute("data-astryx-color-mode")
-	};
-}
-function writeAttribute(name, value) {
-	const root = document.documentElement;
-	if (value == null) root.removeAttribute(name);
-	else root.setAttribute(name, value);
-}
-function apply(entry) {
-	const root = document.documentElement;
-	root.setAttribute("data-astryx-theme", entry.name());
-	const mode = entry.mode();
-	if (mode === "light" || mode === "dark") root.setAttribute("data-astryx-color-mode", mode);
-	else root.removeAttribute("data-astryx-color-mode");
-}
-function restoreBase() {
-	if (!baseSnapshot) return;
-	writeAttribute("data-astryx-theme", baseSnapshot.theme);
-	writeAttribute("data-astryx-color-mode", baseSnapshot.mode);
-	baseSnapshot = null;
-}
-/**
-* The outermost Theme mirrors its name and mode onto `documentElement`, so
-* portaled UI and browser chrome see the same theme. Nested themes do not.
-*/
-function useThemeRootSync(isNested, themeName, mode) {
-	if (isNested || typeof document === "undefined") return;
-	const entry = {
-		name: themeName,
-		mode
-	};
-	onMounted(() => {
-		if (entries.length === 0) baseSnapshot = capture();
-		entries.push(entry);
-		apply(entry);
-	});
-	watch(() => [themeName(), mode()], () => {
-		if (entries[entries.length - 1] === entry) apply(entry);
-	});
-	onBeforeUnmount(() => {
-		const index = entries.lastIndexOf(entry);
-		if (index >= 0) entries.splice(index, 1);
-		const top = entries[entries.length - 1];
-		if (top) apply(top);
-		else restoreBase();
-	});
-}
-//#endregion
-//#region src/Theme/Theme.vue
-const _hoisted_1 = ["data-astryx-theme", "data-astryx-color-mode"];
-const _sfc_main = /*@__PURE__*/ defineComponent({
-	name: "AstryxTheme",
-	inheritAttrs: false,
-	__name: "Theme",
-	props: {
-		theme: {},
-		mode: { default: "system" }
-	},
-	setup(__props, { expose: __expose }) {
-		const props = __props;
-		const attrs = useAttrs();
-		const root = useTemplateRef("root");
-		const isNested = inject(themeNestingKey, false);
-		const parentSyntax = inject(syntaxThemeKey, null);
-		provide(themeNestingKey, true);
-		provide(themeContextKey, computed(() => ({
-			theme: props.theme,
-			mode: props.mode
-		})));
-		if (parentSyntax || props.theme.syntax) provide(syntaxThemeKey, computed(() => props.theme.syntax ?? parentSyntax?.value ?? null));
-		useThemeRootSync(isNested, () => props.theme.name, () => props.mode);
-		const colorScheme = computed(() => {
-			if (props.mode === "dark") return "dark";
-			if (props.mode === "light") return "light";
-			return "light dark";
-		});
-		const rootStyle = computed(() => ({
-			colorScheme: colorScheme.value,
-			...themeStyle(props.theme)
-		}));
-		__expose({ element: root });
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", {
-				ref_key: "root",
-				ref: root,
-				class: normalizeClass(["astryx-theme", unref(attrs).class]),
-				"data-astryx-theme": __props.theme.name,
-				"data-astryx-color-mode": __props.mode === "system" ? void 0 : __props.mode,
-				style: normalizeStyle([rootStyle.value, unref(attrs).style])
-			}, [renderSlot(_ctx.$slots, "default")], 14, _hoisted_1);
-		};
-	}
-});
-//#endregion
-//#region src/Theme/useMediaTheme.ts
-/** Read the nearest MediaTheme. Outside one, the mode is `off`. */
-function useMediaTheme() {
-	return { mode: inject(mediaThemeKey, null) ?? computed(() => "off") };
-}
-//#endregion
-//#region src/Theme/useTheme.ts
-function readDocumentToken(name, mode) {
-	if (typeof document === "undefined") return "";
-	const raw = getComputedStyle(document.documentElement).getPropertyValue(name).trim();
-	return raw ? resolveLightDark(raw, mode) : "";
-}
-/**
-* Read the nearest theme. Outside a `Theme`, the name is `neutral` and tokens
-* are read from the document's custom properties.
-*/
-function useTheme() {
-	const context = inject(themeContextKey, null);
-	const prefersDark = useMediaQuery("(prefers-color-scheme: dark)");
-	const mode = computed(() => {
-		const requested = context?.value.mode;
-		if (requested === "light" || requested === "dark") return requested;
-		return readColorMode(prefersDark.value);
-	});
-	const name = computed(() => context?.value.theme.name ?? "neutral");
-	const tokens = computed(() => {
-		const source = context?.value.theme.tokens ?? {};
-		const resolved = {};
-		for (const [key, value] of Object.entries(source)) resolved[key] = resolveLightDark(value, mode.value);
-		return resolved;
-	});
-	function token(tokenName) {
-		const key = normalizeTokenName(tokenName);
-		return tokens.value[key] ?? readDocumentToken(key, mode.value);
-	}
-	return {
-		name,
-		mode,
-		token,
-		tokens
-	};
-}
-//#endregion
-export { defineTheme as a, normalizeTokenName as c, _sfc_main$1 as i, useMediaTheme as n, isDefinedTheme as o, _sfc_main as r, neutralTheme as s, useTheme as t };