@ctrl-ui/react 0.8.19 → 0.8.21

package/dist/hooks/use-environment-variables.js

@@ -1,188 +0,0 @@
-"use client";
-import { collectEnvironmentVariables, createEmptyEnvironmentVariableEntry, getDuplicateEnvironmentVariableKeys, parseEnvFileText, readEnvFile, rowsToEnvFileText } from "../lib/env-file.js";
-import { useRef, useState } from "react";
-//#region src/hooks/use-environment-variables.ts
-function defaultCreateRow(entry) {
-	return {
-		key: entry.key,
-		value: entry.value
-	};
-}
-function defaultEditableRows(rows) {
-	return rows;
-}
-function defaultPreservedRows() {
-	return [];
-}
-function normalizeRows(rows, createDefaultRow) {
-	return rows && rows.length > 0 ? rows.map((row) => ({ ...row })) : [createDefaultRow()];
-}
-function hasOnlyEmptyRow(rows) {
-	if (rows.length !== 1) return false;
-	const [firstRow] = rows;
-	if (!firstRow) return false;
-	return !firstRow.key.trim() && !firstRow.value;
-}
-function areRowsEqual(a, b) {
-	if (a.length !== b.length) return false;
-	for (let index = 0; index < a.length; index++) {
-		const aRow = a[index];
-		const bRow = b[index];
-		if (!aRow || !bRow || aRow.key !== bRow.key || aRow.value !== bRow.value) return false;
-	}
-	return true;
-}
-function useEnvironmentVariables({ initialRows, rows: controlledRows, onRowsChange, createDefaultRow = createEmptyEnvironmentVariableEntry, createRow = defaultCreateRow, getEditableRows = defaultEditableRows, getPreservedRows = defaultPreservedRows, maxUploadSize } = {}) {
-	const initialSourceRows = controlledRows ?? initialRows;
-	const nextRowId = useRef(0);
-	const fallbackRowIds = useRef({});
-	const [uncontrolledRows, setUncontrolledRows] = useState(() => normalizeRows(initialSourceRows, createDefaultRow));
-	const [baselineRows, setBaselineRows] = useState(() => normalizeRows(initialSourceRows, createDefaultRow));
-	const [rowIds, setRowIds] = useState(() => normalizeRows(initialSourceRows, createDefaultRow).map(() => createRowId()));
-	const [uploadError, setUploadError] = useState(null);
-	const [revealedValues, setRevealedValues] = useState({});
-	const rows = controlledRows ? normalizeRows(controlledRows, createDefaultRow) : uncontrolledRows;
-	const editableRows = (sourceRows = rows) => getEditableRows(sourceRows);
-	const preservedRows = (sourceRows = rows) => getPreservedRows(sourceRows);
-	function createRowId() {
-		const rowId = nextRowId.current;
-		nextRowId.current += 1;
-		return `environment-variable-row-${rowId}`;
-	}
-	function commitRows(nextRows, nextRowIds) {
-		const normalizedRows = normalizeRows(nextRows, createDefaultRow);
-		const normalizedRowIds = normalizedRows.map((_, index) => nextRowIds?.[index] ?? rowIds[index] ?? createRowId());
-		if (!controlledRows) setUncontrolledRows(normalizedRows);
-		setRowIds(normalizedRowIds);
-		onRowsChange?.(normalizedRows);
-		return normalizedRows;
-	}
-	function setRows(nextRows) {
-		return commitRows(nextRows);
-	}
-	function resetRows(nextRows = baselineRows) {
-		const normalizedRows = normalizeRows(nextRows, createDefaultRow);
-		commitRows(normalizedRows, normalizedRows.map(() => createRowId()));
-		setBaselineRows(normalizedRows);
-		setRevealedValues({});
-		setUploadError(null);
-		return normalizedRows;
-	}
-	function getRowsForSubmit() {
-		return [...rows];
-	}
-	function appendRow(row = createDefaultRow()) {
-		return commitRows([...rows, row], [...rowIds, createRowId()]);
-	}
-	function updateRow(index, patch) {
-		return commitRows(rows.map((row, rowIndex) => rowIndex === index ? {
-			...row,
-			...patch
-		} : row), rowIds);
-	}
-	function removeRow(index) {
-		const nextRows = rows.filter((_, rowIndex) => rowIndex !== index);
-		const nextRowIds = rowIds.filter((_, rowIndex) => rowIndex !== index);
-		setRevealedValues({});
-		return commitRows(nextRows.length > 0 ? nextRows : [createDefaultRow()], nextRows.length > 0 ? nextRowIds : [createRowId()]);
-	}
-	function mergeParsedRows(parsedRows, targetIndex) {
-		const newRows = parsedRows.map(createRow);
-		const newRowIds = newRows.map(() => createRowId());
-		if (hasOnlyEmptyRow(editableRows(rows))) {
-			const preserved = preservedRows(rows);
-			return commitRows([...preserved, ...newRows], [...rowIds.slice(0, preserved.length), ...newRowIds]);
-		}
-		if (typeof targetIndex !== "number") return commitRows([...rows, ...newRows], [...rowIds, ...newRowIds]);
-		const targetRow = rows[targetIndex];
-		if (!targetRow) return commitRows([...rows, ...newRows], [...rowIds, ...newRowIds]);
-		const targetIsEmpty = !targetRow.key.trim() && !targetRow.value;
-		const before = rows.slice(0, targetIndex + (targetIsEmpty ? 0 : 1));
-		const after = rows.slice(targetIndex + 1);
-		const beforeIds = rowIds.slice(0, targetIndex + (targetIsEmpty ? 0 : 1));
-		const afterIds = rowIds.slice(targetIndex + 1);
-		return commitRows([
-			...before,
-			...newRows,
-			...after
-		], [
-			...beforeIds,
-			...newRowIds,
-			...afterIds
-		]);
-	}
-	function importText(text, options = {}) {
-		const entries = parseEnvironmentVariablesImportText(text, options.mode ?? "bulk");
-		if (entries.length === 0) return false;
-		mergeParsedRows(entries, options.targetIndex);
-		setRevealedValues({});
-		setUploadError(null);
-		return true;
-	}
-	function handlePaste(index, text) {
-		return importText(text, {
-			targetIndex: index,
-			mode: "auto"
-		});
-	}
-	async function handleFileUpload(event) {
-		setUploadError(null);
-		const file = event.target.files?.[0];
-		if (!file) return;
-		const result = await readEnvFile(file, { maxSize: maxUploadSize });
-		if (!result.ok) {
-			setUploadError(result.error);
-			event.target.value = "";
-			return;
-		}
-		mergeParsedRows(result.entries);
-		setRevealedValues({});
-		event.target.value = "";
-	}
-	function getRowId(index) {
-		const rowId = rowIds[index] ?? fallbackRowIds.current[index];
-		if (rowId) return rowId;
-		const fallbackRowId = createRowId();
-		fallbackRowIds.current[index] = fallbackRowId;
-		return fallbackRowId;
-	}
-	const duplicateKeys = getDuplicateEnvironmentVariableKeys(rows);
-	const rowsDirty = !areRowsEqual(rows, baselineRows);
-	return {
-		rows,
-		uploadError,
-		duplicateKeys,
-		hasDuplicateKeys: duplicateKeys.size > 0,
-		isDirty: rowsDirty,
-		setRows,
-		resetRows,
-		appendRow,
-		updateRow,
-		removeRow,
-		getRowsForSubmit,
-		getEnvironmentVariablesForSubmit: () => collectEnvironmentVariables(getRowsForSubmit()),
-		getEnvFileTextForSubmit: () => rowsToEnvFileText(getRowsForSubmit()),
-		importText,
-		handleFileUpload,
-		handlePaste,
-		clearUploadError: () => setUploadError(null),
-		getRowId,
-		isValueRevealed: (index) => Boolean(revealedValues[index]),
-		toggleValueVisibility: (index) => setRevealedValues((previous) => ({
-			...previous,
-			[index]: !previous[index]
-		})),
-		rowHasDuplicateKey: (index) => duplicateKeys.has(rows[index]?.key.trim() ?? "")
-	};
-}
-function parseEnvironmentVariablesImportText(text, mode = "bulk") {
-	const trimmedText = text.trim();
-	if (!trimmedText.includes("=")) return [];
-	const entries = parseEnvFileText(trimmedText);
-	if (entries.length === 0) return [];
-	if (mode === "bulk") return entries;
-	const firstAssignmentLooksLikeEnvVar = /^(?:export\s+)?[A-Z_][A-Z0-9_]*\s*=/.test(trimmedText);
-	return entries.length > 1 || trimmedText.includes("\n") || firstAssignmentLooksLikeEnvVar ? entries : [];
-}
-//#endregion
-export { parseEnvironmentVariablesImportText, useEnvironmentVariables };

package/dist/knob-contracts/environment-variables-knobs.d.ts

@@ -1,4 +0,0 @@
-//#region src/knob-contracts/environment-variables-knobs.d.ts
-export declare const environmentVariablesKnobs: readonly ["--cui-environment-variables-title-foreground", "--cui-environment-variables-meta-foreground", "--cui-environment-variables-error-foreground", "--cui-environment-variables-message-background", "--cui-environment-variables-message-foreground", "--cui-environment-variables-message-border-color", "--cui-environment-variables-message-border-width"];
-export type EnvironmentVariablesKnobStyle = Partial<Record<(typeof environmentVariablesKnobs)[number], string>>;
-//#endregion

package/dist/knob-contracts/environment-variables-knobs.js

@@ -1,12 +0,0 @@
-//#region src/knob-contracts/environment-variables-knobs.ts
-const environmentVariablesKnobs = [
-	"--cui-environment-variables-title-foreground",
-	"--cui-environment-variables-meta-foreground",
-	"--cui-environment-variables-error-foreground",
-	"--cui-environment-variables-message-background",
-	"--cui-environment-variables-message-foreground",
-	"--cui-environment-variables-message-border-color",
-	"--cui-environment-variables-message-border-width"
-];
-//#endregion
-export { environmentVariablesKnobs };

package/dist/lib/env-file.d.ts

@@ -1,27 +0,0 @@
-//#region src/lib/env-file.d.ts
-export interface EnvironmentVariableEntry {
-  key: string;
-  value: string;
-}
-export declare const ENV_FILE_MAX_SIZE: number;
-export declare const DUPLICATE_ENVIRONMENT_VARIABLE_MESSAGE = "Rename or remove the duplicate key.";
-export declare class DuplicateEnvironmentVariableKeyError extends Error {
-  readonly key: string;
-  constructor(key: string);
-}
-export declare function createEmptyEnvironmentVariableEntry(): EnvironmentVariableEntry;
-export declare function rowsFromEnvironmentVariables(envVars: Record<string, unknown> | undefined): EnvironmentVariableEntry[];
-export declare function getDuplicateEnvironmentVariableKeys(rows: readonly EnvironmentVariableEntry[]): Set<string>;
-export declare function collectEnvironmentVariables(rows: readonly EnvironmentVariableEntry[]): Record<string, string>;
-export declare function parseEnvFileText(text: string): EnvironmentVariableEntry[];
-export declare function rowsToEnvFileText(rows: readonly EnvironmentVariableEntry[]): string;
-export declare function readEnvFile(file: File, options?: {
-  maxSize?: number;
-}): Promise<{
-  ok: true;
-  entries: EnvironmentVariableEntry[];
-} | {
-  ok: false;
-  error: string;
-}>;
-//#endregion

package/dist/lib/env-file.js

@@ -1,218 +0,0 @@
-//#region src/lib/env-file.ts
-const ENV_FILE_MAX_SIZE = 65536;
-const DUPLICATE_ENVIRONMENT_VARIABLE_MESSAGE = "Rename or remove the duplicate key.";
-var DuplicateEnvironmentVariableKeyError = class extends Error {
-	key;
-	constructor(key) {
-		super(DUPLICATE_ENVIRONMENT_VARIABLE_MESSAGE);
-		this.key = key;
-		this.name = "DuplicateEnvironmentVariableKeyError";
-	}
-};
-function createEmptyEnvironmentVariableEntry() {
-	return {
-		key: "",
-		value: ""
-	};
-}
-function rowsFromEnvironmentVariables(envVars) {
-	const entries = Object.entries(envVars ?? {});
-	return entries.length > 0 ? entries.map(([key, value]) => ({
-		key,
-		value: String(value)
-	})) : [createEmptyEnvironmentVariableEntry()];
-}
-function getDuplicateEnvironmentVariableKeys(rows) {
-	const seen = /* @__PURE__ */ new Set();
-	const duplicates = /* @__PURE__ */ new Set();
-	for (const row of rows) {
-		const key = row.key.trim();
-		if (!key) continue;
-		if (seen.has(key)) duplicates.add(key);
-		else seen.add(key);
-	}
-	return duplicates;
-}
-function collectEnvironmentVariables(rows) {
-	const envVars = {};
-	const seen = /* @__PURE__ */ new Set();
-	for (const row of rows) {
-		const key = row.key.trim();
-		if (!key) continue;
-		if (seen.has(key)) throw new DuplicateEnvironmentVariableKeyError(key);
-		seen.add(key);
-		envVars[key] = row.value;
-	}
-	return envVars;
-}
-function parseEnvAssignment(line) {
-	const normalizedLine = line.trim();
-	if (!normalizedLine || normalizedLine.startsWith("#")) return void 0;
-	const stripped = normalizedLine.replace(/^export\s+/, "");
-	const equalsIndex = stripped.indexOf("=");
-	if (equalsIndex === -1) return void 0;
-	const key = stripped.slice(0, equalsIndex).trim();
-	if (!key) return void 0;
-	return {
-		key,
-		rawValue: stripped.slice(equalsIndex + 1)
-	};
-}
-function openingQuote(value) {
-	if (value.startsWith("\"")) return "\"";
-	if (value.startsWith("'")) return "'";
-}
-function parseUnquotedEnvValue(rawValue) {
-	const commentIndex = rawValue.indexOf(" #");
-	return (commentIndex === -1 ? rawValue : rawValue.slice(0, commentIndex)).trim();
-}
-function parseQuotedEnvValue(lines, lineIndex, value, quote) {
-	const closingIndex = findClosingQuoteIndex(value, quote, 1);
-	if (closingIndex !== -1) return {
-		value: unescapeQuotedValue(value.slice(1, closingIndex), quote),
-		nextLineIndex: lineIndex + 1
-	};
-	const parts = [value.slice(1)];
-	let nextLineIndex = lineIndex + 1;
-	while (nextLineIndex < lines.length) {
-		const nextLine = lines[nextLineIndex];
-		if (nextLine === void 0) break;
-		const endIndex = findClosingQuoteIndex(nextLine, quote);
-		if (endIndex !== -1) {
-			parts.push(nextLine.slice(0, endIndex));
-			nextLineIndex += 1;
-			break;
-		}
-		parts.push(nextLine);
-		nextLineIndex += 1;
-	}
-	return {
-		value: unescapeQuotedValue(parts.join("\n"), quote),
-		nextLineIndex
-	};
-}
-function parseEnvValue(lines, lineIndex, rawValue) {
-	const value = rawValue.trimStart();
-	const quote = openingQuote(value);
-	if (quote) return parseQuotedEnvValue(lines, lineIndex, value, quote);
-	return {
-		value: parseUnquotedEnvValue(rawValue),
-		nextLineIndex: lineIndex + 1
-	};
-}
-function parseEnvFileText(text) {
-	const results = [];
-	const lines = text.replace(/^\uFEFF/, "").split(/\r?\n/);
-	let lineIndex = 0;
-	while (lineIndex < lines.length) {
-		const currentLine = lines[lineIndex];
-		if (currentLine === void 0) break;
-		const assignment = parseEnvAssignment(currentLine);
-		if (!assignment) {
-			lineIndex++;
-			continue;
-		}
-		const parsedValue = parseEnvValue(lines, lineIndex, assignment.rawValue);
-		results.push({
-			key: assignment.key,
-			value: parsedValue.value
-		});
-		lineIndex = parsedValue.nextLineIndex;
-	}
-	return results;
-}
-function findClosingQuoteIndex(value, quote, startIndex = 0) {
-	for (let index = startIndex; index < value.length; index++) if (value[index] === quote && !isEscaped(value, index)) return index;
-	return -1;
-}
-function isEscaped(value, index) {
-	let slashCount = 0;
-	for (let cursor = index - 1; cursor >= 0 && value[cursor] === "\\"; cursor--) slashCount++;
-	return slashCount % 2 === 1;
-}
-const DOUBLE_QUOTED_CONTROL_ESCAPES = {
-	n: "\n",
-	r: "\r",
-	t: "	"
-};
-function escapedQuotedCharacter(next, quote) {
-	if (next === quote || next === "\\") return next;
-	if (quote === "'") return void 0;
-	return DOUBLE_QUOTED_CONTROL_ESCAPES[next];
-}
-function unescapeQuotedValue(value, quote) {
-	let result = "";
-	for (let index = 0; index < value.length; index++) {
-		const current = value[index];
-		const next = value[index + 1];
-		if (current !== "\\" || next === void 0) {
-			result += current;
-			continue;
-		}
-		const unescaped = escapedQuotedCharacter(next, quote);
-		result += unescaped ?? current;
-		if (unescaped !== void 0) index++;
-	}
-	return result;
-}
-function escapeDoubleQuotedValue(value) {
-	return value.replace(/\\/g, "\\\\").replace(/"/g, "\\\"");
-}
-function shouldQuoteValue(value) {
-	return value.includes("\n") || value.includes("\r") || value.includes(" #") || /^\s|\s$/.test(value);
-}
-function rowsToEnvFileText(rows) {
-	const lines = [];
-	for (const row of rows) {
-		const key = row.key.trim();
-		if (!key) continue;
-		const value = row.value;
-		lines.push(shouldQuoteValue(value) ? `${key}="${escapeDoubleQuotedValue(value)}"` : `${key}=${value}`);
-	}
-	return lines.join("\n");
-}
-async function readEnvFile(file, options = {}) {
-	const maxSize = options.maxSize ?? 65536;
-	if (file.size > maxSize) return {
-		ok: false,
-		error: `That file is over ${Math.ceil(maxSize / 1024)} KB. Choose a smaller .env file.`
-	};
-	let text;
-	try {
-		text = await readFileText(file);
-	} catch {
-		return {
-			ok: false,
-			error: "Couldn't read that file. Try selecting it again."
-		};
-	}
-	if (text.includes("\0")) return {
-		ok: false,
-		error: "That file isn't plain text. Choose a .env text file."
-	};
-	const entries = parseEnvFileText(text);
-	if (entries.length === 0) return {
-		ok: false,
-		error: "No variables found. Use one KEY=value per line."
-	};
-	return {
-		ok: true,
-		entries
-	};
-}
-async function readFileText(file) {
-	if (typeof file.text === "function") try {
-		return await file.text();
-	} catch {}
-	return new Promise((resolve, reject) => {
-		const reader = new FileReader();
-		reader.onload = () => {
-			if (typeof reader.result === "string") resolve(reader.result);
-			else reject(/* @__PURE__ */ new Error("FileReader returned non-text content."));
-		};
-		reader.onerror = () => reject(reader.error ?? /* @__PURE__ */ new Error("FileReader failed."));
-		reader.readAsText(file);
-	});
-}
-//#endregion
-export { DUPLICATE_ENVIRONMENT_VARIABLE_MESSAGE, DuplicateEnvironmentVariableKeyError, ENV_FILE_MAX_SIZE, collectEnvironmentVariables, createEmptyEnvironmentVariableEntry, getDuplicateEnvironmentVariableKeys, parseEnvFileText, readEnvFile, rowsFromEnvironmentVariables, rowsToEnvFileText };

package/dist/styles/recipes/environment-variables.css

@@ -1,170 +0,0 @@
-@layer components {
-  :where([data-control-family="environment-variables"][data-slot="root"]) {
-    --cui-environment-variables-error-foreground: var(--destructive-text);
-    --cui-environment-variables-message-background: oklch(from var(--destructive) l c h / 0.05);
-    --cui-environment-variables-message-border-color: oklch(from var(--destructive) l c h / 0.4);
-    --cui-environment-variables-message-border-width: var(--control-rim-width);
-    --cui-environment-variables-message-foreground: var(--destructive-text);
-    --cui-environment-variables-meta-foreground: var(--muted-foreground);
-    --cui-environment-variables-title-foreground: var(--foreground);
-    gap: calc(var(--spacing) * 4);
-  }
-
-  :where([data-control-family="environment-variables"][data-slot="header"]) {
-    gap: calc(var(--spacing) * 1);
-  }
-
-  :where([data-control-family="environment-variables"][data-slot="toolbar"]) {
-    gap: calc(var(--spacing) * 2);
-  }
-
-  :where([data-control-family="environment-variables"][data-slot="row"]) {
-    gap: calc(var(--spacing) * 3);
-    padding-block: calc(var(--spacing) * 2);
-    padding-inline: calc(var(--spacing) * 1) calc(var(--spacing) * 9);
-  }
-
-  :where([data-control-family="environment-variables"][data-slot="row"] > div) {
-    gap: calc(var(--spacing) * 1.5);
-  }
-
-  @media (width >= 40rem) {
-    :where([data-control-family="environment-variables"][data-slot="row"]) {
-      gap: calc(var(--spacing) * 2);
-      padding-inline: calc(var(--spacing) * 1);
-    }
-  }
-
-  :where([data-control-family="environment-variables"][data-slot="actions"]),
-  :where([data-control-family="environment-variables"][data-slot="actions"] > div) {
-    gap: calc(var(--spacing) * 2);
-  }
-
-  :where([data-control-family="environment-variables"][data-slot="readonly-list"]) {
-    gap: calc(var(--spacing) * 1);
-  }
-
-  :where([data-control-family="environment-variables"][data-slot="readonly-item"]) {
-    gap: calc(var(--spacing) * 3);
-    padding-inline: calc(var(--spacing) * 1);
-    padding-block: calc(var(--spacing) * 2);
-  }
-  :where([data-control-family="environment-variables"][data-slot="title"]) {
-    color: var(--cui-environment-variables-title-foreground);
-    font-size: var(--text-label);
-    font-weight: var(--font-weight-semibold);
-    text-wrap: balance;
-  }
-
-  :where(
-    [data-control-family="environment-variables"]:is(
-      [data-slot="description"],
-      [data-slot="hint"],
-      [data-slot="column-labels"],
-      [data-slot="field-label"],
-      [data-slot="empty"],
-      [data-slot="readonly-item"]
-    )
-  ) {
-    color: var(--cui-environment-variables-meta-foreground);
-    font-size: var(--text-caption);
-  }
-
-  :where([data-control-family="environment-variables"][data-slot="hint-code"]),
-  :where([data-control-family="environment-variables"][data-slot="readonly-key"]) {
-    color: var(--foreground);
-  }
-
-  :where([data-control-family="environment-variables"][data-slot="row"] [data-control-family="field"][data-control="true"]) {
-    --cui-field-font-size: var(--text-caption);
-    font-family: var(--font-mono);
-  }
-
-  :where([data-control-family="environment-variables"][data-slot="field-error"]) {
-    color: var(--cui-environment-variables-error-foreground);
-    font-size: var(--text-caption);
-  }
-
-  :where([data-control-family="environment-variables"][data-slot="message"]) {
-    gap: calc(var(--spacing) * 2);
-    padding-inline: calc(var(--spacing) * 3);
-    padding-block: calc(var(--spacing) * 2);
-    background: var(--cui-environment-variables-message-background);
-    border-block: var(--cui-environment-variables-message-border-width) solid var(--cui-environment-variables-message-border-color);
-    color: var(--cui-environment-variables-message-foreground);
-    font-size: var(--text-caption);
-  }
-
-  :where([data-control-family="environment-variables"][data-slot="readonly-value"]) {
-    color: var(--muted-foreground);
-    font-family: var(--font-mono);
-  }
-
-  :where([data-control-family="environment-variables"][data-slot="readonly-key"]) {
-    font-family: var(--font-mono);
-    font-weight: var(--font-weight-medium);
-  }
-
-  :where([data-control-family="environment-variables"][data-slot="empty"]) {
-    padding-inline: calc(var(--spacing) * 3);
-    padding-block: calc(var(--spacing) * 4);
-    text-align: center;
-  }
-
-  :where([data-control-family="environment-variables"][data-slot="field-label"]) {
-    font-weight: var(--font-weight-medium);
-  }
-
-  :where([data-control-family="environment-variables"][data-slot="column-labels"]) {
-    gap: calc(var(--spacing) * 2);
-    padding-inline: calc(var(--spacing) * 1);
-    padding-block-end: calc(var(--spacing) * 1);
-    font-weight: var(--font-weight-medium);
-  }
-
-  :where([data-control-family="environment-variables"][data-slot="hint-code"]) {
-    font-family: var(--font-mono);
-  }
-}
-
-@property --cui-environment-variables-title-foreground {
-  syntax: "<color>";
-  inherits: true;
-  initial-value: transparent;
-}
-
-@property --cui-environment-variables-meta-foreground {
-  syntax: "<color>";
-  inherits: true;
-  initial-value: transparent;
-}
-
-@property --cui-environment-variables-error-foreground {
-  syntax: "<color>";
-  inherits: true;
-  initial-value: transparent;
-}
-
-@property --cui-environment-variables-message-background {
-  syntax: "<color>";
-  inherits: true;
-  initial-value: transparent;
-}
-
-@property --cui-environment-variables-message-foreground {
-  syntax: "<color>";
-  inherits: true;
-  initial-value: transparent;
-}
-
-@property --cui-environment-variables-message-border-color {
-  syntax: "<color>";
-  inherits: true;
-  initial-value: transparent;
-}
-
-@property --cui-environment-variables-message-border-width {
-  syntax: "<length>";
-  inherits: true;
-  initial-value: 0px;
-}