@povio/ui 2.2.5 → 2.2.7

package/dist/components/inputs/File/shared/FileUploadContentEmpty.js

@@ -4,7 +4,8 @@ import { TextButton } from "../../../buttons/TextButton/TextButton.js";
 import { UploadIcon } from "../../../../assets/icons/Upload.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
-const FileUploadContentEmpty = ({ variant, as, isDisabled, title, browseText, uploadText, singleFile, hideButton = false, className }) => {
+//#region src/components/inputs/File/shared/FileUploadContentEmpty.tsx
+var FileUploadContentEmpty = ({ variant, as, isDisabled, title, browseText, uploadText, singleFile, hideButton = false, className }) => {
 	return /* @__PURE__ */ jsxs("div", {
 		className: clsx("flex w-full items-center gap-file-upload-content-gap-text-to-text", className, {
 			"flex-col": variant === "vertical",
@@ -51,4 +52,5 @@ const FileUploadContentEmpty = ({ variant, as, isDisabled, title, browseText, up
 		})]
 	});
 };
+//#endregion
 export { FileUploadContentEmpty };

package/dist/components/inputs/File/shared/FileUploadContentError.js

@@ -2,14 +2,15 @@ import { CloseIcon } from "../../../../assets/icons/Close.js";
 import { Typography } from "../../../text/Typography/Typography.js";
 import { Button as Button$1 } from "../../../buttons/Button/Button.js";
 import { InlineIconButton } from "../../../buttons/InlineIconButton/InlineIconButton.js";
+import "../../../../config/i18n.js";
 import { TextButton } from "../../../buttons/TextButton/TextButton.js";
-import { ns } from "../../../../config/i18n.js";
 import { WarningFilledIcon } from "../../../../assets/icons/WarningFilled.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { FileTrigger } from "react-aria-components";
 import { useTranslation } from "react-i18next";
-const FileUploadContentError = ({ variant, as, isDisabled, state, browseText, fileTriggerProps, removeWithIcon = false, singleFile, onRemove }) => {
+//#region src/components/inputs/File/shared/FileUploadContentError.tsx
+var FileUploadContentError = ({ variant, as, isDisabled, state, browseText, fileTriggerProps, removeWithIcon = false, singleFile, onRemove }) => {
 	const { t } = useTranslation("ui");
 	return /* @__PURE__ */ jsx("div", {
 		className: clsx("flex w-full flex-fill flex-col items-start"),
@@ -36,7 +37,7 @@ const FileUploadContentError = ({ variant, as, isDisabled, state, browseText, fi
 						size: "label-1",
 						as: "span",
 						className: clsx("self-stretch truncate text-text-default-1", { "text-center": variant === "vertical" }),
-						children: state.file.name
+						children: state.file?.name ?? state.displayName ?? ""
 					}), /* @__PURE__ */ jsx(Typography, {
 						variant: "default",
 						size: singleFile ? "label-2" : "label-3",
@@ -106,4 +107,5 @@ const FileUploadContentError = ({ variant, as, isDisabled, state, browseText, fi
 		})
 	});
 };
+//#endregion
 export { FileUploadContentError };

package/dist/components/inputs/File/shared/FileUploadContentFilled.js

@@ -2,15 +2,16 @@ import { CloseIcon } from "../../../../assets/icons/Close.js";
 import { Typography } from "../../../text/Typography/Typography.js";
 import { Button as Button$1 } from "../../../buttons/Button/Button.js";
 import { InlineIconButton } from "../../../buttons/InlineIconButton/InlineIconButton.js";
+import "../../../../config/i18n.js";
 import { TextButton } from "../../../buttons/TextButton/TextButton.js";
-import { ns } from "../../../../config/i18n.js";
 import { FileUtils } from "../../../../utils/file.utils.js";
 import { CheckCircleIcon } from "../../../../assets/icons/CheckCircle.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { FileTrigger } from "react-aria-components";
 import { useTranslation } from "react-i18next";
-const FileUploadContentFilled = ({ variant, as, isDisabled, state, browseText, fileTriggerProps, removeWithIcon = false, singleFile, onRemove }) => {
+//#region src/components/inputs/File/shared/FileUploadContentFilled.tsx
+var FileUploadContentFilled = ({ variant, as, isDisabled, state, browseText, fileTriggerProps, removeWithIcon = false, singleFile, onRemove }) => {
 	const { t } = useTranslation("ui");
 	return /* @__PURE__ */ jsx("div", {
 		className: clsx("flex w-full flex-fill flex-col items-start"),
@@ -37,13 +38,13 @@ const FileUploadContentFilled = ({ variant, as, isDisabled, state, browseText, f
 						size: "label-1",
 						as: "span",
 						className: "self-stretch truncate text-center text-text-default-1",
-						children: state.file.name
+						children: state.file?.name ?? state.displayName ?? ""
 					}), /* @__PURE__ */ jsx(Typography, {
 						variant: "default",
 						size: singleFile ? "label-2" : "label-3",
 						as: "span",
 						className: "text-text-default-2",
-						children: FileUtils.getCalculatedFileSize(state.file)
+						children: FileUtils.getFileDisplaySize(state)
 					})]
 				})]
 			}), /* @__PURE__ */ jsx("div", {
@@ -109,4 +110,5 @@ const FileUploadContentFilled = ({ variant, as, isDisabled, state, browseText, f
 		})
 	});
 };
+//#endregion
 export { FileUploadContentFilled };

package/dist/components/inputs/File/shared/FileUploadContentLoading.js

@@ -2,14 +2,15 @@ import { CloseIcon } from "../../../../assets/icons/Close.js";
 import { Typography } from "../../../text/Typography/Typography.js";
 import { Button } from "../../../buttons/Button/Button.js";
 import { InlineIconButton } from "../../../buttons/InlineIconButton/InlineIconButton.js";
-import { ns } from "../../../../config/i18n.js";
+import "../../../../config/i18n.js";
 import { FileUtils } from "../../../../utils/file.utils.js";
 import { FileIcon } from "../../../../assets/icons/File.js";
 import { ProgressBar } from "./ProgressBar.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { useTranslation } from "react-i18next";
-const FileUploadContentLoading = ({ index, variant, as, state, isDisabled, singleFile, onCancel }) => {
+//#region src/components/inputs/File/shared/FileUploadContentLoading.tsx
+var FileUploadContentLoading = ({ index, variant, as, state, isDisabled, singleFile, onCancel }) => {
 	const { t } = useTranslation("ui");
 	return /* @__PURE__ */ jsxs("div", {
 		className: clsx("flex w-full flex-col items-center", {
@@ -38,13 +39,13 @@ const FileUploadContentLoading = ({ index, variant, as, state, isDisabled, singl
 						size: "label-1",
 						as: "span",
 						className: "self-stretch truncate text-center text-text-default-1",
-						children: state.file.name
+						children: state.file?.name ?? state.displayName ?? ""
 					}), /* @__PURE__ */ jsx(Typography, {
 						variant: "default",
 						size: singleFile ? "label-2" : "label-3",
 						as: "span",
 						className: "text-text-default-2",
-						children: FileUtils.getCalculatedFileSize(state.file)
+						children: FileUtils.getFileDisplaySize(state)
 					})]
 				})]
 			}), /* @__PURE__ */ jsxs("div", {
@@ -73,4 +74,5 @@ const FileUploadContentLoading = ({ index, variant, as, state, isDisabled, singl
 		})]
 	});
 };
+//#endregion
 export { FileUploadContentLoading };

package/dist/components/inputs/File/shared/InputUploadContent.js

@@ -1,8 +1,8 @@
 import { UIStyle } from "../../../../config/uiStyle.context.js";
 import { Typography } from "../../../text/Typography/Typography.js";
 import { Button as Button$1 } from "../../../buttons/Button/Button.js";
+import "../../../../config/i18n.js";
 import { TextButton } from "../../../buttons/TextButton/TextButton.js";
-import { ns } from "../../../../config/i18n.js";
 import { inputSize } from "../../shared/input.cva.js";
 import { UploadIcon } from "../../../../assets/icons/Upload.js";
 import { inputUploadButton, inputUploadDropZone } from "./inputUploadButton.cva.js";
@@ -10,7 +10,8 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { DropZone, FileTrigger } from "react-aria-components";
 import { useTranslation } from "react-i18next";
-const InputUploadContent = (props) => {
+//#region src/components/inputs/File/shared/InputUploadContent.tsx
+var InputUploadContent = (props) => {
 	const { variant, isDisabled, error, placeholder, buttonText, ...rest } = props;
 	const { t } = useTranslation("ui");
 	const inputSizeCva = UIStyle.useCva("input.sizeCva", inputSize);
@@ -49,4 +50,5 @@ const InputUploadContent = (props) => {
 		})
 	});
 };
+//#endregion
 export { InputUploadContent };

package/dist/components/inputs/File/shared/InputUploadFilled.js

@@ -5,7 +5,8 @@ import { InlineIconButton } from "../../../buttons/InlineIconButton/InlineIconBu
 import { inputSize } from "../../shared/input.cva.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
-const InputUploadFilled = ({ files, onRemove, isDisabled }) => {
+//#region src/components/inputs/File/shared/InputUploadFilled.tsx
+var InputUploadFilled = ({ files, onRemove, isDisabled }) => {
 	return /* @__PURE__ */ jsxs("div", {
 		className: clsx("flex items-center rounded-input-rounding-default border border-input-outlined-outline-idle border-solid bg-input-outlined-idle", UIStyle.useCva("input.sizeCva", inputSize)({ size: "default" })),
 		children: [/* @__PURE__ */ jsx(Typography, {
@@ -23,4 +24,5 @@ const InputUploadFilled = ({ files, onRemove, isDisabled }) => {
 		})]
 	});
 };
+//#endregion
 export { InputUploadFilled };

package/dist/components/inputs/File/shared/ProgressBar.js

@@ -1,7 +1,8 @@
 import { Typography } from "../../../text/Typography/Typography.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import clsx$1 from "clsx";
-const ProgressBar = ({ progress = 0, valueLabel = "trailing" }) => {
+//#region src/components/inputs/File/shared/ProgressBar.tsx
+var ProgressBar = ({ progress = 0, valueLabel = "trailing" }) => {
 	return /* @__PURE__ */ jsxs("div", {
 		className: clsx$1("flex w-full items-center justify-center gap-file-upload-content-gap-progress-actions", valueLabel === "leading" && "flex-row-reverse"),
 		children: [/* @__PURE__ */ jsx("div", {
@@ -22,4 +23,5 @@ const ProgressBar = ({ progress = 0, valueLabel = "trailing" }) => {
 		})]
 	});
 };
+//#endregion
 export { ProgressBar };

package/dist/components/inputs/File/shared/fileUpload.cva.js

@@ -1,6 +1,7 @@
 import { clsx } from "clsx";
 import { cva } from "class-variance-authority";
-const fileUploadDropZoneBase = cva(["relative w-full rounded-file-upload-container-rounding-default"], {
+//#region src/components/inputs/File/shared/fileUpload.cva.ts
+var fileUploadDropZoneBase = cva(["relative w-full rounded-file-upload-container-rounding-default"], {
 	variants: {
 		variant: {
 			vertical: ["flex-col justify-center"],
@@ -35,7 +36,7 @@ const fileUploadDropZoneBase = cva(["relative w-full rounded-file-upload-contain
 	},
 	defaultVariants: { variant: "vertical" }
 });
-const fileUploadDropZone = (props) => {
+var fileUploadDropZone = (props) => {
 	const { className, ...rest } = props;
 	return clsx(fileUploadDropZoneBase(rest), className);
 };
@@ -46,4 +47,5 @@ cva(["flex gap-3"], {
 	} },
 	defaultVariants: { variant: "vertical" }
 });
+//#endregion
 export { fileUploadDropZone };

package/dist/components/inputs/File/shared/inputUploadButton.cva.js

@@ -1,17 +1,19 @@
 import { clsx } from "clsx";
 import { cva } from "class-variance-authority";
-const inputUploadButtonBase = cva(["flex w-full items-center justify-between gap-input-gap-input-to-button-gap"], {
+//#region src/components/inputs/File/shared/inputUploadButton.cva.ts
+var inputUploadButtonBase = cva(["flex w-full items-center justify-between gap-input-gap-input-to-button-gap"], {
 	variants: { variant: {
 		default: [],
 		nested: []
 	} },
 	defaultVariants: { variant: "default" }
 });
-const inputUploadButton = (props) => {
+var inputUploadButton = (props) => {
 	const { className, ...rest } = props;
 	return clsx(inputUploadButtonBase(rest), className);
 };
-const inputUploadDropZone = cva([
+var inputUploadDropZone = cva([
+	"relative",
 	"min-w-0 flex-1",
 	"flex items-center",
 	"group-invalid/input-upload:border group-invalid/input-upload:border-input-outlined-outline-error",
@@ -24,4 +26,5 @@ const inputUploadDropZone = cva([
 	} },
 	defaultVariants: { variant: "default" }
 });
+//#endregion
 export { inputUploadButton, inputUploadDropZone };

package/dist/components/inputs/FormField/FormField.js

@@ -1,7 +1,9 @@
 import { FormFieldError } from "./FormFieldError.js";
 import { FormFieldHeader } from "./FormFieldHeader.js";
+import { FormFieldHelper } from "./FormFieldHelper.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-const FormField = ({ ref, as, label, tooltipText, helperText, isRequired, rightContent, isDisabled, error, hideLabel, headerClassName, errorClassName, children, className, labelProps, isHeaderHidden, tabIndex, onMouseEnter, onFocusCapture }) => {
+//#region src/components/inputs/FormField/FormField.tsx
+var FormField = ({ ref, as, label, tooltipText, helperText, isRequired, rightContent, isDisabled, error, hideLabel, headerClassName, errorClassName, children, className, labelProps, isHeaderHidden, tabIndex, onMouseEnter, onFocusCapture }) => {
 	const headerProps = {
 		label,
 		tooltipText,
@@ -13,6 +15,12 @@ const FormField = ({ ref, as, label, tooltipText, helperText, isRequired, rightC
 		className: headerClassName,
 		labelProps
 	};
+	const helperProps = {
+		helperText,
+		isDisabled,
+		isHidden: !["filter", "floating"].includes(as ?? ""),
+		hasError: !!error
+	};
 	const errorProps = {
 		error,
 		isDisabled,
@@ -28,8 +36,10 @@ const FormField = ({ ref, as, label, tooltipText, helperText, isRequired, rightC
 		children: [
 			!["filter", "floating"].includes(as ?? "") && /* @__PURE__ */ jsx(FormFieldHeader, { ...headerProps }),
 			children,
+			/* @__PURE__ */ jsx(FormFieldHelper, { ...helperProps }),
 			/* @__PURE__ */ jsx(FormFieldError, { ...errorProps })
 		]
 	});
 };
+//#endregion
 export { FormField };

package/dist/components/inputs/FormField/FormFieldError.js

@@ -1,11 +1,13 @@
 import { UIStyle } from "../../../config/uiStyle.context.js";
-import { typography } from "../../text/Typography/typography.cva.js";
+import { formFieldError } from "./formFieldError.cva.js";
 import { jsx } from "react/jsx-runtime";
 import { clsx } from "clsx";
-const FormFieldError = ({ error, isDisabled, isHidden, className }) => {
+//#region src/components/inputs/FormField/FormFieldError.tsx
+var FormFieldError = ({ error, isDisabled, isHidden, className }) => {
 	return /* @__PURE__ */ jsx("p", {
-		className: clsx(UIStyle.useCva("typography.cva", typography)({ size: "label-3" }), "text-text-error-1", !error || isDisabled || isHidden ? "sr-only" : "mt-1-5", className),
+		className: clsx(UIStyle.useCva("formField.errorLabelCva", formFieldError)({ visible: !!error && !isDisabled && !isHidden }), className),
 		children: error
 	});
 };
+//#endregion
 export { FormFieldError };

package/dist/components/inputs/FormField/FormFieldHeader.js

@@ -5,7 +5,8 @@ import { FormFieldLabel } from "./FormFieldLabel.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { Focusable } from "react-aria-components";
-const FormFieldHeader = ({ label, tooltipText, helperText, isRequired, rightContent, isHeaderHidden, isDisabled, className, labelProps }) => {
+//#region src/components/inputs/FormField/FormFieldHeader.tsx
+var FormFieldHeader = ({ label, tooltipText, helperText, isRequired, rightContent, isHeaderHidden, isDisabled, className, labelProps }) => {
 	return /* @__PURE__ */ jsxs("div", {
 		className: clsx(isHeaderHidden ? "sr-only" : "mb-1", className),
 		children: [/* @__PURE__ */ jsxs("div", {
@@ -33,4 +34,5 @@ const FormFieldHeader = ({ label, tooltipText, helperText, isRequired, rightCont
 		})]
 	});
 };
+//#endregion
 export { FormFieldHeader };

package/dist/components/inputs/FormField/FormFieldHeaderClose.js

@@ -1,9 +1,10 @@
 import { CloseIcon } from "../../../assets/icons/Close.js";
-import { ns } from "../../../config/i18n.js";
+import "../../../config/i18n.js";
 import { jsx } from "react/jsx-runtime";
 import { Button } from "react-aria-components";
 import { useTranslation } from "react-i18next";
-const FormFieldHeaderClose = ({ onClose }) => {
+//#region src/components/inputs/FormField/FormFieldHeaderClose.tsx
+var FormFieldHeaderClose = ({ onClose }) => {
 	const { t } = useTranslation("ui");
 	return /* @__PURE__ */ jsx(Button, {
 		onPress: onClose,
@@ -12,4 +13,5 @@ const FormFieldHeaderClose = ({ onClose }) => {
 		children: /* @__PURE__ */ jsx(CloseIcon, { className: "size-6 text-interactive-text-secondary-idle" })
 	});
 };
+//#endregion
 export { FormFieldHeaderClose };

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

@@ -0,0 +1,8 @@
+export interface FormFieldHelperProps {
+    helperText?: string;
+    isDisabled?: boolean;
+    isHidden?: boolean;
+    hasError?: boolean;
+    className?: string;
+}
+export declare const FormFieldHelper: ({ helperText, isDisabled, isHidden, hasError, className }: FormFieldHelperProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/inputs/FormField/FormFieldHelper.js

@@ -0,0 +1,14 @@
+import { UIStyle } from "../../../config/uiStyle.context.js";
+import { formFieldHelper } from "./formFieldHelper.cva.js";
+import { jsx } from "react/jsx-runtime";
+import { clsx } from "clsx";
+//#region src/components/inputs/FormField/FormFieldHelper.tsx
+var FormFieldHelper = ({ helperText, isDisabled, isHidden, hasError, className }) => {
+	return /* @__PURE__ */ jsx("p", {
+		className: clsx(UIStyle.useCva("formField.helperLabelCva", formFieldHelper)({ visible: !!helperText && !isDisabled && !isHidden && !hasError }), className),
+		slot: "description",
+		children: helperText
+	});
+};
+//#endregion
+export { FormFieldHelper };

package/dist/components/inputs/FormField/FormFieldLabel.js

@@ -4,7 +4,8 @@ import { labelBase, labelTypography } from "../shared/label.cva.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { Label } from "react-aria-components";
-const FormFieldLabel = ({ ref, as, label, isRequired, isDisabled, labelProps, className }) => {
+//#region src/components/inputs/FormField/FormFieldLabel.tsx
+var FormFieldLabel = ({ ref, as, label, isRequired, isDisabled, labelProps, className }) => {
 	const typographyCva = UIStyle.useCva("typography.cva", typography);
 	const labelTypographyMap = UIStyle.useMapper("label.typography", labelTypography);
 	const labelBaseCva = UIStyle.useCva("label.cva", labelBase);
@@ -13,6 +14,7 @@ const FormFieldLabel = ({ ref, as, label, isRequired, isDisabled, labelProps, cl
 		ref,
 		className: clsx(typographyCva({
 			size: "label-2",
+			sizeMobile: "label-2",
 			variant: "prominent-1",
 			...labelTypographyMap({ as })
 		}), labelBaseCva({ as }), className, labelProps?.className),
@@ -22,4 +24,5 @@ const FormFieldLabel = ({ ref, as, label, isRequired, isDisabled, labelProps, cl
 		})]
 	});
 };
+//#endregion
 export { FormFieldLabel };

package/dist/components/inputs/FormField/formFieldError.cva.d.ts

@@ -0,0 +1,6 @@
+import { VariantProps } from 'class-variance-authority';
+export declare const formFieldError: (props?: ({
+    visible?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface FormFieldErrorVariantProps extends VariantProps<typeof formFieldError> {
+}

package/dist/components/inputs/FormField/formFieldError.cva.js

@@ -0,0 +1,11 @@
+import { cva } from "class-variance-authority";
+//#region src/components/inputs/FormField/formFieldError.cva.ts
+var formFieldError = cva("text-label-3 text-text-error-1", {
+	variants: { visible: {
+		true: "mt-1-5",
+		false: "sr-only"
+	} },
+	defaultVariants: { visible: false }
+});
+//#endregion
+export { formFieldError };

package/dist/components/inputs/FormField/formFieldHelper.cva.d.ts

@@ -0,0 +1,6 @@
+import { VariantProps } from 'class-variance-authority';
+export declare const formFieldHelper: (props?: ({
+    visible?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface FormFieldHelperVariantProps extends VariantProps<typeof formFieldHelper> {
+}

package/dist/components/inputs/FormField/formFieldHelper.cva.js

@@ -0,0 +1,11 @@
+import { cva } from "class-variance-authority";
+//#region src/components/inputs/FormField/formFieldHelper.cva.ts
+var formFieldHelper = cva("text-label-3 text-text-default-2", {
+	variants: { visible: {
+		true: "mt-1-5",
+		false: "sr-only"
+	} },
+	defaultVariants: { visible: false }
+});
+//#endregion
+export { formFieldHelper };

package/dist/components/inputs/Input/NumberInput/NumberInput.js

@@ -12,6 +12,7 @@ import { useFocusVisible, useNumberField } from "react-aria";
 import { mergeRefs } from "@react-aria/utils";
 import { Controller } from "react-hook-form";
 import { useNumberFieldState } from "react-stately";
+//#region src/components/inputs/Input/NumberInput/NumberInput.tsx
 var NumberInputBase = (props) => {
 	const ui = UIConfig.useConfig();
 	const inputBaseCva = UIStyle.useCva("input.baseCva", inputBase);
@@ -112,7 +113,7 @@ var NumberInputBase = (props) => {
 		})
 	});
 };
-const NumberInput = (props) => {
+var NumberInput = (props) => {
 	if ("formControl" in props && props.formControl) {
 		const { formControl, ref, ...innerProps } = props;
 		return /* @__PURE__ */ jsx(Controller, {
@@ -132,4 +133,5 @@ const NumberInput = (props) => {
 	}
 	return /* @__PURE__ */ jsx(NumberInputBase, { ...props }, props.value === null || props.value === void 0 ? "empty" : "filled");
 };
+//#endregion
 export { NumberInput };

package/dist/components/inputs/Input/PasswordInput/PasswordInput.js

@@ -1,11 +1,12 @@
 import { VisibilityIcon } from "../../../../assets/icons/Visibility.js";
 import { VisibilityOffIcon } from "../../../../assets/icons/VisibilityOff.js";
-import { ns } from "../../../../config/i18n.js";
+import "../../../../config/i18n.js";
 import { TextInput } from "../TextInput/TextInput.js";
 import { jsx } from "react/jsx-runtime";
 import { useState } from "react";
 import { useTranslation } from "react-i18next";
-const PasswordInput = (props) => {
+//#region src/components/inputs/Input/PasswordInput/PasswordInput.tsx
+var PasswordInput = (props) => {
 	const { t } = useTranslation("ui");
 	const [isRevealed, setIsRevealed] = useState(false);
 	return /* @__PURE__ */ jsx(TextInput, {
@@ -18,4 +19,5 @@ const PasswordInput = (props) => {
 		}
 	});
 };
+//#endregion
 export { PasswordInput };

package/dist/components/inputs/Input/TextArea/TextArea.js

@@ -12,6 +12,7 @@ import { TextArea } from "react-aria-components";
 import { useTextField } from "react-aria";
 import { mergeRefs } from "@react-aria/utils";
 import { Controller } from "react-hook-form";
+//#region src/components/inputs/Input/TextArea/TextArea.tsx
 var TextAreaBase = (props) => {
 	const ui = UIConfig.useConfig();
 	const inputCva = useInputCva();
@@ -105,7 +106,7 @@ var TextAreaBase = (props) => {
 		})
 	});
 };
-const TextArea$1 = (props) => {
+var TextArea$1 = (props) => {
 	if ("formControl" in props && props.formControl) {
 		const { formControl, ref, ...innerProps } = props;
 		return /* @__PURE__ */ jsx(Controller, {
@@ -125,4 +126,5 @@ const TextArea$1 = (props) => {
 	}
 	return /* @__PURE__ */ jsx(TextAreaBase, { ...props });
 };
+//#endregion
 export { TextArea$1 as TextArea };

package/dist/components/inputs/Input/TextInput/TextInput.js

@@ -11,6 +11,7 @@ import { Input } from "react-aria-components";
 import { useFocusVisible, useTextField } from "react-aria";
 import { mergeRefs } from "@react-aria/utils";
 import { Controller } from "react-hook-form";
+//#region src/components/inputs/Input/TextInput/TextInput.tsx
 var TextInputBase = (props) => {
 	const ui = UIConfig.useConfig();
 	const inputBaseCva = UIStyle.useCva("input.baseCva", inputBase);
@@ -105,7 +106,7 @@ var TextInputBase = (props) => {
 		})
 	});
 };
-const TextInput = (props) => {
+var TextInput = (props) => {
 	if ("formControl" in props && props.formControl) {
 		const { formControl, ref, ...innerProps } = props;
 		return /* @__PURE__ */ jsx(Controller, {
@@ -125,4 +126,5 @@ const TextInput = (props) => {
 	}
 	return /* @__PURE__ */ jsx(TextInputBase, { ...props });
 };
+//#endregion
 export { TextInput };

package/dist/components/inputs/Input/shared/InputContent.js

@@ -8,7 +8,8 @@ import { inputSize } from "../../shared/input.cva.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { isValidElement } from "react";
-const InputContent = ({ leadingIcon: LeadingIcon, trailingIcon: TrailingIcon, unit, isLoading, isDisabled, action, isClearable, value, onChange, onBlur, children, headerProps, as, size }) => {
+//#region src/components/inputs/Input/shared/InputContent.tsx
+var InputContent = ({ leadingIcon: LeadingIcon, trailingIcon: TrailingIcon, unit, isLoading, isDisabled, action, isClearable, value, onChange, onBlur, children, headerProps, as, size }) => {
 	const typographyCva = UIStyle.useCva("typography.cva", typography);
 	const inputSizeCva = UIStyle.useCva("input.sizeCva", inputSize);
 	const isLeadingIconElement = LeadingIcon && isValidElement(LeadingIcon);
@@ -48,6 +49,7 @@ const InputContent = ({ leadingIcon: LeadingIcon, trailingIcon: TrailingIcon, un
 				unit && /* @__PURE__ */ jsx("span", {
 					className: typographyCva({
 						size: "label-2",
+						sizeMobile: "label-2",
 						variant: "prominent-1",
 						className: "text-text-default-3"
 					}),
@@ -71,4 +73,5 @@ const InputContent = ({ leadingIcon: LeadingIcon, trailingIcon: TrailingIcon, un
 		})]
 	});
 };
+//#endregion
 export { InputContent };

package/dist/components/inputs/Inputs/Form.js

@@ -5,6 +5,7 @@ import { getDefaultInputComponentType } from "../../../helpers/dynamicInputs.js"
 import { jsx } from "react/jsx-runtime";
 import { useMemo } from "react";
 import { z } from "zod";
+//#region src/components/inputs/Inputs/Form.tsx
 var createFieldComponent = (field, schemaKeyType, form) => {
 	return function FieldComponent({ inputType, label, placeholder, ...inputProps }) {
 		return /* @__PURE__ */ jsx(InputItem, {
@@ -39,4 +40,5 @@ function Form({ form, schema, onSubmit, onError, className, children }) {
 		children: children(components)
 	});
 }
+//#endregion
 export { Form };

package/dist/components/inputs/Inputs/InputItem.js

@@ -14,6 +14,7 @@ import { Slider } from "../Slider/Slider.js";
 import { Toggle } from "../Toggle/Toggle.js";
 import { Segment } from "../../segment/Segment.js";
 import { jsx } from "react/jsx-runtime";
+//#region src/components/inputs/Inputs/InputItem.tsx
 var componentRegistry = {
 	toggle: Toggle,
 	checkbox: Checkbox,
@@ -51,4 +52,5 @@ function InputItem({ form, inputDef }) {
 	});
 	return inputWrapper ? inputWrapper(inputComponent, label) : inputComponent;
 }
+//#endregion
 export { InputItem };

package/dist/components/inputs/Inputs/Inputs.js

@@ -1,5 +1,6 @@
 import { InputItem } from "./InputItem.js";
 import { jsx } from "react/jsx-runtime";
+//#region src/components/inputs/Inputs/Inputs.tsx
 function Inputs({ form, inputDefs, children }) {
 	if (!children) return inputDefs.map((inputDef) => /* @__PURE__ */ jsx(InputItem, {
 		form,
@@ -12,4 +13,5 @@ function Inputs({ form, inputDefs, children }) {
 	});
 	return children(childrenParams);
 }
+//#endregion
 export { Inputs };

package/dist/components/inputs/RadioGroup/RadioGroup.js

@@ -4,10 +4,11 @@ import { CheckContent } from "../shared/CheckContent.js";
 import { FormField } from "../FormField/FormField.js";
 import { radio, radioIndicatorClass, radioTypography } from "./radio.cva.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-import clsx$1 from "clsx";
+import { clsx } from "clsx";
 import { Radio, RadioGroup } from "react-aria-components";
 import { mergeRefs } from "@react-aria/utils";
 import { Controller } from "react-hook-form";
+//#region src/components/inputs/RadioGroup/RadioGroup.tsx
 var RadioGroupBase = (props) => {
 	const ui = UIConfig.useConfig();
 	const radioCva = UIStyle.useCva("radio.cva", radio);
@@ -36,10 +37,10 @@ var RadioGroupBase = (props) => {
 		children: /* @__PURE__ */ jsx(FormField, {
 			...formFieldProps,
 			children: /* @__PURE__ */ jsx("div", {
-				className: clsx$1("flex flex-col", inputClassName),
+				className: clsx("flex flex-col", inputClassName),
 				children: options.map((option) => /* @__PURE__ */ jsxs(Radio, {
 					value: option.value,
-					className: radioIndicatorClass,
+					className: clsx("relative", radioIndicatorClass),
 					children: [/* @__PURE__ */ jsx("div", { className: radioCva({
 						variant,
 						...rest
@@ -56,7 +57,7 @@ var RadioGroupBase = (props) => {
 		})
 	});
 };
-const RadioGroup$1 = (props) => {
+var RadioGroup$1 = (props) => {
 	if ("formControl" in props && props.formControl) {
 		const { formControl, ref, ...innerProps } = props;
 		return /* @__PURE__ */ jsx(Controller, {
@@ -77,4 +78,5 @@ const RadioGroup$1 = (props) => {
 	}
 	return /* @__PURE__ */ jsx(RadioGroupBase, { ...props });
 };
+//#endregion
 export { RadioGroup$1 as RadioGroup };