@povio/ui 3.4.0-rc.14 → 3.4.0-rc.16

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

@@ -2,53 +2,187 @@ import { Typography } from "../../text/Typography/Typography.js";
 import { UIConfig } from "../../../config/uiConfig.context.js";
 import { Button } from "../../buttons/Button/Button.js";
 import { Modal } from "../Modal/Modal.js";
+import { c } from "react/compiler-runtime";
 import { clsx } from "clsx";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/overlays/ActionModal/ActionModal.tsx
-var textAlignClassMap = {
+const textAlignClassMap = {
 	left: "text-left",
 	center: "text-center",
 	right: "text-right"
 };
-var ActionModal = ({ heading, description, primaryAction, secondaryAction, buttonSize = "m", textAlign = "left", modalClassName, titleTypography, titleClassName, descriptionTypography, descriptionClassName, ...modalProps }) => {
+const ActionModal = (t0) => {
+	const $ = c(52);
+	let description;
+	let descriptionClassName;
+	let descriptionTypography;
+	let heading;
+	let modalClassName;
+	let modalProps;
+	let primaryAction;
+	let secondaryAction;
+	let t1;
+	let t2;
+	let titleClassName;
+	let titleTypography;
+	if ($[0] !== t0) {
+		({heading, description, primaryAction, secondaryAction, buttonSize: t1, textAlign: t2, modalClassName, titleTypography, titleClassName, descriptionTypography, descriptionClassName, ...modalProps} = t0);
+		$[0] = t0;
+		$[1] = description;
+		$[2] = descriptionClassName;
+		$[3] = descriptionTypography;
+		$[4] = heading;
+		$[5] = modalClassName;
+		$[6] = modalProps;
+		$[7] = primaryAction;
+		$[8] = secondaryAction;
+		$[9] = t1;
+		$[10] = t2;
+		$[11] = titleClassName;
+		$[12] = titleTypography;
+	} else {
+		description = $[1];
+		descriptionClassName = $[2];
+		descriptionTypography = $[3];
+		heading = $[4];
+		modalClassName = $[5];
+		modalProps = $[6];
+		primaryAction = $[7];
+		secondaryAction = $[8];
+		t1 = $[9];
+		t2 = $[10];
+		titleClassName = $[11];
+		titleTypography = $[12];
+	}
+	const buttonSize = t1 === void 0 ? "m" : t1;
+	const textAlign = t2 === void 0 ? "left" : t2;
 	const ui = UIConfig.useConfig();
 	const textAlignClass = textAlignClassMap[textAlign];
-	return /* @__PURE__ */ jsxs(Modal, {
-		modalClassName: clsx("w-modal", modalClassName),
-		...modalProps,
-		children: [/* @__PURE__ */ jsxs("div", {
+	let t3;
+	if ($[13] !== modalClassName) {
+		t3 = clsx("w-modal", modalClassName);
+		$[13] = modalClassName;
+		$[14] = t3;
+	} else t3 = $[14];
+	const t4 = titleTypography ?? ui.actionModal.titleTypography;
+	let t5;
+	if ($[15] !== textAlignClass || $[16] !== titleClassName) {
+		t5 = clsx("text-text-default-1", textAlignClass, titleClassName);
+		$[15] = textAlignClass;
+		$[16] = titleClassName;
+		$[17] = t5;
+	} else t5 = $[17];
+	let t6;
+	if ($[18] !== heading || $[19] !== t4 || $[20] !== t5) {
+		t6 = /* @__PURE__ */ jsx(Typography, {
+			...t4,
+			as: "h2",
+			className: t5,
+			children: heading
+		});
+		$[18] = heading;
+		$[19] = t4;
+		$[20] = t5;
+		$[21] = t6;
+	} else t6 = $[21];
+	const t7 = descriptionTypography ?? ui.actionModal.descriptionTypography;
+	let t8;
+	if ($[22] !== descriptionClassName || $[23] !== textAlignClass) {
+		t8 = clsx("text-text-default-1", textAlignClass, descriptionClassName);
+		$[22] = descriptionClassName;
+		$[23] = textAlignClass;
+		$[24] = t8;
+	} else t8 = $[24];
+	let t9;
+	if ($[25] !== description || $[26] !== t7 || $[27] !== t8) {
+		t9 = /* @__PURE__ */ jsx(Typography, {
+			...t7,
+			className: t8,
+			children: description
+		});
+		$[25] = description;
+		$[26] = t7;
+		$[27] = t8;
+		$[28] = t9;
+	} else t9 = $[28];
+	let t10;
+	if ($[29] !== t6 || $[30] !== t9) {
+		t10 = /* @__PURE__ */ jsxs("div", {
 			className: "flex flex-col gap-modal-gap-text",
-			children: [/* @__PURE__ */ jsx(Typography, {
-				...titleTypography ?? ui.actionModal.titleTypography,
-				as: "h2",
-				className: clsx("text-text-default-1", textAlignClass, titleClassName),
-				children: heading
-			}), /* @__PURE__ */ jsx(Typography, {
-				...descriptionTypography ?? ui.actionModal.descriptionTypography,
-				className: clsx("text-text-default-1", textAlignClass, descriptionClassName),
-				children: description
-			})]
-		}), /* @__PURE__ */ jsxs("div", {
+			children: [t6, t9]
+		});
+		$[29] = t6;
+		$[30] = t9;
+		$[31] = t10;
+	} else t10 = $[31];
+	let t11;
+	if ($[32] !== buttonSize || $[33] !== secondaryAction) {
+		t11 = secondaryAction && /* @__PURE__ */ jsx(Button, {
+			variant: secondaryAction?.variant ?? "contained",
+			size: buttonSize,
+			color: secondaryAction?.color ?? "secondary",
+			width: "fill",
+			onPress: secondaryAction?.onPress,
+			className: clsx("min-w-40 flex-1 shrink-0", secondaryAction?.className),
+			children: secondaryAction?.label
+		});
+		$[32] = buttonSize;
+		$[33] = secondaryAction;
+		$[34] = t11;
+	} else t11 = $[34];
+	const t12 = primaryAction?.variant ?? "contained";
+	const t13 = primaryAction?.color ?? "primary";
+	const t14 = primaryAction.onPress;
+	const t15 = primaryAction?.className;
+	let t16;
+	if ($[35] !== t15) {
+		t16 = clsx("min-w-40 flex-1 shrink-0", t15);
+		$[35] = t15;
+		$[36] = t16;
+	} else t16 = $[36];
+	let t17;
+	if ($[37] !== buttonSize || $[38] !== primaryAction.label || $[39] !== primaryAction.onPress || $[40] !== t12 || $[41] !== t13 || $[42] !== t16) {
+		t17 = /* @__PURE__ */ jsx(Button, {
+			variant: t12,
+			size: buttonSize,
+			color: t13,
+			width: "fill",
+			onPress: t14,
+			className: t16,
+			children: primaryAction.label
+		});
+		$[37] = buttonSize;
+		$[38] = primaryAction.label;
+		$[39] = primaryAction.onPress;
+		$[40] = t12;
+		$[41] = t13;
+		$[42] = t16;
+		$[43] = t17;
+	} else t17 = $[43];
+	let t18;
+	if ($[44] !== t11 || $[45] !== t17) {
+		t18 = /* @__PURE__ */ jsxs("div", {
 			className: "flex w-full flex-wrap gap-modal-gap-buttons pt-1",
-			children: [secondaryAction && /* @__PURE__ */ jsx(Button, {
-				variant: secondaryAction?.variant ?? "contained",
-				size: buttonSize,
-				color: secondaryAction?.color ?? "secondary",
-				width: "fill",
-				onPress: secondaryAction?.onPress,
-				className: clsx("min-w-40 flex-1 shrink-0", secondaryAction?.className),
-				children: secondaryAction?.label
-			}), /* @__PURE__ */ jsx(Button, {
-				variant: primaryAction?.variant ?? "contained",
-				size: buttonSize,
-				color: primaryAction?.color ?? "primary",
-				width: "fill",
-				onPress: primaryAction.onPress,
-				className: clsx("min-w-40 flex-1 shrink-0", primaryAction?.className),
-				children: primaryAction.label
-			})]
-		})]
-	});
+			children: [t11, t17]
+		});
+		$[44] = t11;
+		$[45] = t17;
+		$[46] = t18;
+	} else t18 = $[46];
+	let t19;
+	if ($[47] !== modalProps || $[48] !== t10 || $[49] !== t18 || $[50] !== t3) {
+		t19 = /* @__PURE__ */ jsxs(Modal, {
+			modalClassName: t3,
+			...modalProps,
+			children: [t10, t18]
+		});
+		$[47] = modalProps;
+		$[48] = t10;
+		$[49] = t18;
+		$[50] = t3;
+		$[51] = t19;
+	} else t19 = $[51];
+	return t19;
 };
 //#endregion
 export { ActionModal };

package/dist/components/overlays/BottomSheet/BottomSheet.d.ts

@@ -1,32 +1,34 @@
-import { ReactNode, RefObject } from 'react';
-import { TypographyVariantProps } from '../../text/Typography/typography.cva';
+import { TypographyVariantProps } from "../../text/Typography/typography.cva.js";
+import { ReactNode, RefObject } from "react";
+//#region src/components/overlays/BottomSheet/BottomSheet.d.ts
 type BottomSheetState = "closed" | "opening" | "opened" | "closing";
 interface BottomSheetBaseProps {
-    isOpen?: boolean;
-    onOpenChange?: (isOpen: boolean) => void;
-    onStateChange?: (state: BottomSheetState) => void;
-    isDismissable?: boolean;
-    isScrollable?: boolean;
-    hideHeader?: boolean;
-    hideThumb?: boolean;
-    height?: "auto" | "full";
-    label?: string;
-    portalContainerRef?: RefObject<HTMLElement>;
-    children: ReactNode | ((close: () => void) => ReactNode);
-    footer?: ReactNode;
-    sheetMarginTop?: number;
-    sheetMarginBottom?: number;
-    /** Min downward drag distance (px) to allow close on release. Increase to require a longer drag. */
-    closeDragThreshold?: number;
-    /** Min downward velocity to close on flick. Increase to require a more intentional swipe. */
-    closeVelocityThreshold?: number;
-    shouldCloseOnInteractOutside?: () => boolean;
-    containerClassName?: string;
-    overlayClassName?: string;
-    headerTypography?: TypographyVariantProps;
+  isOpen?: boolean;
+  onOpenChange?: (isOpen: boolean) => void;
+  onStateChange?: (state: BottomSheetState) => void;
+  isDismissable?: boolean;
+  isScrollable?: boolean;
+  hideHeader?: boolean;
+  hideThumb?: boolean;
+  height?: "auto" | "full";
+  label?: string;
+  portalContainerRef?: RefObject<HTMLElement>;
+  children: ReactNode | ((close: () => void) => ReactNode);
+  footer?: ReactNode;
+  sheetMarginTop?: number;
+  sheetMarginBottom?: number;
+  /** Min downward drag distance (px) to allow close on release. Increase to require a longer drag. */
+  closeDragThreshold?: number;
+  /** Min downward velocity to close on flick. Increase to require a more intentional swipe. */
+  closeVelocityThreshold?: number;
+  shouldCloseOnInteractOutside?: () => boolean;
+  containerClassName?: string;
+  overlayClassName?: string;
+  headerTypography?: TypographyVariantProps;
 }
-export interface BottomSheetProps extends BottomSheetBaseProps {
-    trigger?: ReactNode;
+interface BottomSheetProps extends BottomSheetBaseProps {
+  trigger?: ReactNode;
 }
-export declare const BottomSheet: ({ isOpen, portalContainerRef, onOpenChange, trigger, children, ...rest }: BottomSheetProps) => import("react/jsx-runtime").JSX.Element;
-export {};
+declare const BottomSheet: ({ isOpen, portalContainerRef, onOpenChange, trigger, children, ...rest }: BottomSheetProps) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { BottomSheet, BottomSheetProps };

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

@@ -2,23 +2,23 @@ import { UIConfig } from "../../../config/uiConfig.context.js";
 import { BottomSheetHeader } from "./BottomSheetHeader.js";
 import { useStateAndRef } from "../../../hooks/useStateAndRef.js";
 import { DomUtils } from "../../../utils/dom.utils.js";
+import { c } from "react/compiler-runtime";
 import { clsx } from "clsx";
 import { useEffect, useMemo, useRef, useState } from "react";
 import { Dialog, DialogTrigger, Modal, ModalOverlay } from "react-aria-components";
-import { c } from "react/compiler-runtime";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 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 = {
+const MotionModal = motion.create(Modal);
+const MotionModalOverlay = motion.create(ModalOverlay);
+const inertiaTransition = {
 	type: "inertia",
 	bounceStiffness: 300,
 	bounceDamping: 40,
 	timeConstant: 300
 };
-var staticTransition = {
+const staticTransition = {
 	duration: .5,
 	ease: [
 		.32,
@@ -27,8 +27,8 @@ var staticTransition = {
 		1
 	]
 };
-var KEYBOARD_INSET_THRESHOLD = 48;
-var BottomSheetBase = ({ isOpen, onOpenChange, onStateChange, isDismissable = true, isScrollable = true, height = "full", label, portalContainerRef, children, footer, hideHeader, hideThumb: hideThumbProp, sheetMarginTop = 96, sheetMarginBottom = 128, closeDragThreshold: closeDragThresholdProp, closeVelocityThreshold: closeVelocityThresholdProp, shouldCloseOnInteractOutside, containerClassName, overlayClassName, headerTypography: headerTypographyProp }) => {
+const KEYBOARD_INSET_THRESHOLD = 48;
+const BottomSheetBase = ({ isOpen, onOpenChange, onStateChange, isDismissable = true, isScrollable = true, height = "full", label, portalContainerRef, children, footer, hideHeader, hideThumb: hideThumbProp, sheetMarginTop = 96, sheetMarginBottom = 128, closeDragThreshold: closeDragThresholdProp, closeVelocityThreshold: closeVelocityThresholdProp, shouldCloseOnInteractOutside, containerClassName, overlayClassName, headerTypography: headerTypographyProp }) => {
 	const uiConfig = UIConfig.useConfig();
 	const closeDragThreshold = closeDragThresholdProp ?? uiConfig.bottomSheet.closeDragThreshold;
 	const closeVelocityThreshold = closeVelocityThresholdProp ?? uiConfig.bottomSheet.closeVelocityThreshold;
@@ -36,9 +36,11 @@ var BottomSheetBase = ({ isOpen, onOpenChange, onStateChange, isDismissable = tr
 	const headerTypography = headerTypographyProp ?? uiConfig.bottomSheet.headerTypography;
 	const viewport = useViewportSize();
 	const { sheetHeight, windowHeight } = useMemo(() => {
+		const sh = viewport.height - sheetMarginTop;
+		const browserHeight = typeof window === "undefined" ? viewport.height : window.innerHeight;
 		return {
-			sheetHeight: viewport.height - sheetMarginTop,
-			windowHeight: Math.max(window.innerHeight, viewport.height) - sheetMarginTop
+			sheetHeight: sh,
+			windowHeight: Math.max(browserHeight, viewport.height) - sheetMarginTop
 		};
 	}, [viewport.height, sheetMarginTop]);
 	const y = useMotionValue(sheetHeight);
@@ -56,6 +58,7 @@ var BottomSheetBase = ({ isOpen, onOpenChange, onStateChange, isDismissable = tr
 			setKeyboardInset(0);
 			return;
 		}
+		if (typeof window === "undefined") return;
 		const vv = window.visualViewport;
 		if (!vv) return;
 		const update = () => {
@@ -221,7 +224,7 @@ var BottomSheetBase = ({ isOpen, onOpenChange, onStateChange, isDismissable = tr
 		})]
 	}) });
 };
-var BottomSheet = (t0) => {
+const BottomSheet = (t0) => {
 	const $ = c(30);
 	let children;
 	let isOpen;

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

@@ -1,13 +1,13 @@
 import { Typography } from "../../text/Typography/Typography.js";
 import "../../../config/i18n.js";
 import { X } from "lucide-react";
+import { c } from "react/compiler-runtime";
 import { clsx } from "clsx";
 import { Button } from "react-aria-components";
-import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
 //#region src/components/overlays/BottomSheet/BottomSheetHeader.tsx
-var BottomSheetHeader = (t0) => {
+const BottomSheetHeader = (t0) => {
 	const $ = c(17);
 	const { label, dragControls, isDismissable, hideThumb, hideHeader, headerTypography, onClose } = t0;
 	const { t } = useTranslation("ui");

package/dist/components/overlays/Drawer/Drawer.d.ts

@@ -1,15 +1,18 @@
-import { ReactNode, RefObject } from 'react';
-export interface DrawerProps {
-    label: string;
-    isOpen?: boolean;
-    portalContainerRef?: RefObject<HTMLElement>;
-    onOpenChange?: (isOpen: boolean) => void;
-    trigger?: ReactNode;
-    children: (close: () => void) => ReactNode;
-    isDismissable?: boolean;
-    overlayClassName?: string;
-    dialogClassName?: string;
-    className?: string;
-    shouldCloseOnInteractOutside?: () => boolean;
+import { ReactNode, RefObject } from "react";
+//#region src/components/overlays/Drawer/Drawer.d.ts
+interface DrawerProps {
+  label: string;
+  isOpen?: boolean;
+  portalContainerRef?: RefObject<HTMLElement>;
+  onOpenChange?: (isOpen: boolean) => void;
+  trigger?: ReactNode;
+  children: (close: () => void) => ReactNode;
+  isDismissable?: boolean;
+  overlayClassName?: string;
+  dialogClassName?: string;
+  className?: string;
+  shouldCloseOnInteractOutside?: () => boolean;
 }
-export declare const Drawer: ({ label, isOpen, portalContainerRef, onOpenChange, trigger, children, isDismissable, overlayClassName, dialogClassName, className, shouldCloseOnInteractOutside, }: DrawerProps) => import("react/jsx-runtime").JSX.Element;
+declare const Drawer: ({ label, isOpen, portalContainerRef, onOpenChange, trigger, children, isDismissable, overlayClassName, dialogClassName, className, shouldCloseOnInteractOutside }: DrawerProps) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { Drawer, DrawerProps };

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

@@ -1,10 +1,10 @@
 import { modalOverlay } from "../Modal/modal.cva.js";
+import { c } from "react/compiler-runtime";
 import { clsx } from "clsx";
 import { Dialog, DialogTrigger, Modal, ModalOverlay } from "react-aria-components";
-import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/overlays/Drawer/Drawer.tsx
-var Drawer = (t0) => {
+const Drawer = (t0) => {
 	const $ = c(25);
 	const { label, isOpen, portalContainerRef, onOpenChange, trigger, children, isDismissable, overlayClassName, dialogClassName, className, shouldCloseOnInteractOutside } = t0;
 	if (trigger) {
@@ -73,7 +73,7 @@ var Drawer = (t0) => {
 	} else t1 = $[24];
 	return t1;
 };
-var DrawerOverlay = ({ label, isOpen, onOpenChange, portalContainerRef, children, isDismissable, overlayClassName, dialogClassName, className, shouldCloseOnInteractOutside }) => {
+const DrawerOverlay = ({ label, isOpen, onOpenChange, portalContainerRef, children, isDismissable, overlayClassName, dialogClassName, className, shouldCloseOnInteractOutside }) => {
 	return /* @__PURE__ */ jsx(ModalOverlay, {
 		isOpen,
 		onOpenChange,

package/dist/components/overlays/Modal/Modal.d.ts

@@ -1,15 +1,19 @@
-import { PropsWithChildren, RefObject } from 'react';
-import { ModalVariantProps } from './modal.cva';
-export interface ModalProps extends ModalVariantProps {
-    isOpen: boolean;
-    portalContainerRef?: RefObject<HTMLElement>;
-    onClose: () => void;
-    modalClassName?: string;
-    closeIconClassName?: string;
-    overlayClassName?: string;
-    showCloseIcon?: boolean;
-    isDismissable?: boolean;
-    isKeyboardDismissable?: boolean;
-    shouldCloseOnInteractOutside?: () => boolean;
+import { ModalVariantProps } from "./modal.cva.js";
+import { PropsWithChildren, RefObject } from "react";
+import { DialogProps } from "react-aria-components";
+//#region src/components/overlays/Modal/Modal.d.ts
+interface ModalProps extends ModalVariantProps, Pick<DialogProps, "aria-label" | "aria-labelledby"> {
+  isOpen: boolean;
+  portalContainerRef?: RefObject<HTMLElement>;
+  onClose: () => void;
+  modalClassName?: string;
+  closeIconClassName?: string;
+  overlayClassName?: string;
+  showCloseIcon?: boolean;
+  isDismissable?: boolean;
+  isKeyboardDismissable?: boolean;
+  shouldCloseOnInteractOutside?: () => boolean;
 }
-export declare const Modal: ({ isOpen, portalContainerRef, onClose, aside, children, modalClassName, closeIconClassName, overlayClassName, showCloseIcon, isDismissable, isKeyboardDismissable, shouldCloseOnInteractOutside, }: PropsWithChildren<ModalProps>) => import("react/jsx-runtime").JSX.Element;
+declare const Modal$1: ({ isOpen, portalContainerRef, onClose, aside, children, modalClassName, closeIconClassName, overlayClassName, showCloseIcon, isDismissable, isKeyboardDismissable, shouldCloseOnInteractOutside, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy }: PropsWithChildren<ModalProps>) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { Modal$1 as Modal, ModalProps };

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

@@ -8,7 +8,7 @@ import { Dialog, Modal, ModalOverlay } from "react-aria-components";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
 //#region src/components/overlays/Modal/Modal.tsx
-var Modal$1 = ({ isOpen, portalContainerRef, onClose, aside, children, modalClassName, closeIconClassName, overlayClassName, showCloseIcon, isDismissable = true, isKeyboardDismissable, shouldCloseOnInteractOutside }) => {
+const Modal$1 = ({ isOpen, portalContainerRef, onClose, aside, children, modalClassName, closeIconClassName, overlayClassName, showCloseIcon, isDismissable = true, isKeyboardDismissable, shouldCloseOnInteractOutside, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy }) => {
 	const { t } = useTranslation("ui");
 	const modalMainCva = UIOverrides.useCva("modal.mainCva", modalMainDefinition);
 	const modalContentCva = UIOverrides.useCva("modal.contentCva", modalContentDefinition);
@@ -35,6 +35,8 @@ var Modal$1 = ({ isOpen, portalContainerRef, onClose, aside, children, modalClas
 		children: /* @__PURE__ */ jsx(Modal, {
 			className: modalMainCva({ aside }),
 			children: /* @__PURE__ */ jsxs(Dialog, {
+				"aria-label": ariaLabel,
+				"aria-labelledby": ariaLabelledBy,
 				className: modalContentCva({
 					aside,
 					className: modalClassName

package/dist/components/overlays/Modal/modal.cva.d.ts

@@ -1,37 +1,37 @@
-import { UIOverrides } from '../../../config/uiOverrides.context';
-export declare const modalContentDefinition: {
-    base: string[];
-    config: import("../../../utils/style-merge.util").StyleMergeUtils.Config<{
-        readonly aside: {
-            readonly left: "h-screen rounded-none border-r";
-            readonly right: "h-screen rounded-none border-l";
-            readonly center: "rounded-modal-rounding-default border";
-        };
-    }>;
+import { StyleMergeUtils } from "../../../utils/style-merge.util.js";
+import { UIOverrides } from "../../../config/uiOverrides.context.js";
+//#region src/components/overlays/Modal/modal.cva.d.ts
+declare const modalContentDefinition: {
+  base: string[];
+  config: StyleMergeUtils.Config<{
+    readonly aside: {
+      readonly left: "h-screen rounded-none border-r";
+      readonly right: "h-screen rounded-none border-l";
+      readonly center: "rounded-modal-rounding-default border";
+    };
+  }>;
 };
-export type ModalConfig = NonNullable<typeof modalContentDefinition.config>;
-export interface ModalVariantProps extends UIOverrides.VariantProps<ModalConfig> {
-}
-export declare const modalOverlayDefinition: {
-    base: string[];
-    config: import("../../../utils/style-merge.util").StyleMergeUtils.Config<{
-        readonly aside: {
-            readonly left: "p-0";
-            readonly right: "p-0";
-            readonly center: "p-4";
-        };
-    }>;
+type ModalConfig = NonNullable<typeof modalContentDefinition.config>;
+interface ModalVariantProps extends UIOverrides.VariantProps<ModalConfig> {}
+declare const modalOverlayDefinition: {
+  base: string[];
+  config: StyleMergeUtils.Config<{
+    readonly aside: {
+      readonly left: "p-0";
+      readonly right: "p-0";
+      readonly center: "p-4";
+    };
+  }>;
 };
-export declare const modalOverlay: (props?: ({
-    readonly aside?: "left" | "right" | "center" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export declare const modalMainDefinition: {
-    base: string[];
-    config: import("../../../utils/style-merge.util").StyleMergeUtils.Config<{
-        readonly aside: {
-            readonly left: "entering:animate-drawer-enter-left exiting:animate-drawer-exit-left justify-start";
-            readonly right: "entering:animate-drawer-enter-right exiting:animate-drawer-exit-right justify-end";
-            readonly center: "justify-center";
-        };
-    }>;
+declare const modalMainDefinition: {
+  base: string[];
+  config: StyleMergeUtils.Config<{
+    readonly aside: {
+      readonly left: "entering:animate-drawer-enter-left exiting:animate-drawer-exit-left justify-start";
+      readonly right: "entering:animate-drawer-enter-right exiting:animate-drawer-exit-right justify-end";
+      readonly center: "justify-center";
+    };
+  }>;
 };
+//#endregion
+export { ModalConfig, ModalVariantProps, modalContentDefinition, modalMainDefinition, modalOverlayDefinition };

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

@@ -1,7 +1,7 @@
 import { UIOverrides } from "../../../config/uiOverrides.context.js";
 import { cva } from "class-variance-authority";
 //#region src/components/overlays/Modal/modal.cva.ts
-var modalContentDefinition = UIOverrides.defineConfig({
+const modalContentDefinition = UIOverrides.defineConfig({
 	base: [
 		"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",
@@ -17,7 +17,7 @@ var modalContentDefinition = UIOverrides.defineConfig({
 		defaultVariants: { aside: "center" }
 	}
 });
-var modalOverlayDefinition = UIOverrides.defineConfig({
+const modalOverlayDefinition = UIOverrides.defineConfig({
 	base: ["fixed inset-0 z-modal flex h-(--visual-viewport-height) w-screen overflow-y-auto bg-support-overlay"],
 	config: {
 		variants: { aside: {
@@ -28,8 +28,8 @@ var modalOverlayDefinition = UIOverrides.defineConfig({
 		defaultVariants: { aside: "center" }
 	}
 });
-var modalOverlay = cva(modalOverlayDefinition.base, modalOverlayDefinition.config);
-var modalMainDefinition = UIOverrides.defineConfig({
+const modalOverlay = cva(modalOverlayDefinition.base, modalOverlayDefinition.config);
+const modalMainDefinition = UIOverrides.defineConfig({
 	base: ["pointer-events-none my-auto flex w-full"],
 	config: {
 		variants: { aside: {

package/dist/components/overlays/ResponsivePopover/ResponsivePopover.d.ts

@@ -1,17 +1,19 @@
-import { ReactElement, ReactNode } from 'react';
-import { PopoverProps } from 'react-aria-components';
-import { BottomSheetProps } from '../BottomSheet/BottomSheet';
+import { BottomSheetProps } from "../BottomSheet/BottomSheet.js";
+import { ReactElement, ReactNode } from "react";
+import { PopoverProps } from "react-aria-components";
+//#region src/components/overlays/ResponsivePopover/ResponsivePopover.d.ts
 type ResponsivePopoverBottomSheetProps = Partial<Omit<BottomSheetProps, "children" | "isOpen" | "onOpenChange" | "trigger">>;
 type ResponsivePopoverPopoverProps = Partial<Omit<PopoverProps, "children" | "className">>;
-export interface ResponsivePopoverProps {
-    trigger: ReactElement;
-    children: ReactNode;
-    isOpen: boolean;
-    onOpenChange: (isOpen: boolean) => void;
-    popoverClassName?: string;
-    sheetLabel: string;
-    bottomSheetProps?: ResponsivePopoverBottomSheetProps;
-    popoverProps?: ResponsivePopoverPopoverProps;
+interface ResponsivePopoverProps {
+  trigger: ReactElement;
+  children: ReactNode;
+  isOpen: boolean;
+  onOpenChange: (isOpen: boolean) => void;
+  popoverClassName?: string;
+  sheetLabel: string;
+  bottomSheetProps?: ResponsivePopoverBottomSheetProps;
+  popoverProps?: ResponsivePopoverPopoverProps;
 }
-export declare const ResponsivePopover: ({ trigger, isOpen, onOpenChange, children, popoverClassName, sheetLabel, bottomSheetProps, popoverProps, }: ResponsivePopoverProps) => import("react/jsx-runtime").JSX.Element;
-export {};
+declare const ResponsivePopover: ({ trigger, isOpen, onOpenChange, children, popoverClassName, sheetLabel, bottomSheetProps, popoverProps }: ResponsivePopoverProps) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { ResponsivePopover, ResponsivePopoverProps };