@povio/ui 2.2.6 → 2.2.7

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

@@ -1,5 +1,6 @@
 import { cva } from "class-variance-authority";
-const accordionCva = cva("flex w-full flex-col", {
+//#region src/components/navigation/Accordion/accordion.cva.ts
+var accordionCva = cva("flex w-full flex-col", {
 	variants: {
 		variant: {
 			filled: "gap-1",
@@ -20,7 +21,7 @@ const accordionCva = cva("flex w-full flex-col", {
 		className: "rounded-global-rounding-s border border-elevation-outline-default-1"
 	}]
 });
-const accordionItemCva = cva("flex w-full flex-col", {
+var accordionItemCva = cva("flex w-full flex-col", {
 	variants: {
 		variant: {
 			filled: "rounded-accordion-rounding-filled bg-elevation-fill-default-2",
@@ -45,7 +46,7 @@ const accordionItemCva = cva("flex w-full flex-col", {
 		className: "not-last:border-elevation-outline-default-1 not-last:border-b"
 	}]
 });
-const accordionTriggerCva = cva([
+var accordionTriggerCva = cva([
 	"group flex w-full items-center gap-accordion-gap-content-to-arrow",
 	"px-accordion-side-accordion py-accordion-height-accordion",
 	"outline-none focus-visible:ring-2 focus-visible:ring-interactive-contained-primary-focus"
@@ -66,32 +67,33 @@ const accordionTriggerCva = cva([
 		actionPosition: "right"
 	}
 });
-const accordionHeadingCva = cva("flex flex-1 items-center justify-between gap-accordion-gap-content-to-arrow", {
+var accordionHeadingCva = cva("flex flex-1 items-center justify-between gap-accordion-gap-content-to-arrow", {
 	variants: {},
 	defaultVariants: {}
 });
-const accordionHeadingTitleCva = cva("flex-1 text-left text-text-default-1", {
+var accordionHeadingTitleCva = cva("flex-1 text-left text-text-default-1", {
 	variants: {},
 	defaultVariants: {}
 });
-const accordionHeadingSubtitleCva = cva("flex-1 text-left text-text-default-2", {
+var accordionHeadingSubtitleCva = cva("flex-1 text-left text-text-default-2", {
 	variants: {},
 	defaultVariants: {}
 });
-const accordionChevronCva = cva("size-6 shrink-0 text-interactive-text-secondary-idle transition-transform duration-200", {
+var accordionChevronCva = cva("size-6 shrink-0 text-interactive-text-secondary-idle transition-transform duration-200", {
 	variants: { isExpanded: {
 		true: "rotate-180",
 		false: "rotate-0"
 	} },
 	defaultVariants: { isExpanded: false }
 });
-const accordionIconCva = cva("size-6 shrink-0 text-text-default-3", {
+var accordionIconCva = cva("size-6 shrink-0 text-text-default-3", {
 	variants: {},
 	defaultVariants: {}
 });
-const accordionPanelCva = cva("", { variants: { isExpanded: { true: "px-accordion-side-accordion pt-0 pb-accordion-height-accordion" } } });
-const accordionPanelContentCva = cva("py-accordion-height-content", {
+var accordionPanelCva = cva("", { variants: { isExpanded: { true: "px-accordion-side-accordion pt-0 pb-accordion-height-accordion" } } });
+var accordionPanelContentCva = cva("py-accordion-height-content", {
 	variants: {},
 	defaultVariants: {}
 });
+//#endregion
 export { accordionChevronCva, accordionCva, accordionHeadingCva, accordionHeadingSubtitleCva, accordionHeadingTitleCva, accordionIconCva, accordionItemCva, accordionPanelContentCva, accordionPanelCva, accordionTriggerCva };

package/dist/components/navigation/Stepper/Stepper.js

@@ -4,7 +4,8 @@ import { StepperItem } from "./StepperItem.js";
 import { StepperSeparator } from "./StepperSeparator.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Fragment as Fragment$1 } from "react";
-const Stepper = ({ steps, currentStep, orientation = "horizontal", contentOrientation = "horizontal", iconsOnly, titlesOnly, onStepClick, className }) => {
+//#region src/components/navigation/Stepper/Stepper.tsx
+var Stepper = ({ steps, currentStep, orientation = "horizontal", contentOrientation = "horizontal", iconsOnly, titlesOnly, onStepClick, className }) => {
 	return /* @__PURE__ */ jsx("div", {
 		className: UIStyle.useCva("stepper.cva", stepperCva)({
 			orientation,
@@ -29,4 +30,5 @@ const Stepper = ({ steps, currentStep, orientation = "horizontal", contentOrient
 		})
 	});
 };
+//#endregion
 export { Stepper };

package/dist/components/navigation/Stepper/StepperItem.js

@@ -5,7 +5,8 @@ import { stepperIconCva, stepperItemCva, stepperNumberCva, stepperSubtextCva, st
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { Button } from "react-aria-components";
-const StepperItem = ({ step, stepNumber, status, contentOrientation, iconsOnly, titlesOnly, onPress }) => {
+//#region src/components/navigation/Stepper/StepperItem.tsx
+var StepperItem = ({ step, stepNumber, status, contentOrientation, iconsOnly, titlesOnly, onPress }) => {
 	const stepperItemCva$1 = UIStyle.useCva("stepper.itemCva", stepperItemCva);
 	const stepperIconCva$1 = UIStyle.useCva("stepper.iconCva", stepperIconCva);
 	const stepperNumberCva$1 = UIStyle.useCva("stepper.numberCva", stepperNumberCva);
@@ -48,4 +49,5 @@ const StepperItem = ({ step, stepNumber, status, contentOrientation, iconsOnly,
 		children: content
 	});
 };
+//#endregion
 export { StepperItem };

package/dist/components/navigation/Stepper/StepperSeparator.js

@@ -1,10 +1,12 @@
 import { UIStyle } from "../../../config/uiStyle.context.js";
 import { stepperSeparatorCva } from "./stepper.cva.js";
 import { jsx } from "react/jsx-runtime";
-const StepperSeparator = ({ orientation, contentOrientation }) => {
+//#region src/components/navigation/Stepper/StepperSeparator.tsx
+var StepperSeparator = ({ orientation, contentOrientation }) => {
 	return /* @__PURE__ */ jsx("div", { className: UIStyle.useCva("stepper.separatorCva", stepperSeparatorCva)({
 		orientation,
 		contentOrientation
 	}) });
 };
+//#endregion
 export { StepperSeparator };

package/dist/components/navigation/Stepper/stepper.cva.js

@@ -1,19 +1,20 @@
 import { cva } from "class-variance-authority";
-const stepperCva = cva("", {
+//#region src/components/navigation/Stepper/stepper.cva.ts
+var stepperCva = cva("", {
 	variants: { orientation: {
 		horizontal: "flex flex-row items-center gap-stepper-gap-step-to-line-horizontal",
 		vertical: "inline-flex flex-col gap-stepper-gap-step-to-line-vertical"
 	} },
 	defaultVariants: { orientation: "horizontal" }
 });
-const stepperItemCva = cva("flex shrink-0", {
+var stepperItemCva = cva("flex shrink-0", {
 	variants: { contentOrientation: {
 		horizontal: "flex-row items-center gap-stepper-gap-icon-to-text-horizontal text-left",
 		vertical: "flex-col items-center gap-stepper-gap-icon-to-text-vertical text-center"
 	} },
 	defaultVariants: { contentOrientation: "horizontal" }
 });
-const stepperIconCva = cva("inline-flex size-5 shrink-0 items-center justify-center rounded-stepper-rounding-icon", {
+var stepperIconCva = cva("inline-flex size-5 shrink-0 items-center justify-center rounded-stepper-rounding-icon", {
 	variants: { status: {
 		completed: [
 			"border border-interactive-outlined-primary-outline-idle border-solid bg-interactive-contained-primary-idle",
@@ -25,7 +26,7 @@ const stepperIconCva = cva("inline-flex size-5 shrink-0 items-center justify-cen
 	} },
 	defaultVariants: { status: "todo" }
 });
-const stepperNumberCva = cva("text-center align-middle", {
+var stepperNumberCva = cva("text-center align-middle", {
 	variants: { status: {
 		completed: "",
 		active: "text-interactive-outlined-primary-on-idle",
@@ -33,7 +34,7 @@ const stepperNumberCva = cva("text-center align-middle", {
 	} },
 	defaultVariants: { status: "todo" }
 });
-const stepperTitleCva = cva("", {
+var stepperTitleCva = cva("", {
 	variants: { status: {
 		completed: [
 			"text-interactive-text-secondary-idle",
@@ -45,7 +46,7 @@ const stepperTitleCva = cva("", {
 	} },
 	defaultVariants: { status: "todo" }
 });
-const stepperSubtextCva = cva("", {
+var stepperSubtextCva = cva("", {
 	variants: { status: {
 		completed: [
 			"text-interactive-text-secondary-idle",
@@ -57,7 +58,7 @@ const stepperSubtextCva = cva("", {
 	} },
 	defaultVariants: { status: "todo" }
 });
-const stepperSeparatorCva = cva("bg-elevation-outline-default-1", {
+var stepperSeparatorCva = cva("bg-elevation-outline-default-1", {
 	variants: {
 		orientation: {
 			horizontal: "h-px min-w-4 flex-1",
@@ -90,4 +91,5 @@ const stepperSeparatorCva = cva("bg-elevation-outline-default-1", {
 		}
 	]
 });
+//#endregion
 export { stepperCva, stepperIconCva, stepperItemCva, stepperNumberCva, stepperSeparatorCva, stepperSubtextCva, stepperTitleCva };

package/dist/components/outline.clsx.js

@@ -1,4 +1,6 @@
 import { clsx } from "clsx";
-const uiOutlineClass = clsx("focus:outline-none focus-visible:outline focus-visible:outline-2 focus-visible:outline-solid focus-visible:outline-offset-2", "has-focus-visible:outline has-focus-visible:outline-2 has-focus-visible:outline-solid has-focus-visible:outline-offset-2");
-const uiGroupOutlineClass = clsx("group-focus:outline-none group-focus-visible:outline group-focus-visible:outline-2 group-focus-visible:outline-solid group-focus-visible:outline-offset-2");
+//#region src/components/outline.clsx.ts
+var uiOutlineClass = clsx("focus:outline-none focus-visible:outline focus-visible:outline-2 focus-visible:outline-solid focus-visible:outline-offset-2", "has-focus-visible:outline has-focus-visible:outline-2 has-focus-visible:outline-solid has-focus-visible:outline-offset-2");
+var uiGroupOutlineClass = clsx("group-focus:outline-none group-focus-visible:outline group-focus-visible:outline-2 group-focus-visible:outline-solid group-focus-visible:outline-offset-2");
+//#endregion
 export { uiGroupOutlineClass, uiOutlineClass };

package/dist/components/overlays/ActionModal/ActionModal.js

@@ -4,12 +4,13 @@ import { Button } from "../../buttons/Button/Button.js";
 import { Modal } from "../Modal/Modal.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
+//#region src/components/overlays/ActionModal/ActionModal.tsx
 var textAlignClassMap = {
 	left: "text-left",
 	center: "text-center",
 	right: "text-right"
 };
-const ActionModal = ({ heading, description, primaryAction, secondaryAction, buttonSize = "m", textAlign = "left", modalClassName, titleTypography, titleClassName, descriptionTypography, descriptionClassName, ...modalProps }) => {
+var ActionModal = ({ heading, description, primaryAction, secondaryAction, buttonSize = "m", textAlign = "left", modalClassName, titleTypography, titleClassName, descriptionTypography, descriptionClassName, ...modalProps }) => {
 	const ui = UIConfig.useConfig();
 	const textAlignClass = textAlignClassMap[textAlign];
 	return /* @__PURE__ */ jsxs(Modal, {
@@ -49,4 +50,5 @@ const ActionModal = ({ heading, description, primaryAction, secondaryAction, but
 		})]
 	});
 };
+//#endregion
 export { ActionModal };

package/dist/components/overlays/BottomSheet/BottomSheet.js

@@ -8,6 +8,7 @@ import { useEffect, useMemo, useRef, useState } from "react";
 import { Dialog, DialogTrigger, Modal, ModalOverlay } from "react-aria-components";
 import { useResizeObserver, useViewportSize } from "@react-aria/utils";
 import { AnimatePresence, animate, motion, useDragControls, useMotionValue } from "motion/react";
+//#region src/components/overlays/BottomSheet/BottomSheet.tsx
 var MotionModal = motion.create(Modal);
 var MotionModalOverlay = motion.create(ModalOverlay);
 var inertiaTransition = {
@@ -196,7 +197,7 @@ var BottomSheetBase = ({ isOpen, onOpenChange, onStateChange, isDismissable = tr
 		})]
 	}) });
 };
-const BottomSheet = ({ isOpen, portalContainerRef, onOpenChange, trigger, children, ...rest }) => {
+var BottomSheet = ({ isOpen, portalContainerRef, onOpenChange, trigger, children, ...rest }) => {
 	const [isSheetOpen, setIsSheetOpen] = useState(!!isOpen);
 	const hasTrigger = !!trigger;
 	useEffect(() => {
@@ -227,4 +228,5 @@ const BottomSheet = ({ isOpen, portalContainerRef, onOpenChange, trigger, childr
 		children
 	});
 };
+//#endregion
 export { BottomSheet };

package/dist/components/overlays/BottomSheet/BottomSheetHeader.js

@@ -1,11 +1,12 @@
 import { CloseIcon } from "../../../assets/icons/Close.js";
 import { Typography } from "../../text/Typography/Typography.js";
-import { ns } from "../../../config/i18n.js";
+import "../../../config/i18n.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { Button } from "react-aria-components";
 import { useTranslation } from "react-i18next";
-const BottomSheetHeader = ({ label, dragControls, isDismissable, hideThumb, hideHeader, headerTypography, onClose }) => {
+//#region src/components/overlays/BottomSheet/BottomSheetHeader.tsx
+var BottomSheetHeader = ({ label, dragControls, isDismissable, hideThumb, hideHeader, headerTypography, onClose }) => {
 	const { t } = useTranslation("ui");
 	return /* @__PURE__ */ jsxs("div", {
 		className: clsx("pb-list-height-title-bottom", !isDismissable && "pt-list-height-title-top"),
@@ -33,4 +34,5 @@ const BottomSheetHeader = ({ label, dragControls, isDismissable, hideThumb, hide
 		})]
 	});
 };
+//#endregion
 export { BottomSheetHeader };

package/dist/components/overlays/Drawer/Drawer.js

@@ -2,7 +2,8 @@ import { modalOverlay } from "../Modal/modal.cva.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { Dialog, DialogTrigger, Modal, ModalOverlay } from "react-aria-components";
-const Drawer = ({ label, isOpen, portalContainerRef, onOpenChange, trigger, children, isDismissable, overlayClassName, dialogClassName, className, shouldCloseOnInteractOutside }) => {
+//#region src/components/overlays/Drawer/Drawer.tsx
+var Drawer = ({ label, isOpen, portalContainerRef, onOpenChange, trigger, children, isDismissable, overlayClassName, dialogClassName, className, shouldCloseOnInteractOutside }) => {
 	if (trigger) return /* @__PURE__ */ jsxs(DialogTrigger, {
 		isOpen,
 		onOpenChange,
@@ -48,4 +49,5 @@ var DrawerOverlay = ({ label, isOpen, onOpenChange, portalContainerRef, children
 		})
 	});
 };
+//#endregion
 export { Drawer };

package/dist/components/overlays/Modal/Modal.js

@@ -1,13 +1,14 @@
 import { CloseIcon } from "../../../assets/icons/Close.js";
 import { UIStyle } from "../../../config/uiStyle.context.js";
 import { InlineIconButton } from "../../buttons/InlineIconButton/InlineIconButton.js";
-import { ns } from "../../../config/i18n.js";
+import "../../../config/i18n.js";
 import { modalContent, modalMain, modalOverlay } from "./modal.cva.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { Dialog, Modal, ModalOverlay } from "react-aria-components";
 import { useTranslation } from "react-i18next";
-const Modal$1 = ({ isOpen, portalContainerRef, onClose, aside, children, modalClassName, closeIconClassName, overlayClassName, showCloseIcon, isDismissable = true, isKeyboardDismissable, shouldCloseOnInteractOutside }) => {
+//#region src/components/overlays/Modal/Modal.tsx
+var Modal$1 = ({ isOpen, portalContainerRef, onClose, aside, children, modalClassName, closeIconClassName, overlayClassName, showCloseIcon, isDismissable = true, isKeyboardDismissable, shouldCloseOnInteractOutside }) => {
 	const { t } = useTranslation("ui");
 	const modalMainCva = UIStyle.useCva("modal.mainCva", modalMain);
 	const modalContentCva = UIStyle.useCva("modal.contentCva", modalContent);
@@ -50,4 +51,5 @@ const Modal$1 = ({ isOpen, portalContainerRef, onClose, aside, children, modalCl
 		})
 	});
 };
+//#endregion
 export { Modal$1 as Modal };

package/dist/components/overlays/Modal/modal.cva.js

@@ -1,5 +1,6 @@
 import { cva } from "class-variance-authority";
-const modalContent = cva([
+//#region src/components/overlays/Modal/modal.cva.ts
+var modalContent = cva([
 	"relative flex flex-col items-center gap-modal-gap-content px-modal-side-mobile py-modal-height-mobile md:px-modal-side-desktop md:py-modal-height-desktop",
 	"w-fit max-w-full [&>*]:max-w-full",
 	"border-elevation-outline-default-1 bg-elevation-fill-default-1 outline-none",
@@ -12,7 +13,7 @@ const modalContent = cva([
 	} },
 	defaultVariants: { aside: "center" }
 });
-const modalOverlay = cva(["fixed inset-0 z-10 flex h-(--visual-viewport-height) w-screen overflow-y-auto bg-support-overlay"], {
+var modalOverlay = cva(["fixed inset-0 z-10 flex h-(--visual-viewport-height) w-screen overflow-y-auto bg-support-overlay"], {
 	variants: { aside: {
 		left: "p-0",
 		right: "p-0",
@@ -20,7 +21,7 @@ const modalOverlay = cva(["fixed inset-0 z-10 flex h-(--visual-viewport-height)
 	} },
 	defaultVariants: { aside: "center" }
 });
-const modalMain = cva(["pointer-events-none my-auto flex w-full"], {
+var modalMain = cva(["pointer-events-none my-auto flex w-full"], {
 	variants: { aside: {
 		left: "entering:animate-drawer-enter-left exiting:animate-drawer-exit-left justify-start",
 		right: "entering:animate-drawer-enter-right exiting:animate-drawer-exit-right justify-end",
@@ -28,4 +29,5 @@ const modalMain = cva(["pointer-events-none my-auto flex w-full"], {
 	} },
 	defaultVariants: { aside: "center" }
 });
+//#endregion
 export { modalContent, modalMain, modalOverlay };

package/dist/components/overlays/ResponsivePopover/ResponsivePopover.js

@@ -5,7 +5,8 @@ import { popover } from "../../shared/popover.cva.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { Dialog, DialogTrigger, Popover } from "react-aria-components";
-const ResponsivePopover = ({ trigger, isOpen, onOpenChange, children, popoverClassName, sheetLabel }) => {
+//#region src/components/overlays/ResponsivePopover/ResponsivePopover.tsx
+var ResponsivePopover = ({ trigger, isOpen, onOpenChange, children, popoverClassName, sheetLabel }) => {
 	const popoverCva = UIStyle.useCva("popover.cva", popover);
 	if (!useBreakpoint("md")) return /* @__PURE__ */ jsx(BottomSheet, {
 		isOpen,
@@ -36,4 +37,5 @@ const ResponsivePopover = ({ trigger, isOpen, onOpenChange, children, popoverCla
 		})]
 	});
 };
+//#endregion
 export { ResponsivePopover };

package/dist/components/overlays/Tooltip/Tooltip.js

@@ -8,6 +8,7 @@ import { clsx } from "clsx";
 import { Fragment as Fragment$1, useRef } from "react";
 import { OverlayArrow, Tooltip, TooltipTrigger } from "react-aria-components";
 import { useFocusable } from "react-aria";
+//#region src/components/overlays/Tooltip/Tooltip.tsx
 var CustomTrigger = ({ children, className, tabIndex }) => {
 	const ref = useRef(null);
 	const { focusableProps } = useFocusable({}, ref);
@@ -19,7 +20,7 @@ var CustomTrigger = ({ children, className, tabIndex }) => {
 		children
 	});
 };
-const Tooltip$1 = ({ children, text, isDisabled, delay, closeDelay, color, isNonInteractiveTrigger, triggerClassName, triggerTabIndex, ...tooltipProps }) => {
+var Tooltip$1 = ({ children, text, isDisabled, delay, closeDelay, color, isNonInteractiveTrigger, triggerClassName, triggerTabIndex, ...tooltipProps }) => {
 	const tooltipCva$1 = UIStyle.useCva("tooltip.cva", tooltipCva);
 	const tooltipPointerHorizontalCva$1 = UIStyle.useCva("tooltip.pointerHorizontalCva", tooltipPointerHorizontalCva);
 	const tooltipPointerVerticalCva$1 = UIStyle.useCva("tooltip.pointerVerticalCva", tooltipPointerVerticalCva);
@@ -34,8 +35,11 @@ const Tooltip$1 = ({ children, text, isDisabled, delay, closeDelay, color, isNon
 			tabIndex: triggerTabIndex,
 			children
 		}) : /* @__PURE__ */ jsx(Trigger, { children }), /* @__PURE__ */ jsxs(Tooltip, {
-			className: tooltipCva$1({ color }),
 			...tooltipProps,
+			className: tooltipCva$1({
+				color,
+				className: tooltipProps.className
+			}),
 			offset: 13,
 			children: [/* @__PURE__ */ jsxs(OverlayArrow, { children: [/* @__PURE__ */ jsx(PointerHorizontalIcon, { className: tooltipPointerHorizontalCva$1({ color }) }), /* @__PURE__ */ jsx(PointerVerticalIcon, { className: tooltipPointerVerticalCva$1({ color }) })] }), /* @__PURE__ */ jsx(Typography, {
 				size: "body-4",
@@ -46,4 +50,5 @@ const Tooltip$1 = ({ children, text, isDisabled, delay, closeDelay, color, isNon
 		})]
 	});
 };
+//#endregion
 export { Tooltip$1 as Tooltip };

package/dist/components/overlays/Tooltip/TooltipEllipsis.js

@@ -1,7 +1,8 @@
 import { Tooltip } from "./Tooltip.js";
 import { jsx } from "react/jsx-runtime";
 import { useState } from "react";
-const TooltipEllipsis = ({ text, children, isDisabled, isNonInteractiveTrigger }) => {
+//#region src/components/overlays/Tooltip/TooltipEllipsis.tsx
+var TooltipEllipsis = ({ text, children, isDisabled, isNonInteractiveTrigger }) => {
 	const [isEllipsisActive, setIsEllipsisActive] = useState(false);
 	const onContentRef = (ref) => {
 		if (ref) setIsEllipsisActive(ref.offsetWidth < ref.scrollWidth);
@@ -16,4 +17,5 @@ const TooltipEllipsis = ({ text, children, isDisabled, isNonInteractiveTrigger }
 	});
 	return content;
 };
+//#endregion
 export { TooltipEllipsis };

package/dist/components/overlays/Tooltip/tooltip.cva.js

@@ -1,30 +1,32 @@
 import { cva } from "class-variance-authority";
-const tooltipCva = cva(["group max-w-64 rounded-tooltip-rounding-default px-tooltip-side-default py-tooltip-height-default shadow-2"], {
+//#region src/components/overlays/Tooltip/tooltip.cva.ts
+var tooltipCva = cva(["group max-w-64 rounded-tooltip-rounding-default px-tooltip-side-default py-tooltip-height-default shadow-2"], {
 	variants: { color: {
 		default: ["bg-interactive-contained-secondary-idle"],
 		error: ["w-max bg-elevation-fill-error-1"]
 	} },
 	defaultVariants: { color: "default" }
 });
-const tooltipPointerHorizontalCva = cva(["h-2-5 w-5 group-placement-left:hidden group-placement-right:hidden group-placement-top:rotate-180"], {
+var tooltipPointerHorizontalCva = cva(["h-2-5 w-5 group-placement-left:hidden group-placement-right:hidden group-placement-top:rotate-180"], {
 	variants: { color: {
 		default: ["text-interactive-contained-secondary-idle"],
 		error: ["text-elevation-fill-error-1"]
 	} },
 	defaultVariants: { color: "default" }
 });
-const tooltipPointerVerticalCva = cva(["h-5 w-2-5 group-placement-bottom:hidden group-placement-top:hidden group-placement-left:rotate-180"], {
+var tooltipPointerVerticalCva = cva(["h-5 w-2-5 group-placement-bottom:hidden group-placement-top:hidden group-placement-left:rotate-180"], {
 	variants: { color: {
 		default: ["text-interactive-contained-secondary-idle"],
 		error: ["text-elevation-fill-error-1"]
 	} },
 	defaultVariants: { color: "default" }
 });
-const tooltipTextCva = cva([], {
+var tooltipTextCva = cva([], {
 	variants: { color: {
 		default: ["text-interactive-contained-secondary-on-idle"],
 		error: ["text-text-error-inverted-1"]
 	} },
 	defaultVariants: { color: "default" }
 });
+//#endregion
 export { tooltipCva, tooltipPointerHorizontalCva, tooltipPointerVerticalCva, tooltipTextCva };

package/dist/components/segment/Segment.js

@@ -10,6 +10,7 @@ import { useToggleButtonGroup } from "react-aria";
 import { mergeRefs } from "@react-aria/utils";
 import { Controller } from "react-hook-form";
 import { useToggleGroupState } from "react-stately";
+//#region src/components/segment/Segment.tsx
 var SegmentBase = ({ className, items, error, onChange, value, defaultValue, ...rest }) => {
 	const props = {
 		...rest,
@@ -60,7 +61,7 @@ var SegmentBase = ({ className, items, error, onChange, value, defaultValue, ...
 		})
 	});
 };
-const Segment = (props) => {
+var Segment = (props) => {
 	if ("formControl" in props && props.formControl) {
 		const { formControl, ref, ...innerProps } = props;
 		return /* @__PURE__ */ jsx(Controller, {
@@ -78,4 +79,5 @@ const Segment = (props) => {
 	}
 	return /* @__PURE__ */ jsx(SegmentBase, { ...props });
 };
+//#endregion
 export { Segment };

package/dist/components/segment/SegmentItem.js

@@ -3,7 +3,8 @@ import { Typography } from "../text/Typography/Typography.js";
 import { segmentItemCva } from "./segment.cva.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ToggleButton } from "react-aria-components";
-const SegmentItem = ({ label, icon, id, isDisabled, ...props }) => {
+//#region src/components/segment/SegmentItem.tsx
+var SegmentItem = ({ label, icon, id, isDisabled, ...props }) => {
 	const IconComponent = icon;
 	const iconOnly = !!(icon && !label);
 	const segmentItemCva$1 = UIStyle.useCva("segment.itemCva", segmentItemCva);
@@ -20,4 +21,5 @@ const SegmentItem = ({ label, icon, id, isDisabled, ...props }) => {
 		})]
 	});
 };
+//#endregion
 export { SegmentItem };

package/dist/components/segment/segment.cva.js

@@ -1,10 +1,11 @@
 import { cva } from "class-variance-authority";
-const segmentCva = cva([
+//#region src/components/segment/segment.cva.ts
+var segmentCva = cva([
 	"group/segment grid w-fit items-center gap-segmented-control-side-segmented-control p-segmented-control-side-segmented-control",
 	"bg-elevation-fill-default-3",
 	"rounded-segmented-control-rounding-segmented-control"
 ]);
-const segmentItemCva = cva([
+var segmentItemCva = cva([
 	"flex items-center justify-center gap-segmented-control-gap-content-icon-to-text transition-all duration-200",
 	"border border-support-transparent-outline",
 	"py-segmented-control-height-segment",
@@ -22,4 +23,5 @@ const segmentItemCva = cva([
 	} },
 	defaultVariants: { iconOnly: false }
 });
+//#endregion
 export { segmentCva, segmentItemCva };

package/dist/components/shared/pagination/Pagination.js

@@ -1,11 +1,12 @@
 import { Typography } from "../../text/Typography/Typography.js";
-import { ns } from "../../../config/i18n.js";
+import "../../../config/i18n.js";
 import { NumberInput } from "../../inputs/Input/NumberInput/NumberInput.js";
 import { PaginationList } from "./PaginationList.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { useTranslation } from "react-i18next";
-const Pagination = ({ size = "s", variant = "subtle", color = "secondary", page, totalItems, totalPages, pageSize, hideText = true, hideFirstLast = true, hidePrevNext = false, hideNumbers = false, className, onPageChange, onPageSizeChange }) => {
+//#region src/components/shared/pagination/Pagination.tsx
+var Pagination = ({ size = "s", variant = "subtle", color = "secondary", page, totalItems, totalPages, pageSize, hideText = true, hideFirstLast = true, hidePrevNext = false, hideNumbers = false, className, onPageChange, onPageSizeChange }) => {
 	const { t } = useTranslation("ui");
 	return /* @__PURE__ */ jsxs("nav", {
 		id: "pagination",
@@ -40,4 +41,5 @@ const Pagination = ({ size = "s", variant = "subtle", color = "secondary", page,
 		})]
 	});
 };
+//#endregion
 export { Pagination };

package/dist/components/shared/pagination/PaginationList.js

@@ -3,13 +3,14 @@ import { ChevronRightIcon } from "../../../assets/icons/ChevronRight.js";
 import { ChevronsLeftIcon } from "../../../assets/icons/ChevronsLeft.js";
 import { ChevronsRightIcon } from "../../../assets/icons/ChevronsRight.js";
 import { Button } from "../../buttons/Button/Button.js";
-import { ns } from "../../../config/i18n.js";
+import "../../../config/i18n.js";
 import { minWidth } from "./minWidth.cva.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { useMemo } from "react";
 import { useTranslation } from "react-i18next";
-const PaginationList = ({ page, totalPages, size, color, variant, hideText, hideFirstLast, hidePrevNext, hideNumbers, className, onPageChange }) => {
+//#region src/components/shared/pagination/PaginationList.tsx
+var PaginationList = ({ page, totalPages, size, color, variant, hideText, hideFirstLast, hidePrevNext, hideNumbers, className, onPageChange }) => {
 	const { t } = useTranslation("ui");
 	const isPrevDisabled = page <= 1;
 	const isNextDisabled = page >= totalPages;
@@ -102,4 +103,5 @@ const PaginationList = ({ page, totalPages, size, color, variant, hideText, hide
 		]
 	});
 };
+//#endregion
 export { PaginationList };

package/dist/components/shared/pagination/minWidth.cva.js

@@ -1,9 +1,11 @@
 import { cva } from "class-variance-authority";
-const minWidth = cva("", { variants: { size: {
+//#region src/components/shared/pagination/minWidth.cva.ts
+var minWidth = cva("", { variants: { size: {
 	xxs: ["min-w-button-width-min-width-xxs"],
 	xs: ["min-w-button-width-min-width-xs"],
 	s: ["min-w-button-width-min-width-s"],
 	m: ["min-w-button-width-min-width-m"],
 	l: ["min-w-button-width-min-width-l"]
 } } });
+//#endregion
 export { minWidth };

package/dist/components/shared/popover.cva.js

@@ -1,3 +1,5 @@
 import { cva } from "class-variance-authority";
-const popover = cva("rounded-list-rounding-dropdown border border-elevation-outline-default-1 border-solid bg-elevation-fill-default-1 shadow-5 outline-none");
+//#region src/components/shared/popover.cva.ts
+var popover = cva("rounded-list-rounding-dropdown border border-elevation-outline-default-1 border-solid bg-elevation-fill-default-1 shadow-5 outline-none");
+//#endregion
 export { popover };

package/dist/components/status/Alert/Alert.js

@@ -4,7 +4,8 @@ import { Loader } from "../Loader/Loader.js";
 import { alert } from "./alert.cva.js";
 import { statusIcon, statusSeparator } from "../shared/status.cva.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-const Alert = ({ variant, color, text, isLoading = false, rightContent, hasSeparator, icon: Icon, className }) => {
+//#region src/components/status/Alert/Alert.tsx
+var Alert = ({ variant, color, text, isLoading = false, rightContent, hasSeparator, icon: Icon, className }) => {
 	const alertCva = UIStyle.useCva("alert.cva", alert);
 	const iconCva = UIStyle.useCva("status.iconCva", statusIcon);
 	const separatorCva = UIStyle.useCva("status.separatorCva", statusSeparator);
@@ -42,4 +43,5 @@ const Alert = ({ variant, color, text, isLoading = false, rightContent, hasSepar
 		})
 	});
 };
+//#endregion
 export { Alert };

package/dist/components/status/Alert/alert.cva.js

@@ -1,5 +1,6 @@
 import { cva } from "class-variance-authority";
-const alert = cva("min-h-0 overflow-hidden rounded-alert-rounding-default p-0", {
+//#region src/components/status/Alert/alert.cva.ts
+var alert = cva("min-h-0 overflow-hidden rounded-alert-rounding-default p-0", {
 	variants: {
 		variant: {
 			outlined: "border bg-elevation-fill-default-1 text-text-default-1",
@@ -59,4 +60,5 @@ const alert = cva("min-h-0 overflow-hidden rounded-alert-rounding-default p-0",
 		color: "neutral"
 	}
 });
+//#endregion
 export { alert };

package/dist/components/status/Loader/Loader.js

@@ -1,6 +1,7 @@
 import { loader, loaderWrapper } from "./loader.cva.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-const Loader = ({ size, className, ...props }) => {
+//#region src/components/status/Loader/Loader.tsx
+var Loader = ({ size, className, ...props }) => {
 	return /* @__PURE__ */ jsx("div", {
 		className: loaderWrapper({
 			size,
@@ -29,4 +30,5 @@ const Loader = ({ size, className, ...props }) => {
 		})
 	});
 };
+//#endregion
 export { Loader };

package/dist/components/status/Loader/loader.cva.js

@@ -1,16 +1,18 @@
 import { cva } from "class-variance-authority";
-const loaderWrapper = cva("flex items-center justify-center", {
+//#region src/components/status/Loader/loader.cva.ts
+var loaderWrapper = cva("flex items-center justify-center", {
 	variants: { size: {
 		default: "size-6",
 		l: "size-16"
 	} },
 	defaultVariants: { size: "default" }
 });
-const loader = cva("animate-loader-spin", {
+var loader = cva("animate-loader-spin", {
 	variants: { size: {
 		default: "size-3-5",
 		l: "size-8"
 	} },
 	defaultVariants: { size: "default" }
 });
+//#endregion
 export { loader, loaderWrapper };