@povio/ui 2.2.6 → 2.2.7

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 };

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);
@@ -23,4 +24,5 @@ const FormFieldLabel = ({ ref, as, label, isRequired, isDisabled, labelProps, cl
 		})]
 	});
 };
+//#endregion
 export { FormFieldLabel };

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

@@ -1,9 +1,11 @@
 import { cva } from "class-variance-authority";
-const formFieldError = cva("text-label-3 text-text-error-1", {
+//#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.js

@@ -1,9 +1,11 @@
 import { cva } from "class-variance-authority";
-const formFieldHelper = cva("text-label-3 text-text-default-2", {
+//#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);
@@ -72,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

@@ -8,6 +8,7 @@ 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);
@@ -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 };

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

@@ -1,7 +1,8 @@
 import { uiGroupOutlineClass } from "../../outline.clsx.js";
 import { compoundMapper } from "../../../utils/compoundMapper.js";
 import { cva } from "class-variance-authority";
-const radio = cva([
+//#region src/components/inputs/RadioGroup/radio.cva.ts
+var radio = cva([
 	"flex items-center justify-center border-2",
 	"relative size-3-5 rounded-full p-1-5",
 	"before:absolute before:hidden before:size-1 before:rounded-full",
@@ -24,10 +25,11 @@ const radio = cva([
 	] } },
 	defaultVariants: { variant: "default" }
 });
-const radioIndicatorClass = "group flex items-center gap-2";
-const radioTypography = compoundMapper({ default: {
+var radioIndicatorClass = "group flex items-center gap-2";
+var radioTypography = compoundMapper({ default: {
 	size: "label-1",
 	sizeMobile: "label-1",
 	variant: "default"
 } });
+//#endregion
 export { radio, radioIndicatorClass, radioTypography };

package/dist/components/inputs/Selection/Autocomplete/Autocomplete.js

@@ -2,7 +2,8 @@ import { SelectBase } from "../shared/SelectBase.js";
 import { jsx } from "react/jsx-runtime";
 import { mergeRefs } from "@react-aria/utils";
 import { Controller } from "react-hook-form";
-const Autocomplete = (props) => {
+//#region src/components/inputs/Selection/Autocomplete/Autocomplete.tsx
+var Autocomplete = (props) => {
 	if ("formControl" in props && props.formControl) {
 		const { formControl, ref, ...innerProps } = props;
 		return /* @__PURE__ */ jsx(Controller, {
@@ -25,4 +26,5 @@ const Autocomplete = (props) => {
 		isSearchable: true
 	});
 };
+//#endregion
 export { Autocomplete };

package/dist/components/inputs/Selection/Autocomplete/QueryAutocomplete.js

@@ -1,7 +1,8 @@
 import { Autocomplete } from "./Autocomplete.js";
 import { jsx } from "react/jsx-runtime";
 import { useState } from "react";
-const QueryAutocomplete = ({ query, queryParams, queryOptions, ...props }) => {
+//#region src/components/inputs/Selection/Autocomplete/QueryAutocomplete.tsx
+var QueryAutocomplete = ({ query, queryParams, queryOptions, ...props }) => {
 	const [search, setSearch] = useState("");
 	const { data: items, isLoading } = query({
 		search,
@@ -15,4 +16,5 @@ const QueryAutocomplete = ({ query, queryParams, queryOptions, ...props }) => {
 		isLoading
 	});
 };
+//#endregion
 export { QueryAutocomplete };

package/dist/components/inputs/Selection/Select/Select.js

@@ -2,7 +2,8 @@ import { SelectBase } from "../shared/SelectBase.js";
 import { jsx } from "react/jsx-runtime";
 import { mergeRefs } from "@react-aria/utils";
 import { Controller } from "react-hook-form";
-const Select = (props) => {
+//#region src/components/inputs/Selection/Select/Select.tsx
+var Select = (props) => {
 	if ("formControl" in props && props.formControl) {
 		const { formControl, ref, ...innerProps } = props;
 		return /* @__PURE__ */ jsx(Controller, {
@@ -21,4 +22,5 @@ const Select = (props) => {
 	}
 	return /* @__PURE__ */ jsx(SelectBase, { ...props });
 };
+//#endregion
 export { Select };

package/dist/components/inputs/Selection/shared/SelectBase.js

@@ -4,7 +4,8 @@ import { SelectContext } from "./select.context.js";
 import { SelectDesktop } from "./SelectDesktop.js";
 import { SelectMobile } from "./SelectMobile.js";
 import { jsx } from "react/jsx-runtime";
-const SelectBase = (dProps) => {
+//#region src/components/inputs/Selection/shared/SelectBase.tsx
+var SelectBase = (dProps) => {
 	const ui = UIConfig.useConfig();
 	const props = {
 		...dProps,
@@ -26,4 +27,5 @@ const SelectBase = (dProps) => {
 		children: isDesktop ? /* @__PURE__ */ jsx(SelectDesktop, { ...props }) : /* @__PURE__ */ jsx(SelectMobile, { ...props })
 	});
 };
+//#endregion
 export { SelectBase };

package/dist/components/inputs/Selection/shared/SelectDesktop.js

@@ -2,7 +2,7 @@ import { UIStyle } from "../../../../config/uiStyle.context.js";
 import { popover } from "../../../shared/popover.cva.js";
 import { FormField } from "../../FormField/FormField.js";
 import { TooltipWrapper } from "../../shared/TooltipWrapper.js";
-import { SelectAllItemId } from "./useSelectItems.js";
+import "./useSelectItems.js";
 import { SelectContext } from "./select.context.js";
 import { SelectInput } from "./SelectInput.js";
 import { SelectListBox } from "./SelectListBox.js";
@@ -12,7 +12,8 @@ import { Fragment as Fragment$1, useLayoutEffect, useMemo, useRef, useState } fr
 import { ComboBox, DialogTrigger, Popover } from "react-aria-components";
 import { useLabel, usePreventScroll } from "react-aria";
 import { mergeRefs } from "@react-aria/utils";
-const SelectDesktop = ({ ref, error, ignoreTriggerWidth, showSelectionContent, inputClassName, containerClassName, customTrigger, onBlur, ...props }) => {
+//#region src/components/inputs/Selection/shared/SelectDesktop.tsx
+var SelectDesktop = ({ ref, error, ignoreTriggerWidth, showSelectionContent, inputClassName, containerClassName, customTrigger, onBlur, ...props }) => {
 	const { label, tooltipText, helperText, isRequired, rightContent, isHeaderHidden, headerClassName, errorClassName, placeholder, variant, isDisabled, className, hideLabel, hideDropdownIcon, isSearchable, isClearable, isLoading, as, size, collapseAfter, selectedTagsType } = props;
 	const popoverCva = UIStyle.useCva("popover.cva", popover);
 	const formFieldProps = {
@@ -159,4 +160,5 @@ const SelectDesktop = ({ ref, error, ignoreTriggerWidth, showSelectionContent, i
 		})
 	});
 };
+//#endregion
 export { SelectDesktop };

package/dist/components/inputs/Selection/shared/SelectInput.js

@@ -1,7 +1,7 @@
 import { ArrowDropDownIcon } from "../../../../assets/icons/ArrowDropDown.js";
 import { UIStyle } from "../../../../config/uiStyle.context.js";
 import { Typography } from "../../../text/Typography/Typography.js";
-import { ns } from "../../../../config/i18n.js";
+import "../../../../config/i18n.js";
 import { FormFieldLabel } from "../../FormField/FormFieldLabel.js";
 import { InputClear } from "../../shared/InputClear.js";
 import { inputBase, inputSize } from "../../shared/input.cva.js";
@@ -13,7 +13,8 @@ import { use, useMemo, useRef, useState } from "react";
 import { Button, ComboBoxStateContext, Input } from "react-aria-components";
 import { useFocusVisible, useFocusWithin, useHover } from "react-aria";
 import { useTranslation } from "react-i18next";
-const SelectInput = ({ ref, placeholder, variant, as, size, isDisabled, isInvalid, className, hideDropdownIcon, isSearchable, isClearable, showSelectionContent, inputClassName, fieldProps, headerProps, selectedTagsType, collapseAfter, onCloseComboBox, onBlur, ...props }) => {
+//#region src/components/inputs/Selection/shared/SelectInput.tsx
+var SelectInput = ({ ref, placeholder, variant, as, size, isDisabled, isInvalid, className, hideDropdownIcon, isSearchable, isClearable, showSelectionContent, inputClassName, fieldProps, headerProps, selectedTagsType, collapseAfter, onCloseComboBox, onBlur, ...props }) => {
 	const inputSizeCva = UIStyle.useCva("input.sizeCva", inputSize);
 	const inputBaseCva = UIStyle.useCva("input.baseCva", inputBase);
 	const { t } = useTranslation("ui");
@@ -143,4 +144,5 @@ const SelectInput = ({ ref, placeholder, variant, as, size, isDisabled, isInvali
 		]
 	});
 };
+//#endregion
 export { SelectInput };

package/dist/components/inputs/Selection/shared/SelectInputTags.js

@@ -1,7 +1,8 @@
 import { Tag } from "../../../text/Tag/Tag.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useMemo } from "react";
-const SelectInputTags = ({ selectedItems, isDisabled, selectedTagsType, collapseAfter, onRemove }) => {
+//#region src/components/inputs/Selection/shared/SelectInputTags.tsx
+var SelectInputTags = ({ selectedItems, isDisabled, selectedTagsType, collapseAfter, onRemove }) => {
 	const { displayedItems, remainingCount } = useMemo(() => {
 		if (!collapseAfter || selectedItems.length <= collapseAfter) return {
 			displayedItems: selectedItems,
@@ -26,4 +27,5 @@ const SelectInputTags = ({ selectedItems, isDisabled, selectedTagsType, collapse
 	}, "remaining-count")] });
 	return /* @__PURE__ */ jsx("p", { children: selectedItems.map((item) => item.label).join(", ") });
 };
+//#endregion
 export { SelectInputTags };

package/dist/components/inputs/Selection/shared/SelectListBox.js

@@ -1,4 +1,4 @@
-import { SelectAllItemId } from "./useSelectItems.js";
+import "./useSelectItems.js";
 import { SelectContext } from "./select.context.js";
 import { SelectListBoxItem } from "./SelectListBoxItem.js";
 import { SelectListBoxItemSelectAll } from "./SelectListBoxItemSelectAll.js";
@@ -6,7 +6,8 @@ import { SelectListBoxLoadingItem } from "./SelectListBoxLoadingItem.js";
 import { jsx } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { ListBox, ListLayout, Virtualizer } from "react-aria-components";
-const SelectListBox = ({ label, selectionMode, isSearchable, isScrollable = true, virtualizerOptions, newItemRender, onLoadMore, className, onClose, ...props }) => {
+//#region src/components/inputs/Selection/shared/SelectListBox.tsx
+var SelectListBox = ({ label, selectionMode, isSearchable, isScrollable = true, virtualizerOptions, newItemRender, onLoadMore, className, onClose, ...props }) => {
 	const { fieldState, onChange, listItems, selectableListItems, selectedIds, isMultiple, onClear, onSelectAll } = SelectContext.useSelect();
 	const onSelectionChange = (value) => {
 		const ids = Array.from(value);
@@ -70,4 +71,5 @@ const SelectListBox = ({ label, selectionMode, isSearchable, isScrollable = true
 		children: renderItem
 	});
 };
+//#endregion
 export { SelectListBox };

package/dist/components/inputs/Selection/shared/SelectListBoxItem.js

@@ -1,4 +1,4 @@
-import { ns } from "../../../../config/i18n.js";
+import "../../../../config/i18n.js";
 import { CheckboxCheckmark } from "../../Checkbox/CheckboxCheckmark.js";
 import { SelectContext } from "./select.context.js";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -6,7 +6,8 @@ import { clsx } from "clsx";
 import { useMemo, useRef } from "react";
 import { ListBoxItem } from "react-aria-components";
 import { useTranslation } from "react-i18next";
-const SelectListBoxItem = ({ isSearchable, isNewItem, newItemRender, id, label, content, isDisabled }) => {
+//#region src/components/inputs/Selection/shared/SelectListBoxItem.tsx
+var SelectListBoxItem = ({ isSearchable, isNewItem, newItemRender, id, label, content, isDisabled }) => {
 	const ref = useRef(null);
 	const { t } = useTranslation("ui");
 	const { selectedIds, isMultiple } = SelectContext.useSelect();
@@ -44,5 +45,6 @@ const SelectListBoxItem = ({ isSearchable, isNewItem, newItemRender, id, label,
 		]
 	});
 };
-const selectListBoxItemClass = clsx("group flex cursor-pointer items-center gap-2 px-list-side-item-left py-list-height-item", "border-b border-b-elevation-outline-default-1 outline-none", "font-labels-default text-interactive-text-secondary-idle text-label-2", "hover:text-interactive-text-secondary-hover", "focus-visible:bg-interactive-contained-primary-focus focus-visible:text-interactive-text-secondary-idle-inverted", "disabled:cursor-default disabled:text-interactive-text-secondary-disabled");
+var selectListBoxItemClass = clsx("group flex cursor-pointer items-center gap-2 px-list-side-item-left py-list-height-item", "border-b border-b-elevation-outline-default-1 outline-none", "font-labels-default text-interactive-text-secondary-idle text-label-2", "hover:text-interactive-text-secondary-hover", "focus-visible:bg-interactive-contained-primary-focus focus-visible:text-interactive-text-secondary-idle-inverted", "disabled:cursor-default disabled:text-interactive-text-secondary-disabled");
+//#endregion
 export { SelectListBoxItem, selectListBoxItemClass };

package/dist/components/inputs/Selection/shared/SelectListBoxItemSelectAll.js

@@ -1,4 +1,4 @@
-import { ns } from "../../../../config/i18n.js";
+import "../../../../config/i18n.js";
 import { CheckboxCheckmark } from "../../Checkbox/CheckboxCheckmark.js";
 import { SelectContext } from "./select.context.js";
 import { selectListBoxItemClass } from "./SelectListBoxItem.js";
@@ -6,7 +6,8 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useRef } from "react";
 import { ListBoxItem } from "react-aria-components";
 import { useTranslation } from "react-i18next";
-const SelectListBoxItemSelectAll = ({ id, label, isDisabled }) => {
+//#region src/components/inputs/Selection/shared/SelectListBoxItemSelectAll.tsx
+var SelectListBoxItemSelectAll = ({ id, label, isDisabled }) => {
 	const ref = useRef(null);
 	const { t } = useTranslation("ui");
 	const { selectableListItems, selectedIds } = SelectContext.useSelect();
@@ -28,4 +29,5 @@ const SelectListBoxItemSelectAll = ({ id, label, isDisabled }) => {
 		}), t(($) => $.ui.select.allOption)]
 	});
 };
+//#endregion
 export { SelectListBoxItemSelectAll };

package/dist/components/inputs/Selection/shared/SelectListBoxLoadingItem.js

@@ -1,5 +1,5 @@
 import { Loader } from "../../../status/Loader/Loader.js";
-import { ns } from "../../../../config/i18n.js";
+import "../../../../config/i18n.js";
 import { SelectContext } from "./select.context.js";
 import { selectListBoxItemClass } from "./SelectListBoxItem.js";
 import { useIntersectionObserver } from "../../../../hooks/useIntersectionObserver.js";
@@ -7,7 +7,8 @@ import { jsx } from "react/jsx-runtime";
 import { useCallback } from "react";
 import { ListBoxItem } from "react-aria-components";
 import { useTranslation } from "react-i18next";
-const SelectListBoxLoadingItem = ({ id, label, onLoadMore }) => {
+//#region src/components/inputs/Selection/shared/SelectListBoxLoadingItem.tsx
+var SelectListBoxLoadingItem = ({ id, label, onLoadMore }) => {
 	const { t } = useTranslation("ui");
 	const { isDebouncing, isLoading, hasLoadMore } = SelectContext.useSelect();
 	const { ref } = useIntersectionObserver({
@@ -33,4 +34,5 @@ const SelectListBoxLoadingItem = ({ id, label, onLoadMore }) => {
 		})
 	});
 };
+//#endregion
 export { SelectListBoxLoadingItem };

package/dist/components/inputs/Selection/shared/SelectListBoxSelectionBar.js

@@ -1,10 +1,11 @@
-import { ns } from "../../../../config/i18n.js";
+import "../../../../config/i18n.js";
 import { TextButton } from "../../../buttons/TextButton/TextButton.js";
 import { SelectContext } from "./select.context.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { useTranslation } from "react-i18next";
-const SelectListBoxSelectionBar = ({ className }) => {
+//#region src/components/inputs/Selection/shared/SelectListBoxSelectionBar.tsx
+var SelectListBoxSelectionBar = ({ className }) => {
 	const { t } = useTranslation("ui");
 	const { onClear, onSelectAll } = SelectContext.useSelect();
 	return /* @__PURE__ */ jsxs("div", {
@@ -22,4 +23,5 @@ const SelectListBoxSelectionBar = ({ className }) => {
 		})]
 	});
 };
+//#endregion
 export { SelectListBoxSelectionBar };