@openzeppelin/ui-components 1.0.0 → 1.0.2

package/dist/index.js

@@ -1,10 +1,12 @@
+import { a as getValidationStateClasses, c as isDuplicateMapKey, d as INTEGER_HTML_PATTERN, f as INTEGER_INPUT_PATTERN, i as getErrorMessage, l as validateField, n as createValidationResult, o as handleValidationError, p as INTEGER_PATTERN, r as formatValidationError, s as hasFieldError, t as ErrorMessage, u as validateMapEntries } from "./ErrorMessage-DyO9ZWWz.js";
+import * as React$1 from "react";
+import React, { createContext, useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
+import { Controller, FormProvider, useFieldArray, useFormContext, useWatch } from "react-hook-form";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import * as AccordionPrimitive from "@radix-ui/react-accordion";
 import { cva } from "class-variance-authority";
 import { AlertCircle, Calendar as Calendar$1, Check, CheckCircle, CheckCircle2, CheckIcon, ChevronDown, ChevronLeft, ChevronRight, ChevronUp, Circle, Copy, DollarSign, ExternalLink as ExternalLink$1, ExternalLinkIcon, Eye, EyeOff, File, FileText, GripVertical, Hash, Info, Loader2, Menu, Network, Plus, Search, Timer, Upload, X } from "lucide-react";
-import * as React$1 from "react";
-import React, { createContext, useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
 import { cn, getDefaultValueForType, getInvalidUrlMessage, isValidUrl, truncateMiddle, validateBytesSimple } from "@openzeppelin/ui-utils";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Slot, Slottable } from "@radix-ui/react-slot";
 import { DayPicker } from "react-day-picker";
 import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
@@ -12,19 +14,205 @@ import { format } from "date-fns";
 import * as PopoverPrimitive from "@radix-ui/react-popover";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
 import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
-import { Controller, FormProvider, useFieldArray, useFormContext, useWatch } from "react-hook-form";
 import * as LabelPrimitive from "@radix-ui/react-label";
 import * as ProgressPrimitive from "@radix-ui/react-progress";
 import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
 import * as SelectPrimitive from "@radix-ui/react-select";
 import * as TabsPrimitive from "@radix-ui/react-tabs";
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
-import CodeEditor from "@uiw/react-textarea-code-editor";
-import CodeEditorNoHighlight from "@uiw/react-textarea-code-editor/nohighlight";
 import { isMapEntryArray } from "@openzeppelin/ui-types";
 import { Toaster as Toaster$1, toast } from "sonner";
 import { useTheme } from "next-themes";
 
+//#region src/components/fields/utils/accessibility.ts
+/**
+* Accessibility utilities for form field components
+*/
+/**
+* Default aria-describedby ID generator based on field ID
+*/
+function getDescribedById(id, type = "error") {
+	return `${id}-${type}`;
+}
+/**
+* Generates accessibility attributes for form fields
+*/
+function getAccessibilityProps({ id, hasError = false, isRequired = false, isDisabled = false, isReadOnly = false, hasHelperText = false, hasCharacterCounter = false }) {
+	const describedByIds = [];
+	if (hasError) describedByIds.push(getDescribedById(id, "error"));
+	if (hasHelperText) describedByIds.push(getDescribedById(id, "description"));
+	if (hasCharacterCounter) describedByIds.push(getDescribedById(id, "counter"));
+	return {
+		"aria-invalid": hasError,
+		"aria-required": isRequired,
+		"aria-describedby": describedByIds.length > 0 ? describedByIds.join(" ") : void 0,
+		"aria-errormessage": hasError ? getDescribedById(id, "error") : void 0,
+		required: isRequired,
+		disabled: isDisabled,
+		readOnly: isReadOnly,
+		tabIndex: isDisabled ? -1 : 0
+	};
+}
+/**
+* Utility function to handle keyboard events for interactive elements
+* Helps ensure keyboard users can interact with form controls
+*/
+function handleKeyboardEvent(event, handlers) {
+	switch (event.key) {
+		case "Enter":
+			if (handlers.onEnter) {
+				event.preventDefault();
+				handlers.onEnter();
+			}
+			break;
+		case " ":
+			if (handlers.onSpace) {
+				event.preventDefault();
+				handlers.onSpace();
+			}
+			break;
+		case "Escape":
+			if (handlers.onEscape) {
+				event.preventDefault();
+				handlers.onEscape();
+			}
+			break;
+		case "ArrowUp":
+			if (handlers.onArrowUp) {
+				event.preventDefault();
+				handlers.onArrowUp();
+			}
+			break;
+		case "ArrowDown":
+			if (handlers.onArrowDown) {
+				event.preventDefault();
+				handlers.onArrowDown();
+			}
+			break;
+		case "ArrowLeft":
+			if (handlers.onArrowLeft) {
+				event.preventDefault();
+				handlers.onArrowLeft();
+			}
+			break;
+		case "ArrowRight":
+			if (handlers.onArrowRight) {
+				event.preventDefault();
+				handlers.onArrowRight();
+			}
+			break;
+		case "Tab":
+			if (handlers.onTab) {
+				event.preventDefault();
+				handlers.onTab();
+			}
+			break;
+		default: break;
+	}
+}
+/**
+* Field focus management utility
+* For managing focus within a field group or complex form component
+*/
+function createFocusManager() {
+	return {
+		focusFirstElement(container) {
+			if (!container) return;
+			const focusable = container.querySelectorAll("button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])");
+			if (focusable.length > 0) focusable[0].focus();
+		},
+		focusElementById(id) {
+			const element = document.getElementById(id);
+			if (element) element.focus();
+		},
+		trapFocus(event, container) {
+			if (!container || event.key !== "Tab") return;
+			const focusable = Array.from(container.querySelectorAll("button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])"));
+			if (focusable.length === 0) return;
+			const firstElement = focusable[0];
+			const lastElement = focusable[focusable.length - 1];
+			if (event.shiftKey && document.activeElement === firstElement) {
+				event.preventDefault();
+				lastElement.focus();
+			} else if (!event.shiftKey && document.activeElement === lastElement) {
+				event.preventDefault();
+				firstElement.focus();
+			}
+		}
+	};
+}
+/**
+* Provides a handler for Escape key to clear input fields
+*
+* @param onChange - Function to call when value changes
+* @param value - Current value of the input
+* @returns A function to handle the Escape key press
+*/
+function handleEscapeKey(onChange, value) {
+	return (e) => {
+		if (e.key === "Escape") {
+			e.preventDefault();
+			if (value) onChange("");
+			else e.target.blur();
+		}
+	};
+}
+/**
+* Provides a handler for Space/Enter keys for toggle components (checkboxes, switches)
+*
+* @param onChange - Function to call when value changes
+* @param value - Current value of the input
+* @returns A function to handle the Space/Enter key press
+*/
+function handleToggleKeys(onChange, value) {
+	return (e) => {
+		if (e.key === " " || e.key === "Enter") {
+			e.preventDefault();
+			onChange(!value);
+		}
+	};
+}
+/**
+* Provides a handler for arrow keys for numeric inputs
+*
+* @param onChange - Function to call when value changes
+* @param value - Current numeric value
+* @param step - Step amount for increments/decrements
+* @param min - Minimum allowed value (optional)
+* @param max - Maximum allowed value (optional)
+* @returns A function to handle arrow key presses
+*/
+function handleNumericKeys(onChange, value, step = 1, min, max) {
+	return (e) => {
+		if (e.key === "ArrowUp" || e.key === "ArrowDown") {
+			e.preventDefault();
+			const direction = e.key === "ArrowUp" ? 1 : -1;
+			let newValue = typeof value === "number" ? value + step * direction : 0;
+			if (typeof min === "number") newValue = Math.max(min, newValue);
+			if (typeof max === "number") newValue = Math.min(max, newValue);
+			onChange(newValue);
+		}
+	};
+}
+
+//#endregion
+//#region src/components/fields/utils/layout.ts
+/**
+* Layout utility functions for form components
+*/
+/**
+* Helper function to get width classes based on the field width
+*/
+function getWidthClasses(width) {
+	switch (width) {
+		case "half": return "form-field-half";
+		case "third": return "form-field-third";
+		case "full":
+		default: return "form-field-full";
+	}
+}
+
+//#endregion
 //#region src/components/ui/accordion.tsx
 const accordionItemVariants = cva("", {
 	variants: { variant: {
@@ -302,7 +490,7 @@ Button.displayName = "Button";
 function Calendar({ className, classNames, showOutsideDays = true, ...props }) {
 	return /* @__PURE__ */ jsx(DayPicker, {
 		showOutsideDays,
-		className: cn("p-3", className),
+		className: cn("relative p-3", className),
 		classNames: {
 			months: "flex flex-col sm:flex-row gap-2 px-5",
 			month: "flex flex-col gap-4",
@@ -1464,360 +1652,6 @@ function ViewContractStateButton({ contractAddress, onToggle }) {
 	});
 }
 
-//#endregion
-//#region src/components/fields/utils/accessibility.ts
-/**
-* Accessibility utilities for form field components
-*/
-/**
-* Default aria-describedby ID generator based on field ID
-*/
-function getDescribedById(id, type = "error") {
-	return `${id}-${type}`;
-}
-/**
-* Generates accessibility attributes for form fields
-*/
-function getAccessibilityProps({ id, hasError = false, isRequired = false, isDisabled = false, isReadOnly = false, hasHelperText = false, hasCharacterCounter = false }) {
-	const describedByIds = [];
-	if (hasError) describedByIds.push(getDescribedById(id, "error"));
-	if (hasHelperText) describedByIds.push(getDescribedById(id, "description"));
-	if (hasCharacterCounter) describedByIds.push(getDescribedById(id, "counter"));
-	return {
-		"aria-invalid": hasError,
-		"aria-required": isRequired,
-		"aria-describedby": describedByIds.length > 0 ? describedByIds.join(" ") : void 0,
-		"aria-errormessage": hasError ? getDescribedById(id, "error") : void 0,
-		required: isRequired,
-		disabled: isDisabled,
-		readOnly: isReadOnly,
-		tabIndex: isDisabled ? -1 : 0
-	};
-}
-/**
-* Utility function to handle keyboard events for interactive elements
-* Helps ensure keyboard users can interact with form controls
-*/
-function handleKeyboardEvent(event, handlers) {
-	switch (event.key) {
-		case "Enter":
-			if (handlers.onEnter) {
-				event.preventDefault();
-				handlers.onEnter();
-			}
-			break;
-		case " ":
-			if (handlers.onSpace) {
-				event.preventDefault();
-				handlers.onSpace();
-			}
-			break;
-		case "Escape":
-			if (handlers.onEscape) {
-				event.preventDefault();
-				handlers.onEscape();
-			}
-			break;
-		case "ArrowUp":
-			if (handlers.onArrowUp) {
-				event.preventDefault();
-				handlers.onArrowUp();
-			}
-			break;
-		case "ArrowDown":
-			if (handlers.onArrowDown) {
-				event.preventDefault();
-				handlers.onArrowDown();
-			}
-			break;
-		case "ArrowLeft":
-			if (handlers.onArrowLeft) {
-				event.preventDefault();
-				handlers.onArrowLeft();
-			}
-			break;
-		case "ArrowRight":
-			if (handlers.onArrowRight) {
-				event.preventDefault();
-				handlers.onArrowRight();
-			}
-			break;
-		case "Tab":
-			if (handlers.onTab) {
-				event.preventDefault();
-				handlers.onTab();
-			}
-			break;
-		default: break;
-	}
-}
-/**
-* Field focus management utility
-* For managing focus within a field group or complex form component
-*/
-function createFocusManager() {
-	return {
-		focusFirstElement(container) {
-			if (!container) return;
-			const focusable = container.querySelectorAll("button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])");
-			if (focusable.length > 0) focusable[0].focus();
-		},
-		focusElementById(id) {
-			const element = document.getElementById(id);
-			if (element) element.focus();
-		},
-		trapFocus(event, container) {
-			if (!container || event.key !== "Tab") return;
-			const focusable = Array.from(container.querySelectorAll("button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])"));
-			if (focusable.length === 0) return;
-			const firstElement = focusable[0];
-			const lastElement = focusable[focusable.length - 1];
-			if (event.shiftKey && document.activeElement === firstElement) {
-				event.preventDefault();
-				lastElement.focus();
-			} else if (!event.shiftKey && document.activeElement === lastElement) {
-				event.preventDefault();
-				firstElement.focus();
-			}
-		}
-	};
-}
-/**
-* Provides a handler for Escape key to clear input fields
-*
-* @param onChange - Function to call when value changes
-* @param value - Current value of the input
-* @returns A function to handle the Escape key press
-*/
-function handleEscapeKey(onChange, value) {
-	return (e) => {
-		if (e.key === "Escape") {
-			e.preventDefault();
-			if (value) onChange("");
-			else e.target.blur();
-		}
-	};
-}
-/**
-* Provides a handler for Space/Enter keys for toggle components (checkboxes, switches)
-*
-* @param onChange - Function to call when value changes
-* @param value - Current value of the input
-* @returns A function to handle the Space/Enter key press
-*/
-function handleToggleKeys(onChange, value) {
-	return (e) => {
-		if (e.key === " " || e.key === "Enter") {
-			e.preventDefault();
-			onChange(!value);
-		}
-	};
-}
-/**
-* Provides a handler for arrow keys for numeric inputs
-*
-* @param onChange - Function to call when value changes
-* @param value - Current numeric value
-* @param step - Step amount for increments/decrements
-* @param min - Minimum allowed value (optional)
-* @param max - Maximum allowed value (optional)
-* @returns A function to handle arrow key presses
-*/
-function handleNumericKeys(onChange, value, step = 1, min, max) {
-	return (e) => {
-		if (e.key === "ArrowUp" || e.key === "ArrowDown") {
-			e.preventDefault();
-			const direction = e.key === "ArrowUp" ? 1 : -1;
-			let newValue = typeof value === "number" ? value + step * direction : 0;
-			if (typeof min === "number") newValue = Math.max(min, newValue);
-			if (typeof max === "number") newValue = Math.min(max, newValue);
-			onChange(newValue);
-		}
-	};
-}
-
-//#endregion
-//#region src/components/fields/utils/integerValidation.ts
-/**
-* Shared integer validation patterns for BigInt fields and validation utilities.
-*
-* These patterns ensure consistent validation across the application.
-*/
-/**
-* Integer validation pattern - requires at least one digit
-* Used for validation to ensure complete integers are entered
-* Matches: -123, 0, 456
-* Does not match: -, abc, 12.3
-*/
-const INTEGER_PATTERN = /^-?\d+$/;
-/**
-* Integer input pattern - allows partial input during typing
-* Used during input to allow users to type minus sign first
-* Matches: -, -1, 123, (empty string)
-* Does not match: abc, 12.3
-*/
-const INTEGER_INPUT_PATTERN = /^-?\d*$/;
-/**
-* HTML pattern attribute for integer inputs
-* Must use [0-9] instead of \d for HTML5 pattern attribute
-*/
-const INTEGER_HTML_PATTERN = "-?[0-9]*";
-
-//#endregion
-//#region src/components/fields/utils/validation.ts
-/**
-* Determines if a field has an error
-*/
-function hasFieldError(error) {
-	return !!error;
-}
-/**
-* Gets appropriate error message from field error
-*/
-function getErrorMessage(error) {
-	if (!error) return void 0;
-	return error.message || "This field is invalid";
-}
-/**
-* Formats validation error messages for display
-*/
-function formatValidationError(error, fieldName) {
-	if (!error) return void 0;
-	const defaultMessage = fieldName ? `${fieldName} is invalid` : "This field is invalid";
-	return error.message || defaultMessage;
-}
-/**
-* Generates common CSS classes for field validation states
-*/
-function getValidationStateClasses(error, touched) {
-	if (error) return "border-destructive focus:border-destructive focus:ring-destructive/30";
-	if (touched) return "border-success focus:border-success focus:ring-success/30";
-	return "";
-}
-/**
-* Helper for handling form validation errors with React Hook Form
-*/
-function handleValidationError(error, id) {
-	const hasError = hasFieldError(error);
-	const errorMessage = getErrorMessage(error);
-	return {
-		errorId: `${id}-error`,
-		errorMessage,
-		hasError,
-		validationClasses: getValidationStateClasses(error)
-	};
-}
-/**
-* Creates a validation result object for field components
-*/
-function createValidationResult(id, error, touched) {
-	const hasError = hasFieldError(error);
-	const errorMessage = getErrorMessage(error);
-	const errorId = `${id}-error`;
-	return {
-		hasError,
-		errorMessage,
-		errorId,
-		validationClasses: getValidationStateClasses(error, touched),
-		"aria-invalid": hasError,
-		"aria-errormessage": hasError ? errorId : void 0
-	};
-}
-/**
-* Generic field validation function that can be used to validate any field type
-* based on common validation criteria
-*/
-function validateField(value, validation) {
-	if (!validation) return true;
-	if (validation.required && (value === void 0 || value === null || value === "")) return typeof validation.required === "boolean" ? "This field is required" : "This field is required";
-	if (value === void 0 || value === null || value === "") return true;
-	if (typeof value === "string") {
-		if (validation.minLength && value.length < validation.minLength) return `Minimum length is ${validation.minLength} characters`;
-		if (validation.maxLength && value.length > validation.maxLength) return `Maximum length is ${validation.maxLength} characters`;
-		if (validation.pattern) {
-			if (!(typeof validation.pattern === "string" ? new RegExp(validation.pattern) : validation.pattern).test(value)) {
-				if (!INTEGER_PATTERN.test(value) && /\d/.test(value)) return "Value must be a valid integer (no decimals)";
-				return "Value does not match the required pattern";
-			}
-		}
-	}
-	if (typeof value === "number" || typeof value === "string" && !isNaN(Number(value))) {
-		const numValue = typeof value === "number" ? value : Number(value);
-		if (validation.min !== void 0 && numValue < validation.min) return `Minimum value is ${validation.min}`;
-		if (validation.max !== void 0 && numValue > validation.max) return `Maximum value is ${validation.max}`;
-	}
-	if (validation.conditions && validation.conditions.length > 0) {}
-	return true;
-}
-/**
-* Map validation utilities
-*/
-/**
-* Checks if a map entry at the given index has a duplicate key
-* @param entries - Array of map entries
-* @param currentIndex - Index of the entry to check
-* @returns true if the key at currentIndex is duplicated elsewhere in the array
-*/
-function isDuplicateMapKey(entries, currentIndex) {
-	if (!Array.isArray(entries) || entries.length <= 1) return false;
-	const currentKeyValue = entries[currentIndex]?.key;
-	if (!currentKeyValue || currentKeyValue === "") return false;
-	return entries.some((entry, i) => {
-		if (i === currentIndex) return false;
-		const key = entry?.key;
-		if (key === "") return false;
-		if (typeof key === "string" && typeof currentKeyValue === "string") return key === currentKeyValue;
-		if (typeof key === "number" && typeof currentKeyValue === "number") return Number.isNaN(key) ? Number.isNaN(currentKeyValue) : key === currentKeyValue;
-		if (typeof key === "boolean" && typeof currentKeyValue === "boolean") return key === currentKeyValue;
-		if (typeof key === "object" && key !== null && typeof currentKeyValue === "object" && currentKeyValue !== null) return key === currentKeyValue;
-		return false;
-	});
-}
-/**
-* Validates an array of map entries for duplicate keys
-* @param entries - Array of map entries to validate
-* @returns Validation error message if duplicates found, otherwise undefined
-*/
-function validateMapEntries(entries) {
-	if (!Array.isArray(entries) || entries.length <= 1) return;
-	const keyStrings = entries.map((entry) => entry?.key).filter((key) => key !== void 0 && key !== null && key !== "").map((key) => String(key));
-	const uniqueKeyStrings = new Set(keyStrings);
-	if (keyStrings.length !== uniqueKeyStrings.size) return "Duplicate keys are not allowed";
-}
-
-//#endregion
-//#region src/components/fields/utils/ErrorMessage.tsx
-/**
-* Displays validation error messages for form fields
-*/
-function ErrorMessage({ error, id, message, className = "" }) {
-	const errorMessage = message || getErrorMessage(error);
-	if (!errorMessage) return null;
-	return /* @__PURE__ */ jsx("div", {
-		id,
-		className: `text-destructive mt-1 text-sm ${className}`,
-		role: "alert",
-		children: errorMessage
-	});
-}
-
-//#endregion
-//#region src/components/fields/utils/layout.ts
-/**
-* Layout utility functions for form components
-*/
-/**
-* Helper function to get width classes based on the field width
-*/
-function getWidthClasses(width) {
-	switch (width) {
-		case "half": return "form-field-half";
-		case "third": return "form-field-third";
-		case "full":
-		default: return "form-field-full";
-	}
-}
-
 //#endregion
 //#region src/components/fields/AddressField.tsx
 /**
@@ -2927,126 +2761,6 @@ function BytesField({ id, label, helperText, control, name, width = "full", vali
 }
 BytesField.displayName = "BytesField";
 
-//#endregion
-//#region src/components/fields/CodeEditorField.tsx
-/**
-* CodeEditorField provides syntax-highlighted code editing with form integration.
-*
-* Features:
-* - Syntax highlighting via @uiw/react-textarea-code-editor
-* - React Hook Form integration with Controller
-* - Configurable language support (JSON, TypeScript, etc.)
-* - Performance optimizations with smart highlighting
-* - Constrained height with automatic scrolling
-* - Design system styling integration
-*
-* @example
-* ```tsx
-* <CodeEditorField
-*   id="contractAbi"
-*   name="contractSchema"
-*   control={control}
-*   label="Contract ABI"
-*   language="json"
-*   placeholder="Paste your ABI JSON here..."
-* />
-* ```
-*/
-function CodeEditorField({ id, name, control, label, helperText, placeholder = "", language = "json", theme = "light", height = "200px", maxHeight = "400px", performanceThreshold = 5e3, required = false, disabled = false, readOnly = false, validateCode, className }) {
-	function extractPixelValue(val, fallback) {
-		if (typeof val === "number") return val;
-		const match = typeof val === "string" ? val.match(/^(\d+)\s*px$/) : null;
-		if (match) return parseInt(match[1], 10);
-		return fallback;
-	}
-	const minHeightNum = extractPixelValue(height, 200);
-	const maxHeightNum = extractPixelValue(maxHeight, 400);
-	return /* @__PURE__ */ jsxs("div", {
-		className,
-		children: [label && /* @__PURE__ */ jsxs("label", {
-			htmlFor: id,
-			className: "block text-sm font-medium text-foreground mb-2",
-			children: [label, required && /* @__PURE__ */ jsx("span", {
-				className: "text-destructive ml-1",
-				children: "*"
-			})]
-		}), /* @__PURE__ */ jsx(Controller, {
-			name,
-			control,
-			rules: {
-				required: required ? "This field is required" : false,
-				validate: { validCode: (value) => {
-					if (!validateCode || !value) return true;
-					const validation = validateCode(value);
-					if (typeof validation === "string") return validation;
-					if (validation === false) return "Invalid code format";
-					return true;
-				} }
-			},
-			render: ({ field: { onChange, onBlur, value }, fieldState: { error } }) => {
-				const shouldDisableHighlighting = (value || "").length > performanceThreshold;
-				const EditorComponent = shouldDisableHighlighting ? CodeEditorNoHighlight : CodeEditor;
-				const handleChange = (event) => {
-					onChange(event.target.value);
-				};
-				const handleBlur = () => {
-					onBlur();
-				};
-				return /* @__PURE__ */ jsxs("div", {
-					className: "space-y-2",
-					children: [
-						/* @__PURE__ */ jsx("div", {
-							className: "w-full rounded-md border border-input bg-background ring-offset-background focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2 disabled:cursor-not-allowed resize-y",
-							style: {
-								maxHeight: `${maxHeightNum}px`,
-								overflow: "auto",
-								overflowX: "hidden",
-								minHeight: `${minHeightNum}px`,
-								resize: "vertical"
-							},
-							children: /* @__PURE__ */ jsx(EditorComponent, {
-								id,
-								value: value || "",
-								language,
-								placeholder,
-								onChange: handleChange,
-								onBlur: handleBlur,
-								padding: 12,
-								minHeight: minHeightNum,
-								"data-color-mode": theme,
-								disabled,
-								readOnly,
-								"data-testid": `${id}-code-editor${shouldDisableHighlighting ? "-no-highlight" : ""}`,
-								className: "text-sm placeholder:text-muted-foreground",
-								style: {
-									fontFamily: "ui-monospace, SFMono-Regular, \"SF Mono\", Consolas, \"Liberation Mono\", Menlo, monospace",
-									fontSize: "14px",
-									border: "none",
-									backgroundColor: "transparent",
-									width: "100%",
-									wordWrap: "break-word",
-									whiteSpace: "pre-wrap",
-									overflowWrap: "break-word"
-								}
-							})
-						}),
-						/* @__PURE__ */ jsx(ErrorMessage, {
-							error,
-							id: `${id}-error`
-						}),
-						helperText && !error && /* @__PURE__ */ jsx("p", {
-							className: "text-sm text-muted-foreground",
-							id: `${id}-helper`,
-							children: helperText
-						})
-					]
-				});
-			}
-		})]
-	});
-}
-CodeEditorField.displayName = "CodeEditorField";
-
 //#endregion
 //#region src/components/fields/DateTimeField.tsx
 /**
@@ -5344,5 +5058,5 @@ const Toaster = ({ ...props }) => {
 };
 
 //#endregion
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, AddressDisplay, AddressField, Alert, AlertDescription, AlertTitle, AmountField, ArrayField, ArrayObjectField, Banner, BaseField, BigIntField, BooleanField, Button, BytesField, Calendar, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, CodeEditorField, DateRangePicker, DateTimeField, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, EnumField, ErrorMessage, ExternalLink, FileUploadField, Footer, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, Header, INTEGER_HTML_PATTERN, INTEGER_INPUT_PATTERN, INTEGER_PATTERN, Input, Label, LoadingButton, MapEntryRow, MapField, MidnightIcon, NetworkErrorNotificationProvider, NetworkIcon, NetworkSelector, NetworkStatusBadge, NumberField, ObjectField, PasswordField, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, RadioField, RadioGroup, RadioGroupItem, RelayerDetailsCard, Select, SelectContent, SelectField, SelectGroup, SelectGroupedField, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SidebarButton, SidebarLayout, SidebarSection, Tabs, TabsContent, TabsList, TabsTrigger, TextAreaField, TextField, Textarea, Toaster, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, UrlField, ViewContractStateButton, buttonVariants, computeChildTouched, createFocusManager, createValidationResult, formatValidationError, getAccessibilityProps, getDescribedById, getErrorMessage, getValidationStateClasses, getWidthClasses, handleEscapeKey, handleKeyboardEvent, handleNumericKeys, handleToggleKeys, handleValidationError, hasFieldError, isDuplicateMapKey, useDuplicateKeyIndexes, useMapFieldSync, useNetworkErrorAwareAdapter, useNetworkErrorReporter, useNetworkErrors, validateField, validateMapEntries, validateMapStructure };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, AddressDisplay, AddressField, Alert, AlertDescription, AlertTitle, AmountField, ArrayField, ArrayObjectField, Banner, BaseField, BigIntField, BooleanField, Button, BytesField, Calendar, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, DateRangePicker, DateTimeField, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, EnumField, ErrorMessage, ExternalLink, FileUploadField, Footer, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, Header, INTEGER_HTML_PATTERN, INTEGER_INPUT_PATTERN, INTEGER_PATTERN, Input, Label, LoadingButton, MapEntryRow, MapField, MidnightIcon, NetworkErrorNotificationProvider, NetworkIcon, NetworkSelector, NetworkStatusBadge, NumberField, ObjectField, PasswordField, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, RadioField, RadioGroup, RadioGroupItem, RelayerDetailsCard, Select, SelectContent, SelectField, SelectGroup, SelectGroupedField, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SidebarButton, SidebarLayout, SidebarSection, Tabs, TabsContent, TabsList, TabsTrigger, TextAreaField, TextField, Textarea, Toaster, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, UrlField, ViewContractStateButton, buttonVariants, computeChildTouched, createFocusManager, createValidationResult, formatValidationError, getAccessibilityProps, getDescribedById, getErrorMessage, getValidationStateClasses, getWidthClasses, handleEscapeKey, handleKeyboardEvent, handleNumericKeys, handleToggleKeys, handleValidationError, hasFieldError, isDuplicateMapKey, useDuplicateKeyIndexes, useMapFieldSync, useNetworkErrorAwareAdapter, useNetworkErrorReporter, useNetworkErrors, validateField, validateMapEntries, validateMapStructure };
 //# sourceMappingURL=index.js.map