@povio/ui 2.2.6 → 2.2.7

package/dist/assets/icons/Underlined.js

@@ -1,5 +1,6 @@
 import { jsx } from "react/jsx-runtime";
-const UnderlinedIcon = (props) => /* @__PURE__ */ jsx("svg", {
+//#region src/assets/icons/Underlined.tsx
+var UnderlinedIcon = (props) => /* @__PURE__ */ jsx("svg", {
 	xmlns: "http://www.w3.org/2000/svg",
 	fill: "none",
 	viewBox: "0 0 25 24",
@@ -12,4 +13,5 @@ const UnderlinedIcon = (props) => /* @__PURE__ */ jsx("svg", {
 		d: "M6.872 18.89q.212.21.518.21h9.892q.306 0 .518-.21.21-.212.21-.518a.7.7 0 0 0-.21-.518.7.7 0 0 0-.518-.21H7.39a.7.7 0 0 0-.518.209.7.7 0 0 0-.21.518q0 .308.21.519ZM8.353 5.155a.83.83 0 0 0-.264.615v5.851c0 1.348.371 2.434 1.123 3.248.754.815 1.8 1.218 3.124 1.218s2.37-.403 3.124-1.218c.752-.814 1.123-1.9 1.123-3.248v-5.85a.84.84 0 0 0-.255-.615.84.84 0 0 0-.613-.256.87.87 0 0 0-.62.255.83.83 0 0 0-.265.615V11.7c0 .828-.22 1.48-.65 1.968-.427.484-1.037.732-1.844.732s-1.417-.248-1.844-.732c-.43-.487-.65-1.14-.65-1.968V5.77a.84.84 0 0 0-.255-.614.84.84 0 0 0-.613-.256.87.87 0 0 0-.62.255Z"
 	})
 });
+//#endregion
 export { UnderlinedIcon };

package/dist/assets/icons/Upload.js

@@ -1,5 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-const UploadIcon = (props) => /* @__PURE__ */ jsxs("svg", {
+//#region src/assets/icons/Upload.tsx
+var UploadIcon = (props) => /* @__PURE__ */ jsxs("svg", {
 	xmlns: "http://www.w3.org/2000/svg",
 	fill: "none",
 	viewBox: "0 0 24 24",
@@ -13,4 +14,5 @@ const UploadIcon = (props) => /* @__PURE__ */ jsxs("svg", {
 		d: "M12.04 3.602h.007q.078.003.151.02.006 0 .011.003c.168.04.319.127.436.247l4.158 4.158.061.069A.9.9 0 0 1 15.6 9.365l-.069-.062-2.63-2.63V14.5a.9.9 0 0 1-1.8 0V6.672l-2.63 2.63-.069.063A.901.901 0 0 1 7.196 8.03l4.167-4.167.069-.061a.9.9 0 0 1 .432-.192l.027-.004A1 1 0 0 1 12 3.6z"
 	})]
 });
+//#endregion
 export { UploadIcon };

package/dist/assets/icons/Visibility.js

@@ -1,5 +1,6 @@
 import { jsx } from "react/jsx-runtime";
-const VisibilityIcon = (props) => /* @__PURE__ */ jsx("svg", {
+//#region src/assets/icons/Visibility.tsx
+var VisibilityIcon = (props) => /* @__PURE__ */ jsx("svg", {
 	xmlns: "http://www.w3.org/2000/svg",
 	fill: "none",
 	viewBox: "0 0 24 24",
@@ -10,4 +11,5 @@ const VisibilityIcon = (props) => /* @__PURE__ */ jsx("svg", {
 		d: "M12 5.02q3.102 0 5.66 1.667a12 12 0 0 1 4.04 4.399q.115.207.172.425a1.75 1.75 0 0 1 0 .894 1.8 1.8 0 0 1-.172.425 12 12 0 0 1-4.04 4.4q-2.558 1.666-5.66 1.666T6.34 17.23a12 12 0 0 1-4.04-4.4 1.751 1.751 0 0 1-.173-1.32q.057-.216.172-.424a12 12 0 0 1 4.041-4.4Q8.898 5.022 12 5.02m0 1.816q-2.626 0-4.823 1.383a9.1 9.1 0 0 0-3.36 3.73l-.003.009.004.009a9.1 9.1 0 0 0 3.359 3.73A8.88 8.88 0 0 0 12 17.081q2.627 0 4.823-1.384a9.1 9.1 0 0 0 3.359-3.73l.005-.009-.005-.009a9.1 9.1 0 0 0-3.358-3.73A8.88 8.88 0 0 0 12 6.836m0 .967q1.731 0 2.943 1.212t1.211 2.943-1.211 2.943T12 16.113t-2.943-1.212q-1.212-1.212-1.212-2.943t1.212-2.943T12 7.803m0 1.63q-1.051 0-1.789.737a2.44 2.44 0 0 0-.736 1.788q0 1.05.736 1.788.737.736 1.79.737 1.051 0 1.787-.737.737-.736.737-1.788t-.737-1.788A2.44 2.44 0 0 0 12 9.434"
 	})
 });
+//#endregion
 export { VisibilityIcon };

package/dist/assets/icons/VisibilityOff.js

@@ -1,5 +1,6 @@
 import { jsx } from "react/jsx-runtime";
-const VisibilityOffIcon = (props) => /* @__PURE__ */ jsx("svg", {
+//#region src/assets/icons/VisibilityOff.tsx
+var VisibilityOffIcon = (props) => /* @__PURE__ */ jsx("svg", {
 	xmlns: "http://www.w3.org/2000/svg",
 	fill: "none",
 	viewBox: "0 0 24 24",
@@ -10,4 +11,5 @@ const VisibilityOffIcon = (props) => /* @__PURE__ */ jsx("svg", {
 		d: "M3.482 3.52q.383 0 .632.249l15.699 15.699a.88.88 0 0 1 .26.62.84.84 0 0 1-.26.643.86.86 0 0 1-.632.25.86.86 0 0 1-.633-.25l-3.232-3.185-.008-.009-.012.004a11 11 0 0 1-3.318.507q-3.088 0-5.646-1.671a12 12 0 0 1-4.034-4.39l-.054-.094a1.5 1.5 0 0 1-.117-.306 1.7 1.7 0 0 1-.057-.445q0-.23.045-.435.046-.204.16-.41l.24-.456q.375-.677.833-1.308A9.4 9.4 0 0 1 4.74 7.001l.016-.014-.015-.015-1.916-1.939a.88.88 0 0 1-.237-.643.88.88 0 0 1 .26-.621.86.86 0 0 1 .633-.25m2.526 4.744a10 10 0 0 0-1.227 1.319q-.556.717-.949 1.55l-.004.009.005.008a9.05 9.05 0 0 0 3.343 3.714 8.84 8.84 0 0 0 4.802 1.377q.462 0 .902-.058t.901-.127l.039-.005-.027-.028-.832-.877-.008-.01-.011.004q-.253.069-.483.103a3 3 0 0 1-.481.034q-1.724 0-2.93-1.206t-1.206-2.93q0-.252.034-.48.035-.231.104-.483l.003-.012-.01-.008-1.938-1.893-.013-.013zm5.97-4.029q3.157 0 5.772 1.66t3.998 4.47a1.7 1.7 0 0 1 .183.777q0 .205-.034.4a1.4 1.4 0 0 1-.125.376 9 9 0 0 1-1.026 1.729q-.457.604-.987 1.131l-.361.343a.75.75 0 0 1-.63.203.82.82 0 0 1-.587-.361 1 1 0 0 1-.193-.691.93.93 0 0 1 .306-.622q.556-.531 1.018-1.157.463-.624.81-1.343l.004-.008-.004-.01A9.05 9.05 0 0 0 16.78 7.42a8.83 8.83 0 0 0-4.801-1.376q-.44 0-.857.034a6 6 0 0 0-.833.127.98.98 0 0 1-.69-.112.93.93 0 0 1-.418-.543.85.85 0 0 1 .079-.7.78.78 0 0 1 .552-.406q.53-.114 1.071-.16.542-.048 1.096-.048m-.322 2.794a3.8 3.8 0 0 1 1.723.218 4.1 4.1 0 0 1 1.517.977q.667.666.976 1.516.271.744.235 1.523l-.017.223v.002a.76.76 0 0 1-.248.575.82.82 0 0 1-.586.236.78.78 0 0 1-.575-.236.78.78 0 0 1-.236-.57 2.3 2.3 0 0 0-.07-1.166 2.4 2.4 0 0 0-.583-.954 2.6 2.6 0 0 0-.953-.604 2.2 2.2 0 0 0-1.188-.095.76.76 0 0 1-.57-.247.82.82 0 0 1-.238-.586q0-.34.236-.575a.78.78 0 0 1 .575-.237z"
 	})
 });
+//#endregion
 export { VisibilityOffIcon };

package/dist/assets/icons/WarningFilled.js

@@ -1,5 +1,6 @@
 import { jsx } from "react/jsx-runtime";
-const WarningFilledIcon = (props) => /* @__PURE__ */ jsx("svg", {
+//#region src/assets/icons/WarningFilled.tsx
+var WarningFilledIcon = (props) => /* @__PURE__ */ jsx("svg", {
 	xmlns: "http://www.w3.org/2000/svg",
 	fill: "none",
 	viewBox: "0 0 24 24",
@@ -12,4 +13,5 @@ const WarningFilledIcon = (props) => /* @__PURE__ */ jsx("svg", {
 		clipRule: "evenodd"
 	})
 });
+//#endregion
 export { WarningFilledIcon };

package/dist/assets/locales/en/translation.json.js

@@ -143,4 +143,5 @@ var translation_default = {
 		}
 	}
 };
+//#endregion
 export { translation_default as default };

package/dist/assets/locales/sl/translation.json.js

@@ -141,4 +141,5 @@ var translation_default = {
 		}
 	}
 };
+//#endregion
 export { translation_default as default };

package/dist/components/Breadcrumbs/Breadcrumbs.js

@@ -9,7 +9,8 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { useLayoutEffect, useRef, useState } from "react";
 import { Breadcrumb, Breadcrumbs, Button, Link } from "react-aria-components";
-const Breadcrumbs$1 = ({ items, className, onAction, iconOnly = false }) => {
+//#region src/components/Breadcrumbs/Breadcrumbs.tsx
+var Breadcrumbs$1 = ({ items, className, onAction, iconOnly = false }) => {
 	const breadcrumbsCva$1 = UIStyle.useCva("breadcrumbs.cva", breadcrumbsCva);
 	const breadcrumbItem$1 = UIStyle.useCva("breadcrumbs.itemCva", breadcrumbItem);
 	const breadcrumbSegmentCva = UIStyle.useCva("breadcrumbs.segmentCva", breadcrumbSegment);
@@ -35,13 +36,13 @@ const Breadcrumbs$1 = ({ items, className, onAction, iconOnly = false }) => {
 	const firstItem = items[0];
 	const lastItem = items[items.length - 1];
 	const LinkComponent = LinkContext.useLinkContext()?.LinkComponent ?? Link;
-	const renderBreadcrumbLink = (item, isCurrent, iconOnly$1) => /* @__PURE__ */ jsxs(LinkComponent, {
+	const renderBreadcrumbLink = (item, isCurrent, iconOnly) => /* @__PURE__ */ jsxs(LinkComponent, {
 		href: item.href,
 		className: breadcrumbItem$1({ isCurrent }),
 		children: [item.icon && /* @__PURE__ */ jsx(item.icon, {
 			className: breadcrumbIconCva({}),
 			"aria-label": item.label
-		}), !iconOnly$1 && /* @__PURE__ */ jsx(Typography, {
+		}), !iconOnly && /* @__PURE__ */ jsx(Typography, {
 			variant: "default",
 			size: "label-3",
 			children: item.label
@@ -107,4 +108,5 @@ const Breadcrumbs$1 = ({ items, className, onAction, iconOnly = false }) => {
 		})
 	});
 };
+//#endregion
 export { Breadcrumbs$1 as Breadcrumbs };

package/dist/components/Breadcrumbs/breadcrumbs.cva.js

@@ -1,9 +1,10 @@
 import { cva } from "class-variance-authority";
-const breadcrumbsCva = cva(["flex items-center gap-breadcrumbs-gap-segment-to-segment"]);
-const breadcrumbSegment = cva(["flex items-center gap-breadcrumbs-gap-segment-to-segment"]);
-const breadcrumbChevron = cva(["size-6 shrink-0 text-interactive-text-secondary-idle"]);
-const breadcrumbIcon = cva(["size-4 shrink-0"]);
-const breadcrumbItem = cva(["inline-flex cursor-pointer items-center gap-breadcrumbs-gap-icon-to-text whitespace-nowrap font-inter font-medium text-label-3 no-underline"], {
+//#region src/components/Breadcrumbs/breadcrumbs.cva.ts
+var breadcrumbsCva = cva(["flex items-center gap-breadcrumbs-gap-segment-to-segment"]);
+var breadcrumbSegment = cva(["flex items-center gap-breadcrumbs-gap-segment-to-segment"]);
+var breadcrumbChevron = cva(["size-6 shrink-0 text-interactive-text-secondary-idle"]);
+var breadcrumbIcon = cva(["size-4 shrink-0"]);
+var breadcrumbItem = cva(["inline-flex cursor-pointer items-center gap-breadcrumbs-gap-icon-to-text whitespace-nowrap font-inter font-medium text-label-3 no-underline"], {
 	variants: {
 		isCurrent: {
 			true: "text-interactive-text-primary-idle",
@@ -19,4 +20,5 @@ const breadcrumbItem = cva(["inline-flex cursor-pointer items-center gap-breadcr
 		isEllipsis: false
 	}
 });
+//#endregion
 export { breadcrumbChevron, breadcrumbIcon, breadcrumbItem, breadcrumbSegment, breadcrumbsCva };

package/dist/components/Menu/Menu.js

@@ -2,8 +2,10 @@ import { MenuDesktop } from "./MenuDesktop.js";
 import { MenuMobile } from "./MenuMobile.js";
 import { useBreakpoint } from "../../hooks/useBreakpoint.js";
 import { jsx } from "react/jsx-runtime";
-const Menu = (props) => {
+//#region src/components/Menu/Menu.tsx
+var Menu = (props) => {
 	if (useBreakpoint("md")) return /* @__PURE__ */ jsx(MenuDesktop, { ...props });
 	return /* @__PURE__ */ jsx(MenuMobile, { ...props });
 };
+//#endregion
 export { Menu };

package/dist/components/Menu/MenuDesktop.js

@@ -1,7 +1,8 @@
 import { MenuPopover } from "./MenuPopover.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { MenuTrigger } from "react-aria-components";
-const MenuDesktop = ({ trigger, items, onAction, ...props }) => {
+//#region src/components/Menu/MenuDesktop.tsx
+var MenuDesktop = ({ trigger, items, onAction, ...props }) => {
 	return /* @__PURE__ */ jsxs(MenuTrigger, { children: [trigger, /* @__PURE__ */ jsx(MenuPopover, {
 		...props,
 		offset: 0,
@@ -9,4 +10,5 @@ const MenuDesktop = ({ trigger, items, onAction, ...props }) => {
 		onAction
 	})] });
 };
+//#endregion
 export { MenuDesktop };

package/dist/components/Menu/MenuItem.js

@@ -4,7 +4,8 @@ import { UIStyle } from "../../config/uiStyle.context.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { MenuItem } from "react-aria-components";
-const MenuItem$1 = ({ label, content, children, className, ...item }) => {
+//#region src/components/Menu/MenuItem.tsx
+var MenuItem$1 = ({ label, content, children, className, ...item }) => {
 	const hasSubmenu = !!children && children?.length > 0;
 	const menuItemCva$1 = UIStyle.useCva("menu.itemCva", menuItemCva);
 	return /* @__PURE__ */ jsxs(MenuItem, {
@@ -18,4 +19,5 @@ const MenuItem$1 = ({ label, content, children, className, ...item }) => {
 		children: [content ?? label, hasSubmenu && /* @__PURE__ */ jsx(ArrowRightIcon, { className: "size-6" })]
 	});
 };
+//#endregion
 export { MenuItem$1 as MenuItem };

package/dist/components/Menu/MenuMobile.js

@@ -7,7 +7,8 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { useRef, useState } from "react";
 import { Button, Menu } from "react-aria-components";
-const MenuMobile = ({ trigger, items, onAction, ...props }) => {
+//#region src/components/Menu/MenuMobile.tsx
+var MenuMobile = ({ trigger, items, onAction, ...props }) => {
 	const menuItemCva$1 = UIStyle.useCva("menu.itemCva", menuItemCva);
 	const menuCva$1 = UIStyle.useCva("menu.cva", menuCva);
 	const activeItemRef = useRef(null);
@@ -73,4 +74,5 @@ const MenuMobile = ({ trigger, items, onAction, ...props }) => {
 		})] })
 	});
 };
+//#endregion
 export { MenuMobile };

package/dist/components/Menu/MenuPopover.js

@@ -4,7 +4,8 @@ import { MenuItem as MenuItem$1 } from "./MenuItem.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useRef } from "react";
 import { Menu, Popover, SubmenuTrigger } from "react-aria-components";
-const MenuPopover = ({ items, className, onAction, ...props }) => {
+//#region src/components/Menu/MenuPopover.tsx
+var MenuPopover = ({ items, className, onAction, ...props }) => {
 	const lastEventRef = useRef(null);
 	const menuPopoverCva$1 = UIStyle.useCva("menu.popoverCva", menuPopoverCva);
 	const menuPopoverWrapperCva$1 = UIStyle.useCva("menu.popoverWrapperCva", menuPopoverWrapperCva);
@@ -40,4 +41,5 @@ const MenuPopover = ({ items, className, onAction, ...props }) => {
 		})
 	});
 };
+//#endregion
 export { MenuPopover };

package/dist/components/Menu/menu.cva.js

@@ -1,12 +1,13 @@
 import { cva } from "class-variance-authority";
-const menuCva = cva(["outline-none"], {
+//#region src/components/Menu/menu.cva.ts
+var menuCva = cva(["outline-none"], {
 	variants: { isMobile: {
 		true: [],
 		false: []
 	} },
 	defaultVariants: { isMobile: false }
 });
-const menuItemCva = cva([
+var menuItemCva = cva([
 	"flex cursor-pointer items-center justify-between gap-list-gap-checkbox-to-label px-list-side-item-left py-list-height-item has-submenu:pr-list-side-item-right",
 	"border-b border-b-elevation-outline-default-1 outline-none last:border-b-0",
 	"bg-elevation-fill-default-1 text-interactive-text-secondary-idle",
@@ -21,6 +22,7 @@ const menuItemCva = cva([
 	} },
 	defaultVariants: { isMobile: false }
 });
-const menuPopoverCva = cva(["pt-2 outline-none"]);
-const menuPopoverWrapperCva = cva(["overflow-hidden rounded-list-rounding-dropdown border border-elevation-outline-default-1 shadow-5 outline-none"]);
+var menuPopoverCva = cva(["pt-2 outline-none"]);
+var menuPopoverWrapperCva = cva(["overflow-hidden rounded-list-rounding-dropdown border border-elevation-outline-default-1 shadow-5 outline-none"]);
+//#endregion
 export { menuCva, menuItemCva, menuPopoverCva, menuPopoverWrapperCva };

package/dist/components/buttons/Button/Button.js

@@ -6,7 +6,8 @@ import { button, buttonContent, buttonIconSize, buttonSize, buttonTypography } f
 import { jsx } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { Button, Link, ToggleButton } from "react-aria-components";
-const Button$1 = ({ icon: Icon, iconPosition, children, isLoading, className, link, iconClassName, noDisableWhenLoading, contentRef, ...props }) => {
+//#region src/components/buttons/Button/Button.tsx
+var Button$1 = ({ icon: Icon, iconPosition, children, isLoading, className, link, iconClassName, noDisableWhenLoading, contentRef, ...props }) => {
 	const linkContext = LinkContext.useLinkContext();
 	const uiConfig = UIConfig.useConfig();
 	const { variant = uiConfig.button.variant, size = uiConfig.button.size } = props;
@@ -61,4 +62,5 @@ const Button$1 = ({ icon: Icon, iconPosition, children, isLoading, className, li
 		})
 	});
 };
+//#endregion
 export { Button$1 as Button };

package/dist/components/buttons/Button/button.cva.js

@@ -1,7 +1,8 @@
 import { uiOutlineClass } from "../../outline.clsx.js";
 import { compoundMapper } from "../../../utils/compoundMapper.js";
 import { cva } from "class-variance-authority";
-const button = cva([
+//#region src/components/buttons/Button/button.cva.ts
+var button = cva([
 	"group inline-flex items-center justify-center border border-solid",
 	uiOutlineClass,
 	"group-data-[split]/split:data-[separator]:relative",
@@ -508,7 +509,7 @@ const button = cva([
 		inverted: false
 	}
 });
-const buttonSize = cva("", {
+var buttonSize = cva("", {
 	variants: {
 		size: {
 			none: "rounded-button-rounding-s p-0",
@@ -569,7 +570,7 @@ const buttonSize = cva("", {
 		iconOnly: false
 	}
 });
-const buttonContent = cva("", {
+var buttonContent = cva("", {
 	variants: {
 		size: {
 			none: "gap-button-gap-icon-to-label",
@@ -594,7 +595,7 @@ const buttonContent = cva("", {
 		iconOnly: false
 	}
 });
-const buttonIconSize = cva("", {
+var buttonIconSize = cva("", {
 	variants: { size: {
 		none: "h-6 w-6",
 		xs: "h-6 w-6",
@@ -604,7 +605,7 @@ const buttonIconSize = cva("", {
 	} },
 	defaultVariants: { size: "m" }
 });
-const buttonTypography = compoundMapper({
+var buttonTypography = compoundMapper({
 	defaultVariants: { size: "m" },
 	compoundVariants: [
 		{
@@ -644,4 +645,5 @@ const buttonTypography = compoundMapper({
 		}
 	]
 });
+//#endregion
 export { button, buttonContent, buttonIconSize, buttonSize, buttonTypography };

package/dist/components/buttons/IconButton/IconButton.js

@@ -1,7 +1,8 @@
 import { Tooltip } from "../../overlays/Tooltip/Tooltip.js";
 import { Button } from "../Button/Button.js";
 import { jsx } from "react/jsx-runtime";
-const IconButton = ({ label, disableTooltip, ...props }) => {
+//#region src/components/buttons/IconButton/IconButton.tsx
+var IconButton = ({ label, disableTooltip, ...props }) => {
 	return /* @__PURE__ */ jsx(Tooltip, {
 		text: label,
 		placement: "bottom",
@@ -14,4 +15,5 @@ const IconButton = ({ label, disableTooltip, ...props }) => {
 		})
 	});
 };
+//#endregion
 export { IconButton };

package/dist/components/buttons/InlineIconButton/InlineIconButton.js

@@ -1,6 +1,7 @@
 import { Button } from "../Button/Button.js";
 import { jsx } from "react/jsx-runtime";
-const InlineIconButton = ({ label, ...props }) => {
+//#region src/components/buttons/InlineIconButton/InlineIconButton.tsx
+var InlineIconButton = ({ label, ...props }) => {
 	return /* @__PURE__ */ jsx(Button, {
 		...props,
 		iconOnly: true,
@@ -10,4 +11,5 @@ const InlineIconButton = ({ label, ...props }) => {
 		children: label
 	});
 };
+//#endregion
 export { InlineIconButton };

package/dist/components/buttons/PillButton/PillButton.js

@@ -5,7 +5,8 @@ import { pillButton, pillButtonContent, pillButtonIconSize, pillButtonTypography
 import { jsx } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { Button, ToggleButton } from "react-aria-components";
-const PillButton = ({ children, dismissable, toggle, icon, iconPosition, contentRef, ...props }) => {
+//#region src/components/buttons/PillButton/PillButton.tsx
+var PillButton = ({ children, dismissable, toggle, icon, iconPosition, contentRef, ...props }) => {
 	const pillButtonCva = UIStyle.useCva("pillButton.cva", pillButton);
 	const pillButtonTypographyMap = UIStyle.useMapper("pillButton.typography", pillButtonTypography);
 	const Component = toggle ? ToggleButton : Button;
@@ -29,4 +30,5 @@ const PillButton = ({ children, dismissable, toggle, icon, iconPosition, content
 		})
 	});
 };
+//#endregion
 export { PillButton };

package/dist/components/buttons/PillButton/pillButton.cva.js

@@ -2,7 +2,8 @@ import { uiOutlineClass } from "../../outline.clsx.js";
 import { compoundMapper } from "../../../utils/compoundMapper.js";
 import { clsx } from "clsx";
 import { cva } from "class-variance-authority";
-const pillButton = cva([
+//#region src/components/buttons/PillButton/pillButton.cva.ts
+var pillButton = cva([
 	uiOutlineClass,
 	"flex items-center justify-center",
 	"rounded-pill-rounding-default border border-solid px-pill-side-default py-pill-height-s"
@@ -238,7 +239,7 @@ const pillButton = cva([
 		variant: "contained"
 	}
 });
-const pillButtonContent = cva("", {
+var pillButtonContent = cva("", {
 	variants: { iconPosition: {
 		left: "gap-button-gap-icon-to-label",
 		right: "gap-button-gap-icon-to-label",
@@ -246,9 +247,10 @@ const pillButtonContent = cva("", {
 	} },
 	defaultVariants: { iconPosition: "left" }
 });
-const pillButtonIconSize = clsx("h-6 w-6");
-const pillButtonTypography = compoundMapper({ default: {
+var pillButtonIconSize = clsx("h-6 w-6");
+var pillButtonTypography = compoundMapper({ default: {
 	size: "label-2",
 	variant: "prominent-1"
 } });
+//#endregion
 export { pillButton, pillButtonContent, pillButtonIconSize, pillButtonTypography };

package/dist/components/buttons/SplitButton/SplitButton.js

@@ -4,7 +4,8 @@ import { IconButton } from "../IconButton/IconButton.js";
 import { Menu } from "../../Menu/Menu.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
-const SplitButton = ({ variant, color, width, size, label, labelRight, link, items, className, isLoading, ...props }) => {
+//#region src/components/buttons/SplitButton/SplitButton.tsx
+var SplitButton = ({ variant, color, width, size, label, labelRight, link, items, className, isLoading, ...props }) => {
 	return /* @__PURE__ */ jsxs("div", {
 		className: "group/split flex items-center",
 		"data-split": "",
@@ -33,4 +34,5 @@ const SplitButton = ({ variant, color, width, size, label, labelRight, link, ite
 		})]
 	});
 };
+//#endregion
 export { SplitButton };

package/dist/components/buttons/TextButton/TextButton.js

@@ -1,6 +1,7 @@
 import { Button } from "../Button/Button.js";
 import { jsx } from "react/jsx-runtime";
-const TextButton = ({ children, ...props }) => {
+//#region src/components/buttons/TextButton/TextButton.tsx
+var TextButton = ({ children, ...props }) => {
 	return /* @__PURE__ */ jsx(Button, {
 		...props,
 		variant: "text",
@@ -9,4 +10,5 @@ const TextButton = ({ children, ...props }) => {
 		children
 	});
 };
+//#endregion
 export { TextButton };

package/dist/components/buttons/ToggleButton/ToggleButton.js

@@ -1,6 +1,7 @@
 import { Button } from "../Button/Button.js";
 import { jsx } from "react/jsx-runtime";
-const ToggleButton = ({ children, ...props }) => {
+//#region src/components/buttons/ToggleButton/ToggleButton.tsx
+var ToggleButton = ({ children, ...props }) => {
 	return /* @__PURE__ */ jsx(Button, {
 		...props,
 		toggle: true,
@@ -9,4 +10,5 @@ const ToggleButton = ({ children, ...props }) => {
 		children
 	});
 };
+//#endregion
 export { ToggleButton };

package/dist/components/buttons/shared/ButtonContent.js

@@ -5,7 +5,8 @@ import { Loader } from "../../status/Loader/Loader.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { isValidElement } from "react";
-const ButtonContent = ({ ref, text, isLoading, icon: Icon, iconClassName, hideText, iconPosition = "left", typography: typographyOverrides }) => {
+//#region src/components/buttons/shared/ButtonContent.tsx
+var ButtonContent = ({ ref, text, isLoading, icon: Icon, iconClassName, hideText, iconPosition = "left", typography: typographyOverrides }) => {
 	const typographyCva = UIStyle.useCva("typography.cva", typography);
 	let iconOrLoader = null;
 	if (isLoading) iconOrLoader = /* @__PURE__ */ jsx(Loader, { className: "shrink-0" });
@@ -32,4 +33,5 @@ const ButtonContent = ({ ref, text, isLoading, icon: Icon, iconClassName, hideTe
 		iconOrLoader && iconPosition === "right" && iconOrLoader
 	] });
 };
+//#endregion
 export { ButtonContent };

package/dist/components/buttons/shared/buttonContent.cva.js

@@ -7,7 +7,7 @@ cva("flex w-full items-center justify-center", {
 	} },
 	defaultVariants: { iconPosition: "left" }
 });
-const buttonContentLabel = cva("hyphens-auto md:truncate", {
+var buttonContentLabel = cva("hyphens-auto md:truncate", {
 	variants: {
 		iconPosition: {
 			left: "",
@@ -33,4 +33,5 @@ const buttonContentLabel = cva("hyphens-auto md:truncate", {
 		hideText: false
 	}
 });
+//#endregion
 export { buttonContentLabel };

package/dist/components/inputs/Checkbox/Checkbox.js

@@ -9,6 +9,7 @@ import { clsx } from "clsx";
 import { Checkbox } from "react-aria-components";
 import { mergeRefs } from "@react-aria/utils";
 import { Controller } from "react-hook-form";
+//#region src/components/inputs/Checkbox/Checkbox.tsx
 var CheckboxBase = (props) => {
 	const ui = UIConfig.useConfig();
 	const checkboxTypographyMap = UIStyle.useMapper("checkbox.typography", checkboxTypography);
@@ -37,7 +38,7 @@ var CheckboxBase = (props) => {
 		})]
 	}), /* @__PURE__ */ jsx(FormFieldError, { ...formFieldErrorProps })] });
 };
-const Checkbox$1 = (props) => {
+var Checkbox$1 = (props) => {
 	if ("formControl" in props && props.formControl) {
 		const { formControl, ref, ...innerProps } = props;
 		return /* @__PURE__ */ jsx(Controller, {
@@ -58,4 +59,5 @@ const Checkbox$1 = (props) => {
 	}
 	return /* @__PURE__ */ jsx(CheckboxBase, { ...props });
 };
+//#endregion
 export { Checkbox$1 as Checkbox };

package/dist/components/inputs/Checkbox/CheckboxCheckmark.js

@@ -3,7 +3,8 @@ import { CheckboxIndeterminateIcon } from "../../../assets/icons/CheckboxIndeter
 import { UIStyle } from "../../../config/uiStyle.context.js";
 import { checkbox, checkboxIcon } from "./checkbox.cva.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-const CheckboxCheckmark = ({ variant, className, selectedIcon: SelectedIcon = CheckboxCheckmarkIcon, indeterminateIcon: IndeterminateIcon = CheckboxIndeterminateIcon, ...props }) => {
+//#region src/components/inputs/Checkbox/CheckboxCheckmark.tsx
+var CheckboxCheckmark = ({ variant, className, selectedIcon: SelectedIcon = CheckboxCheckmarkIcon, indeterminateIcon: IndeterminateIcon = CheckboxIndeterminateIcon, ...props }) => {
 	const checkboxCva = UIStyle.useCva("checkbox.cva", checkbox);
 	const checkboxIconCva = UIStyle.useCva("checkbox.iconCva", checkboxIcon);
 	return /* @__PURE__ */ jsxs("div", {
@@ -21,4 +22,5 @@ const CheckboxCheckmark = ({ variant, className, selectedIcon: SelectedIcon = Ch
 		}) })]
 	});
 };
+//#endregion
 export { CheckboxCheckmark };

package/dist/components/inputs/Checkbox/checkbox.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 checkbox = cva([
+//#region src/components/inputs/Checkbox/checkbox.cva.ts
+var checkbox = cva([
 	"flex items-center justify-center border-2",
 	"relative size-4 shrink-0 rounded-xs p-1",
 	uiGroupOutlineClass
@@ -32,17 +33,18 @@ const checkbox = cva([
 	] } },
 	defaultVariants: { variant: "default" }
 });
-const checkboxIndicatorClass = "group flex items-center gap-2";
-const checkboxTypography = compoundMapper({ default: {
+var checkboxIndicatorClass = "group flex items-center gap-2";
+var checkboxTypography = compoundMapper({ default: {
 	size: "label-1",
 	sizeMobile: "label-1",
 	variant: "default"
 } });
-const checkboxIcon = cva(["absolute hidden size-3"], {
+var checkboxIcon = cva(["absolute hidden size-3"], {
 	variants: { iconVariant: {
 		selected: ["group-selected:block"],
 		indeterminate: ["group-indeterminate:block"]
 	} },
 	defaultVariants: { iconVariant: "selected" }
 });
+//#endregion
 export { checkbox, checkboxIcon, checkboxIndicatorClass, checkboxTypography };

package/dist/components/inputs/DateTime/DatePicker/DatePicker.js

@@ -15,6 +15,7 @@ import { Controller } from "react-hook-form";
 import { createCalendar, getLocalTimeZone, toCalendarDate, today } from "@internationalized/date";
 import { DateTime } from "luxon";
 import { useCalendarState, useDatePickerState } from "react-stately";
+//#region src/components/inputs/DateTime/DatePicker/DatePicker.tsx
 var DatePickerBase = (props) => {
 	const ui = UIConfig.useConfig();
 	const { ref, label, tooltipText, helperText, isRequired, rightContent, isDirty, isDisabled, headerClassName, errorClassName, isHeaderHidden, error, onChange, value, disableDropdown, className, placeholder, inputClassName, as = ui.input.as, hideLabel = ui.input.hideLabel, variant = ui.input.variant, size = ui.input.size, isClearable = ui.input.isClearable, todayIcon = ui.dateInput.todayIcon, shouldForceLeadingZeros = ui.dateInput.shouldForceLeadingZeros, disableManualEntry = ui.dateInput.disableManualEntry, ...rest } = props;
@@ -149,7 +150,7 @@ var DatePickerBase = (props) => {
 		})
 	});
 };
-const DatePicker = ({ fullIso = true, minValue, maxValue, ...props }) => {
+var DatePicker = ({ fullIso = true, minValue, maxValue, ...props }) => {
 	const formatCalendarDate = (calendarDate) => {
 		if (calendarDate === null) return null;
 		if (fullIso) return DateTimeUtils.fromCalendarDateToUTCISO(calendarDate);
@@ -191,4 +192,5 @@ const DatePicker = ({ fullIso = true, minValue, maxValue, ...props }) => {
 		onChange: (value) => props.onChange?.(formatCalendarDate(value))
 	});
 };
+//#endregion
 export { DatePicker };

package/dist/components/inputs/DateTime/DateRangePicker/DateRangePicker.js

@@ -1,6 +1,6 @@
 import { Typography } from "../../../text/Typography/Typography.js";
 import { UIConfig } from "../../../../config/uiConfig.context.js";
-import { ns } from "../../../../config/i18n.js";
+import "../../../../config/i18n.js";
 import { DatePickerInput } from "../shared/DatePickerInput.js";
 import { DateTimeDialog } from "../shared/DateTimeDialog.js";
 import { DateTimeDialogFooter } from "../shared/DateTimeDialogFooter.js";
@@ -19,6 +19,7 @@ import { Controller } from "react-hook-form";
 import { createCalendar, endOfMonth, endOfWeek, endOfYear, getLocalTimeZone, startOfMonth, startOfWeek, startOfYear, toCalendarDate, today } from "@internationalized/date";
 import { DateTime } from "luxon";
 import { useDateRangePickerState, useRangeCalendarState } from "react-stately";
+//#region src/components/inputs/DateTime/DateRangePicker/DateRangePicker.tsx
 var DateRangePickerBase = (props) => {
 	const ui = UIConfig.useConfig();
 	const { t } = useTranslation();
@@ -324,12 +325,12 @@ var DateRangePickerBase = (props) => {
 		state.toggle();
 	};
 	const onTodayPress = () => {
-		const todayDate$1 = today(getLocalTimeZone());
-		leftCalendarState.setFocusedDate(todayDate$1);
-		rightCalendarState.setFocusedDate(todayDate$1.add({ months: 1 }));
+		const todayDate = today(getLocalTimeZone());
+		leftCalendarState.setFocusedDate(todayDate);
+		rightCalendarState.setFocusedDate(todayDate.add({ months: 1 }));
 		syncCalendarStates({
-			start: todayDate$1,
-			end: todayDate$1
+			start: todayDate,
+			end: todayDate
 		});
 	};
 	const onOpenChange = (isOpen) => {
@@ -528,7 +529,7 @@ var DateRangePickerBase = (props) => {
 		})
 	});
 };
-const DateRangePicker = ({ fullIso = true, minValue, maxValue, ...props }) => {
+var DateRangePicker = ({ fullIso = true, minValue, maxValue, ...props }) => {
 	const formatDateRange = (range) => {
 		if (!range?.start || !range?.end) return null;
 		if (fullIso) return {
@@ -592,4 +593,5 @@ const DateRangePicker = ({ fullIso = true, minValue, maxValue, ...props }) => {
 		onChange: (value) => props.onChange?.(formatDateRange(value))
 	});
 };
+//#endregion
 export { DateRangePicker };