@launchpad-ui/form 0.15.10 → 0.15.12

package/dist/index.js

@@ -1,594 +0,0 @@
-require('./style.css');
-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));
-const react = __toESM(require("react"));
-const classix = __toESM(require("classix"));
-const react_jsx_runtime = __toESM(require("react/jsx-runtime"));
-const __launchpad_ui_icons = __toESM(require("@launchpad-ui/icons"));
-const __launchpad_ui_button = __toESM(require("@launchpad-ui/button"));
-const __launchpad_ui_tooltip = __toESM(require("@launchpad-ui/tooltip"));
-const __react_aria_visually_hidden = __toESM(require("@react-aria/visually-hidden"));
-const __react_aria_button = __toESM(require("@react-aria/button"));
-const __react_aria_i18n = __toESM(require("@react-aria/i18n"));
-const __react_aria_numberfield = __toESM(require("@react-aria/numberfield"));
-const __react_stately_numberfield = __toESM(require("@react-stately/numberfield"));
-const checkbox = "QJPOUG_checkbox";
-const compactTextField = "QJPOUG_compactTextField";
-const field = "QJPOUG_field";
-const fieldError = "QJPOUG_fieldError";
-const fieldErrorMessage = "QJPOUG_fieldErrorMessage";
-const fieldSet = "QJPOUG_fieldSet";
-const form = "QJPOUG_form";
-const formGroup = "QJPOUG_formGroup";
-const formIncreasedErrorMargin = "QJPOUG_formIncreasedErrorMargin";
-const formInline = "QJPOUG_formInline";
-const formInput = "QJPOUG_formInput";
-const formInputTiny = "QJPOUG_formInputTiny";
-const hint = "QJPOUG_hint";
-const iconField = "QJPOUG_iconField";
-const iconFieldButton = "QJPOUG_iconFieldButton";
-const iconFieldIcon = "QJPOUG_iconFieldIcon";
-const iconFieldIconFill = "QJPOUG_iconFieldIconFill";
-const inlineForm = "QJPOUG_inlineForm";
-const isActive = "QJPOUG_isActive";
-const isDisabled = "QJPOUG_isDisabled";
-const isFocused = "QJPOUG_isFocused";
-const isInvalid = "QJPOUG_isInvalid";
-const label = "QJPOUG_label";
-const labelDisabled = "QJPOUG_labelDisabled";
-const labelOptional = "QJPOUG_labelOptional";
-const number = "QJPOUG_number";
-const numberField = "QJPOUG_numberField";
-const radio = "QJPOUG_radio";
-const requiredAsterisk = "QJPOUG_requiredAsterisk";
-const suffix = "QJPOUG_suffix";
-const suffixContainer = "QJPOUG_suffixContainer";
-var Form_module_default = {
-	checkbox,
-	compactTextField,
-	field,
-	fieldError,
-	fieldErrorMessage,
-	fieldSet,
-	form,
-	formGroup,
-	formIncreasedErrorMargin,
-	formInline,
-	formInput,
-	formInputTiny,
-	hint,
-	iconField,
-	iconFieldButton,
-	iconFieldIcon,
-	iconFieldIconFill,
-	inlineForm,
-	isActive,
-	isDisabled,
-	isFocused,
-	isInvalid,
-	label,
-	labelDisabled,
-	labelOptional,
-	number,
-	numberField,
-	"numberField-input": "QJPOUG_numberField-input",
-	"numberField-stepper": "QJPOUG_numberField-stepper",
-	"numberField-stepperContainer": "QJPOUG_numberField-stepperContainer",
-	radio,
-	requiredAsterisk,
-	suffix,
-	suffixContainer
-};
-/**
-* @deprecated use `Label` from `@launchpad-ui/components` instead
-*
-* https://launchpad.launchdarkly.com/?path=/docs/components-forms-textfield--docs
-*/
-const RequiredAsterisk = ({ className, "data-test-id": testId = "required-asterisk",...rest }) => {
-	const classes = (0, classix.cx)(Form_module_default.requiredAsterisk, className);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-		...rest,
-		"data-test-id": testId,
-		className: classes,
-		children: "*"
-	});
-};
-/**
-* @deprecated use `Label` from `@launchpad-ui/components` instead
-*
-* https://launchpad.launchdarkly.com/?path=/docs/components-forms-textfield--docs
-*/
-const Label = ({ disabled, className, children, required = false, optional = false, "data-test-id": testId = "label",...rest }) => {
-	const classes = (0, classix.cx)(Form_module_default.label, className, disabled && Form_module_default.labelDisabled);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
-		...rest,
-		"data-test-id": testId,
-		className: classes,
-		children: [
-			children,
-			optional && !required && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("small", {
-				className: Form_module_default.labelOptional,
-				children: "(optional)"
-			}),
-			required && !optional && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RequiredAsterisk, {})
-		]
-	});
-};
-/**
-* @deprecated use `Checkbox` or `CheckboxGroup` from `@launchpad-ui/components` instead
-*
-* https://launchpad.launchdarkly.com/?path=/docs/components-forms-checkbox--docs
-*/
-const Checkbox = /* @__PURE__ */ (0, react.forwardRef)(({ "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, children, disabled, checked, labelClassName, "data-test-id": testId = "checkbox",...rest }, ref) => {
-	const hasAriaLabel = ariaLabel !== void 0 || ariaLabelledby !== void 0;
-	if (!children && !hasAriaLabel) console.warn("If you do not provide children, you must specify an aria-label for accessibility");
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Label, {
-		className: labelClassName,
-		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-				...rest,
-				ref,
-				checked,
-				"aria-checked": checked ? "true" : "false",
-				"aria-label": ariaLabel,
-				"aria-labelledby": ariaLabelledby,
-				className: Form_module_default.checkbox,
-				disabled,
-				type: "checkbox",
-				"data-test-id": testId
-			}),
-			" ",
-			disabled ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-				className: Form_module_default.labelDisabled,
-				children
-			}) : children
-		]
-	});
-});
-Checkbox.displayName = "Checkbox";
-const createFieldErrorId = (fieldIdentifier) => fieldIdentifier ? `${[...fieldIdentifier].join("")}-err` : void 0;
-function hasObjectChanged(obj1, obj2) {
-	return Object.keys(obj1).length !== Object.keys(obj2).length || Object.keys(obj1).some((k) => {
-		const key = k;
-		return typeof obj1[key] === "object" && typeof obj2[key] === "object" ? hasObjectChanged(obj1[key], obj2[key]) : obj1[key] !== obj2[key];
-	});
-}
-function useObjectMemo(obj) {
-	const objRef = (0, react.useRef)(obj);
-	return (0, react.useMemo)(() => {
-		if (hasObjectChanged(obj, objRef.current)) objRef.current = obj;
-		return objRef.current;
-	}, [obj]);
-}
-/**
-* @deprecated use `TextField` from `@launchpad-ui/components` instead
-*
-* https://launchpad.launchdarkly.com/?path=/docs/components-forms-textfield--docs
-*/
-const TextField = /* @__PURE__ */ (0, react.forwardRef)(({ className, type = "text", tiny = false, readOnly, tabIndex = 0, suffix: suffix$1, overrideWidth, "data-test-id": testId = "text-field", autoComplete,...rest }, ref) => {
-	const classes = overrideWidth ? className : (0, classix.cx)(Form_module_default.formInput, tiny && Form_module_default.formInputTiny, className);
-	const disablePasswordManagers = autoComplete === "off";
-	if (suffix$1) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: Form_module_default.suffixContainer,
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-			...rest,
-			type,
-			"data-test-id": testId,
-			autoComplete,
-			className: classes,
-			readOnly,
-			ref,
-			"aria-describedby": rest["aria-describedby"] || createFieldErrorId(rest.id)
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
-			className: Form_module_default.suffix,
-			htmlFor: rest.id,
-			children: suffix$1
-		})]
-	});
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-		...rest,
-		"data-1p-ignore": disablePasswordManagers,
-		type,
-		className: classes,
-		readOnly,
-		tabIndex,
-		autoComplete,
-		ref,
-		"data-test-id": testId,
-		style: overrideWidth ? { width: overrideWidth } : void 0,
-		"aria-describedby": rest["aria-describedby"] || createFieldErrorId(rest.id)
-	});
-});
-TextField.displayName = "TextField";
-/**
-* @deprecated use `TextField` from `@launchpad-ui/components` instead
-*
-* https://launchpad.launchdarkly.com/?path=/docs/components-forms-textfield--docs
-*/
-const CompactTextField = /* @__PURE__ */ (0, react.forwardRef)(({ className, id, label: label$1, needsErrorFeedback, value, onFocus, onBlur, "data-test-id": testId = "compact-text-field",...rest }, ref) => {
-	const [isActive$1, setIsActive] = (0, react.useState)((typeof value === "boolean" || value ? value.toString() : "").trim().length !== 0);
-	const isActiveState = isActive$1 || needsErrorFeedback;
-	const classes = (0, classix.cx)(Form_module_default.compactTextField, className, isActiveState && Form_module_default.isActive);
-	const placeholder = isActiveState ? "" : label$1;
-	const handleFocus = (event) => {
-		setIsActive(true);
-		if (onFocus) onFocus(event);
-	};
-	const handleBlur = (event) => {
-		const value$1 = event.target.value || "";
-		setIsActive(value$1.trim().length !== 0);
-		if (onBlur) onBlur(event);
-	};
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: classes,
-		"data-test-id": testId,
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Label, {
-			htmlFor: id,
-			children: label$1
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TextField, {
-			...rest,
-			id,
-			placeholder,
-			value,
-			ref,
-			onFocus: handleFocus,
-			onBlur: handleBlur
-		})]
-	});
-});
-CompactTextField.displayName = "CompactTextField";
-/**
-* @deprecated use `FieldError` from `@launchpad-ui/components` instead
-*
-* https://launchpad.launchdarkly.com/?path=/docs/components-forms-textfield--docs
-*/
-const FieldError = ({ name, errorMessage, className, "data-test-id": testId = "field-error",...rest }) => {
-	if (!errorMessage) return null;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-		...rest,
-		className: (0, classix.cx)(Form_module_default.fieldError, className),
-		"aria-live": "polite",
-		"data-test-id": testId,
-		"aria-label": "Error",
-		id: createFieldErrorId(name),
-		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__launchpad_ui_icons.Icon, {
-				name: "alert-rhombus",
-				size: "small"
-			}),
-			" ",
-			errorMessage
-		]
-	});
-};
-/**
-* @deprecated use `FieldGroup` from `@launchpad-ui/components` instead
-*
-* https://launchpad.launchdarkly.com/?path=/docs/components-forms-fieldgroup--docs
-*/
-const FieldSet = ({ children, className, "data-test-id": testId = "field-set",...rest }) => {
-	const classes = (0, classix.cx)(Form_module_default.fieldSet, className);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("fieldset", {
-		"data-test-id": testId,
-		className: classes,
-		...rest,
-		children
-	});
-};
-/**
-* @deprecated use `Form` from `@launchpad-ui/components` instead
-*
-* https://launchpad.launchdarkly.com/?path=/docs/components-forms-form--docs
-*/
-const Form = (props) => {
-	const { className, inline, children, hasIncreasedErrorMargin, "data-test-id": testId = "form",...rest } = props;
-	const classes = (0, classix.cx)(Form_module_default.form, className, inline && Form_module_default.formInline, !!hasIncreasedErrorMargin && Form_module_default.formIncreasedErrorMargin);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("form", {
-		...rest,
-		"data-test-id": testId,
-		className: classes,
-		children
-	});
-};
-/**
-* @deprecated use `FieldGroup` from `@launchpad-ui/components` instead
-*
-* https://launchpad.launchdarkly.com/?path=/docs/components-forms-fieldgroup--docs
-*/
-const FormGroup = (props) => {
-	const { className, name, ignoreValidation, isInvalid: isInvalid$1, children, "data-test-id": testId = "form-group",...rest } = props;
-	const classes = (0, classix.cx)(Form_module_default.formGroup, className, !ignoreValidation && isInvalid$1 && Form_module_default.isInvalid);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("fieldset", {
-		className: classes,
-		"data-test-id": testId,
-		...rest,
-		children
-	});
-};
-/**
-* @deprecated use `Text` with `[slot='description']` from `@launchpad-ui/components` instead
-*
-* https://launchpad.launchdarkly.com/?path=/docs/components-forms-textfield--docs
-*/
-const FormHint = ({ className, children, "data-test-id": testId = "form-hint",...rest }) => {
-	const classes = (0, classix.cx)(Form_module_default.hint, className);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		...rest,
-		"data-test-id": testId,
-		className: classes,
-		children
-	});
-};
-/**
-* @deprecated use form elements from `@launchpad-ui/components` instead
-*
-* https://launchpad.launchdarkly.com/?path=/docs/components-forms-textfield--docs
-*/
-const FormField = ({ isRequired, label: label$1, name, htmlFor, hint: hint$1, errorMessage, ignoreValidation, isInvalid: isInvalid$1, children, className, onBlur, "data-test-id": testId = "form-field", LabelProps = {}, FormHintProps = {}, FieldErrorProps = {} }) => {
-	const handleBlur = () => {
-		onBlur?.(name);
-	};
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(FormGroup, {
-		className: (0, classix.cx)(Form_module_default.field, className),
-		name,
-		ignoreValidation,
-		isInvalid: isInvalid$1,
-		onBlur: handleBlur,
-		"data-test-id": testId,
-		children: [
-			label$1 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Label, {
-				htmlFor,
-				required: isRequired,
-				...LabelProps,
-				children: label$1
-			}),
-			hint$1 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FormHint, {
-				className: Form_module_default.hint,
-				...FormHintProps,
-				children: hint$1
-			}),
-			children,
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(FieldError, {
-				className: Form_module_default.fieldErrorMessage,
-				name,
-				errorMessage,
-				...FieldErrorProps
-			})
-		]
-	});
-};
-/**
-* @deprecated use `Group` from `@launchpad-ui/components` instead
-*
-* https://launchpad.launchdarkly.com/?path=/docs/components-content-group--docs
-*/
-const IconField = ({ icon, children, className, "data-test-id": testId = "icon-field", tooltip, renderIconLast = false, ariaLabel = "More info",...rest }) => {
-	const iconElement = /* @__PURE__ */ (0, react.cloneElement)(icon, {
-		size: "small",
-		className: (0, classix.cx)(Form_module_default.iconFieldIcon, Form_module_default.iconFieldIconFill)
-	});
-	const classes = (0, classix.cx)(Form_module_default.iconField, renderIconLast ? "IconAfter" : "IconBefore", className);
-	const renderIcon = tooltip ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__launchpad_ui_tooltip.Tooltip, {
-		content: tooltip,
-		targetClassName: Form_module_default.iconFieldButton,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__launchpad_ui_button.IconButton, {
-			icon: /* @__PURE__ */ (0, react.cloneElement)(icon, { className: Form_module_default.iconFieldIconFill }),
-			size: "small",
-			className: Form_module_default.iconFieldIcon,
-			style: renderIconLast ? { right: "0.313rem" } : { left: "0.313rem" },
-			"aria-label": ariaLabel
-		})
-	}) : iconElement;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: classes,
-		"data-test-id": testId,
-		...rest,
-		children: [
-			!renderIconLast && renderIcon,
-			children,
-			renderIconLast && renderIcon
-		]
-	});
-};
-/**
-* @deprecated use `RadioGroup` from `@launchpad-ui/components` instead
-*
-* https://launchpad.launchdarkly.com/?path=/docs/components-forms-radiogroup--docs
-*/
-const Radio = ({ "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, checked = false, children, className, disabled = false, id, labelClassName, labelStyle, "data-test-id": testId = "radio",...rest }) => {
-	const hasAriaLabel = ariaLabel !== void 0 || ariaLabelledby !== void 0;
-	if (!children && !hasAriaLabel) console.warn("If you do not provide children, you must specify an aria-label for accessibility");
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-		...rest,
-		"aria-label": ariaLabel,
-		"aria-labelledby": ariaLabelledby,
-		className: (0, classix.cx)(Form_module_default.radio, className),
-		checked,
-		disabled,
-		id,
-		"data-test-id": testId,
-		type: "radio"
-	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Label, {
-		className: labelClassName,
-		htmlFor: id,
-		style: labelStyle,
-		children: disabled ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-			className: Form_module_default.labelDisabled,
-			children
-		}) : children
-	})] });
-};
-/**
-* @deprecated use `RadioGroup` from `@launchpad-ui/components` instead
-*
-* https://launchpad.launchdarkly.com/?path=/docs/components-forms-radiogroup--docs
-*/
-const RadioGroup = (props) => {
-	const { name, value, onChange, children, disabled, legend, "data-test-id": testId = "radio-group",...rest } = props;
-	const fieldsetRef = (0, react.useRef)(null);
-	function updateRadioElems(elem) {
-		if (!/* @__PURE__ */ (0, react.isValidElement)(elem)) return elem;
-		const item = elem;
-		if (item?.type && item.type === Radio) return /* @__PURE__ */ (0, react.cloneElement)(item, {
-			...item.props,
-			name,
-			checked: item.props.value === value,
-			onChange,
-			disabled: typeof item.props?.disabled !== "undefined" ? item.props.disabled : disabled
-		});
-		if (item?.type && item.type === Label) return /* @__PURE__ */ (0, react.cloneElement)(item, {
-			...item.props,
-			onChange,
-			disabled
-		});
-		const elemChildren = item?.props?.children;
-		if (elemChildren) {
-			if (Array.isArray(elemChildren)) return /* @__PURE__ */ (0, react.cloneElement)(item, { children: react.Children.map(elemChildren, (elemChild) => updateRadioElems(elemChild)) });
-			return /* @__PURE__ */ (0, react.cloneElement)(item, { children: updateRadioElems(elemChildren) });
-		}
-		if (item?.type && item.type !== Radio && item.type !== Label) return item;
-		return null;
-	}
-	const radios = react.Children.map(children, (child) => updateRadioElems(child));
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("fieldset", {
-		"data-test-id": testId,
-		ref: fieldsetRef,
-		children: [legend && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("legend", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__react_aria_visually_hidden.VisuallyHidden, { children: legend }) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-			...rest,
-			children: radios
-		})]
-	});
-};
-/**
-* @deprecated use `Select` from `@launchpad-ui/components` instead
-*
-* https://launchpad.launchdarkly.com/?path=/docs/components-pickers-select--docs
-*/
-const SelectField = /* @__PURE__ */ (0, react.forwardRef)(({ className, children, "data-test-id": testId = "select",...rest }, ref) => {
-	const classes = (0, classix.cx)(Form_module_default.formInput, className);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("select", {
-		...rest,
-		"data-test-id": testId,
-		className: classes,
-		ref,
-		children
-	});
-});
-SelectField.displayName = "SelectField";
-/**
-* @deprecated use `TextArea` from `@launchpad-ui/components` instead
-*
-* https://launchpad.launchdarkly.com/?path=/docs/components-forms-textfield--docs#multi%20line
-*/
-const TextArea = /* @__PURE__ */ (0, react.forwardRef)(({ className, "data-test-id": testId = "text-area",...props }, ref) => {
-	const onKeyDown = (e) => {
-		if (e.key === "ArrowRight" || e.key === "ArrowDown" || e.key === "ArrowUp" || e.key === "ArrowLeft") e.stopPropagation();
-		if (e.key === "Escape") e.nativeEvent.stopImmediatePropagation();
-	};
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("textarea", {
-		...props,
-		className: (0, classix.cx)(Form_module_default.formInput, className),
-		ref,
-		"data-test-id": testId,
-		"aria-describedby": props["aria-describedby"] || createFieldErrorId(props.id),
-		onKeyDown
-	});
-});
-TextArea.displayName = "TextArea";
-const defaultFormatOptions = { maximumFractionDigits: 6 };
-/**
-* @deprecated use `NumberField` from `@launchpad-ui/components` instead
-*
-* https://launchpad.launchdarkly.com/?path=/docs/components-forms-numberfield--docs
-*/
-const useNumberField = ({ className, "data-test-id": testId = "input", id, name,...otherProps } = {}) => {
-	const formatOptions = useObjectMemo({
-		...defaultFormatOptions,
-		...otherProps.formatOptions
-	});
-	const { locale } = (0, __react_aria_i18n.useLocale)();
-	const numberFieldState = (0, __react_stately_numberfield.useNumberFieldState)({
-		...otherProps,
-		locale,
-		formatOptions
-	});
-	const inputRef = (0, react.useRef)(null);
-	const { descriptionProps: formHintProps, errorMessageProps: fieldErrorProps, labelProps, groupProps, inputProps, incrementButtonProps, decrementButtonProps } = (0, __react_aria_numberfield.useNumberField)({
-		...otherProps,
-		formatOptions,
-		id
-	}, numberFieldState, inputRef);
-	return {
-		fieldErrorProps,
-		formHintProps,
-		labelProps,
-		renderNumberField: () => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			...groupProps,
-			className: Form_module_default.numberField,
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-				...inputProps,
-				className: (0, classix.cx)(Form_module_default.formInput, Form_module_default["numberField-input"]),
-				"data-test-id": testId,
-				name,
-				ref: inputRef
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: Form_module_default["numberField-stepperContainer"],
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Stepper, {
-					...incrementButtonProps,
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__launchpad_ui_icons.Icon, { name: "chevron-up" })
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Stepper, {
-					...decrementButtonProps,
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__launchpad_ui_icons.Icon, { name: "chevron-down" })
-				})]
-			})]
-		})
-	};
-};
-const Stepper = (props) => {
-	const buttonRef = (0, react.useRef)(null);
-	const { buttonProps } = (0, __react_aria_button.useButton)(props, buttonRef);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-		type: "button",
-		...buttonProps,
-		className: Form_module_default["numberField-stepper"],
-		ref: buttonRef,
-		children: props.children
-	});
-};
-exports.Checkbox = Checkbox;
-exports.CompactTextField = CompactTextField;
-exports.FieldError = FieldError;
-exports.FieldSet = FieldSet;
-exports.Form = Form;
-exports.FormField = FormField;
-exports.FormGroup = FormGroup;
-exports.FormHint = FormHint;
-exports.IconField = IconField;
-exports.Label = Label;
-exports.Radio = Radio;
-exports.RadioGroup = RadioGroup;
-exports.RequiredAsterisk = RequiredAsterisk;
-exports.SelectField = SelectField;
-exports.TextArea = TextArea;
-exports.TextField = TextField;
-exports.useNumberField = useNumberField;
-
-//# sourceMappingURL=index.js.map