@openzeppelin/ui-components 1.0.0 → 1.0.2

package/dist/index.cjs

@@ -1,70 +1,229 @@
-//#region rolldown:runtime
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-	if (from && typeof from === "object" || typeof from === "function") {
-		for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
-			key = keys[i];
-			if (!__hasOwnProp.call(to, key) && key !== except) {
-				__defProp(to, key, {
-					get: ((k) => from[k]).bind(null, key),
-					enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-				});
-			}
-		}
-	}
-	return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-	value: mod,
-	enumerable: true
-}) : target, mod));
-
-//#endregion
+const require_ErrorMessage = require('./ErrorMessage-D4BAP8iw.cjs');
+let react = require("react");
+react = require_ErrorMessage.__toESM(react);
+let react_hook_form = require("react-hook-form");
+let react_jsx_runtime = require("react/jsx-runtime");
 let _radix_ui_react_accordion = require("@radix-ui/react-accordion");
-_radix_ui_react_accordion = __toESM(_radix_ui_react_accordion);
+_radix_ui_react_accordion = require_ErrorMessage.__toESM(_radix_ui_react_accordion);
 let class_variance_authority = require("class-variance-authority");
 let lucide_react = require("lucide-react");
-let react = require("react");
-react = __toESM(react);
 let _openzeppelin_ui_utils = require("@openzeppelin/ui-utils");
-let react_jsx_runtime = require("react/jsx-runtime");
 let _radix_ui_react_slot = require("@radix-ui/react-slot");
 let react_day_picker = require("react-day-picker");
 let _radix_ui_react_checkbox = require("@radix-ui/react-checkbox");
-_radix_ui_react_checkbox = __toESM(_radix_ui_react_checkbox);
+_radix_ui_react_checkbox = require_ErrorMessage.__toESM(_radix_ui_react_checkbox);
 let date_fns = require("date-fns");
 let _radix_ui_react_popover = require("@radix-ui/react-popover");
-_radix_ui_react_popover = __toESM(_radix_ui_react_popover);
+_radix_ui_react_popover = require_ErrorMessage.__toESM(_radix_ui_react_popover);
 let _radix_ui_react_dialog = require("@radix-ui/react-dialog");
-_radix_ui_react_dialog = __toESM(_radix_ui_react_dialog);
+_radix_ui_react_dialog = require_ErrorMessage.__toESM(_radix_ui_react_dialog);
 let _radix_ui_react_dropdown_menu = require("@radix-ui/react-dropdown-menu");
-_radix_ui_react_dropdown_menu = __toESM(_radix_ui_react_dropdown_menu);
-let react_hook_form = require("react-hook-form");
+_radix_ui_react_dropdown_menu = require_ErrorMessage.__toESM(_radix_ui_react_dropdown_menu);
 let _radix_ui_react_label = require("@radix-ui/react-label");
-_radix_ui_react_label = __toESM(_radix_ui_react_label);
+_radix_ui_react_label = require_ErrorMessage.__toESM(_radix_ui_react_label);
 let _radix_ui_react_progress = require("@radix-ui/react-progress");
-_radix_ui_react_progress = __toESM(_radix_ui_react_progress);
+_radix_ui_react_progress = require_ErrorMessage.__toESM(_radix_ui_react_progress);
 let _radix_ui_react_radio_group = require("@radix-ui/react-radio-group");
-_radix_ui_react_radio_group = __toESM(_radix_ui_react_radio_group);
+_radix_ui_react_radio_group = require_ErrorMessage.__toESM(_radix_ui_react_radio_group);
 let _radix_ui_react_select = require("@radix-ui/react-select");
-_radix_ui_react_select = __toESM(_radix_ui_react_select);
+_radix_ui_react_select = require_ErrorMessage.__toESM(_radix_ui_react_select);
 let _radix_ui_react_tabs = require("@radix-ui/react-tabs");
-_radix_ui_react_tabs = __toESM(_radix_ui_react_tabs);
+_radix_ui_react_tabs = require_ErrorMessage.__toESM(_radix_ui_react_tabs);
 let _radix_ui_react_tooltip = require("@radix-ui/react-tooltip");
-_radix_ui_react_tooltip = __toESM(_radix_ui_react_tooltip);
-let _uiw_react_textarea_code_editor = require("@uiw/react-textarea-code-editor");
-_uiw_react_textarea_code_editor = __toESM(_uiw_react_textarea_code_editor);
-let _uiw_react_textarea_code_editor_nohighlight = require("@uiw/react-textarea-code-editor/nohighlight");
-_uiw_react_textarea_code_editor_nohighlight = __toESM(_uiw_react_textarea_code_editor_nohighlight);
+_radix_ui_react_tooltip = require_ErrorMessage.__toESM(_radix_ui_react_tooltip);
 let _openzeppelin_ui_types = require("@openzeppelin/ui-types");
 let sonner = require("sonner");
 let next_themes = require("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 = (0, class_variance_authority.cva)("", {
 	variants: { variant: {
@@ -342,7 +501,7 @@ Button.displayName = "Button";
 function Calendar({ className, classNames, showOutsideDays = true, ...props }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_day_picker.DayPicker, {
 		showOutsideDays,
-		className: (0, _openzeppelin_ui_utils.cn)("p-3", className),
+		className: (0, _openzeppelin_ui_utils.cn)("relative p-3", className),
 		classNames: {
 			months: "flex flex-col sm:flex-row gap-2 px-5",
 			month: "flex flex-col gap-4",
@@ -1504,360 +1663,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__ */ (0, react_jsx_runtime.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
 /**
@@ -1899,7 +1704,7 @@ function AddressField({ id, label, placeholder, helperText, control, name, width
 			name,
 			rules: { validate: (value) => {
 				if (value === void 0 || value === null || value === "") return validation?.required ? "This field is required" : true;
-				const standardValidationResult = validateField(value, validation);
+				const standardValidationResult = require_ErrorMessage.validateField(value, validation);
 				if (standardValidationResult !== true) return standardValidationResult;
 				if (adapter && typeof value === "string") {
 					if (!adapter.isValidAddress(value)) return "Invalid address format for the selected chain";
@@ -1910,7 +1715,7 @@ function AddressField({ id, label, placeholder, helperText, control, name, width
 			render: ({ fieldState: { error, isTouched }, field }) => {
 				const hasError = !!error;
 				const shouldShowError = hasError && isTouched;
-				const validationClasses = getValidationStateClasses(error, isTouched);
+				const validationClasses = require_ErrorMessage.getValidationStateClasses(error, isTouched);
 				const patternErrorMessage = validation?.pattern && typeof validation.pattern === "object" && "message" in validation.pattern ? validation.pattern.message : void 0;
 				const handleInputChange = (e) => {
 					const value = e.target.value;
@@ -1944,7 +1749,7 @@ function AddressField({ id, label, placeholder, helperText, control, name, width
 						className: "text-muted-foreground text-sm",
 						children: helperText
 					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ErrorMessage, {
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ErrorMessage.ErrorMessage, {
 						error,
 						id: errorId,
 						message: shouldShowError ? error?.message || patternErrorMessage : void 0
@@ -2020,7 +1825,7 @@ function AmountField({ id, label, placeholder, helperText, control, name, width
 			render: ({ field, fieldState: { error, isTouched } }) => {
 				const hasError = !!error?.message;
 				const shouldShowError = hasError && isTouched;
-				const validationClasses = getValidationStateClasses(error, isTouched);
+				const validationClasses = require_ErrorMessage.getValidationStateClasses(error, isTouched);
 				const accessibilityProps = getAccessibilityProps({
 					id,
 					hasError,
@@ -2081,7 +1886,7 @@ function AmountField({ id, label, placeholder, helperText, control, name, width
 						className: "text-muted-foreground text-sm",
 						children: helperText
 					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ErrorMessage, {
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ErrorMessage.ErrorMessage, {
 						error,
 						id: errorId,
 						message: shouldShowError ? error?.message : void 0
@@ -2293,7 +2098,7 @@ function ArrayField({ id, label, helperText, control, name, width = "full", vali
 						className: "text-muted-foreground text-sm",
 						children: helperText
 					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ErrorMessage, {
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ErrorMessage.ErrorMessage, {
 						error,
 						id: errorId
 					})
@@ -2479,7 +2284,7 @@ function ArrayObjectField({ id, label, helperText, control, name, width = "full"
 						className: "text-muted-foreground text-sm",
 						children: helperText
 					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ErrorMessage, {
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ErrorMessage.ErrorMessage, {
 						error,
 						id: errorId
 					})
@@ -2607,10 +2412,10 @@ function BigIntField({ id, label, placeholder, helperText, control, name, width
 	const descriptionId = `${id}-description`;
 	const enhancedValidation = {
 		...validation,
-		pattern: validation?.pattern || INTEGER_PATTERN
+		pattern: validation?.pattern || require_ErrorMessage.INTEGER_PATTERN
 	};
 	const validateBigIntValue = (value) => {
-		const standardValidation = validateField(value, enhancedValidation);
+		const standardValidation = require_ErrorMessage.validateField(value, enhancedValidation);
 		if (standardValidation !== true) return standardValidation;
 		if (validateBigInt) {
 			const customValidation = validateBigInt(value);
@@ -2644,7 +2449,7 @@ function BigIntField({ id, label, placeholder, helperText, control, name, width
 			render: ({ field, fieldState: { error, isTouched } }) => {
 				const hasError = !!error;
 				const shouldShowError = hasError && isTouched;
-				const validationClasses = getValidationStateClasses(error, isTouched);
+				const validationClasses = require_ErrorMessage.getValidationStateClasses(error, isTouched);
 				const handleInputChange = (e) => {
 					const rawValue = e.target.value;
 					if (rawValue === "") {
@@ -2655,7 +2460,7 @@ function BigIntField({ id, label, placeholder, helperText, control, name, width
 						field.onChange(rawValue);
 						return;
 					}
-					if (INTEGER_INPUT_PATTERN.test(rawValue)) field.onChange(rawValue);
+					if (require_ErrorMessage.INTEGER_INPUT_PATTERN.test(rawValue)) field.onChange(rawValue);
 				};
 				const handleKeyDown = (e) => {
 					const allowedKeys = [
@@ -2711,7 +2516,7 @@ function BigIntField({ id, label, placeholder, helperText, control, name, width
 						"data-slot": "input",
 						onChange: handleInputChange,
 						inputMode: "numeric",
-						pattern: INTEGER_HTML_PATTERN,
+						pattern: require_ErrorMessage.INTEGER_HTML_PATTERN,
 						...accessibilityProps,
 						"aria-describedby": `${helperText ? descriptionId : ""} ${hasError ? errorId : ""}`,
 						disabled: readOnly
@@ -2721,7 +2526,7 @@ function BigIntField({ id, label, placeholder, helperText, control, name, width
 						className: "text-muted-foreground text-sm",
 						children: helperText
 					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ErrorMessage, {
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ErrorMessage.ErrorMessage, {
 						error,
 						id: errorId,
 						message: shouldShowError ? error?.message : void 0
@@ -2758,7 +2563,7 @@ function BooleanField({ id, label, helperText, control, name, width = "full", va
 	const errorId = `${id}-error`;
 	const descriptionId = `${id}-description`;
 	const validateBooleanValue = (value) => {
-		const standardValidation = validateField(value, validation);
+		const standardValidation = require_ErrorMessage.validateField(value, validation);
 		if (standardValidation !== true) return standardValidation;
 		if (validateBoolean) {
 			const customValidation = validateBoolean(value);
@@ -2780,7 +2585,7 @@ function BooleanField({ id, label, helperText, control, name, width = "full", va
 			disabled: readOnly,
 			render: ({ field, fieldState: { error, isTouched } }) => {
 				const hasError = !!error;
-				const validationClasses = getValidationStateClasses(error, isTouched);
+				const validationClasses = require_ErrorMessage.getValidationStateClasses(error, isTouched);
 				const handleCheckedChange = (checked) => {
 					const value = checked === true;
 					field.onChange(value);
@@ -2829,7 +2634,7 @@ function BooleanField({ id, label, helperText, control, name, width = "full", va
 						className: "text-muted-foreground pl-6 text-sm",
 						children: helperText
 					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ErrorMessage, {
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ErrorMessage.ErrorMessage, {
 						error,
 						id: errorId,
 						className: "pl-6"
@@ -2912,7 +2717,7 @@ function BytesField({ id, label, helperText, control, name, width = "full", vali
 			render: ({ field, fieldState: { error, isTouched } }) => {
 				const hasError = !!error;
 				const shouldShowError = hasError && (isTouched || validation?.required);
-				const validationClasses = getValidationStateClasses(error, isTouched);
+				const validationClasses = require_ErrorMessage.getValidationStateClasses(error, isTouched);
 				const accessibilityProps = getAccessibilityProps({
 					id,
 					hasError,
@@ -2955,7 +2760,7 @@ function BytesField({ id, label, helperText, control, name, width = "full", vali
 							]
 						})]
 					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ErrorMessage, {
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ErrorMessage.ErrorMessage, {
 						error,
 						id: errorId,
 						message: shouldShowError ? error?.message : void 0
@@ -2967,126 +2772,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__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className,
-		children: [label && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
-			htmlFor: id,
-			className: "block text-sm font-medium text-foreground mb-2",
-			children: [label, required && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-				className: "text-destructive ml-1",
-				children: "*"
-			})]
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_hook_form.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 ? _uiw_react_textarea_code_editor_nohighlight.default : _uiw_react_textarea_code_editor.default;
-				const handleChange = (event) => {
-					onChange(event.target.value);
-				};
-				const handleBlur = () => {
-					onBlur();
-				};
-				return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					className: "space-y-2",
-					children: [
-						/* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)(ErrorMessage, {
-							error,
-							id: `${id}-error`
-						}),
-						helperText && !error && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-							className: "text-sm text-muted-foreground",
-							id: `${id}-helper`,
-							children: helperText
-						})
-					]
-				});
-			}
-		})]
-	});
-}
-CodeEditorField.displayName = "CodeEditorField";
-
 //#endregion
 //#region src/components/fields/DateTimeField.tsx
 /**
@@ -3117,7 +2802,7 @@ function DateTimeField({ id, label, placeholder, helperText, control, name, widt
 	const errorId = `${id}-error`;
 	const descriptionId = `${id}-description`;
 	const validateDateValue = (value) => {
-		const validationResult = validateField(value, validation);
+		const validationResult = require_ErrorMessage.validateField(value, validation);
 		return validationResult === true ? true : validationResult;
 	};
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -3144,7 +2829,7 @@ function DateTimeField({ id, label, placeholder, helperText, control, name, widt
 			render: ({ field, fieldState: { error, isTouched } }) => {
 				const hasError = !!error;
 				const shouldShowError = hasError && isTouched;
-				const validationClasses = getValidationStateClasses(error, isTouched);
+				const validationClasses = require_ErrorMessage.getValidationStateClasses(error, isTouched);
 				const handleChange = (e) => {
 					const raw = e.target.value;
 					if (!raw) {
@@ -3202,7 +2887,7 @@ function DateTimeField({ id, label, placeholder, helperText, control, name, widt
 						className: "text-muted-foreground text-sm",
 						children: helperText
 					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ErrorMessage, {
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ErrorMessage.ErrorMessage, {
 						error,
 						id: errorId,
 						message: shouldShowError ? error?.message : void 0
@@ -3249,7 +2934,7 @@ function EnumField({ id, label, placeholder = "Select variant", helperText, cont
 			name,
 			disabled: readOnly,
 			rules: { validate: (value) => {
-				const standardValidation = validateField(value, validation);
+				const standardValidation = require_ErrorMessage.validateField(value, validation);
 				if (standardValidation !== true) return standardValidation;
 				if (typeof value === "string") try {
 					if (!JSON.parse(value).tag) return "JSON must have a \"tag\" property specifying the enum variant";
@@ -3263,7 +2948,7 @@ function EnumField({ id, label, placeholder = "Select variant", helperText, cont
 			} },
 			render: ({ field, fieldState: { error, isTouched } }) => {
 				const hasError = !!error;
-				const validationClasses = getValidationStateClasses(error, isTouched);
+				const validationClasses = require_ErrorMessage.getValidationStateClasses(error, isTouched);
 				const accessibilityProps = getAccessibilityProps({
 					id,
 					hasError,
@@ -3311,7 +2996,7 @@ function EnumField({ id, label, placeholder = "Select variant", helperText, cont
 						className: "text-muted-foreground text-sm",
 						children: helperText
 					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ErrorMessage, {
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ErrorMessage.ErrorMessage, {
 						error,
 						id: errorId
 					})
@@ -3336,7 +3021,7 @@ function EnumField({ id, label, placeholder = "Select variant", helperText, cont
 			name,
 			disabled: readOnly,
 			rules: { validate: (value) => {
-				const standardValidation = validateField(value, validation);
+				const standardValidation = require_ErrorMessage.validateField(value, validation);
 				if (standardValidation !== true) return standardValidation;
 				if (!value || !value.tag) return validation?.required ? "This field is required" : true;
 				if (validateEnum && value) {
@@ -3456,7 +3141,7 @@ function EnumField({ id, label, placeholder = "Select variant", helperText, cont
 						className: "text-muted-foreground text-sm",
 						children: helperText
 					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ErrorMessage, {
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ErrorMessage.ErrorMessage, {
 						error,
 						id: errorId
 					})
@@ -3597,9 +3282,9 @@ function FileUploadField({ id, label, placeholder = "Drop your file here or clic
 		control,
 		name,
 		rules: { validate: (value) => {
-			if (!value) return validateField(value, validation);
+			if (!value) return require_ErrorMessage.validateField(value, validation);
 			if (maxSize && value && typeof value === "object" && "size" in value && value.size > maxSize) return `File size must be less than ${(maxSize / (1024 * 1024)).toFixed(2)} MB`;
-			return validateField(value, validation);
+			return require_ErrorMessage.validateField(value, validation);
 		} },
 		disabled: readOnly,
 		render: ({ field: { onChange, onBlur }, fieldState: { error } }) => {
@@ -3721,7 +3406,7 @@ function FileUploadField({ id, label, placeholder = "Drop your file here or clic
 							})]
 						})
 					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ErrorMessage, {
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ErrorMessage.ErrorMessage, {
 						error,
 						id: errorId
 					})
@@ -3944,7 +3629,7 @@ function MapField({ id, label, helperText, control, name, width = "full", valida
 						className: "text-muted-foreground text-sm",
 						children: helperText
 					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ErrorMessage, {
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ErrorMessage.ErrorMessage, {
 						message: shouldShowError ? error?.message : void 0,
 						error,
 						id: errorId
@@ -4061,7 +3746,7 @@ function validateMapStructure({ value, required, minItems }) {
 		return true;
 	}
 	const mapArray = value;
-	const duplicateError = validateMapEntries(mapArray);
+	const duplicateError = require_ErrorMessage.validateMapEntries(mapArray);
 	if (duplicateError) return duplicateError;
 	if (mapArray.some((entry) => {
 		const key = entry.key;
@@ -4114,7 +3799,7 @@ function NumberField({ id, label, placeholder, helperText, control, name, width
 		COMPLETE_NUMBER: /^-?\d+\.?\d*$/
 	};
 	const validateNumericValue = (value) => {
-		const standardValidation = validateField(value, mergedValidation);
+		const standardValidation = require_ErrorMessage.validateField(value, mergedValidation);
 		if (standardValidation !== true) return standardValidation;
 		if (validateNumber) {
 			const customValidation = validateNumber(value);
@@ -4153,7 +3838,7 @@ function NumberField({ id, label, placeholder, helperText, control, name, width
 			render: ({ field, fieldState: { error, isTouched } }) => {
 				const hasError = !!error;
 				const shouldShowError = hasError && isTouched;
-				const validationClasses = getValidationStateClasses(error, isTouched);
+				const validationClasses = require_ErrorMessage.getValidationStateClasses(error, isTouched);
 				const handleInputChange = (e) => {
 					const rawValue = e.target.value;
 					if (!NUMBER_REGEX.VALID_FORMAT.test(rawValue) && rawValue !== "") return;
@@ -4242,7 +3927,7 @@ function NumberField({ id, label, placeholder, helperText, control, name, width
 						className: "text-muted-foreground text-sm",
 						children: helperText
 					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ErrorMessage, {
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ErrorMessage.ErrorMessage, {
 						error,
 						id: errorId,
 						message: shouldShowError ? error?.message : void 0
@@ -4327,7 +4012,7 @@ function ObjectField({ id, label, helperText, control, name, width = "full", val
 					className: "text-muted-foreground text-sm mt-2",
 					children: helperText
 				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ErrorMessage, {
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ErrorMessage.ErrorMessage, {
 					error,
 					id: errorId
 				})
@@ -4383,7 +4068,7 @@ function PasswordField({ id, label, placeholder, helperText, control, name, widt
 	const errorId = `${id}-error`;
 	const descriptionId = `${id}-description`;
 	const validatePasswordValue = (value) => {
-		const validationResult = validateField(value, validation);
+		const validationResult = require_ErrorMessage.validateField(value, validation);
 		return validationResult === true ? true : validationResult;
 	};
 	const togglePasswordVisibility = () => {
@@ -4413,7 +4098,7 @@ function PasswordField({ id, label, placeholder, helperText, control, name, widt
 			render: ({ field, fieldState: { error, isTouched } }) => {
 				const hasError = !!error;
 				const shouldShowError = hasError && isTouched;
-				const validationClasses = getValidationStateClasses(error, isTouched);
+				const validationClasses = require_ErrorMessage.getValidationStateClasses(error, isTouched);
 				const handleInputChange = (e) => {
 					const value = e.target.value;
 					field.onChange(value);
@@ -4462,7 +4147,7 @@ function PasswordField({ id, label, placeholder, helperText, control, name, widt
 						className: "text-muted-foreground text-sm",
 						children: helperText
 					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ErrorMessage, {
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ErrorMessage.ErrorMessage, {
 						error,
 						id: errorId,
 						message: shouldShowError ? error?.message : void 0
@@ -4574,7 +4259,7 @@ function RadioField({ id, label, helperText, control, name, width = "full", vali
 						className: "text-sm text-muted-foreground",
 						children: helperText
 					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ErrorMessage, {
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ErrorMessage.ErrorMessage, {
 						error,
 						id: errorId
 					})
@@ -4674,7 +4359,7 @@ function SelectField({ id, label, placeholder = "Select an option", helperText,
 						className: "text-muted-foreground text-sm",
 						children: helperText
 					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ErrorMessage, {
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ErrorMessage.ErrorMessage, {
 						error,
 						id: errorId
 					})
@@ -4771,7 +4456,7 @@ function SelectGroupedField({ id, label, placeholder = "Select an option", helpe
 						className: "text-muted-foreground text-sm",
 						children: helperText
 					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ErrorMessage, {
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ErrorMessage.ErrorMessage, {
 						error,
 						id: errorId
 					})
@@ -4834,7 +4519,7 @@ function TextAreaField({ id, label, placeholder, helperText, control, name, widt
 			render: ({ field, fieldState: { error, isTouched } }) => {
 				const hasError = !!error;
 				const shouldShowError = hasError && isTouched;
-				const validationClasses = getValidationStateClasses(error, isTouched);
+				const validationClasses = require_ErrorMessage.getValidationStateClasses(error, isTouched);
 				const accessibilityProps = getAccessibilityProps({
 					id,
 					hasError,
@@ -4869,7 +4554,7 @@ function TextAreaField({ id, label, placeholder, helperText, control, name, widt
 						className: "text-muted-foreground text-sm",
 						children: helperText
 					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ErrorMessage, {
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ErrorMessage.ErrorMessage, {
 						error,
 						id: errorId,
 						message: shouldShowError ? error?.message : void 0
@@ -4906,7 +4591,7 @@ function TextField({ id, label, placeholder, helperText, control, name, width =
 	const errorId = `${id}-error`;
 	const descriptionId = `${id}-description`;
 	const validateTextValue = (value) => {
-		const validationResult = validateField(value, validation);
+		const validationResult = require_ErrorMessage.validateField(value, validation);
 		return validationResult === true ? true : validationResult;
 	};
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -4933,7 +4618,7 @@ function TextField({ id, label, placeholder, helperText, control, name, width =
 			render: ({ field, fieldState: { error, isTouched } }) => {
 				const hasError = !!error;
 				const shouldShowError = hasError && isTouched;
-				const validationClasses = getValidationStateClasses(error, isTouched);
+				const validationClasses = require_ErrorMessage.getValidationStateClasses(error, isTouched);
 				const handleInputChange = (e) => {
 					const value = e.target.value;
 					field.onChange(value);
@@ -4966,7 +4651,7 @@ function TextField({ id, label, placeholder, helperText, control, name, width =
 						className: "text-muted-foreground text-sm",
 						children: helperText
 					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ErrorMessage, {
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ErrorMessage.ErrorMessage, {
 						error,
 						id: errorId,
 						message: shouldShowError ? error?.message : void 0
@@ -5004,7 +4689,7 @@ function UrlField({ id, label, placeholder, helperText, control, name, width = "
 			name,
 			rules: { validate: (value) => {
 				if (value === void 0 || value === null || value === "") return validation?.required ? "This field is required" : true;
-				const standardValidationResult = validateField(value, validation);
+				const standardValidationResult = require_ErrorMessage.validateField(value, validation);
 				if (standardValidationResult !== true) return standardValidationResult;
 				if (typeof value === "string" && value && !(0, _openzeppelin_ui_utils.isValidUrl)(value)) return (0, _openzeppelin_ui_utils.getInvalidUrlMessage)();
 				return true;
@@ -5013,7 +4698,7 @@ function UrlField({ id, label, placeholder, helperText, control, name, width = "
 			render: ({ field, fieldState: { error, isTouched } }) => {
 				const hasError = !!error;
 				const shouldShowError = hasError && isTouched;
-				const validationClasses = getValidationStateClasses(error, isTouched);
+				const validationClasses = require_ErrorMessage.getValidationStateClasses(error, isTouched);
 				const handleInputChange = (e) => {
 					const value = e.target.value;
 					field.onChange(value);
@@ -5051,7 +4736,7 @@ function UrlField({ id, label, placeholder, helperText, control, name, width = "
 						className: "text-muted-foreground text-sm",
 						children: helperText
 					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ErrorMessage, {
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ErrorMessage.ErrorMessage, {
 						error,
 						id: errorId,
 						message: shouldShowError ? error?.message : void 0
@@ -5410,7 +5095,6 @@ exports.CardFooter = CardFooter;
 exports.CardHeader = CardHeader;
 exports.CardTitle = CardTitle;
 exports.Checkbox = Checkbox;
-exports.CodeEditorField = CodeEditorField;
 exports.DateRangePicker = DateRangePicker;
 exports.DateTimeField = DateTimeField;
 exports.Dialog = Dialog;
@@ -5440,7 +5124,7 @@ exports.DropdownMenuSubTrigger = DropdownMenuSubTrigger;
 exports.DropdownMenuTrigger = DropdownMenuTrigger;
 exports.EmptyState = EmptyState;
 exports.EnumField = EnumField;
-exports.ErrorMessage = ErrorMessage;
+exports.ErrorMessage = require_ErrorMessage.ErrorMessage;
 exports.ExternalLink = ExternalLink;
 exports.FileUploadField = FileUploadField;
 exports.Footer = Footer;
@@ -5452,9 +5136,9 @@ exports.FormItem = FormItem;
 exports.FormLabel = FormLabel;
 exports.FormMessage = FormMessage;
 exports.Header = Header;
-exports.INTEGER_HTML_PATTERN = INTEGER_HTML_PATTERN;
-exports.INTEGER_INPUT_PATTERN = INTEGER_INPUT_PATTERN;
-exports.INTEGER_PATTERN = INTEGER_PATTERN;
+exports.INTEGER_HTML_PATTERN = require_ErrorMessage.INTEGER_HTML_PATTERN;
+exports.INTEGER_INPUT_PATTERN = require_ErrorMessage.INTEGER_INPUT_PATTERN;
+exports.INTEGER_PATTERN = require_ErrorMessage.INTEGER_PATTERN;
 exports.Input = Input;
 exports.Label = Label;
 exports.LoadingButton = LoadingButton;
@@ -5509,26 +5193,26 @@ exports.ViewContractStateButton = ViewContractStateButton;
 exports.buttonVariants = buttonVariants;
 exports.computeChildTouched = computeChildTouched;
 exports.createFocusManager = createFocusManager;
-exports.createValidationResult = createValidationResult;
-exports.formatValidationError = formatValidationError;
+exports.createValidationResult = require_ErrorMessage.createValidationResult;
+exports.formatValidationError = require_ErrorMessage.formatValidationError;
 exports.getAccessibilityProps = getAccessibilityProps;
 exports.getDescribedById = getDescribedById;
-exports.getErrorMessage = getErrorMessage;
-exports.getValidationStateClasses = getValidationStateClasses;
+exports.getErrorMessage = require_ErrorMessage.getErrorMessage;
+exports.getValidationStateClasses = require_ErrorMessage.getValidationStateClasses;
 exports.getWidthClasses = getWidthClasses;
 exports.handleEscapeKey = handleEscapeKey;
 exports.handleKeyboardEvent = handleKeyboardEvent;
 exports.handleNumericKeys = handleNumericKeys;
 exports.handleToggleKeys = handleToggleKeys;
-exports.handleValidationError = handleValidationError;
-exports.hasFieldError = hasFieldError;
-exports.isDuplicateMapKey = isDuplicateMapKey;
+exports.handleValidationError = require_ErrorMessage.handleValidationError;
+exports.hasFieldError = require_ErrorMessage.hasFieldError;
+exports.isDuplicateMapKey = require_ErrorMessage.isDuplicateMapKey;
 exports.useDuplicateKeyIndexes = useDuplicateKeyIndexes;
 exports.useMapFieldSync = useMapFieldSync;
 exports.useNetworkErrorAwareAdapter = useNetworkErrorAwareAdapter;
 exports.useNetworkErrorReporter = useNetworkErrorReporter;
 exports.useNetworkErrors = useNetworkErrors;
-exports.validateField = validateField;
-exports.validateMapEntries = validateMapEntries;
+exports.validateField = require_ErrorMessage.validateField;
+exports.validateMapEntries = require_ErrorMessage.validateMapEntries;
 exports.validateMapStructure = validateMapStructure;
 //# sourceMappingURL=index.cjs.map