@povio/ui 2.2.6 → 2.2.8-rc

package/dist/components/inputs/DateTime/shared/DatePickerInput.js

@@ -15,7 +15,8 @@ import { useCallback, useImperativeHandle, useRef, useState } from "react";
 import { Button } from "react-aria-components";
 import { useFocusVisible, useFocusWithin, useHover } from "react-aria";
 import { getLocalTimeZone, now, toCalendarDateTime, today } from "@internationalized/date";
-const DatePickerInput = ({ ref, as, groupProps, fieldProps, endFieldProps, buttonProps, isDisabled, isInvalid, disableDropdown, variant, size, isDateTime, isClearable, headerProps, todayIcon, isDirty, isRequired, disableManualEntry, placeholder, className, onOpenDropdown, ...props }) => {
+//#region src/components/inputs/DateTime/shared/DatePickerInput.tsx
+var DatePickerInput = ({ ref, as, groupProps, fieldProps, endFieldProps, buttonProps, isDisabled, isInvalid, disableDropdown, variant, size, isDateTime, isClearable, headerProps, todayIcon, isDirty, isRequired, disableManualEntry, placeholder, className, onOpenDropdown, ...props }) => {
 	const inputBaseCva = UIStyle.useCva("input.baseCva", inputBase);
 	const inputSizeCva = UIStyle.useCva("input.sizeCva", inputSize);
 	const [canClear, setCanClear] = useState(false);
@@ -152,4 +153,5 @@ const DatePickerInput = ({ ref, as, groupProps, fieldProps, endFieldProps, butto
 		})]
 	});
 };
+//#endregion
 export { DatePickerInput };

package/dist/components/inputs/DateTime/shared/DateSegmentItem.js

@@ -2,7 +2,8 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { useRef } from "react";
 import { useDateSegment } from "react-aria";
-const getPlaceholder = (segment) => {
+//#region src/components/inputs/DateTime/shared/DateSegmentItem.tsx
+var getPlaceholder = (segment) => {
 	if (!segment.isPlaceholder) return null;
 	switch (segment.type) {
 		case "hour": return "hh";
@@ -11,7 +12,7 @@ const getPlaceholder = (segment) => {
 		default: return segment.placeholder;
 	}
 };
-const DateSegmentItem = ({ segment, state, isDisabled, timePickerOnly, hidePlaceholder }) => {
+var DateSegmentItem = ({ segment, state, isDisabled, timePickerOnly, hidePlaceholder }) => {
 	const ref = useRef(null);
 	const { segmentProps } = useDateSegment(segment, state, ref);
 	const isInputEmpty = !state.value;
@@ -26,4 +27,5 @@ const DateSegmentItem = ({ segment, state, isDisabled, timePickerOnly, hidePlace
 		}), segment.isPlaceholder ? "" : segment.text] })
 	});
 };
+//#endregion
 export { DateSegmentItem, getPlaceholder };

package/dist/components/inputs/DateTime/shared/DateTimeDialog.js

@@ -5,7 +5,8 @@ import { popover } from "../../../shared/popover.cva.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import clsx$1 from "clsx";
 import { Dialog, Popover } from "react-aria-components";
-const DateTimeDialog = ({ hideSidebar, children, footer, sidebar, label, isOpen, triggerRef, dialogProps, onOpenChange }) => {
+//#region src/components/inputs/DateTime/shared/DateTimeDialog.tsx
+var DateTimeDialog = ({ hideSidebar, children, footer, sidebar, label, isOpen, triggerRef, dialogProps, onOpenChange }) => {
 	const popoverCva = UIStyle.useCva("popover.cva", popover);
 	if (useBreakpoint("md")) {
 		if (!isOpen) return null;
@@ -40,4 +41,5 @@ const DateTimeDialog = ({ hideSidebar, children, footer, sidebar, label, isOpen,
 		children: [children, !hideSidebar && sidebar]
 	});
 };
+//#endregion
 export { DateTimeDialog };

package/dist/components/inputs/DateTime/shared/DateTimeDialogFooter.js

@@ -1,9 +1,10 @@
-import { ns } from "../../../../config/i18n.js";
+import "../../../../config/i18n.js";
 import { TextButton } from "../../../buttons/TextButton/TextButton.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { useTranslation } from "react-i18next";
-const DateTimeDialogFooter = ({ isValid = true, isDisabled = false, onTodayPress, onApply }) => {
+//#region src/components/inputs/DateTime/shared/DateTimeDialogFooter.tsx
+var DateTimeDialogFooter = ({ isValid = true, isDisabled = false, onTodayPress, onApply }) => {
 	const { t } = useTranslation("ui");
 	return /* @__PURE__ */ jsxs("footer", {
 		className: clsx("flex shrink-0 items-center gap-2 bg-elevation-fill-default-2 px-4 py-3 md:border-elevation-outline-default-1 md:border-t md:bg-elevation-fill-default-1 md:py-1-5", onTodayPress ? "justify-between" : "justify-end"),
@@ -22,4 +23,5 @@ const DateTimeDialogFooter = ({ isValid = true, isDisabled = false, onTodayPress
 		})]
 	});
 };
+//#endregion
 export { DateTimeDialogFooter };

package/dist/components/inputs/DateTime/shared/MonthPicker.js

@@ -3,7 +3,8 @@ import { jsx } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { ListBox, ListBoxItem } from "react-aria-components";
 import { useDateFormatter } from "@react-aria/i18n";
-const MonthPicker = ({ state, onSelectionChange }) => {
+//#region src/components/inputs/DateTime/shared/MonthPicker.tsx
+var MonthPicker = ({ state, onSelectionChange }) => {
 	const formatter = useDateFormatter({
 		month: "long",
 		timeZone: state.timeZone
@@ -53,4 +54,5 @@ const MonthPicker = ({ state, onSelectionChange }) => {
 		})
 	});
 };
+//#endregion
 export { MonthPicker };

package/dist/components/inputs/DateTime/shared/RangeCalendar.js

@@ -4,7 +4,8 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { useMemo, useRef } from "react";
 import { useRangeCalendar } from "@react-aria/calendar";
-const RangeCalendar = ({ className, leftCalendarState, rightCalendarState, calendarProps, onApply, onRangeChange: _onRangeChange, onDateSelection, onDateHover, rangeSelection, hoverDate, onKeyboardNavigation }) => {
+//#region src/components/inputs/DateTime/shared/RangeCalendar.tsx
+var RangeCalendar = ({ className, leftCalendarState, rightCalendarState, calendarProps, onApply, onRangeChange: _onRangeChange, onDateSelection, onDateHover, rangeSelection, hoverDate, onKeyboardNavigation }) => {
 	const leftRef = useRef(null);
 	const rightRef = useRef(null);
 	const { calendarProps: leftCalendarAriaProps } = useRangeCalendar(calendarProps, leftCalendarState, leftRef);
@@ -93,4 +94,5 @@ const RangeCalendar = ({ className, leftCalendarState, rightCalendarState, calen
 		})
 	});
 };
+//#endregion
 export { RangeCalendar };

package/dist/components/inputs/DateTime/shared/TimeField.js

@@ -1,6 +1,7 @@
 import { DateSegmentItem } from "./DateSegmentItem.js";
 import { jsx } from "react/jsx-runtime";
-const TimeField = ({ ref, fieldProps, state, isDisabled, hidePlaceholder }) => {
+//#region src/components/inputs/DateTime/shared/TimeField.tsx
+var TimeField = ({ ref, fieldProps, state, isDisabled, hidePlaceholder }) => {
 	return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("div", {
 		...fieldProps,
 		ref,
@@ -14,4 +15,5 @@ const TimeField = ({ ref, fieldProps, state, isDisabled, hidePlaceholder }) => {
 		}, i))
 	}) });
 };
+//#endregion
 export { TimeField };

package/dist/components/inputs/DateTime/shared/TimePickerForm.js

@@ -11,8 +11,9 @@ import { useEffect, useRef } from "react";
 import { useDateSegment, useLocale, useTimeField } from "react-aria";
 import { Time } from "@internationalized/date";
 import { useTimeFieldState } from "@react-stately/datepicker";
+//#region src/components/inputs/DateTime/shared/TimePickerForm.tsx
 var INCREMENT_STEP_SIZE = 5;
-const TimePickerForm = ({ state, datePickerState }) => {
+var TimePickerForm = ({ state, datePickerState }) => {
 	const isDesktop = useBreakpoint("md");
 	const { locale } = useLocale();
 	const fieldState = useTimeFieldState({
@@ -155,4 +156,5 @@ var TimeSegmentButton = ({ segment, state, type }) => {
 	});
 };
 var showSegmentText = (text) => !/[\u2066\u2069]/.test(text);
+//#endregion
 export { TimePickerForm };

package/dist/components/inputs/DateTime/shared/TimePickerInput.d.ts

@@ -15,7 +15,8 @@ interface DatePickerInputProps extends InputVariantProps {
     isClearable?: boolean;
     disableManualEntry?: boolean;
     placeholder?: string;
+    className?: string;
     onPress: () => void;
 }
-export declare const TimePickerInput: ({ ref, as, fieldProps, state, isDisabled, isDirty, isInvalid, disableDropdown, variant, size, isClearable, headerProps, disableManualEntry, placeholder, onPress, ...props }: DatePickerInputProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TimePickerInput: ({ ref, as, fieldProps, state, isDisabled, isDirty, isInvalid, disableDropdown, variant, size, isClearable, headerProps, disableManualEntry, placeholder, className, onPress, ...props }: DatePickerInputProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/inputs/DateTime/shared/TimePickerInput.js

@@ -11,7 +11,8 @@ import { clsx } from "clsx";
 import { useState } from "react";
 import { Button } from "react-aria-components";
 import { useFocusVisible, useFocusWithin, useHover } from "react-aria";
-const TimePickerInput = ({ ref, as, fieldProps, state, isDisabled, isDirty, isInvalid, disableDropdown, variant, size, isClearable, headerProps, disableManualEntry, placeholder, onPress, ...props }) => {
+//#region src/components/inputs/DateTime/shared/TimePickerInput.tsx
+var TimePickerInput = ({ ref, as, fieldProps, state, isDisabled, isDirty, isInvalid, disableDropdown, variant, size, isClearable, headerProps, disableManualEntry, placeholder, className, onPress, ...props }) => {
 	const inputBaseCva = UIStyle.useCva("input.baseCva", inputBase);
 	const inputSizeCva = UIStyle.useCva("input.sizeCva", inputSize);
 	const { hoverProps, isHovered } = useHover({ isDisabled });
@@ -22,12 +23,11 @@ const TimePickerInput = ({ ref, as, fieldProps, state, isDisabled, isDirty, isIn
 	const canClear = state.segments.some((segment) => segment.type !== "literal" && segment.isPlaceholder === false);
 	return /* @__PURE__ */ jsxs("div", {
 		ref,
-		className: inputBaseCva({
+		className: clsx(inputBaseCva({
 			variant,
 			as,
-			...props,
-			className: clsx("group/date-picker-content relative min-w-input-width-min-width", "flex items-center justify-between gap-input-gap-input-text-to-elements")
-		}),
+			...props
+		}), "group/date-picker-content relative min-w-input-width-min-width", "flex items-center justify-between gap-input-gap-input-text-to-elements", className),
 		"data-rac": "",
 		"data-datetime-input": "",
 		"data-hovered": isHovered || void 0,
@@ -85,4 +85,5 @@ const TimePickerInput = ({ ref, as, fieldProps, state, isDisabled, isDirty, isIn
 		})]
 	});
 };
+//#endregion
 export { TimePickerInput };

package/dist/components/inputs/DateTime/shared/YearPicker.js

@@ -6,7 +6,8 @@ import { useMemo } from "react";
 import { ListBox, ListBoxItem } from "react-aria-components";
 import { today } from "@internationalized/date";
 import { useDateFormatter } from "@react-aria/i18n";
-const YearPicker = ({ state, onSelectionChange }) => {
+//#region src/components/inputs/DateTime/shared/YearPicker.tsx
+var YearPicker = ({ state, onSelectionChange }) => {
 	const formatter = useDateFormatter({
 		year: "numeric",
 		timeZone: state.timeZone
@@ -61,4 +62,5 @@ const YearPicker = ({ state, onSelectionChange }) => {
 		})
 	});
 };
+//#endregion
 export { YearPicker };

package/dist/components/inputs/File/FileUpload.js

@@ -1,5 +1,5 @@
 import { UIConfig } from "../../../config/uiConfig.context.js";
-import { ns } from "../../../config/i18n.js";
+import "../../../config/i18n.js";
 import { FormField } from "../FormField/FormField.js";
 import { FileUtils } from "../../../utils/file.utils.js";
 import { FileCardList } from "./shared/FileCardList.js";
@@ -13,6 +13,7 @@ import { DropZone } from "react-aria-components";
 import { mergeRefs, useLabels } from "@react-aria/utils";
 import { useTranslation } from "react-i18next";
 import { Controller } from "react-hook-form";
+//#region src/components/inputs/File/FileUpload.tsx
 var FileUploadBase = (props) => {
 	const { t } = useTranslation("ui");
 	const { ref: _ref, label, tooltipText, variant = "vertical", as = "button", helperText, isRequired, isDisabled, headerClassName, errorClassName, isHeaderHidden, error, className, allowsMultiple = false, hideLabel, acceptedFileTypes, clearOnSuccess, emptyText = t(($) => $.ui.fileUpload.emptyText), uploadText = t(($) => $.ui.fileUpload.uploadText), browseText = t(($) => $.ui.fileUpload.browse), fileUpload, fileRemove, children, listRenderer, onInvalidFileType, defaultState, ...rest } = props;
@@ -89,9 +90,9 @@ var FileUploadBase = (props) => {
 				} : state));
 			});
 			if (clearOnSuccess) setUploadState([]);
-		} catch (error$1) {
+		} catch (error) {
 			setUploadState((prev) => prev.filter((_, i) => i < startIndex));
-			throw error$1;
+			throw error;
 		}
 	};
 	const handleSelect = (inputFiles) => {
@@ -180,7 +181,7 @@ var FileUploadBase = (props) => {
 		}))]
 	});
 };
-const FileUpload = (props) => {
+var FileUpload = (props) => {
 	if ("formControl" in props && props.formControl) {
 		const { formControl, ref, ...innerProps } = props;
 		return /* @__PURE__ */ jsx(Controller, {
@@ -198,4 +199,5 @@ const FileUpload = (props) => {
 	}
 	return /* @__PURE__ */ jsx(FileUploadBase, { ...props });
 };
+//#endregion
 export { FileUpload };

package/dist/components/inputs/File/FileUploadContainer.js

@@ -1,6 +1,7 @@
 import { FileUpload } from "./FileUpload.js";
 import { jsx } from "react/jsx-runtime";
-const FileUploadContainer = (props) => {
+//#region src/components/inputs/File/FileUploadContainer.tsx
+var FileUploadContainer = (props) => {
 	return /* @__PURE__ */ jsx(FileUpload, {
 		label: "",
 		hideLabel: true,
@@ -9,4 +10,5 @@ const FileUploadContainer = (props) => {
 		...props
 	});
 };
+//#endregion
 export { FileUploadContainer };

package/dist/components/inputs/File/InputUpload.js

@@ -8,6 +8,7 @@ import { clsx } from "clsx";
 import { useState } from "react";
 import { mergeRefs, useLabels } from "@react-aria/utils";
 import { Controller } from "react-hook-form";
+//#region src/components/inputs/File/InputUpload.tsx
 var InputUploadBase = ({ ref: _ref, label, tooltipText, variant, helperText, isRequired, isDisabled, headerClassName, errorClassName, isHeaderHidden, error, className, onChange, onInvalidFileType, value, defaultValue, allowsMultiple = false, hideLabel, acceptedFileTypes, ...rest }) => {
 	const ui = UIConfig.useConfig();
 	const [internalFiles, setInternalFiles] = useState(() => {
@@ -90,7 +91,7 @@ var InputUploadBase = ({ ref: _ref, label, tooltipText, variant, helperText, isR
 		})
 	});
 };
-const InputUpload = (props) => {
+var InputUpload = (props) => {
 	if ("formControl" in props && props.formControl) {
 		const { formControl, ref, ...innerProps } = props;
 		return /* @__PURE__ */ jsx(Controller, {
@@ -108,4 +109,5 @@ const InputUpload = (props) => {
 	}
 	return /* @__PURE__ */ jsx(InputUploadBase, { ...props });
 };
+//#endregion
 export { InputUpload };

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

@@ -4,7 +4,8 @@ import { FileUploadContentLoading } from "./FileUploadContentLoading.js";
 import { jsx } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { useMemo } from "react";
-const FileCard = ({ index, as, state, onRemove, isDisabled, onCancel }) => {
+//#region src/components/inputs/File/shared/FileCard.tsx
+var FileCard = ({ index, as, state, onRemove, isDisabled, onCancel }) => {
 	const content = useMemo(() => {
 		if (state.state === "uploading") return /* @__PURE__ */ jsx(FileUploadContentLoading, {
 			index,
@@ -47,4 +48,5 @@ const FileCard = ({ index, as, state, onRemove, isDisabled, onCancel }) => {
 		children: content
 	});
 };
+//#endregion
 export { FileCard };

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

@@ -1,7 +1,8 @@
 import { FileCard } from "./FileCard.js";
 import { jsx } from "react/jsx-runtime";
 import { clsx } from "clsx";
-const FileCardList = ({ uploadState, as, isDisabled, className, onRemove, onCancel }) => {
+//#region src/components/inputs/File/shared/FileCardList.tsx
+var FileCardList = ({ uploadState, as, isDisabled, className, onRemove, onCancel }) => {
 	return /* @__PURE__ */ jsx("div", {
 		className: clsx("mt-10 flex flex-col items-start gap-4 self-stretch", className),
 		children: uploadState.map((state, index) => /* @__PURE__ */ jsx(FileCard, {
@@ -14,4 +15,5 @@ const FileCardList = ({ uploadState, as, isDisabled, className, onRemove, onCanc
 		}, state.file?.name ?? state.displayName ?? state.id ?? state.src))
 	});
 };
+//#endregion
 export { FileCardList };

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

@@ -4,7 +4,8 @@ import { FileUploadContentLoading } from "./FileUploadContentLoading.js";
 import { FileUploadContentEmpty } from "./FileUploadContentEmpty.js";
 import { jsx } from "react/jsx-runtime";
 import { FileTrigger } from "react-aria-components";
-const FileUploadContent = ({ variant, as, isDisabled, browseText, uploadText, emptyText, uploadState, handleCancelUpload, handleRemove, acceptedFileTypes, allowsMultiple, handleSelect, ...rest }) => {
+//#region src/components/inputs/File/shared/FileUploadContent.tsx
+var FileUploadContent = ({ variant, as, isDisabled, browseText, uploadText, emptyText, uploadState, handleCancelUpload, handleRemove, acceptedFileTypes, allowsMultiple, handleSelect, ...rest }) => {
 	const currentState = uploadState.at(0);
 	const fileTriggerProps = {
 		...rest,
@@ -58,4 +59,5 @@ const FileUploadContent = ({ variant, as, isDisabled, browseText, uploadText, em
 		})
 	});
 };
+//#endregion
 export { FileUploadContent };

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 { ns } from "../../../../config/i18n.js";
+import "../../../../config/i18n.js";
 import { TextButton } from "../../../buttons/TextButton/TextButton.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"),
@@ -106,4 +107,5 @@ const FileUploadContentError = ({ variant, as, isDisabled, state, browseText, fi
 		})
 	});
 };
+//#endregion
 export { FileUploadContentError };

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

@@ -2,7 +2,7 @@ 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 { ns } from "../../../../config/i18n.js";
+import "../../../../config/i18n.js";
 import { TextButton } from "../../../buttons/TextButton/TextButton.js";
 import { FileUtils } from "../../../../utils/file.utils.js";
 import { CheckCircleIcon } from "../../../../assets/icons/CheckCircle.js";
@@ -10,7 +10,8 @@ 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"),
@@ -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", {
@@ -73,4 +74,5 @@ const FileUploadContentLoading = ({ index, variant, as, state, isDisabled, singl
 		})]
 	});
 };
+//#endregion
 export { FileUploadContentLoading };

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

@@ -1,7 +1,7 @@
 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 { ns } from "../../../../config/i18n.js";
+import "../../../../config/i18n.js";
 import { TextButton } from "../../../buttons/TextButton/TextButton.js";
 import { inputSize } from "../../shared/input.cva.js";
 import { UploadIcon } from "../../../../assets/icons/Upload.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

@@ -2,7 +2,8 @@ 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,
@@ -40,4 +41,5 @@ const FormField = ({ ref, as, label, tooltipText, helperText, isRequired, rightC
 		]
 	});
 };
+//#endregion
 export { FormField };

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

@@ -2,10 +2,12 @@ import { UIStyle } from "../../../config/uiStyle.context.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("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.js

@@ -2,11 +2,13 @@ import { UIStyle } from "../../../config/uiStyle.context.js";
 import { formFieldHelper } from "./formFieldHelper.cva.js";
 import { jsx } from "react/jsx-runtime";
 import { clsx } from "clsx";
-const FormFieldHelper = ({ helperText, isDisabled, isHidden, hasError, className }) => {
+//#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 };