@envive-ai/react-toolkit-v3 0.3.15-beta.1 → 0.3.16

package/dist/components/FloatingChat/types/types.d.cts

@@ -1,76 +0,0 @@
-import { Theme } from "../../../components-v3/tokens/theme/theme.cjs";
-import { FloatingChatConfig, LookAndFeelConfig } from "../../../hooks/dist/contexts/typesV3.cjs";
-import { HardcopyResponse } from "../../../hooks/dist/contexts/hardcopyContext/hardcopyContext.cjs";
-import { SalesAgent } from "../../../hooks/dist/contexts/salesAgentContext/salesAgentContext.cjs";
-
-//#region src/components/FloatingChat/types/types.d.ts
-
-/**
- * Props for the FloatingChat component.
- * Provides a floating chat interface for AI-powered sales assistance.
- */
-interface FloatingChatProps {
-  /**
-   * Unique identifier for the component.
-   */
-  id?: string;
-  /**
-   * Additional CSS classes to apply to the component.
-   */
-  className?: string;
-  /**
-   * Inline styles to apply to the component.
-   */
-  style?: React.CSSProperties;
-  /**
-   * Test identifier for testing utilities.
-   */
-  testId?: string;
-  /**
-   * Theme variant to apply to the chat interface.
-   * @default Theme.GLOBAL_CUSTOM
-   */
-  theme?: Theme;
-  /**
-   * Sales agent data containing messages, suggestions, and interaction handlers.
-   */
-  salesAgentData: SalesAgent;
-  /**
-   * Configuration for the floating chat behavior and appearance.
-   */
-  floatingChatConfig: FloatingChatConfig;
-  /**
-   * Look and feel configuration including branding and styling options.
-   */
-  lookAndFeelConfig: LookAndFeelConfig;
-  /**
-   * Callback function invoked when the user closes the chat.
-   */
-  onClose: () => void;
-  /**
-   * Callback function invoked when the user closes the chat via a swipe gesture.
-   */
-  onSwipeClose?: () => void;
-  /**
-   * Callback function invoked when the user toggles the CX button.
-   */
-  onToggleCXButton?: () => void;
-  /**
-   * Whether the CX button switch is enabled.
-   */
-  isCXButtonSwitchEnabled: boolean;
-  /**
-   * Whether the chat is open.
-   */
-  isFloatingChatOpen: boolean;
-  /**
-   * Hardcopy content to display in the chat.
-   */
-  hardcopyContent: HardcopyResponse;
-  /**
-   * Debug bar to display in the chat.
-   */
-  debugBar?: React.ReactNode;
-}
-//#endregion
-export { FloatingChatProps };

package/dist/components/FloatingChat/types/types.d.ts

@@ -1,77 +0,0 @@
-import { Theme } from "../../../packages/components-v3/tokens/theme/theme.js";
-import { FloatingChatConfig, LookAndFeelConfig } from "../../../packages/hooks/dist/contexts/typesV3.js";
-import { HardcopyResponse } from "../../../packages/hooks/dist/contexts/hardcopyContext/hardcopyContext.js";
-import { SalesAgent } from "../../../packages/hooks/dist/contexts/salesAgentContext/salesAgentContext.js";
-import "../../../packages/hooks/dist/contexts/salesAgentContext/index.js";
-import "../../../packages/hooks/dist/contexts/hardcopyContext/index.js";
-
-//#region src/components/FloatingChat/types/types.d.ts
-/**
- * Props for the FloatingChat component.
- * Provides a floating chat interface for AI-powered sales assistance.
- */
-interface FloatingChatProps {
-  /**
-   * Unique identifier for the component.
-   */
-  id?: string;
-  /**
-   * Additional CSS classes to apply to the component.
-   */
-  className?: string;
-  /**
-   * Inline styles to apply to the component.
-   */
-  style?: React.CSSProperties;
-  /**
-   * Test identifier for testing utilities.
-   */
-  testId?: string;
-  /**
-   * Theme variant to apply to the chat interface.
-   * @default Theme.GLOBAL_CUSTOM
-   */
-  theme?: Theme;
-  /**
-   * Sales agent data containing messages, suggestions, and interaction handlers.
-   */
-  salesAgentData: SalesAgent;
-  /**
-   * Configuration for the floating chat behavior and appearance.
-   */
-  floatingChatConfig: FloatingChatConfig;
-  /**
-   * Look and feel configuration including branding and styling options.
-   */
-  lookAndFeelConfig: LookAndFeelConfig;
-  /**
-   * Callback function invoked when the user closes the chat.
-   */
-  onClose: () => void;
-  /**
-   * Callback function invoked when the user closes the chat via a swipe gesture.
-   */
-  onSwipeClose?: () => void;
-  /**
-   * Callback function invoked when the user toggles the CX button.
-   */
-  onToggleCXButton?: () => void;
-  /**
-   * Whether the CX button switch is enabled.
-   */
-  isCXButtonSwitchEnabled: boolean;
-  /**
-   * Whether the chat is open.
-   */
-  isFloatingChatOpen: boolean;
-  /**
-   * Hardcopy content to display in the chat.
-   */
-  hardcopyContent: HardcopyResponse;
-  /**
-   * Debug bar to display in the chat.
-   */
-  debugBar?: React.ReactNode;
-}
-//#endregion
-export { FloatingChatProps };

package/dist/components/FloatingChat/utils/functions.cjs

@@ -1,86 +0,0 @@
-const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
-let __envive_ai_react_hooks_application_models = require("@envive-ai/react-hooks/application/models");
-
-//#region src/components/FloatingChat/utils/functions.ts
-const groupableMessageTypes = new Set([
-	__envive_ai_react_hooks_application_models.MessageType.Product,
-	__envive_ai_react_hooks_application_models.MessageType.Review,
-	__envive_ai_react_hooks_application_models.MessageType.Page,
-	__envive_ai_react_hooks_application_models.MessageType.Form
-]);
-const getGroupableMessages = (message) => {
-	return message.reduce((acc, msg) => {
-		if (groupableMessageTypes.has(msg.type)) {
-			const existingGroup = acc.find(([type]) => type === msg.type);
-			if (existingGroup) existingGroup[1].push(msg);
-			else acc.push([msg.type, [msg]]);
-		} else acc.push([msg.type, [msg]]);
-		return acc;
-	}, []);
-};
-const checkIfHideAgentName = (messages) => {
-	return messages.some((msg) => msg.role === __envive_ai_react_hooks_application_models.MessageRole.Assistant && msg.type !== __envive_ai_react_hooks_application_models.MessageType.Separator);
-};
-const getCleanProducts = (messages) => {
-	return messages.map((msg) => {
-		if (msg.type === __envive_ai_react_hooks_application_models.MessageType.Product && !msg.metadata.isForGrid) return {
-			productName: msg.metadata.title,
-			currentPrice: msg.metadata.salePrice,
-			previousPrice: msg.metadata.originalPrice,
-			pricePrefix: "$",
-			rate: msg.metadata.averageRating,
-			numberOfReviews: msg.metadata.numberReviews,
-			url: msg.metadata.url,
-			image: {
-				src: msg.metadata.imageUrl,
-				alt: `${msg.metadata.title} image`
-			}
-		};
-		return null;
-	}).filter((product) => product !== null);
-};
-const getCleanReviews = (messages) => {
-	return messages.map((msg) => {
-		if (msg.type === __envive_ai_react_hooks_application_models.MessageType.Review && msg.metadata.review && msg.metadata.reviewer) return {
-			id: msg.id,
-			name: msg.metadata.reviewer,
-			rating: msg.metadata.stars,
-			reviewText: msg.metadata.review
-		};
-		return null;
-	}).filter((review) => review !== null);
-};
-const getCleanDocuments = (messages) => {
-	return messages.map((msg) => {
-		if (msg.type === __envive_ai_react_hooks_application_models.MessageType.Page && msg.metadata?.url) return {
-			title: msg.metadata?.title,
-			description: msg.metadata?.description,
-			articleUrl: msg.metadata?.url
-		};
-		return null;
-	}).filter((document) => document !== null);
-};
-const getCleanOrders = (messages) => {
-	const order = messages.find((msg) => msg.type === __envive_ai_react_hooks_application_models.MessageType.Order);
-	const lineItems = order?.metadata.lineItems ?? [];
-	if (!order || lineItems.length === 0) return null;
-	return lineItems.map((item) => {
-		if (item.image && item.orderItemId && order.createdAt) return {
-			id: item.orderItemId,
-			productImages: [item.image],
-			orderStatus: item.fulfillmentDisplayStatus,
-			orderNumber: order.metadata.orderNumber,
-			orderDate: order.createdAt,
-			trackOrderUrl: item.trackingUrl
-		};
-		return null;
-	}).filter((o) => o !== null);
-};
-
-//#endregion
-exports.checkIfHideAgentName = checkIfHideAgentName;
-exports.getCleanDocuments = getCleanDocuments;
-exports.getCleanOrders = getCleanOrders;
-exports.getCleanProducts = getCleanProducts;
-exports.getCleanReviews = getCleanReviews;
-exports.getGroupableMessages = getGroupableMessages;

package/dist/components/Form/Form.cjs

@@ -1,53 +0,0 @@
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_index = require('./components/index.cjs');
-const require_useFormsTextFieldValues = require('./hooks/useFormsTextFieldValues.cjs');
-const require_buildSubmitButtonElement = require('./utils/buildSubmitButtonElement.cjs');
-const require_handleFormsSubmit = require('./utils/handleFormsSubmit.cjs');
-const require_mapTextFields = require('./utils/mapTextFields.cjs');
-let react = require("react");
-let react_jsx_runtime = require("react/jsx-runtime");
-let classnames = require("classnames");
-classnames = require_rolldown_runtime.__toESM(classnames);
-
-//#region src/components/Form/Form.tsx
-/**
-* Renders a form with multiple text inputs and a submit button.
-*/
-const Form = ({ textFields, submitButton, onSubmit, ariaLabel, id, testId, className, style }) => {
-	const { values, handleChange } = require_useFormsTextFieldValues.useFormsTextFieldValues({ textFields });
-	const [fieldErrors, setFieldErrors] = (0, react.useState)({});
-	const submitButtonElement = require_buildSubmitButtonElement.buildSubmitButtonElement(submitButton);
-	const handleSubmit = (event) => {
-		event.preventDefault();
-		if (submitButton.isDisabled) return;
-		const validation = require_handleFormsSubmit.handleFormsSubmit({
-			textFields,
-			values,
-			onSubmit
-		});
-		if (!validation.isValid) setFieldErrors(validation.fieldErrors);
-		else setFieldErrors({});
-	};
-	const handleFieldChange = (index, value) => {
-		handleChange(index, value);
-		if (fieldErrors[index]) setFieldErrors((prev) => {
-			const next = { ...prev };
-			delete next[index];
-			return next;
-		});
-	};
-	const textFieldNodes = require_mapTextFields.mapTextFields(textFields, values, handleFieldChange, fieldErrors);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.FormsComponents.Layout, {
-		id,
-		testId,
-		className: (0, classnames.default)(className),
-		style,
-		ariaLabel,
-		onSubmit: handleSubmit,
-		textFields: textFieldNodes,
-		submitButton: submitButtonElement
-	});
-};
-
-//#endregion
-exports.Form = Form;

package/dist/components/Form/components/Layout.cjs

@@ -1,35 +0,0 @@
-const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
-const require_Stack = require('../../Stack/Stack.cjs');
-require('../../Stack/index.cjs');
-let react_jsx_runtime = require("react/jsx-runtime");
-let classnames = require("classnames");
-classnames = require_rolldown_runtime.__toESM(classnames);
-
-//#region src/components/Form/components/Layout.tsx
-const Layout = ({ textFields, submitButton, onSubmit, ariaLabel, id, testId, className, style }) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("form", {
-		id,
-		"data-testid": testId,
-		className: (0, classnames.default)("envive-tw-w-full", className),
-		style,
-		onSubmit,
-		"aria-label": ariaLabel,
-		noValidate: true,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Stack.Stack, {
-			direction: "column",
-			align: "stretch",
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Stack.Stack, {
-				direction: "column",
-				gap: 4,
-				align: "stretch",
-				children: textFields
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: "envive-tw-mt-6",
-				children: submitButton
-			})]
-		})
-	});
-};
-
-//#endregion
-exports.Layout = Layout;

package/dist/components/Form/components/SubmitButtonItem.cjs

@@ -1,24 +0,0 @@
-const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
-const require_useGetButtonProperties = require('../hooks/useGetButtonProperties.cjs');
-let react_jsx_runtime = require("react/jsx-runtime");
-let classnames = require("classnames");
-classnames = require_rolldown_runtime.__toESM(classnames);
-
-//#region src/components/Form/components/SubmitButtonItem.tsx
-const SubmitButtonItem = ({ label, isDisabled = false, ariaLabel, id, testId, className, style }) => {
-	const { buttonLayoutClasses, buttonDefaultClasses, buttonHoverClasses, buttonDisabledClasses, buttonContentClasses } = require_useGetButtonProperties.useGetButtonProperties();
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-		id,
-		"data-testid": testId,
-		type: "submit",
-		disabled: isDisabled,
-		className: (0, classnames.default)(buttonLayoutClasses, buttonDefaultClasses, !isDisabled && buttonHoverClasses, buttonDisabledClasses, buttonContentClasses, className),
-		style,
-		"aria-label": ariaLabel,
-		"aria-disabled": isDisabled,
-		children: label
-	});
-};
-
-//#endregion
-exports.SubmitButtonItem = SubmitButtonItem;

package/dist/components/Form/components/TextFieldItem.cjs

@@ -1,43 +0,0 @@
-const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
-const require_useGetTextFieldProperties = require('../hooks/useGetTextFieldProperties.cjs');
-let react_jsx_runtime = require("react/jsx-runtime");
-let classnames = require("classnames");
-classnames = require_rolldown_runtime.__toESM(classnames);
-
-//#region src/components/Form/components/TextFieldItem.tsx
-const TextFieldItem = ({ label, value, onChange, type, error, ariaLabel, id, testId, className, style }) => {
-	const hasValue = value.trim().length > 0;
-	const hasError = !!error;
-	const { wrapperLayoutClasses, wrapperDefaultClasses, wrapperBorderClasses, wrapperFocusWithinClasses, inputBaseClasses, inputPlaceholderClasses, inputActiveClasses, floatingLabelClasses, errorMessageClasses } = require_useGetTextFieldProperties.useGetTextFieldProperties({ hasError });
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: "envive-tw-w-full",
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			id,
-			"data-testid": testId,
-			className: (0, classnames.default)(wrapperLayoutClasses, "envive-tw-relative", wrapperDefaultClasses, wrapperBorderClasses, wrapperFocusWithinClasses, className),
-			style,
-			children: [hasValue && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
-				className: floatingLabelClasses,
-				htmlFor: id,
-				children: label
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-				type,
-				placeholder: label,
-				value,
-				onChange: (event) => onChange(event.target.value),
-				"aria-label": ariaLabel,
-				"aria-invalid": hasError,
-				"aria-describedby": hasError ? `${id}-error` : void 0,
-				className: (0, classnames.default)(inputBaseClasses, inputPlaceholderClasses, hasValue && inputActiveClasses)
-			})]
-		}), hasError && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-			id: id ? `${id}-error` : void 0,
-			className: errorMessageClasses,
-			role: "alert",
-			children: error
-		})]
-	});
-};
-
-//#endregion
-exports.TextFieldItem = TextFieldItem;

package/dist/components/Form/hooks/useFormsTextFieldValues.cjs

@@ -1,31 +0,0 @@
-const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
-let react = require("react");
-
-//#region src/components/Form/hooks/useFormsTextFieldValues.ts
-/**
-* Manages the values state for the form text fields.
-*/
-const useFormsTextFieldValues = ({ textFields }) => {
-	const [values, setValues] = (0, react.useState)(() => Array(textFields.length).fill(""));
-	(0, react.useEffect)(() => {
-		setValues((prev) => {
-			if (prev.length === textFields.length) return prev;
-			const next = Array(textFields.length).fill("");
-			for (let i = 0; i < Math.min(prev.length, next.length); i += 1) next[i] = prev[i] ?? "";
-			return next;
-		});
-	}, [textFields.length]);
-	return {
-		values,
-		handleChange: (0, react.useCallback)((index, value) => {
-			setValues((prev) => {
-				const next = [...prev];
-				next[index] = value;
-				return next;
-			});
-		}, [])
-	};
-};
-
-//#endregion
-exports.useFormsTextFieldValues = useFormsTextFieldValues;

package/dist/components/Form/hooks/useGetButtonProperties.cjs

@@ -1,21 +0,0 @@
-const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
-let react = require("react");
-
-//#region src/components/Form/hooks/useGetButtonProperties.ts
-/**
-* Returns submit button styling classes for Forms.
-*/
-const useGetButtonProperties = () => {
-	return (0, react.useMemo)(() => {
-		return {
-			buttonLayoutClasses: "envive-tw-flex envive-tw-w-full envive-tw-py-2 envive-tw-px-4 envive-tw-justify-center envive-tw-items-center envive-tw-gap-2 envive-tw-rounded-global-custom",
-			buttonDefaultClasses: "envive-tw-bg-background-dark envive-tw-text-text-light",
-			buttonHoverClasses: "hover:envive-tw-bg-[color-mix(in_srgb,var(--envive-colors-background-secondary)_92%,#000000_8%)] hover:envive-tw-text-text-primary",
-			buttonDisabledClasses: "disabled:envive-tw-opacity-50",
-			buttonContentClasses: "envive-tw-text-b3-md"
-		};
-	}, []);
-};
-
-//#endregion
-exports.useGetButtonProperties = useGetButtonProperties;

package/dist/components/Form/hooks/useGetTextFieldProperties.cjs

@@ -1,25 +0,0 @@
-const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
-let react = require("react");
-
-//#region src/components/Form/hooks/useGetTextFieldProperties.ts
-/**
-* Returns input and wrapper styling classes for the Forms inputs.
-*/
-const useGetTextFieldProperties = ({ hasError }) => {
-	return (0, react.useMemo)(() => {
-		return {
-			wrapperLayoutClasses: "envive-tw-flex envive-tw-w-full envive-tw-py-2 envive-tw-px-4 envive-tw-justify-center envive-tw-items-center envive-tw-gap-2.5",
-			wrapperDefaultClasses: "envive-tw-border envive-tw-border-solid envive-tw-bg-background-light envive-tw-rounded-global-custom",
-			wrapperBorderClasses: hasError ? "envive-tw-border-red-500" : "envive-tw-border-border-light",
-			wrapperFocusWithinClasses: hasError ? "" : "focus-within:envive-tw-border-[--envive-colors-text-link]",
-			inputBaseClasses: "envive-tw-w-full envive-tw-bg-transparent envive-tw-border-0 envive-tw-outline-none envive-tw-text-b3-rg",
-			inputPlaceholderClasses: "placeholder:envive-tw-text-text-secondary focus:placeholder:envive-tw-text-text-primary",
-			inputActiveClasses: "envive-tw-text-text-primary",
-			floatingLabelClasses: "envive-tw-text-b5-rg envive-tw-pointer-events-none envive-tw-absolute envive-tw-left-4 envive-tw-top-[0px] envive-tw--translate-y-1/2 envive-tw-bg-background-light envive-tw-px-[6px] envive-tw-leading-[13px] envive-tw-text-text-link",
-			errorMessageClasses: "envive-tw-text-red-500 envive-tw-text-b5-rg envive-tw-mt-1"
-		};
-	}, [hasError]);
-};
-
-//#endregion
-exports.useGetTextFieldProperties = useGetTextFieldProperties;

package/dist/components/Form/utils/buildSubmitButtonElement.cjs

@@ -1,18 +0,0 @@
-const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
-const require_index = require('../components/index.cjs');
-let react = require("react");
-
-//#region src/components/Form/utils/buildSubmitButtonElement.ts
-/**
-* Builds the submit button element based on the submit button definition.
-*/
-const buildSubmitButtonElement = (submitButton) => {
-	return (0, react.createElement)(require_index.FormsComponents.SubmitButtonItem, {
-		label: submitButton.label,
-		ariaLabel: submitButton.ariaLabel,
-		isDisabled: submitButton.isDisabled
-	});
-};
-
-//#endregion
-exports.buildSubmitButtonElement = buildSubmitButtonElement;

package/dist/components/Form/utils/createFormSchema.cjs

@@ -1,40 +0,0 @@
-const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
-let zod = require("zod");
-
-//#region src/components/Form/utils/createFormSchema.ts
-/**
-* Creates a Zod schema for form validation based on the field definitions.
-*/
-const createFormSchema = (textFields) => {
-	const schemaObject = {};
-	textFields.forEach((field, index) => {
-		const fieldKey = `field_${index}`;
-		const fieldType = field.type;
-		if (fieldType === "number") {
-			const numberSchema = zod.z.union([zod.z.coerce.number(), zod.z.literal("")]);
-			if (field.isRequired) schemaObject[fieldKey] = numberSchema.refine((val) => val !== "", `${field.label} is missing`);
-			else schemaObject[fieldKey] = numberSchema;
-		} else {
-			let stringSchema = zod.z.string();
-			if (fieldType === "email") stringSchema = stringSchema.email(`Not a valid email address`);
-			else if (fieldType === "url") stringSchema = stringSchema.url(`${field.label} must be a valid URL`);
-			if (field.isRequired) {
-				stringSchema = stringSchema.min(1, `${field.label} is missing`);
-				schemaObject[fieldKey] = stringSchema;
-			} else schemaObject[fieldKey] = zod.z.string().refine((val) => {
-				if (val === "") return true;
-				if (fieldType === "email") return zod.z.string().email().safeParse(val).success;
-				if (fieldType === "url") return zod.z.string().url().safeParse(val).success;
-				return true;
-			}, { message: (() => {
-				if (fieldType === "email") return "Not a valid email address";
-				if (fieldType === "url") return "Not a valid URL";
-				return "";
-			})() });
-		}
-	});
-	return zod.z.object(schemaObject);
-};
-
-//#endregion
-exports.createFormSchema = createFormSchema;

package/dist/components/Form/utils/mapTextFields.cjs

@@ -1,24 +0,0 @@
-const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
-const require_index = require('../components/index.cjs');
-let react = require("react");
-
-//#region src/components/Form/utils/mapTextFields.ts
-/**
-* Maps text field definitions to TextFieldItem elements.
-*/
-const mapTextFields = (textFields, values, onChange, fieldErrors = {}) => {
-	return textFields.map((field, index) => {
-		return (0, react.createElement)(require_index.FormsComponents.TextFieldItem, {
-			key: `${field.label}`,
-			label: field.label,
-			value: values[index] ?? "",
-			type: field.type,
-			onChange: (value) => onChange(index, value),
-			ariaLabel: field.ariaLabel,
-			error: fieldErrors[index]
-		});
-	});
-};
-
-//#endregion
-exports.mapTextFields = mapTextFields;

package/dist/components/FormField/FormField.cjs

@@ -1,79 +0,0 @@
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_Input = require('../Input/Input.cjs');
-const require_Label = require('../Label/Label.cjs');
-const require_FormHelperText = require('../FormHelperText/FormHelperText.cjs');
-const require_Textarea = require('../Textarea/Textarea.cjs');
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react);
-let react_jsx_runtime = require("react/jsx-runtime");
-let classnames = require("classnames");
-classnames = require_rolldown_runtime.__toESM(classnames);
-
-//#region src/components/FormField/FormField.tsx
-const FormField = react.forwardRef(({ label, required, value, defaultValue, onChange, onBlur, onFocus, onKeyDown, placeholder, disabled, name, type, multiline, rows, error, helperText, size, fullWidth, startAdornment, endAdornment, inputProps, inputRef, className, inputClassName, id, autoFocus, autoComplete, maxRows }, ref) => {
-	const hasAdornment = !!(startAdornment || endAdornment);
-	const errorClasses = error ? "envive-tw-border-destructive focus-visible:envive-tw-ring-destructive" : "";
-	const sizeClasses = size === "sm" ? "envive-tw-h-8 envive-tw-text-xs" : "";
-	const sharedInputProps = {
-		id,
-		name,
-		value,
-		defaultValue,
-		onChange,
-		onBlur,
-		onFocus,
-		onKeyDown,
-		placeholder,
-		disabled,
-		autoFocus,
-		autoComplete,
-		"aria-invalid": error || void 0,
-		...inputProps
-	};
-	const inputElement = multiline ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Textarea.Textarea, {
-		ref: inputRef,
-		rows,
-		className: (0, classnames.default)(errorClasses, inputClassName),
-		...sharedInputProps
-	}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Input.Input, {
-		ref: inputRef,
-		type,
-		className: (0, classnames.default)(errorClasses, sizeClasses, hasAdornment && "envive-tw-flex-1", inputClassName),
-		...sharedInputProps
-	});
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		ref,
-		className: (0, classnames.default)("envive-tw-space-y-1.5", fullWidth && "envive-tw-w-full", className),
-		children: [
-			label && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Label.Label, {
-				htmlFor: id,
-				children: [label, required && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-					className: "envive-tw-text-destructive envive-tw-ml-0.5",
-					children: "*"
-				})]
-			}),
-			hasAdornment ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: "envive-tw-relative envive-tw-flex envive-tw-items-center envive-tw-gap-2",
-				children: [
-					startAdornment && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-						className: "envive-tw-flex envive-tw-items-center envive-tw-text-muted-foreground",
-						children: startAdornment
-					}),
-					inputElement,
-					endAdornment && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-						className: "envive-tw-flex envive-tw-items-center envive-tw-text-muted-foreground",
-						children: endAdornment
-					})
-				]
-			}) : inputElement,
-			helperText && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_FormHelperText.FormHelperText, {
-				error,
-				children: helperText
-			})
-		]
-	});
-});
-FormField.displayName = "FormField";
-
-//#endregion
-exports.FormField = FormField;

package/dist/components/FormField/FormField.d.cts

@@ -1,7 +0,0 @@
-import { FormFieldProps } from "./types/index.cjs";
-import * as React$1 from "react";
-
-//#region src/components/FormField/FormField.d.ts
-declare const FormField: React$1.ForwardRefExoticComponent<FormFieldProps & React$1.RefAttributes<HTMLDivElement>>;
-//#endregion
-export { FormField };

package/dist/components/FormField/FormField.d.ts

@@ -1,7 +0,0 @@
-import { FormFieldProps } from "./types/index.js";
-import * as React$1 from "react";
-
-//#region src/components/FormField/FormField.d.ts
-declare const FormField: React$1.ForwardRefExoticComponent<FormFieldProps & React$1.RefAttributes<HTMLDivElement>>;
-//#endregion
-export { FormField };