@ctrl-ui/react 0.8.19 → 0.8.21

package/dist/environment-variables.js

@@ -1,512 +0,0 @@
-"use client";
-import { cn } from "./lib/cn.js";
-import { Button } from "./ui/button.js";
-import { DUPLICATE_ENVIRONMENT_VARIABLE_MESSAGE, collectEnvironmentVariables, rowsToEnvFileText } from "./lib/env-file.js";
-import { useEnvironmentVariables } from "./hooks/use-environment-variables.js";
-import { InputGroup, InputGroupAddon } from "./ui/input-group.js";
-import { Input } from "./ui/input.js";
-import { createContext, use, useId, useRef, useState } from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import { AlertTriangleIcon, EyeIcon, EyeOffIcon, FileUpIcon, PlusIcon, RotateCcwIcon, SaveIcon, Trash2Icon } from "lucide-react";
-//#region src/environment-variables.tsx
-const EnvironmentVariablesContext = createContext(null);
-function useEnvironmentVariablesContext(componentName) {
-	const context = use(EnvironmentVariablesContext);
-	if (!context) throw new Error(`${componentName} must be used inside <EnvironmentVariables.Root>.`);
-	return context;
-}
-function EnvironmentVariablesRoot({ editor, disabled = false, readOnly = false, rowErrors, keyLabel = "Key", valueLabel = "Value", keyPlaceholder = "OPENAI_API_KEY", valuePlaceholder = "sk-…", duplicateKeyMessage = DUPLICATE_ENVIRONMENT_VARIABLE_MESSAGE, revealValueLabel = (key) => `Show value for ${key}`, onSubmit, className, children, ...props }) {
-	const pendingRef = useRef(false);
-	const [pending, setPending] = useState(false);
-	async function handleSubmit(event) {
-		if (event.defaultPrevented || !onSubmit) return;
-		event.preventDefault();
-		if (pendingRef.current || editor.hasDuplicateKeys) return;
-		const rows = editor.getRowsForSubmit();
-		const payload = {
-			rows,
-			variables: collectEnvironmentVariables(rows),
-			envFileText: rowsToEnvFileText(rows),
-			reset: () => editor.resetRows(rows)
-		};
-		pendingRef.current = true;
-		setPending(true);
-		try {
-			await onSubmit(payload);
-		} finally {
-			pendingRef.current = false;
-			setPending(false);
-		}
-	}
-	return /* @__PURE__ */ jsx(EnvironmentVariablesContext.Provider, {
-		value: {
-			editor,
-			disabled,
-			readOnly,
-			rowErrors,
-			keyLabel,
-			valueLabel,
-			keyPlaceholder,
-			valuePlaceholder,
-			duplicateKeyMessage,
-			revealValueLabel,
-			pending
-		},
-		children: /* @__PURE__ */ jsx("form", {
-			"data-control-ui": "environment-variables",
-			"data-control-family": "environment-variables",
-			"data-slot": "root",
-			"data-surface": "panel",
-			"data-disabled": disabled ? "true" : void 0,
-			"data-readonly": readOnly ? "true" : void 0,
-			"aria-busy": pending || void 0,
-			className: cn("flex min-w-0 flex-col", className),
-			onSubmit: handleSubmit,
-			...props,
-			children
-		})
-	});
-}
-function EnvironmentVariablesComponent({ editor: providedEditor, initialRows, rows, onRowsChange, createDefaultRow, createRow, getEditableRows, getPreservedRows, maxUploadSize, title = "Environment variables", description, error, submitLabel = "Save", resetLabel = "Reset", addLabel = "Add variable", hideDefaultActions = false, children, onSubmit, ...props }) {
-	const internalEditor = useEnvironmentVariables({
-		initialRows,
-		rows,
-		onRowsChange,
-		createDefaultRow,
-		createRow,
-		getEditableRows,
-		getPreservedRows,
-		maxUploadSize
-	});
-	return /* @__PURE__ */ jsx(EnvironmentVariablesRoot, {
-		editor: providedEditor ?? internalEditor,
-		onSubmit,
-		...props,
-		children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
-			/* @__PURE__ */ jsx(EnvironmentVariablesHeader, {
-				title,
-				description
-			}),
-			/* @__PURE__ */ jsx(EnvironmentVariablesToolbar, {}),
-			/* @__PURE__ */ jsx(EnvironmentVariablesUploadError, {}),
-			/* @__PURE__ */ jsx(EnvironmentVariablesRows, {}),
-			/* @__PURE__ */ jsx(EnvironmentVariablesDuplicateKeysError, {}),
-			/* @__PURE__ */ jsx(EnvironmentVariablesMessage, { error }),
-			!hideDefaultActions && /* @__PURE__ */ jsxs(EnvironmentVariablesActions, { children: [/* @__PURE__ */ jsx(EnvironmentVariablesAddButton, { children: addLabel }), /* @__PURE__ */ jsxs("div", {
-				className: "flex min-w-0 items-center",
-				children: [/* @__PURE__ */ jsx(EnvironmentVariablesResetButton, { children: resetLabel }), onSubmit ? /* @__PURE__ */ jsx(EnvironmentVariablesSubmitButton, { children: submitLabel }) : null]
-			})] })
-		] })
-	});
-}
-function EnvironmentVariablesHeader({ title, description, className, children, ...props }) {
-	if (children) return /* @__PURE__ */ jsx("div", {
-		"data-control-ui": "environment-variables",
-		"data-control-family": "environment-variables",
-		"data-slot": "header",
-		className: cn("flex flex-col", className),
-		...props,
-		children
-	});
-	if (!title && !description) return null;
-	return /* @__PURE__ */ jsxs("div", {
-		"data-control-ui": "environment-variables",
-		"data-control-family": "environment-variables",
-		"data-slot": "header",
-		className: cn("flex flex-col", className),
-		...props,
-		children: [title ? /* @__PURE__ */ jsx("div", {
-			"data-control-ui": "environment-variables",
-			"data-control-family": "environment-variables",
-			"data-slot": "title",
-			children: title
-		}) : null, description ? /* @__PURE__ */ jsx("div", {
-			"data-control-ui": "environment-variables",
-			"data-control-family": "environment-variables",
-			"data-slot": "description",
-			className: "max-w-2xl",
-			children: description
-		}) : null]
-	});
-}
-function EnvironmentVariablesToolbar({ className, children, ...props }) {
-	const { readOnly } = useEnvironmentVariablesContext("EnvironmentVariables.Toolbar");
-	if (readOnly) return null;
-	return /* @__PURE__ */ jsx("div", {
-		"data-control-ui": "environment-variables",
-		"data-control-family": "environment-variables",
-		"data-slot": "toolbar",
-		className: cn("flex min-w-0 flex-col sm:flex-row sm:items-center", className),
-		...props,
-		children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs("p", {
-			"data-control-ui": "environment-variables",
-			"data-control-family": "environment-variables",
-			"data-slot": "hint",
-			className: "min-w-0 flex-1",
-			children: [
-				"Paste one or more",
-				" ",
-				/* @__PURE__ */ jsx("code", {
-					"data-control-ui": "environment-variables",
-					"data-control-family": "environment-variables",
-					"data-slot": "hint-code",
-					children: "KEY=value"
-				}),
-				" ",
-				"lines directly into any field."
-			]
-		}), /* @__PURE__ */ jsx(EnvironmentVariablesUploadButton, {})] })
-	});
-}
-function EnvironmentVariablesUploadButton({ inputLabel = "Import .env file", children = "Upload .env", variant = "surface", size = "sm", disabled, onClick, ...props }) {
-	const { editor, disabled: contextDisabled, readOnly } = useEnvironmentVariablesContext("EnvironmentVariables.UploadButton");
-	const inputId = useId();
-	const isDisabled = disabled ?? (contextDisabled || readOnly);
-	function handleChange(event) {
-		editor.handleFileUpload(event);
-	}
-	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("input", {
-		id: inputId,
-		type: "file",
-		accept: ".env,text/plain",
-		className: "sr-only",
-		tabIndex: -1,
-		disabled: isDisabled,
-		"aria-label": inputLabel,
-		onChange: handleChange
-	}), /* @__PURE__ */ jsxs(Button, {
-		type: "button",
-		variant,
-		size,
-		disabled: isDisabled,
-		onClick: (event) => {
-			onClick?.(event);
-			if (!event.defaultPrevented) event.currentTarget.ownerDocument.getElementById(inputId)?.click();
-		},
-		...props,
-		children: [/* @__PURE__ */ jsx(FileUpIcon, {
-			"aria-hidden": "true",
-			className: "size-3.5"
-		}), children]
-	})] });
-}
-function EnvironmentVariablesRows({ rowErrors, className, children, ...props }) {
-	const { editor, keyLabel, valueLabel, readOnly } = useEnvironmentVariablesContext("EnvironmentVariables.Rows");
-	return /* @__PURE__ */ jsx("div", {
-		"data-control-ui": "environment-variables",
-		"data-control-family": "environment-variables",
-		"data-slot": "rows",
-		className: cn("min-w-0", className),
-		...props,
-		children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs("div", {
-			"aria-hidden": "true",
-			"data-control-ui": "environment-variables",
-			"data-control-family": "environment-variables",
-			"data-slot": "column-labels",
-			className: cn("hidden min-w-0 grid-cols-[minmax(0,1fr)_minmax(0,1.2fr)_auto] sm:grid", readOnly && "grid-cols-[minmax(0,1fr)_minmax(0,1.2fr)]"),
-			children: [
-				/* @__PURE__ */ jsx("span", { children: keyLabel }),
-				/* @__PURE__ */ jsx("span", { children: valueLabel }),
-				!readOnly ? /* @__PURE__ */ jsx("span", { className: "size-[var(--control-h-sm)]" }) : null
-			]
-		}), editor.rows.map((row, index) => /* @__PURE__ */ jsx(EnvironmentVariablesRow, {
-			row,
-			index,
-			rowErrors
-		}, editor.getRowId(index)))] })
-	});
-}
-function EnvironmentVariablesRow({ row, index, rowErrors, className, ...props }) {
-	const { editor, disabled, readOnly, rowErrors: contextRowErrors, keyLabel, valueLabel, keyPlaceholder, valuePlaceholder, duplicateKeyMessage, revealValueLabel } = useEnvironmentVariablesContext("EnvironmentVariables.Row");
-	const resolvedRowErrors = rowErrors ?? contextRowErrors;
-	const keyError = resolvedRowErrors?.[index]?.key ?? (editor.rowHasDuplicateKey(index) ? duplicateKeyMessage : null);
-	const valueError = resolvedRowErrors?.[index]?.value;
-	const isDisabled = disabled || readOnly;
-	const rowId = editor.getRowId(index);
-	const keyInputId = `${rowId}-key`;
-	const valueInputId = `${rowId}-value`;
-	const keyErrorId = `${keyInputId}-error`;
-	const valueErrorId = `${valueInputId}-error`;
-	const rowName = row.key.trim() || `row ${index + 1}`;
-	const valueRevealed = editor.isValueRevealed(index);
-	const removeRowLabel = `Remove environment variable ${rowName}`;
-	function handlePaste(event) {
-		if (editor.handlePaste(index, event.clipboardData.getData("text"))) event.preventDefault();
-	}
-	return /* @__PURE__ */ jsxs("div", {
-		"data-control-ui": "environment-variables",
-		"data-control-family": "environment-variables",
-		"data-slot": "row",
-		className: cn("relative grid min-w-0 sm:grid-cols-[minmax(0,1fr)_minmax(0,1.2fr)_auto]", className),
-		...props,
-		children: [
-			/* @__PURE__ */ jsxs("div", {
-				className: "flex min-w-0 flex-col",
-				children: [
-					/* @__PURE__ */ jsx("label", {
-						"data-control-ui": "environment-variables",
-						"data-control-family": "environment-variables",
-						"data-slot": "field-label",
-						htmlFor: keyInputId,
-						className: "sm:sr-only",
-						children: keyLabel
-					}),
-					/* @__PURE__ */ jsx(Input, {
-						id: keyInputId,
-						size: "sm",
-						value: row.key,
-						placeholder: keyPlaceholder,
-						disabled: isDisabled,
-						"aria-invalid": Boolean(keyError),
-						"aria-describedby": keyError ? keyErrorId : void 0,
-						onChange: (event) => editor.updateRow(index, { key: event.target.value }),
-						onPaste: handlePaste
-					}),
-					keyError ? /* @__PURE__ */ jsx("p", {
-						id: keyErrorId,
-						"data-control-ui": "environment-variables",
-						"data-control-family": "environment-variables",
-						"data-slot": "field-error",
-						children: keyError
-					}) : null
-				]
-			}),
-			/* @__PURE__ */ jsxs("div", {
-				className: "flex min-w-0 flex-col",
-				children: [
-					/* @__PURE__ */ jsx("label", {
-						"data-control-ui": "environment-variables",
-						"data-control-family": "environment-variables",
-						"data-slot": "field-label",
-						htmlFor: valueInputId,
-						className: "sm:sr-only",
-						children: valueLabel
-					}),
-					/* @__PURE__ */ jsxs(InputGroup, {
-						size: "sm",
-						children: [/* @__PURE__ */ jsx(Input, {
-							id: valueInputId,
-							value: row.value,
-							placeholder: valuePlaceholder,
-							disabled: isDisabled,
-							"aria-invalid": Boolean(valueError),
-							"aria-describedby": valueError ? valueErrorId : void 0,
-							type: valueRevealed ? "text" : "password",
-							onChange: (event) => editor.updateRow(index, { value: event.target.value }),
-							onPaste: handlePaste
-						}), /* @__PURE__ */ jsx(InputGroupAddon, {
-							className: "pe-1",
-							children: /* @__PURE__ */ jsx(Button, {
-								type: "button",
-								variant: "quiet",
-								size: "sm",
-								iconOnly: true,
-								disabled: isDisabled,
-								"aria-label": revealValueLabel(rowName),
-								"aria-pressed": valueRevealed,
-								title: revealValueLabel(rowName),
-								onClick: () => editor.toggleValueVisibility(index),
-								children: valueRevealed ? /* @__PURE__ */ jsx(EyeOffIcon, {
-									"aria-hidden": "true",
-									className: "size-3.5"
-								}) : /* @__PURE__ */ jsx(EyeIcon, {
-									"aria-hidden": "true",
-									className: "size-3.5"
-								})
-							})
-						})]
-					}),
-					valueError ? /* @__PURE__ */ jsx("p", {
-						id: valueErrorId,
-						"data-control-ui": "environment-variables",
-						"data-control-family": "environment-variables",
-						"data-slot": "field-error",
-						children: valueError
-					}) : null
-				]
-			}),
-			!readOnly ? /* @__PURE__ */ jsx(Button, {
-				type: "button",
-				variant: "quiet",
-				tone: "danger",
-				size: "sm",
-				iconOnly: true,
-				disabled,
-				"aria-label": removeRowLabel,
-				title: "Remove variable",
-				className: "absolute top-2 end-1 sm:static sm:justify-self-end sm:self-start",
-				onClick: () => editor.removeRow(index),
-				children: /* @__PURE__ */ jsx(Trash2Icon, {
-					"aria-hidden": "true",
-					className: "size-3.5"
-				})
-			}) : null
-		]
-	});
-}
-function EnvironmentVariablesAddButton({ children = "Add variable", variant = "surface", size = "sm", disabled, onClick, ...props }) {
-	const { editor, disabled: contextDisabled, readOnly } = useEnvironmentVariablesContext("EnvironmentVariables.AddButton");
-	if (readOnly) return null;
-	return /* @__PURE__ */ jsxs(Button, {
-		type: "button",
-		variant,
-		size,
-		disabled: disabled ?? contextDisabled,
-		onClick: (event) => {
-			onClick?.(event);
-			if (!event.defaultPrevented) editor.appendRow();
-		},
-		...props,
-		children: [/* @__PURE__ */ jsx(PlusIcon, {
-			"aria-hidden": "true",
-			className: "size-3.5"
-		}), children]
-	});
-}
-function EnvironmentVariablesResetButton({ children = "Reset", variant = "quiet", size = "sm", disabled, onClick, ...props }) {
-	const { editor, disabled: contextDisabled, readOnly } = useEnvironmentVariablesContext("EnvironmentVariables.ResetButton");
-	if (readOnly) return null;
-	return /* @__PURE__ */ jsxs(Button, {
-		type: "button",
-		variant,
-		size,
-		disabled: disabled ?? (contextDisabled || !editor.isDirty),
-		onClick: (event) => {
-			onClick?.(event);
-			if (!event.defaultPrevented) editor.resetRows();
-		},
-		...props,
-		children: [/* @__PURE__ */ jsx(RotateCcwIcon, {
-			"aria-hidden": "true",
-			className: "size-3.5"
-		}), children]
-	});
-}
-function EnvironmentVariablesSubmitButton({ children = "Save", variant = "solid", tone = "primary", size = "sm", disabled, ...props }) {
-	const { editor, disabled: contextDisabled, readOnly, pending } = useEnvironmentVariablesContext("EnvironmentVariables.SubmitButton");
-	if (readOnly) return null;
-	return /* @__PURE__ */ jsxs(Button, {
-		type: "submit",
-		variant,
-		tone,
-		size,
-		disabled: disabled ?? (contextDisabled || pending || editor.hasDuplicateKeys),
-		...props,
-		children: [/* @__PURE__ */ jsx(SaveIcon, {
-			"aria-hidden": "true",
-			className: "size-3.5"
-		}), children]
-	});
-}
-function EnvironmentVariablesActions({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		"data-control-ui": "environment-variables",
-		"data-control-family": "environment-variables",
-		"data-slot": "actions",
-		className: cn("flex min-w-0 items-center justify-between", className),
-		...props
-	});
-}
-function EnvironmentVariablesMessage({ error, className, children, ...props }) {
-	const content = children ?? error;
-	if (!content) return null;
-	return /* @__PURE__ */ jsxs("div", {
-		role: "alert",
-		"data-control-ui": "environment-variables",
-		"data-control-family": "environment-variables",
-		"data-slot": "message",
-		className: cn("flex items-start", className),
-		...props,
-		children: [/* @__PURE__ */ jsx(AlertTriangleIcon, {
-			"aria-hidden": "true",
-			className: "mt-0.5 size-3.5 shrink-0"
-		}), /* @__PURE__ */ jsx("span", {
-			className: "min-w-0",
-			children: content
-		})]
-	});
-}
-function EnvironmentVariablesDuplicateKeysError({ message, ...props }) {
-	const { editor, duplicateKeyMessage } = useEnvironmentVariablesContext("EnvironmentVariables.DuplicateKeysError");
-	if (!editor.hasDuplicateKeys) return null;
-	return /* @__PURE__ */ jsx(EnvironmentVariablesMessage, {
-		error: message ?? duplicateKeyMessage,
-		...props
-	});
-}
-function EnvironmentVariablesUploadError(props) {
-	const { editor } = useEnvironmentVariablesContext("EnvironmentVariables.UploadError");
-	return /* @__PURE__ */ jsx(EnvironmentVariablesMessage, {
-		error: editor.uploadError,
-		...props
-	});
-}
-function EnvironmentVariablesReadOnlyList({ rows, emptyMessage = "No environment variables", className, children, ...props }) {
-	const context = use(EnvironmentVariablesContext);
-	const filledRows = (rows ?? context?.editor.rows ?? []).filter((row) => row.key.trim());
-	return /* @__PURE__ */ jsx("div", {
-		"data-control-ui": "environment-variables",
-		"data-control-family": "environment-variables",
-		"data-slot": "readonly-list",
-		className: cn("flex flex-col", className),
-		...props,
-		children: children ?? (filledRows.length > 0 ? filledRows.map((row) => /* @__PURE__ */ jsx(EnvironmentVariablesReadOnlyItem, {
-			name: row.key,
-			value: row.value
-		}, row.key)) : /* @__PURE__ */ jsx("div", {
-			"data-control-ui": "environment-variables",
-			"data-control-family": "environment-variables",
-			"data-slot": "empty",
-			children: emptyMessage
-		}))
-	});
-}
-function EnvironmentVariablesReadOnlyItem({ name, value, revealed = false, hiddenValueLabel = "Hidden value", className, ...props }) {
-	return /* @__PURE__ */ jsxs("div", {
-		"data-control-ui": "environment-variables",
-		"data-control-family": "environment-variables",
-		"data-slot": "readonly-item",
-		className: cn("grid min-w-0 grid-cols-[minmax(0,0.9fr)_minmax(0,1.1fr)]", className),
-		...props,
-		children: [/* @__PURE__ */ jsx("span", {
-			"data-control-ui": "environment-variables",
-			"data-control-family": "environment-variables",
-			"data-slot": "readonly-key",
-			className: "min-w-0 truncate",
-			title: typeof name === "string" ? name : void 0,
-			children: name
-		}), /* @__PURE__ */ jsx("span", {
-			"data-control-ui": "environment-variables",
-			"data-control-family": "environment-variables",
-			"data-slot": "readonly-value",
-			className: "min-w-0 truncate",
-			title: revealed && typeof value === "string" ? value : void 0,
-			children: revealed ? value : /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("span", {
-				"aria-hidden": "true",
-				children: "••••••••"
-			}), /* @__PURE__ */ jsx("span", {
-				className: "sr-only",
-				children: hiddenValueLabel
-			})] })
-		})]
-	});
-}
-const EnvironmentVariables = Object.assign(EnvironmentVariablesComponent, {
-	Root: EnvironmentVariablesRoot,
-	Header: EnvironmentVariablesHeader,
-	Toolbar: EnvironmentVariablesToolbar,
-	UploadButton: EnvironmentVariablesUploadButton,
-	UploadError: EnvironmentVariablesUploadError,
-	Rows: EnvironmentVariablesRows,
-	Row: EnvironmentVariablesRow,
-	AddButton: EnvironmentVariablesAddButton,
-	ResetButton: EnvironmentVariablesResetButton,
-	SubmitButton: EnvironmentVariablesSubmitButton,
-	Actions: EnvironmentVariablesActions,
-	Message: EnvironmentVariablesMessage,
-	DuplicateKeysError: EnvironmentVariablesDuplicateKeysError,
-	ReadOnlyList: EnvironmentVariablesReadOnlyList,
-	ReadOnlyItem: EnvironmentVariablesReadOnlyItem
-});
-//#endregion
-export { EnvironmentVariables, EnvironmentVariablesActions, EnvironmentVariablesAddButton, EnvironmentVariablesDuplicateKeysError, EnvironmentVariablesHeader, EnvironmentVariablesMessage, EnvironmentVariablesReadOnlyItem, EnvironmentVariablesReadOnlyList, EnvironmentVariablesResetButton, EnvironmentVariablesRoot, EnvironmentVariablesRow, EnvironmentVariablesRows, EnvironmentVariablesSubmitButton, EnvironmentVariablesToolbar, EnvironmentVariablesUploadButton, EnvironmentVariablesUploadError };

package/dist/hooks/use-environment-variables.d.ts

@@ -1,50 +0,0 @@
-import { EnvironmentVariableEntry } from "../lib/env-file.js";
-//#region src/hooks/use-environment-variables.d.ts
-export type EnvironmentVariableRow = EnvironmentVariableEntry;
-export type EnvironmentVariablesImportMode = "auto" | "bulk";
-export interface UseEnvironmentVariablesOptions<TRow extends EnvironmentVariableRow = EnvironmentVariableRow> {
-  initialRows?: readonly TRow[];
-  rows?: readonly TRow[];
-  onRowsChange?: (rows: TRow[]) => void;
-  createDefaultRow?: () => TRow;
-  createRow?: (entry: EnvironmentVariableEntry) => TRow;
-  getEditableRows?: (rows: readonly TRow[]) => readonly TRow[];
-  getPreservedRows?: (rows: readonly TRow[]) => readonly TRow[];
-  maxUploadSize?: number;
-}
-export interface EnvironmentVariablesFileUploadEvent {
-  target: {
-    files?: FileList | readonly File[] | null;
-    value: string;
-  };
-}
-export interface EnvironmentVariablesImportOptions {
-  targetIndex?: number;
-  mode?: EnvironmentVariablesImportMode;
-}
-export interface EnvironmentVariablesController<TRow extends EnvironmentVariableRow = EnvironmentVariableRow> {
-  rows: readonly TRow[];
-  uploadError: string | null;
-  duplicateKeys: Set<string>;
-  hasDuplicateKeys: boolean;
-  isDirty: boolean;
-  setRows: (rows: readonly TRow[]) => TRow[];
-  resetRows: (rows?: readonly TRow[]) => TRow[];
-  appendRow: (row?: TRow) => TRow[];
-  updateRow: (index: number, patch: Partial<EnvironmentVariableEntry>) => TRow[];
-  removeRow: (index: number) => TRow[];
-  getRowsForSubmit: () => TRow[];
-  getEnvironmentVariablesForSubmit: () => Record<string, string>;
-  getEnvFileTextForSubmit: () => string;
-  importText: (text: string, options?: EnvironmentVariablesImportOptions) => boolean;
-  handleFileUpload: (event: EnvironmentVariablesFileUploadEvent) => Promise<void>;
-  handlePaste: (index: number, text: string) => boolean;
-  clearUploadError: () => void;
-  getRowId: (index: number) => string;
-  isValueRevealed: (index: number) => boolean;
-  toggleValueVisibility: (index: number) => void;
-  rowHasDuplicateKey: (index: number) => boolean;
-}
-export declare function useEnvironmentVariables<TRow extends EnvironmentVariableRow = EnvironmentVariableRow>(options?: UseEnvironmentVariablesOptions<TRow>): EnvironmentVariablesController<TRow>;
-export declare function parseEnvironmentVariablesImportText(text: string, mode?: EnvironmentVariablesImportMode): EnvironmentVariableEntry[];
-//#endregion