@povio/ui 2.2.6 → 2.2.7

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

@@ -12,7 +12,8 @@ import { clsx } from "clsx";
 import { useRef } from "react";
 import { DialogTrigger } from "react-aria-components";
 import { useLabel } from "react-aria";
-const SelectMobile = ({ ref, error, showSelectionContent, inputClassName, containerClassName, customTrigger, onBlur, ...props }) => {
+//#region src/components/inputs/Selection/shared/SelectMobile.tsx
+var SelectMobile = ({ ref, error, showSelectionContent, inputClassName, containerClassName, customTrigger, onBlur, ...props }) => {
 	const { label, tooltipText, helperText, isRequired, rightContent, isHeaderHidden, headerClassName, errorClassName, placeholder, variant, isDisabled, className, hideLabel, hideDropdownIcon, hideSearchIcon, isSearchable, isClearable, as, collapseAfter, selectedTagsType } = props;
 	const formFieldProps = {
 		error,
@@ -112,4 +113,5 @@ const SelectMobile = ({ ref, error, showSelectionContent, inputClassName, contai
 		})
 	});
 };
+//#endregion
 export { SelectMobile };

package/dist/components/inputs/Selection/shared/select.context.js

@@ -1,8 +1,9 @@
-import { NewItemId, useSelectItems } from "./useSelectItems.js";
+import { useSelectItems } from "./useSelectItems.js";
 import { useDebounceCallback } from "../../../../hooks/useDebounceCallback.js";
 import { jsx } from "react/jsx-runtime";
 import { createContext, use, useCallback, useEffect, useMemo, useRef, useState } from "react";
-let SelectContext;
+//#region src/components/inputs/Selection/shared/select.context.tsx
+var SelectContext;
 (function(_SelectContext) {
 	const Context = createContext({});
 	const defaultMapInitialToSelectItem = (item) => ({
@@ -45,10 +46,10 @@ let SelectContext;
 		});
 		const selectedItems = useMemo(() => allItems.filter(({ id }) => Array.isArray(fieldState.value) ? fieldState.value.includes(id) : id === fieldState.value), [allItems, fieldState.value]);
 		const selectedIds = useMemo(() => selectedItems.map(({ id }) => id), [selectedItems]);
-		const getItem = useCallback((value$1) => allItems.find((item) => item && item.id === value$1) ?? null, [allItems]);
-		const updateValue = useCallback((value$1) => {
-			if (Array.isArray(value$1)) valueRef.current = value$1.map((id) => getItem(id)).filter((item) => item !== null);
-			else valueRef.current = getItem(value$1);
+		const getItem = useCallback((value) => allItems.find((item) => item && item.id === value) ?? null, [allItems]);
+		const updateValue = useCallback((value) => {
+			if (Array.isArray(value)) valueRef.current = value.map((id) => getItem(id)).filter((item) => item !== null);
+			else valueRef.current = getItem(value);
 		}, [getItem]);
 		const getValueIds = () => Array.isArray(valueRef.current) ? valueRef.current.map(({ id }) => id) : valueRef.current?.id ?? null;
 		const emitStateChanges = useCallback((changes, skipSelectionChange) => {
@@ -67,10 +68,10 @@ let SelectContext;
 			onSearchChangeDebounced,
 			updateValue
 		]);
-		const syncFieldState = (value$1) => {
+		const syncFieldState = (value) => {
 			const newFieldState = {
-				value: value$1,
-				inputValue: isMultiple || Array.isArray(value$1) ? fieldState.inputValue : getItem(value$1)?.label ?? "",
+				value,
+				inputValue: isMultiple || Array.isArray(value) ? fieldState.inputValue : getItem(value)?.label ?? "",
 				searchValue: ""
 			};
 			setFieldState(newFieldState);
@@ -78,9 +79,9 @@ let SelectContext;
 			if (!isMultiple) setShowAll(true);
 		};
 		useEffect(() => {
-			const value$1 = props.value ?? null;
-			if (JSON.stringify(value$1) !== JSON.stringify(fieldState.value)) syncFieldState(value$1);
-			else updateValue(value$1);
+			const value = props.value ?? null;
+			if (JSON.stringify(value) !== JSON.stringify(fieldState.value)) syncFieldState(value);
+			else updateValue(value);
 		}, [props.value]);
 		useEffect(() => {
 			if (!isMultiple && fieldState.value && fieldState.inputValue === "" && getItem(fieldState.value)?.label) syncFieldState(fieldState.value);
@@ -100,12 +101,12 @@ let SelectContext;
 			fieldState.value,
 			isMultiple
 		]);
-		const onChange = useCallback((value$1) => {
-			if (value$1 === "new-item-id") onNewItemOption?.(fieldState.inputValue);
+		const onChange = useCallback((value) => {
+			if (value === "new-item-id") onNewItemOption?.(fieldState.inputValue);
 			else {
 				const newFieldState = {
-					value: value$1,
-					inputValue: isMultiple || Array.isArray(value$1) ? "" : getItem(value$1)?.label ?? "",
+					value,
+					inputValue: isMultiple || Array.isArray(value) ? "" : getItem(value)?.label ?? "",
 					searchValue: ""
 				};
 				setFieldState(newFieldState);
@@ -136,8 +137,8 @@ let SelectContext;
 		const onSelectAll = useCallback(() => {
 			onChange(selectableListItems.map(({ id }) => id));
 		}, [selectableListItems, onChange]);
-		const onRemove = useCallback((value$1) => {
-			if (isMultiple && Array.isArray(fieldState.value)) onChange(fieldState.value.filter((id) => id !== value$1));
+		const onRemove = useCallback((value) => {
+			if (isMultiple && Array.isArray(fieldState.value)) onChange(fieldState.value.filter((id) => id !== value));
 		}, [
 			isMultiple,
 			fieldState.value,
@@ -187,4 +188,5 @@ let SelectContext;
 		return use(Context);
 	};
 })(SelectContext || (SelectContext = {}));
+//#endregion
 export { SelectContext };

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

@@ -1,24 +1,25 @@
 import { useMemo } from "react";
 import { useFilter } from "react-aria-components";
-const SelectAllItemId = "all-item-id";
+//#region src/components/inputs/Selection/shared/useSelectItems.tsx
+var SelectAllItemId = "all-item-id";
 var SelectAllItem = (inputValue) => ({
 	id: SelectAllItemId,
 	label: inputValue,
 	isSelectAllItem: true
 });
-const NewItemId = "new-item-id";
+var NewItemId = "new-item-id";
 var NewItem = (inputValue) => ({
 	id: NewItemId,
 	label: inputValue,
 	isNewItem: true
 });
-const LoadingItemId = "loading-item-id";
+var LoadingItemId = "loading-item-id";
 var LoadingItem = (inputValue) => ({
 	id: LoadingItemId,
 	label: inputValue,
 	isLoadingItem: true
 });
-const ReservedItemIds = [
+var ReservedItemIds = [
 	SelectAllItemId,
 	NewItemId,
 	LoadingItemId
@@ -79,4 +80,5 @@ function useSelectItems({ initialSelectedItems, selectedItems, cachedItems, inpu
 		selectableListItems: useMemo(() => listItems.filter((item) => !item.isDisabled && !ReservedItemIds.includes(String(item.id))), [listItems])
 	};
 }
+//#endregion
 export { NewItemId, SelectAllItemId, useSelectItems };

package/dist/components/inputs/Slider/Slider.js

@@ -7,6 +7,7 @@ import { clsx } from "clsx";
 import { Slider, SliderThumb, SliderTrack } from "react-aria-components";
 import { mergeRefs } from "@react-aria/utils";
 import { Controller } from "react-hook-form";
+//#region src/components/inputs/Slider/Slider.tsx
 var SliderBase = (props) => {
 	const ui = UIConfig.useConfig();
 	const { label, tooltipText, helperText, isRequired, rightContent, isDisabled, headerClassName, errorClassName, isHeaderHidden, error, unit, hideLabel = ui.input.hideLabel, minValue = ui.slider.minValue, maxValue = ui.slider.maxValue, ...rest } = props;
@@ -72,7 +73,7 @@ var SliderBase = (props) => {
 		})
 	});
 };
-const Slider$1 = (props) => {
+var Slider$1 = (props) => {
 	if ("formControl" in props && props.formControl) {
 		const { formControl, ref, ...innerProps } = props;
 		return /* @__PURE__ */ jsx(Controller, {
@@ -90,4 +91,5 @@ const Slider$1 = (props) => {
 	}
 	return /* @__PURE__ */ jsx(SliderBase, { ...props });
 };
+//#endregion
 export { Slider$1 as Slider };

package/dist/components/inputs/TextEditor/TextEditor.js

@@ -20,6 +20,7 @@ import { TextStyle } from "@tiptap/extension-text-style";
 import { Underline } from "@tiptap/extension-underline";
 import { EditorContent, useEditor } from "@tiptap/react";
 import { StarterKit } from "@tiptap/starter-kit";
+//#region src/components/inputs/TextEditor/TextEditor.tsx
 var extensions = [
 	StarterKit.configure({ heading: { levels: [
 		1,
@@ -129,7 +130,7 @@ var TextEditorBase = ({ ref, as = "default", placeholder, label, hideLabel, tool
 		})
 	});
 };
-const TextEditor = (props) => {
+var TextEditor = (props) => {
 	if ("formControl" in props && props.formControl) {
 		const { formControl, ref, ...innerProps } = props;
 		return /* @__PURE__ */ jsx(Controller, {
@@ -147,4 +148,5 @@ const TextEditor = (props) => {
 	}
 	return /* @__PURE__ */ jsx(TextEditorBase, { ...props });
 };
+//#endregion
 export { TextEditor };

package/dist/components/inputs/TextEditor/Toolbar/ColorPicker.js

@@ -1,7 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { ColorSwatch, ColorSwatchPicker, ColorSwatchPickerItem } from "react-aria-components";
-const ColorPicker = ({ colors, value, onChange }) => {
+//#region src/components/inputs/TextEditor/Toolbar/ColorPicker.tsx
+var ColorPicker = ({ colors, value, onChange }) => {
 	return /* @__PURE__ */ jsx(ColorSwatchPicker, {
 		value,
 		onChange: (color) => onChange(color.toString("hex")),
@@ -13,4 +14,5 @@ const ColorPicker = ({ colors, value, onChange }) => {
 		}, color))
 	});
 };
+//#endregion
 export { ColorPicker };

package/dist/components/inputs/TextEditor/Toolbar/ColorPickerDropdown.js

@@ -8,7 +8,8 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { useState } from "react";
 import { Button, Dialog, DialogTrigger, Popover } from "react-aria-components";
-const ColorPickerDropdown = ({ colors, value, onChange, isDisabled, children }) => {
+//#region src/components/inputs/TextEditor/Toolbar/ColorPickerDropdown.tsx
+var ColorPickerDropdown = ({ colors, value, onChange, isDisabled, children }) => {
 	const inputCva = useInputCva();
 	const popoverCva = UIStyle.useCva("popover.cva", popover);
 	const [isOpen, setIsOpen] = useState(false);
@@ -51,4 +52,5 @@ const ColorPickerDropdown = ({ colors, value, onChange, isDisabled, children })
 		})]
 	});
 };
+//#endregion
 export { ColorPickerDropdown };

package/dist/components/inputs/TextEditor/Toolbar/HyperlinkAction.js

@@ -1,14 +1,15 @@
 import { LinkIcon } from "../../../../assets/icons/Link.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 { TextInput } from "../../Input/TextInput/TextInput.js";
 import { ResponsivePopover } from "../../../overlays/ResponsivePopover/ResponsivePopover.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { useEffect, useState } from "react";
 import { useTranslation } from "react-i18next";
-const HyperlinkAction = ({ editor }) => {
+//#region src/components/inputs/TextEditor/Toolbar/HyperlinkAction.tsx
+var HyperlinkAction = ({ editor }) => {
 	const { t } = useTranslation("ui");
 	const [isOpen, setIsOpen] = useState(false);
 	const [url, setUrl] = useState("");
@@ -67,4 +68,5 @@ const HyperlinkAction = ({ editor }) => {
 		})]
 	});
 };
+//#endregion
 export { HyperlinkAction };

package/dist/components/inputs/TextEditor/Toolbar/TextAlignSelect.js

@@ -2,11 +2,12 @@ import { AlignCenterIcon } from "../../../../assets/icons/AlignCenter.js";
 import { AlignLeftIcon } from "../../../../assets/icons/AlignLeft.js";
 import { AlignLeftRightIcon } from "../../../../assets/icons/AlignLeftRight.js";
 import { AlignRightIcon } from "../../../../assets/icons/AlignRight.js";
-import { ns } from "../../../../config/i18n.js";
+import "../../../../config/i18n.js";
 import { Select } from "../../Selection/Select/Select.js";
 import { jsx } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
-const TextAlignSelect = ({ editor }) => {
+//#region src/components/inputs/TextEditor/Toolbar/TextAlignSelect.tsx
+var TextAlignSelect = ({ editor }) => {
 	const { t } = useTranslation("ui");
 	if (!!!editor.extensionManager.extensions.find((extension) => extension.name === "textAlign")) return null;
 	const onChange = (val) => {
@@ -41,4 +42,5 @@ const TextAlignSelect = ({ editor }) => {
 		isDisabled: !editor.isEditable
 	});
 };
+//#endregion
 export { TextAlignSelect };

package/dist/components/inputs/TextEditor/Toolbar/TextColorSelect.js

@@ -2,7 +2,8 @@ import { TextColorIcon } from "../../../../assets/icons/TextColor.js";
 import { ColorPickerDropdown } from "./ColorPickerDropdown.js";
 import { defaultColors } from "../textEditor.types.js";
 import { jsx } from "react/jsx-runtime";
-const TextColorSelect = ({ editor }) => {
+//#region src/components/inputs/TextEditor/Toolbar/TextColorSelect.tsx
+var TextColorSelect = ({ editor }) => {
 	if (!editor.extensionManager.extensions.some((extension) => extension.name === "color")) return null;
 	const onChange = (color) => {
 		editor.chain().focus().setColor(color).run();
@@ -19,4 +20,5 @@ const TextColorSelect = ({ editor }) => {
 		})
 	});
 };
+//#endregion
 export { TextColorSelect };

package/dist/components/inputs/TextEditor/Toolbar/TextEditorToolbar.js

@@ -6,7 +6,8 @@ import { TextListActions } from "./TextListActions.js";
 import { TextMarksActions } from "./TextMarksActions.js";
 import { TextStyleSelect } from "./TextStyleSelect.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-const TextEditorToolbar = ({ editor }) => {
+//#region src/components/inputs/TextEditor/Toolbar/TextEditorToolbar.tsx
+var TextEditorToolbar = ({ editor }) => {
 	if (!editor) return null;
 	return /* @__PURE__ */ jsxs("div", {
 		className: "flex w-full flex-wrap items-center gap-x-7 gap-y-1 border-elevation-outline-default-2 border-b border-solid p-2",
@@ -27,4 +28,5 @@ const TextEditorToolbar = ({ editor }) => {
 		]
 	});
 };
+//#endregion
 export { TextEditorToolbar };

package/dist/components/inputs/TextEditor/Toolbar/TextHighlightSelect.js

@@ -3,7 +3,8 @@ import { HighlightOnIcon } from "../../../../assets/icons/HighlightOn.js";
 import { ColorPickerDropdown } from "./ColorPickerDropdown.js";
 import { defaultColors } from "../textEditor.types.js";
 import { jsx } from "react/jsx-runtime";
-const TextHighlightSelect = ({ editor }) => {
+//#region src/components/inputs/TextEditor/Toolbar/TextHighlightSelect.tsx
+var TextHighlightSelect = ({ editor }) => {
 	if (!editor.extensionManager.extensions.some((extension) => extension.name === "highlight")) return null;
 	const onChange = (color) => {
 		if (color === "#FFFFFF") editor.chain().focus().unsetHighlight().run();
@@ -21,4 +22,5 @@ const TextHighlightSelect = ({ editor }) => {
 		}) : /* @__PURE__ */ jsx(HighlightIcon, { className: "size-6" })
 	});
 };
+//#endregion
 export { TextHighlightSelect };

package/dist/components/inputs/TextEditor/Toolbar/TextListActions.js

@@ -1,11 +1,12 @@
 import { BulletedListIcon } from "../../../../assets/icons/BulletedList.js";
 import { NumberedListIcon } from "../../../../assets/icons/NumberedList.js";
 import { InlineIconButton } from "../../../buttons/InlineIconButton/InlineIconButton.js";
-import { ns } from "../../../../config/i18n.js";
+import "../../../../config/i18n.js";
 import { jsx } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { useTranslation } from "react-i18next";
-const TextListActions = ({ editor }) => {
+//#region src/components/inputs/TextEditor/Toolbar/TextListActions.tsx
+var TextListActions = ({ editor }) => {
 	const { t } = useTranslation("ui");
 	const enabledActions = [{
 		can: !!editor.extensionManager.extensions.find((extension) => extension.name === "bulletList"),
@@ -39,4 +40,5 @@ const TextListActions = ({ editor }) => {
 		}, action.label))
 	});
 };
+//#endregion
 export { TextListActions };

package/dist/components/inputs/TextEditor/Toolbar/TextMarksActions.js

@@ -3,11 +3,12 @@ import { ItalicIcon } from "../../../../assets/icons/Italic.js";
 import { StrikethroughIcon } from "../../../../assets/icons/Strikethrough.js";
 import { UnderlinedIcon } from "../../../../assets/icons/Underlined.js";
 import { InlineIconButton } from "../../../buttons/InlineIconButton/InlineIconButton.js";
-import { ns } from "../../../../config/i18n.js";
+import "../../../../config/i18n.js";
 import { jsx } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { useTranslation } from "react-i18next";
-const TextMarksActions = ({ editor }) => {
+//#region src/components/inputs/TextEditor/Toolbar/TextMarksActions.tsx
+var TextMarksActions = ({ editor }) => {
 	const { t } = useTranslation("ui");
 	const enabledActions = [
 		{
@@ -64,4 +65,5 @@ const TextMarksActions = ({ editor }) => {
 		}, action.label))
 	});
 };
+//#endregion
 export { TextMarksActions };

package/dist/components/inputs/TextEditor/Toolbar/TextStyleSelect.js

@@ -1,9 +1,10 @@
 import { Typography } from "../../../text/Typography/Typography.js";
-import { ns } from "../../../../config/i18n.js";
+import "../../../../config/i18n.js";
 import { Select } from "../../Selection/Select/Select.js";
 import { jsx } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
-const TextStyleSelect = ({ editor }) => {
+//#region src/components/inputs/TextEditor/Toolbar/TextStyleSelect.tsx
+var TextStyleSelect = ({ editor }) => {
 	const { t } = useTranslation("ui");
 	if (!!!editor.extensionManager.extensions.find((extension) => extension.name === "heading")) return null;
 	const getItem = (level) => {
@@ -49,4 +50,5 @@ const TextStyleSelect = ({ editor }) => {
 		isDisabled: !editor.isEditable
 	});
 };
+//#endregion
 export { TextStyleSelect };

package/dist/components/inputs/TextEditor/textEditor.types.js

@@ -1,4 +1,5 @@
-const defaultColors = [
+//#region src/components/inputs/TextEditor/textEditor.types.ts
+var defaultColors = [
 	"#000000",
 	"#e60000",
 	"#ff9900",
@@ -35,4 +36,5 @@ const defaultColors = [
 	"#002966",
 	"#3d1466"
 ];
+//#endregion
 export { defaultColors };

package/dist/components/inputs/Toggle/Toggle.js

@@ -8,6 +8,7 @@ import { clsx } from "clsx";
 import { Switch } from "react-aria-components";
 import { mergeRefs } from "@react-aria/utils";
 import { Controller } from "react-hook-form";
+//#region src/components/inputs/Toggle/Toggle.tsx
 var ToggleBase = (props) => {
 	const ui = UIConfig.useConfig();
 	const toggleCva = UIStyle.useCva("toggle.cva", toggle);
@@ -35,7 +36,7 @@ var ToggleBase = (props) => {
 		})]
 	}), /* @__PURE__ */ jsx(FormFieldError, { ...formFieldErrorProps })] });
 };
-const Toggle = (props) => {
+var Toggle = (props) => {
 	if ("formControl" in props && props.formControl) {
 		const { formControl, ref, ...innerProps } = props;
 		return /* @__PURE__ */ jsx(Controller, {
@@ -56,4 +57,5 @@ const Toggle = (props) => {
 	}
 	return /* @__PURE__ */ jsx(ToggleBase, { ...props });
 };
+//#endregion
 export { Toggle };

package/dist/components/inputs/Toggle/toggle.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 toggle = cva(["h-6 w-10 rounded-full before:m-0-5 before:block before:aspect-square before:h-5 before:rounded-full before:transition-transform before:content-[''] group-selected:before:translate-x-4", uiGroupOutlineClass], {
+//#region src/components/inputs/Toggle/toggle.cva.ts
+var toggle = cva(["h-6 w-10 rounded-full before:m-0-5 before:block before:aspect-square before:h-5 before:rounded-full before:transition-transform before:content-[''] group-selected:before:translate-x-4", uiGroupOutlineClass], {
 	variants: { variant: { default: [
 		"bg-interactive-contained-secondary-idle",
 		"group-disabled:bg-interactive-contained-secondary-disabled",
@@ -20,9 +21,10 @@ const toggle = cva(["h-6 w-10 rounded-full before:m-0-5 before:block before:aspe
 	] } },
 	defaultVariants: { variant: "default" }
 });
-const toggleTypography = compoundMapper({ default: {
+var toggleTypography = compoundMapper({ default: {
 	size: "label-1",
 	sizeMobile: "label-1",
 	variant: "default"
 } });
+//#endregion
 export { toggle, toggleTypography };

package/dist/components/inputs/shared/CheckContent.js

@@ -2,7 +2,8 @@ import { UIStyle } from "../../../config/uiStyle.context.js";
 import { typography } from "../../text/Typography/typography.cva.js";
 import { jsx } from "react/jsx-runtime";
 import clsx$1 from "clsx";
-const CheckContent = ({ children, className, ...props }) => {
+//#region src/components/inputs/shared/CheckContent.tsx
+var CheckContent = ({ children, className, ...props }) => {
 	return /* @__PURE__ */ jsx("div", {
 		className: clsx$1(UIStyle.useCva("typography.cva", typography)({
 			size: "label-1",
@@ -14,4 +15,5 @@ const CheckContent = ({ children, className, ...props }) => {
 		children
 	});
 };
+//#endregion
 export { CheckContent };

package/dist/components/inputs/shared/InputClear.js

@@ -1,14 +1,15 @@
 import { CloseIcon } from "../../../assets/icons/Close.js";
 import { InlineIconButton } from "../../buttons/InlineIconButton/InlineIconButton.js";
-import { ns } from "../../../config/i18n.js";
+import "../../../config/i18n.js";
 import { jsx } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { useTranslation } from "react-i18next";
-const InputClear = ({ onClear, className, style, show }) => {
+//#region src/components/inputs/shared/InputClear.tsx
+var InputClear = ({ onClear, className, style, show }) => {
 	const { t } = useTranslation("ui");
 	return /* @__PURE__ */ jsx(InlineIconButton, {
 		color: "secondary",
-		className: clsx("invisible flex items-center", "group-focus-within:visible group-hover/date-picker-content:visible group-hover/select-content:visible group-hover/text-area:visible group-hover:visible", "border-0!", !show && "invisible!", className),
+		className: clsx("invisible relative z-1 flex items-center", "group-focus-within:visible group-hover/date-picker-content:visible group-hover/select-content:visible group-hover/text-area:visible group-hover:visible", "border-0!", !show && "invisible!", className),
 		label: t(($) => $.ui.clearAlt),
 		icon: CloseIcon,
 		onPress: onClear,
@@ -16,4 +17,5 @@ const InputClear = ({ onClear, className, style, show }) => {
 		style
 	});
 };
+//#endregion
 export { InputClear };

package/dist/components/inputs/shared/TooltipWrapper.js

@@ -1,6 +1,7 @@
 import { Tooltip } from "../../overlays/Tooltip/Tooltip.js";
 import { jsx } from "react/jsx-runtime";
-const TooltipWrapper = (props) => {
+//#region src/components/inputs/shared/TooltipWrapper.tsx
+var TooltipWrapper = (props) => {
 	if (props.as !== "inline") return props.children;
 	return /* @__PURE__ */ jsx(Tooltip, {
 		text: props.error || void 0,
@@ -16,4 +17,5 @@ const TooltipWrapper = (props) => {
 		})
 	});
 };
+//#endregion
 export { TooltipWrapper };

package/dist/components/inputs/shared/input.cva.js

@@ -2,7 +2,8 @@ import { UIStyle } from "../../../config/uiStyle.context.js";
 import { uiOutlineClass } from "../../outline.clsx.js";
 import { clsx } from "clsx";
 import { cva } from "class-variance-authority";
-const inputBase = cva([uiOutlineClass, "flex w-full not-[textarea]:truncate"], {
+//#region src/components/inputs/shared/input.cva.ts
+var inputBase = cva([uiOutlineClass, "flex w-full not-[textarea]:truncate"], {
 	variants: {
 		variant: {
 			outlined: "",
@@ -127,7 +128,7 @@ const inputBase = cva([uiOutlineClass, "flex w-full not-[textarea]:truncate"], {
 		as: "default"
 	}
 });
-const inputSize = cva("", {
+var inputSize = cva("", {
 	variants: {
 		size: {
 			"extra-small": "text-label-1",
@@ -190,7 +191,7 @@ const inputSize = cva("", {
 		as: "default"
 	}
 });
-const inputSide = cva("", {
+var inputSide = cva("", {
 	variants: {
 		size: {
 			"extra-small": "",
@@ -268,11 +269,12 @@ const inputSide = cva("", {
 	],
 	defaultVariants: { size: "default" }
 });
-const useInputCva = () => {
+var useInputCva = () => {
 	const inputBaseCva = UIStyle.useCva("input.baseCva", inputBase);
 	const inputSizeCva = UIStyle.useCva("input.sizeCva", inputSize);
 	return ({ className, ...rest }) => {
 		return clsx(inputBaseCva(rest), inputSizeCva(rest), className);
 	};
 };
+//#endregion
 export { inputBase, inputSide, inputSize, useInputCva };

package/dist/components/inputs/shared/label.cva.js

@@ -1,6 +1,7 @@
 import { compoundMapper } from "../../../utils/compoundMapper.js";
 import { cva } from "class-variance-authority";
-const labelBase = cva("", {
+//#region src/components/inputs/shared/label.cva.ts
+var labelBase = cva("", {
 	variants: { as: {
 		default: ["flex items-start gap-1 text-text-default-1"],
 		filter: ["text-text-default-1"],
@@ -24,7 +25,7 @@ const labelBase = cva("", {
 	} },
 	defaultVariants: { as: "default" }
 });
-const labelTypography = compoundMapper({
+var labelTypography = compoundMapper({
 	compoundVariants: [
 		{
 			as: "default",
@@ -66,4 +67,5 @@ const labelTypography = compoundMapper({
 	},
 	defaultVariants: { as: "default" }
 });
+//#endregion
 export { labelBase, labelTypography };

package/dist/components/navigation/Accordion/Accordion.js

@@ -4,7 +4,8 @@ import { AccordionItem } from "./AccordionItem.js";
 import { jsx } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { DisclosureGroup } from "react-aria-components";
-const Accordion = ({ items, variant = "filled", actionPosition = "right", allowsMultipleExpanded = false, expandedKeys, defaultExpandedKeys, onExpandedChange, className, disabled }) => {
+//#region src/components/navigation/Accordion/Accordion.tsx
+var Accordion = ({ items, variant = "filled", actionPosition = "right", allowsMultipleExpanded = false, expandedKeys, defaultExpandedKeys, onExpandedChange, className, disabled }) => {
 	return /* @__PURE__ */ jsx(DisclosureGroup, {
 		allowsMultipleExpanded,
 		expandedKeys,
@@ -29,4 +30,5 @@ const Accordion = ({ items, variant = "filled", actionPosition = "right", allows
 		}, item.id))
 	});
 };
+//#endregion
 export { Accordion };

package/dist/components/navigation/Accordion/AccordionItem.js

@@ -4,7 +4,8 @@ import { Typography } from "../../text/Typography/Typography.js";
 import { accordionChevronCva, accordionHeadingCva, accordionHeadingSubtitleCva, accordionHeadingTitleCva, accordionIconCva, accordionItemCva, accordionPanelContentCva, accordionPanelCva, accordionTriggerCva } from "./accordion.cva.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Button, Disclosure, DisclosurePanel, Heading } from "react-aria-components";
-const AccordionItem = ({ id, disabled, heading, subheading, children, icon: Icon, variant = "filled", actionPosition = "right", isSingle }) => {
+//#region src/components/navigation/Accordion/AccordionItem.tsx
+var AccordionItem = ({ id, disabled, heading, subheading, children, icon: Icon, variant = "filled", actionPosition = "right", isSingle }) => {
 	const itemCva = UIStyle.useCva("accordion.itemCva", accordionItemCva);
 	const triggerCva = UIStyle.useCva("accordion.triggerCva", accordionTriggerCva);
 	const headingCva = UIStyle.useCva("accordion.headingCva", accordionHeadingCva);
@@ -58,4 +59,5 @@ const AccordionItem = ({ id, disabled, heading, subheading, children, icon: Icon
 		})] })
 	});
 };
+//#endregion
 export { AccordionItem };