@povio/ui 2.1.16 → 2.1.18

package/dist/BottomSheet.js

@@ -22,7 +22,7 @@ var staticTransition = {
 		1
 	]
 };
-var BottomSheetBase = ({ isOpen, onOpenChange, onStateChange, isDismissable = false, isScrollable = true, height = "full", label, portalContainerRef, children, footer, sheetMarginTop = 96, sheetMarginBottom = 128 }) => {
+var BottomSheetBase = ({ isOpen, onOpenChange, onStateChange, isDismissable = false, isScrollable = true, height = "full", label, portalContainerRef, children, footer, sheetMarginTop = 96, sheetMarginBottom = 128, shouldCloseOnInteractOutside }) => {
 	const viewport = useViewportSize();
 	const { sheetHeight, windowHeight } = useMemo(() => {
 		return {
@@ -51,9 +51,9 @@ var BottomSheetBase = ({ isOpen, onOpenChange, onStateChange, isDismissable = fa
 			const rect = dialogRef.current?.getBoundingClientRect();
 			if (!rect || oldHeightRef.current === rect.height) return;
 			oldHeightRef.current = rect.height;
-			if (rect.bottom < viewport.height) {
+			if (y.get() < 0) {
 				y.stop();
-				(0, react_exports.animate)(y, -(rect.height - viewport.height + sheetMarginTop));
+				(0, react_exports.animate)(y, 0);
 			}
 		}
 	});
@@ -65,6 +65,7 @@ var BottomSheetBase = ({ isOpen, onOpenChange, onStateChange, isDismissable = fa
 		isDismissable,
 		style: { height: viewport.height },
 		ref: overlayRef,
+		shouldCloseOnInteractOutside,
 		children: [/* @__PURE__ */ jsx(react_exports.motion.div, {
 			className: "pointer-events-none absolute inset-0 bg-support-overlay",
 			animate: { opacity: 1 },
@@ -97,8 +98,14 @@ var BottomSheetBase = ({ isOpen, onOpenChange, onStateChange, isDismissable = fa
 				minHeight: "100%"
 			},
 			drag: "y",
-			dragElastic: 1,
-			dragConstraints: overlayRef,
+			dragElastic: {
+				top: 0,
+				bottom: .5
+			},
+			dragConstraints: {
+				top: 0,
+				bottom: 0
+			},
 			onUpdate: (latest) => {
 				if (!latest || !footerRef.current) return;
 				footerRef.current?.style.setProperty("--scroll-position", `${(latest.y || 0).toFixed(0)}px`);
@@ -106,7 +113,7 @@ var BottomSheetBase = ({ isOpen, onOpenChange, onStateChange, isDismissable = fa
 			onDragStart: () => {
 				if (document.activeElement && DomUtils.isKeyboardInput(document.activeElement)) focusTrapRef.current?.focus();
 				y.animation?.stop();
-				closeVelocityRef.current = isScrollable ? y.get() >= -10 : true;
+				closeVelocityRef.current = true;
 				containerRef.current?.style.setProperty("pointer-events", "none");
 			},
 			onDragEnd: (e, { velocity }) => {

package/dist/CalendarHeader.js

@@ -1,7 +1,10 @@
+import { ArrowDropDownIcon } from "./ArrowDropDown.js";
+import { ArrowDropUpIcon } from "./ArrowDropUp.js";
 import { ChevronLeftIcon } from "./ChevronLeft.js";
 import { ChevronRightIcon } from "./ChevronRight.js";
 import { PillButton } from "./PillButton.js";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { clsx } from "clsx";
 import { Button, ToggleButtonGroup } from "react-aria-components";
 import { Time } from "@internationalized/date";
 import { useDateFormatter } from "@react-aria/i18n";
@@ -29,9 +32,10 @@ const CalendarHeader = ({ calendarState, datePickerState, prevButtonProps, nextB
 		children: [
 			/* @__PURE__ */ jsx("div", {
 				className: "inline-flex h-12 items-center p-3",
-				children: !toggleState && /* @__PURE__ */ jsx(Button, {
+				children: /* @__PURE__ */ jsx(Button, {
 					...prevButtonProps,
-					className: "shrink-0 focus-visible:outline-interactive-contained-secondary-focus",
+					isDisabled: !!toggleState,
+					className: clsx("shrink-0 focus-visible:outline-interactive-contained-secondary-focus", !!toggleState && "opacity-0"),
 					children: /* @__PURE__ */ jsx(ChevronLeftIcon, { className: "size-6 text-interactive-text-secondary-idle" })
 				})
 			}),
@@ -40,6 +44,9 @@ const CalendarHeader = ({ calendarState, datePickerState, prevButtonProps, nextB
 				children: [
 					/* @__PURE__ */ jsx(PillButton, {
 						color: "secondary",
+						variant: "subtle",
+						iconPosition: "right",
+						icon: toggleState === "month" ? ArrowDropUpIcon : ArrowDropDownIcon,
 						toggle: true,
 						isSelected: toggleState === "month",
 						onChange: (isSelected) => setToggleState(isSelected ? "month" : null),
@@ -47,6 +54,9 @@ const CalendarHeader = ({ calendarState, datePickerState, prevButtonProps, nextB
 					}),
 					/* @__PURE__ */ jsx(PillButton, {
 						color: "secondary",
+						variant: "subtle",
+						iconPosition: "right",
+						icon: toggleState === "year" ? ArrowDropUpIcon : ArrowDropDownIcon,
 						toggle: true,
 						isSelected: toggleState === "year",
 						onChange: (isSelected) => setToggleState(isSelected ? "year" : null),
@@ -54,6 +64,9 @@ const CalendarHeader = ({ calendarState, datePickerState, prevButtonProps, nextB
 					}),
 					includesTime && /* @__PURE__ */ jsx(PillButton, {
 						color: "secondary",
+						variant: "subtle",
+						iconPosition: "right",
+						icon: toggleState === "time" ? ArrowDropUpIcon : ArrowDropDownIcon,
 						toggle: true,
 						isSelected: toggleState === "time",
 						onChange: (isSelected) => setToggleState(isSelected ? "time" : null),
@@ -63,9 +76,10 @@ const CalendarHeader = ({ calendarState, datePickerState, prevButtonProps, nextB
 			}),
 			/* @__PURE__ */ jsx("div", {
 				className: "inline-flex h-12 items-center p-3",
-				children: !toggleState && /* @__PURE__ */ jsx(Button, {
+				children: /* @__PURE__ */ jsx(Button, {
 					...nextButtonProps,
-					className: "shrink-0 focus-visible:outline-interactive-contained-secondary-focus",
+					isDisabled: !!toggleState,
+					className: clsx("shrink-0 focus-visible:outline-interactive-contained-secondary-focus", !!toggleState && "opacity-0"),
 					children: /* @__PURE__ */ jsx(ChevronRightIcon, { className: "size-6 text-interactive-text-secondary-idle" })
 				})
 			})

package/dist/CalendarSelectHeader.js

@@ -5,11 +5,14 @@ import { ChevronsLeftIcon } from "./ChevronsLeft.js";
 import { ChevronsRightIcon } from "./ChevronsRight.js";
 import { InlineIconButton } from "./InlineIconButton.js";
 import { PillButton } from "./PillButton.js";
+import { ns } from "./i18n.js";
 import { Select } from "./Select.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useMemo } from "react";
 import { useDateFormatter } from "@react-aria/i18n";
+import { useTranslation } from "react-i18next";
 const CalendarSelectHeader = ({ state, isPrevMonthDisabled, isPrevYearDisabled, isNextMonthDisabled, isNextYearDisabled, offset = { months: 0 }, onNavigate, maxDate, minDate }) => {
+	const { t } = useTranslation("ui");
 	const displayDate = state.visibleRange.start.add(offset);
 	const currentMonth = displayDate.month - 1;
 	const currentYear = displayDate.year;
@@ -102,13 +105,13 @@ const CalendarSelectHeader = ({ state, isPrevMonthDisabled, isPrevYearDisabled,
 					isDisabled: isPrevYearDisabled,
 					onClick: handlePrevYear,
 					icon: ChevronsLeftIcon,
-					label: "Previous year"
+					label: t(($) => $.ui.datePicker.navigation.previousYear)
 				}), /* @__PURE__ */ jsx(InlineIconButton, {
 					color: "secondary",
 					isDisabled: isPrevMonthDisabled,
 					onClick: handlePrevMonth,
 					icon: ChevronLeftIcon,
-					label: "Previous month"
+					label: t(($) => $.ui.datePicker.navigation.previousMonth)
 				})]
 			}),
 			/* @__PURE__ */ jsxs("div", {
@@ -118,6 +121,7 @@ const CalendarSelectHeader = ({ state, isPrevMonthDisabled, isPrevYearDisabled,
 					hideLabel: true,
 					customTrigger: /* @__PURE__ */ jsx(PillButton, {
 						color: "secondary",
+						variant: "subtle",
 						iconPosition: "right",
 						icon: ArrowDropDownIcon,
 						children: MONTHS[currentMonth].slice(0, 3)
@@ -135,6 +139,7 @@ const CalendarSelectHeader = ({ state, isPrevMonthDisabled, isPrevYearDisabled,
 					hideLabel: true,
 					customTrigger: /* @__PURE__ */ jsx(PillButton, {
 						color: "secondary",
+						variant: "subtle",
 						iconPosition: "right",
 						icon: ArrowDropDownIcon,
 						children: currentYear.toString()
@@ -155,13 +160,13 @@ const CalendarSelectHeader = ({ state, isPrevMonthDisabled, isPrevYearDisabled,
 					isDisabled: isNextMonthDisabled,
 					onClick: handleNextMonth,
 					icon: ChevronRightIcon,
-					label: "Next month"
+					label: t(($) => $.ui.datePicker.navigation.nextMonth)
 				}), /* @__PURE__ */ jsx(InlineIconButton, {
 					color: "secondary",
 					isDisabled: isNextYearDisabled,
 					onClick: handleNextYear,
 					icon: ChevronsRightIcon,
-					label: "Next year"
+					label: t(($) => $.ui.datePicker.navigation.nextYear)
 				})]
 			})
 		]

package/dist/ChevronLeft.js

@@ -8,7 +8,7 @@ const ChevronLeftIcon = (props) => /* @__PURE__ */ jsx("svg", {
 	children: /* @__PURE__ */ jsx("path", {
 		fill: "currentColor",
 		fillRule: "evenodd",
-		d: "M15.707 5.293a1 1 0 0 1 0 1.414L10.414 12l5.293 5.293a1 1 0 0 1-1.414 1.414l-6-6a1 1 0 0 1 0-1.414l6-6a1 1 0 0 1 1.414 0",
+		d: "M14.744 6.251a.845.845 0 0 1 0 1.212L10.112 12l4.632 4.537a.845.845 0 0 1 0 1.212.89.89 0 0 1-1.238 0l-5.25-5.143a.845.845 0 0 1 0-1.212l5.25-5.143a.89.89 0 0 1 1.238 0",
 		clipRule: "evenodd"
 	})
 });

package/dist/ChevronRight.js

@@ -8,7 +8,7 @@ const ChevronRightIcon = (props) => /* @__PURE__ */ jsx("svg", {
 	children: /* @__PURE__ */ jsx("path", {
 		fill: "currentColor",
 		fillRule: "evenodd",
-		d: "M8.293 5.293a1 1 0 0 1 1.414 0l6 6a1 1 0 0 1 0 1.414l-6 6a1 1 0 0 1-1.414-1.414L13.586 12 8.293 6.707a1 1 0 0 1 0-1.414",
+		d: "M9.256 6.251a.89.89 0 0 1 1.238 0l5.25 5.143a.845.845 0 0 1 0 1.212l-5.25 5.143a.89.89 0 0 1-1.238 0 .845.845 0 0 1 0-1.212L13.888 12 9.256 7.463a.845.845 0 0 1 0-1.212",
 		clipRule: "evenodd"
 	})
 });

package/dist/Drawer.js

@@ -2,16 +2,18 @@ import { modalOverlay } from "./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 = ({ isOpen, portalContainerRef, onOpenChange, trigger, children, isDismissable, overlayClassName, dialogClassName, className }) => {
+const Drawer = ({ label, isOpen, portalContainerRef, onOpenChange, trigger, children, isDismissable, overlayClassName, dialogClassName, className, shouldCloseOnInteractOutside }) => {
 	if (trigger) return /* @__PURE__ */ jsxs(DialogTrigger, {
 		isOpen,
 		onOpenChange,
 		children: [trigger, /* @__PURE__ */ jsx(DrawerOverlay, {
+			label,
 			portalContainerRef,
 			isDismissable,
 			overlayClassName,
 			dialogClassName,
 			className,
+			shouldCloseOnInteractOutside,
 			children
 		})]
 	});
@@ -20,20 +22,26 @@ const Drawer = ({ isOpen, portalContainerRef, onOpenChange, trigger, children, i
 		onOpenChange,
 		portalContainerRef,
 		isDismissable,
+		overlayClassName,
+		dialogClassName,
 		className,
+		label,
+		shouldCloseOnInteractOutside,
 		children
 	});
 };
-var DrawerOverlay = ({ isOpen, onOpenChange, portalContainerRef, children, isDismissable, overlayClassName, dialogClassName, className }) => {
+var DrawerOverlay = ({ label, isOpen, onOpenChange, portalContainerRef, children, isDismissable, overlayClassName, dialogClassName, className, shouldCloseOnInteractOutside }) => {
 	return /* @__PURE__ */ jsx(ModalOverlay, {
 		isOpen,
 		onOpenChange,
 		UNSTABLE_portalContainer: portalContainerRef?.current,
 		className: clsx(modalOverlay(), overlayClassName),
 		isDismissable,
+		shouldCloseOnInteractOutside,
 		children: /* @__PURE__ */ jsx(Modal, {
 			className: clsx("fixed inset-y-0 right-0 z-10 w-fit entering:animate-drawer-enter-right exiting:animate-drawer-exit-right bg-elevation-fill-default-1", className),
 			children: /* @__PURE__ */ jsx(Dialog, {
+				"aria-label": label,
 				className: clsx("outline-none", dialogClassName),
 				children: ({ close }) => children(close)
 			})

package/dist/InputUploadContent.js

@@ -11,7 +11,7 @@ import { clsx } from "clsx";
 import { DropZone, FileTrigger } from "react-aria-components";
 import { useTranslation } from "react-i18next";
 const InputUploadContent = (props) => {
-	const { variant, isDisabled, error,...rest } = props;
+	const { variant, isDisabled, error, placeholder, buttonText,...rest } = props;
 	const { t } = useTranslation("ui");
 	const inputSizeCva = UIStyle.useConfig()?.input?.sizeCva ?? inputSize;
 	return /* @__PURE__ */ jsx(FileTrigger, {
@@ -33,18 +33,18 @@ const InputUploadContent = (props) => {
 					size: "label-1",
 					as: "span",
 					className: "min-w-0 flex-fill select-none truncate text-text-default-3",
-					children: t(($) => $.ui.fileUpload.emptyText)
+					children: placeholder ?? t(($) => $.ui.fileUpload.emptyText)
 				}), variant === "nested" && /* @__PURE__ */ jsx(TextButton, {
 					isDisabled,
 					icon: UploadIcon,
-					children: t(($) => $.ui.fileUpload.upload)
+					children: buttonText ?? t(($) => $.ui.fileUpload.upload)
 				})]
 			}), variant !== "nested" && /* @__PURE__ */ jsx(Button$1, {
 				size: "s",
 				width: "hug",
 				isDisabled,
 				className: "truncate",
-				children: t(($) => $.ui.fileUpload.uploadFile)
+				children: buttonText ?? t(($) => $.ui.fileUpload.uploadFile)
 			})]
 		})
 	});

package/dist/MenuDesktop.js

@@ -4,7 +4,7 @@ import { MenuTrigger } from "react-aria-components";
 import React, { useRef, useState } from "react";
 import { useHover } from "react-aria";
 var CLOSE_DELAY = 100;
-const MenuDesktop = ({ trigger, items, closeDelay = CLOSE_DELAY, triggerOnHover = false,...props }) => {
+const MenuDesktop = ({ trigger, items, closeDelay = CLOSE_DELAY, triggerOnHover = false, onAction,...props }) => {
 	const [isOpen, setIsOpen] = useState(false);
 	const timeoutRef = useRef(null);
 	const isHoveringTrigger = useRef(false);
@@ -43,6 +43,7 @@ const MenuDesktop = ({ trigger, items, closeDelay = CLOSE_DELAY, triggerOnHover
 			...props,
 			offset: 0,
 			items,
+			onAction,
 			isOpen: triggerOnHover ? isOpen : void 0,
 			isNonModal: triggerOnHover,
 			onMouseEnter: triggerOnHover ? openMenu : void 0,

package/dist/MenuMobile.js

@@ -7,20 +7,24 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { Button, Menu } from "react-aria-components";
 import { useRef, useState } from "react";
-const MenuMobile = ({ trigger, items,...props }) => {
+const MenuMobile = ({ trigger, items, onAction,...props }) => {
 	const uiStyle = UIStyle.useConfig();
 	const menuItemCva$1 = uiStyle?.menu?.itemCva ?? menuItemCva;
 	const menuCva$1 = uiStyle?.menu?.cva ?? menuCva;
 	const activeItemRef = useRef(null);
 	const activeItemParentsRef = useRef([]);
+	const lastEventRef = useRef(null);
 	const [isOpen, setIsOpen] = useState(false);
 	const [activeItem, setActiveItem] = useState(null);
-	const onAction = (item) => {
+	const handleAction = (item) => {
 		if (!item.children) {
 			activeItemRef.current = null;
 			activeItemParentsRef.current = [];
 			setActiveItem(null);
 			setIsOpen(false);
+			item.onAction?.();
+			onAction?.(item.id, lastEventRef.current);
+			lastEventRef.current = null;
 			return;
 		}
 		if (activeItemRef.current) activeItemParentsRef.current.push(activeItemRef.current);
@@ -47,17 +51,25 @@ const MenuMobile = ({ trigger, items,...props }) => {
 			})),
 			onPress: onBack,
 			children: [/* @__PURE__ */ jsx(ArrowLeftIcon, { className: "size-6" }), activeItem.label]
-		}), /* @__PURE__ */ jsx(Menu, {
-			autoFocus: true,
-			onClose,
-			className: menuCva$1({
-				...props,
-				isMobile: true
-			}),
-			children: (activeItem?.children ?? items).map((item, index) => /* @__PURE__ */ jsx(MenuItem$1, {
-				...item,
-				onAction: () => onAction(item)
-			}, index))
+		}), /* @__PURE__ */ jsx("div", {
+			onClickCapture: (e) => {
+				lastEventRef.current = e;
+			},
+			onKeyDownCapture: (e) => {
+				lastEventRef.current = e;
+			},
+			children: /* @__PURE__ */ jsx(Menu, {
+				autoFocus: true,
+				onClose,
+				className: menuCva$1({
+					...props,
+					isMobile: true
+				}),
+				children: (activeItem?.children ?? items).map((item, index) => /* @__PURE__ */ jsx(MenuItem$1, {
+					...item,
+					onAction: () => handleAction(item)
+				}, index))
+			})
 		})] })
 	});
 };

package/dist/MenuPopover.js

@@ -4,7 +4,9 @@ import { MenuItem as MenuItem$1 } from "./MenuItem.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { Menu, Popover, SubmenuTrigger } from "react-aria-components";
-const MenuPopover = ({ items, className,...props }) => {
+import { useRef } from "react";
+const MenuPopover = ({ items, className, onAction,...props }) => {
+	const lastEventRef = useRef(null);
 	const uiStyle = UIStyle.useConfig();
 	const menuPopoverCva$1 = uiStyle?.menu?.popoverCva ?? menuPopoverCva;
 	const menuPopoverWrapperCva$1 = uiStyle?.menu?.popoverWrapperCva ?? menuPopoverWrapperCva;
@@ -14,15 +16,25 @@ const MenuPopover = ({ items, className,...props }) => {
 		className: clsx(menuPopoverCva$1({ ...props }), className),
 		children: /* @__PURE__ */ jsx("div", {
 			className: menuPopoverWrapperCva$1({ ...props }),
-			children: /* @__PURE__ */ jsx(Menu, {
-				className: menuCva$1({
-					...props,
-					isMobile: false
-				}),
-				children: items.map((item, index) => !item.children || item.children.length === 0 ? /* @__PURE__ */ jsx(MenuItem$1, { ...item }, index) : /* @__PURE__ */ jsxs(SubmenuTrigger, { children: [/* @__PURE__ */ jsx(MenuItem$1, { ...item }), /* @__PURE__ */ jsx(MenuPopover, {
-					offset: 0,
-					items: item.children
-				})] }, index))
+			children: /* @__PURE__ */ jsx("div", {
+				onClickCapture: (e) => {
+					lastEventRef.current = e;
+				},
+				onKeyDownCapture: (e) => {
+					lastEventRef.current = e;
+				},
+				children: /* @__PURE__ */ jsx(Menu, {
+					onAction: (key) => onAction?.(key, lastEventRef.current),
+					className: menuCva$1({
+						...props,
+						isMobile: false
+					}),
+					children: items.map((item, index) => !item.children || item.children.length === 0 ? /* @__PURE__ */ jsx(MenuItem$1, { ...item }, index) : /* @__PURE__ */ jsxs(SubmenuTrigger, { children: [/* @__PURE__ */ jsx(MenuItem$1, { ...item }), /* @__PURE__ */ jsx(MenuPopover, {
+						offset: 0,
+						onAction,
+						items: item.children
+					})] }, index))
+				})
 			})
 		})
 	});

package/dist/Modal.js

@@ -7,7 +7,7 @@ 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 }) => {
+const Modal$1 = ({ isOpen, portalContainerRef, onClose, aside, children, modalClassName, closeIconClassName, overlayClassName, showCloseIcon, isDismissable = true, shouldCloseOnInteractOutside }) => {
 	const { t } = useTranslation("ui");
 	const uiStyle = UIStyle.useConfig();
 	const modalMainCva = uiStyle?.modal?.mainCva ?? modalMain;
@@ -22,6 +22,10 @@ const Modal$1 = ({ isOpen, portalContainerRef, onClose, aside, children, modalCl
 		isDismissable,
 		isOpen,
 		shouldCloseOnInteractOutside: () => {
+			if (shouldCloseOnInteractOutside) {
+				if (portalContainerRef?.current) return false;
+				return shouldCloseOnInteractOutside();
+			}
 			return !portalContainerRef?.current;
 		},
 		onOpenChange: (open) => {

package/dist/components/Menu/Menu.d.ts

@@ -1,4 +1,4 @@
-import { ReactElement } from 'react';
+import { Key, ReactElement } from 'react';
 import { MenuItemProps } from 'react-aria-components';
 import { MenuCvaVariantProps, MenuItemVariantProps, MenuPopoverVariantProps, MenuPopoverWrapperVariantProps } from './menu.cva';
 export interface MenuItem extends Omit<MenuItemProps, "aria-label" | "textValue" | "children">, MenuItemVariantProps, MenuCvaVariantProps, MenuPopoverVariantProps, MenuPopoverWrapperVariantProps {
@@ -11,5 +11,6 @@ export interface MenuProps {
     items: MenuItem[];
     triggerOnHover?: boolean;
     closeDelay?: number;
+    onAction?: (key: Key, e: any) => void;
 }
 export declare const Menu: (props: MenuProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Menu/MenuDesktop.d.ts

@@ -1,2 +1,2 @@
 import { MenuProps } from './Menu';
-export declare const MenuDesktop: ({ trigger, items, closeDelay, triggerOnHover, ...props }: MenuProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MenuDesktop: ({ trigger, items, closeDelay, triggerOnHover, onAction, ...props }: MenuProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Menu/MenuMobile.d.ts

@@ -1,2 +1,2 @@
 import { MenuProps } from './Menu';
-export declare const MenuMobile: ({ trigger, items, ...props }: MenuProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MenuMobile: ({ trigger, items, onAction, ...props }: MenuProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Menu/MenuPopover.d.ts

@@ -1,5 +1,5 @@
 import { PopoverProps as AriaPopoverProps } from 'react-aria-components';
 import { MenuProps } from './Menu';
-export interface MenuPopoverProps extends Pick<MenuProps, "items">, AriaPopoverProps {
+export interface MenuPopoverProps extends Pick<MenuProps, "items" | "onAction">, AriaPopoverProps {
 }
-export declare const MenuPopover: ({ items, className, ...props }: MenuPopoverProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MenuPopover: ({ items, className, onAction, ...props }: MenuPopoverProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/inputs/File/inputUpload.types.d.ts

@@ -28,5 +28,7 @@ export type InputUploadBaseProps = {
     ref?: Ref<HTMLElement>;
     label?: string;
     className?: string;
+    placeholder?: string;
+    buttonText?: string;
 } & FormFieldProps & InputUploadButtonProps & Omit<FileTriggerProps, "children" | "onSelect" | "allowsMultiple"> & Omit<DropZoneProps, "children" | "onDrop"> & GroupedFileUploadProps;
 export type InputUploadProps<TFieldValues extends FieldValues = FieldValues> = InputUploadBaseProps & GroupedFileUploadControlProps<TFieldValues>;

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

@@ -13,6 +13,7 @@ interface BottomSheetBaseProps {
     footer?: ReactNode;
     sheetMarginTop?: number;
     sheetMarginBottom?: number;
+    shouldCloseOnInteractOutside?: () => boolean;
 }
 export interface BottomSheetProps extends BottomSheetBaseProps {
     trigger?: ReactNode;

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

@@ -1,5 +1,6 @@
 import { ReactNode, RefObject } from 'react';
 export interface DrawerProps {
+    label: string;
     isOpen?: boolean;
     portalContainerRef?: RefObject<HTMLElement>;
     onOpenChange?: (isOpen: boolean) => void;
@@ -9,5 +10,6 @@ export interface DrawerProps {
     overlayClassName?: string;
     dialogClassName?: string;
     className?: string;
+    shouldCloseOnInteractOutside?: () => boolean;
 }
-export declare const Drawer: ({ isOpen, portalContainerRef, onOpenChange, trigger, children, isDismissable, overlayClassName, dialogClassName, className, }: DrawerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Drawer: ({ label, isOpen, portalContainerRef, onOpenChange, trigger, children, isDismissable, overlayClassName, dialogClassName, className, shouldCloseOnInteractOutside, }: DrawerProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -9,5 +9,6 @@ export interface ModalProps extends ModalVariantProps {
     overlayClassName?: string;
     showCloseIcon?: boolean;
     isDismissable?: boolean;
+    shouldCloseOnInteractOutside?: () => boolean;
 }
-export declare const Modal: ({ isOpen, portalContainerRef, onClose, aside, children, modalClassName, closeIconClassName, overlayClassName, showCloseIcon, isDismissable, }: PropsWithChildren<ModalProps>) => import("react/jsx-runtime").JSX.Element;
+export declare const Modal: ({ isOpen, portalContainerRef, onClose, aside, children, modalClassName, closeIconClassName, overlayClassName, showCloseIcon, isDismissable, shouldCloseOnInteractOutside, }: PropsWithChildren<ModalProps>) => import("react/jsx-runtime").JSX.Element;

package/dist/config/i18n.d.ts

@@ -32,6 +32,12 @@ export declare const resources: {
                         thisAndLastYear: string;
                         soFar: string;
                     };
+                    navigation: {
+                        previousMonth: string;
+                        nextMonth: string;
+                        previousYear: string;
+                        nextYear: string;
+                    };
                     errors: {
                         endDateBeforeStart: string;
                     };
@@ -155,6 +161,7 @@ export declare const resources: {
                 networkError: string;
                 canceledError: string;
                 unknownError: string;
+                unknownErrorWithCode: string;
             };
         };
     };
@@ -190,6 +197,12 @@ export declare const resources: {
                         thisAndLastYear: string;
                         soFar: string;
                     };
+                    navigation: {
+                        previousMonth: string;
+                        nextMonth: string;
+                        previousYear: string;
+                        nextYear: string;
+                    };
                     errors: {
                         endDateBeforeStart: string;
                     };

package/dist/error-handling.js

@@ -50,7 +50,13 @@ var ErrorHandler = class {
 		const unknownError = {
 			code: "UNKNOWN_ERROR",
 			condition: () => true,
-			getMessage: () => i18next.t(($) => $.sharedErrors.unknownError, { ns: "ui" })
+			getMessage: (e) => {
+				if (axios.isAxiosError(e) && e.response?.data?.code) return i18next.t(($) => $.sharedErrors.unknownErrorWithCode, {
+					ns: "ui",
+					code: e.response.data.code
+				});
+				return i18next.t(($) => $.sharedErrors.unknownError, { ns: "ui" });
+			}
 		};
 		this.entries = [
 			...entries,
@@ -79,7 +85,13 @@ var ErrorHandler = class {
 		if (typeof error === "string") return error;
 		if (error instanceof Error) return error.message;
 		if (error instanceof ApplicationException) return error.message;
-		if (fallbackToUnknown) return i18next.t(($) => $.sharedErrors.unknownError, { ns: "ui" });
+		if (fallbackToUnknown) {
+			if (error && typeof error === "object" && "code" in error) return i18next.t(($) => $.sharedErrors.unknownErrorWithCode, {
+				ns: "ui",
+				code: error.code
+			});
+			return i18next.t(($) => $.sharedErrors.unknownError, { ns: "ui" });
+		}
 		return null;
 	}
 };

package/dist/translation.js

@@ -27,6 +27,12 @@ var translation_default = {
 				"thisAndLastYear": "This & Last year",
 				"soFar": "So far"
 			},
+			"navigation": {
+				"previousMonth": "Previous month",
+				"nextMonth": "Next month",
+				"previousYear": "Previous year",
+				"nextYear": "Next year"
+			},
 			"errors": { "endDateBeforeStart": "End date cannot be before start date" }
 		},
 		"modal": { "closeBtn": "Close" },
@@ -141,7 +147,8 @@ var translation_default = {
 		"internalError": "An internal error occurred. This is most likely a bug on our end. Please try again later.",
 		"networkError": "A network error occurred. Are you connected to the internet?",
 		"canceledError": "The request was canceled.",
-		"unknownError": "An unknown error occurred. Please try again later."
+		"unknownError": "An unknown error occurred.",
+		"unknownErrorWithCode": "An unknown error occurred. Error code: \"{{code}}\""
 	}
 };
 export { translation_default as default };

package/dist/translation2.js

@@ -27,6 +27,12 @@ var translation_default = {
 				"thisAndLastYear": "Ta in prejšnje leto",
 				"soFar": "Od začetka"
 			},
+			"navigation": {
+				"previousMonth": "Prejšnji mesec",
+				"nextMonth": "Naslednji mesec",
+				"previousYear": "Prejšnje leto",
+				"nextYear": "Naslednje leto"
+			},
 			"errors": { "endDateBeforeStart": "Datum konca ne more biti pred datumom začetka" }
 		},
 		"modal": { "closeBtn": "Zapri" },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@povio/ui",
-  "version": "2.1.16",
+  "version": "2.1.18",
   "type": "module",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",