@povio/ui 3.4.0-rc.24 → 3.4.0-rc.26

package/dist/components/use-toast.js

@@ -1,69 +1,42 @@
-import { o as y, t as Toast } from "../Toast-DycxJVq5.js";
-import { c } from "react/compiler-runtime";
-import { jsx } from "react/jsx-runtime";
+import { t as activateToastRenderer } from "../toastActivation.store-BELtcr76.js";
+import { useCallback, useMemo } from "react";
 //#region src/components/status/Toast/useToast.tsx
+let nextToastId = 0;
+const enqueueToast = (color, params, options) => {
+	const id = `povio-toast-${++nextToastId}`;
+	activateToastRenderer();
+	import("../toast.runtime--mTw_-fT.js").then(({ showToast }) => showToast(id, color, params, options));
+	return id;
+};
 const useToast = () => {
-	const $ = c(1);
-	const successToast = _temp;
-	const errorToast = _temp2;
-	const warningToast = _temp3;
-	const neutralToast = _temp4;
-	const closeToast = _temp5;
-	let t0;
-	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t0 = {
-			successToast,
-			errorToast,
-			warningToast,
-			neutralToast,
-			closeToast
-		};
-		$[0] = t0;
-	} else t0 = $[0];
-	return t0;
+	const successToast = useCallback((params, options) => {
+		return enqueueToast("success", params, options);
+	}, []);
+	const errorToast = useCallback((params_0, options_0) => {
+		return enqueueToast("error", params_0, options_0);
+	}, []);
+	const warningToast = useCallback((params_1, options_1) => {
+		return enqueueToast("warning", params_1, options_1);
+	}, []);
+	const neutralToast = useCallback((params_2, options_2) => {
+		return enqueueToast("neutral", params_2, options_2);
+	}, []);
+	const closeToast = useCallback((id) => {
+		import("../toast.runtime--mTw_-fT.js").then(({ dismissToast }) => dismissToast(id));
+	}, []);
+	return useMemo(() => ({
+		successToast,
+		errorToast,
+		warningToast,
+		neutralToast,
+		closeToast
+	}), [
+		successToast,
+		errorToast,
+		warningToast,
+		neutralToast,
+		closeToast
+	]);
 };
-function _temp(params, options) {
-	return y.success(/* @__PURE__ */ jsx(Toast, {
-		color: "success",
-		...params
-	}), {
-		...options,
-		position: params.position,
-		data: { variant: params.variant }
-	});
-}
-function _temp2(params_0, options_0) {
-	return y.error(/* @__PURE__ */ jsx(Toast, {
-		color: "error",
-		...params_0
-	}), {
-		...options_0,
-		position: params_0.position,
-		data: { variant: params_0.variant }
-	});
-}
-function _temp3(params_1, options_1) {
-	return y.warning(/* @__PURE__ */ jsx(Toast, {
-		color: "warning",
-		...params_1
-	}), {
-		...options_1,
-		position: params_1.position,
-		data: { variant: params_1.variant }
-	});
-}
-function _temp4(params_2, options_2) {
-	return y.info(/* @__PURE__ */ jsx(Toast, {
-		color: "neutral",
-		...params_2
-	}), {
-		...options_2,
-		position: params_2.position,
-		data: { variant: params_2.variant }
-	});
-}
-function _temp5(id) {
-	y.dismiss(id);
-}
 //#endregion
 export { useToast };

package/dist/config/confirmation.js

@@ -1,2 +1,2 @@
-import { t as Confirmation } from "../confirmation.context-C1-ZF9CW.js";
+import { t as Confirmation } from "../confirmation.context-2-6G831n.js";
 export { Confirmation };

package/dist/config/ui-config.d.ts

@@ -1,2 +1,3 @@
-import { t as UIConfig } from "../uiConfig.context-DyCOXtaZ.js";
-export { UIConfig };
+import { i as DateRangeRelativeOption } from "../DateRangePicker-CMWUdyh1.js";
+import { t as UIConfig } from "../uiConfig.context-B27wINPD.js";
+export { type DateRangeRelativeOption, UIConfig };

package/dist/config/ui-config.js

@@ -1,2 +1,2 @@
-import { t as UIConfig } from "../uiConfig.context-SBtRegKv.js";
+import { t as UIConfig } from "../uiConfig.context-B_wBkrQZ.js";
 export { UIConfig };

package/dist/confirmation.context-2-6G831n.js

@@ -0,0 +1,117 @@
+import "./i18n-C2TBJvnh.js";
+import { Suspense, createContext, lazy, use, useRef, useState } from "react";
+import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+//#region src/config/confirmation.context.tsx
+const ConfirmationDialog = lazy(() => import("./confirmation.dialog-Cveu3s5D.js"));
+let Confirmation;
+(function(_Confirmation) {
+	const Context = createContext(null);
+	_Confirmation.Provider = (t0) => {
+		const $ = c(14);
+		const { children } = t0;
+		let t1;
+		if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+			t1 = [];
+			$[0] = t1;
+		} else t1 = $[0];
+		const [requests, setRequests] = useState(t1);
+		const nextRequestId = useRef(0);
+		const { t } = useTranslation("ui");
+		let t2;
+		if ($[1] !== t) {
+			t2 = async (input) => new Promise((resolve) => {
+				setRequests((current) => [...current, {
+					id: nextRequestId.current = nextRequestId.current + 1,
+					input: {
+						...input,
+						cancelLabel: input.cancelLabel ?? t(_temp),
+						confirmLabel: input.confirmLabel ?? t(_temp2)
+					},
+					resolve
+				}]);
+			});
+			$[1] = t;
+			$[2] = t2;
+		} else t2 = $[2];
+		const confirm = t2;
+		const activeRequest = requests[0];
+		let t3;
+		if ($[3] !== activeRequest) {
+			t3 = (result) => {
+				if (!activeRequest) return;
+				activeRequest.resolve(result);
+				setRequests((current_0) => current_0.filter((t4) => {
+					const { id } = t4;
+					return id !== activeRequest.id;
+				}));
+			};
+			$[3] = activeRequest;
+			$[4] = t3;
+		} else t3 = $[4];
+		const settle = t3;
+		let t4;
+		if ($[5] !== confirm) {
+			t4 = { confirm };
+			$[5] = confirm;
+			$[6] = t4;
+		} else t4 = $[6];
+		const value = t4;
+		let t5;
+		if ($[7] !== activeRequest || $[8] !== settle) {
+			t5 = activeRequest ? /* @__PURE__ */ jsx(Suspense, {
+				fallback: null,
+				children: /* @__PURE__ */ jsx(ConfirmationDialog, {
+					heading: activeRequest.input.heading,
+					description: activeRequest.input.description,
+					buttonSize: activeRequest.input.buttonSize,
+					textAlign: activeRequest.input.textAlign,
+					modalClassName: activeRequest.input.modalClassName,
+					isOpen: true,
+					onClose: () => settle(false),
+					primaryAction: {
+						label: activeRequest.input.confirmLabel ?? "",
+						variant: activeRequest.input.confirmVariant,
+						color: activeRequest.input.confirmColor,
+						onPress: () => settle(true)
+					},
+					secondaryAction: {
+						label: activeRequest.input.cancelLabel ?? "",
+						variant: activeRequest.input.cancelVariant,
+						color: activeRequest.input.cancelColor,
+						onPress: () => settle(false)
+					}
+				})
+			}) : null;
+			$[7] = activeRequest;
+			$[8] = settle;
+			$[9] = t5;
+		} else t5 = $[9];
+		let t6;
+		if ($[10] !== children || $[11] !== t5 || $[12] !== value) {
+			t6 = /* @__PURE__ */ jsxs(Context.Provider, {
+				value,
+				children: [t5, children]
+			});
+			$[10] = children;
+			$[11] = t5;
+			$[12] = value;
+			$[13] = t6;
+		} else t6 = $[13];
+		return t6;
+	};
+	_Confirmation.useConfirmation = () => {
+		const context = use(Context);
+		if (!context) throw new Error("Confirmation.useConfirmation must be used within a Confirmation.Provider");
+		return context;
+	};
+})(Confirmation || (Confirmation = {}));
+function _temp($) {
+	return $.ui.confirmation.cancel;
+}
+function _temp2($_0) {
+	return $_0.ui.confirmation.confirm;
+}
+//#endregion
+export { Confirmation as t };

package/dist/confirmation.dialog-Cveu3s5D.js

@@ -0,0 +1,16 @@
+import { ActionModal } from "./components/action-modal.js";
+import { c } from "react/compiler-runtime";
+import { jsx } from "react/jsx-runtime";
+//#region src/config/confirmation.dialog.tsx
+const ConfirmationDialog = (props) => {
+	const $ = c(2);
+	let t0;
+	if ($[0] !== props) {
+		t0 = /* @__PURE__ */ jsx(ActionModal, { ...props });
+		$[0] = props;
+		$[1] = t0;
+	} else t0 = $[1];
+	return t0;
+};
+//#endregion
+export { ConfirmationDialog as default };

package/dist/{date-range-picker-DaLQYShd.d.ts → date-range-picker-BYdeSyMU.d.ts}

@@ -1,4 +1,4 @@
-import { r as DateRangePickerProps } from "./DateRangePicker-CjOo8S9R.js";
+import { r as DateRangePickerProps } from "./DateRangePicker-CMWUdyh1.js";
 import { t as ControlProps } from "./form.types-ZNGbcqJS.js";
 import { t as FireBlurOnChangeProps } from "./fieldAdapter-C4sDFC8f.js";
 import { FieldValues } from "react-hook-form";

package/dist/{datePickerValue.utils-BqdbvGFL.js → datePickerValue.utils-469FeRCl.js}

@@ -2,10 +2,10 @@ import { t as ChevronDown } from "./chevron-down-Ciz9yP9R.js";
 import { t as ChevronUp } from "./chevron-up-CHRnDSA3.js";
 import { t as clsx } from "./clsx-CnD0nOiA.js";
 import { t as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-HV79Qf_F.js";
-import { _ as $32489daedd52963e$export$1315d136e6f7581, u as getPlaceholder, y as $16f0b7bb276bc17e$export$4c842f6a241dc825 } from "./staticDateTimeSegments-C8AOKnEO.js";
+import { _ as $32489daedd52963e$export$1315d136e6f7581, u as getPlaceholder, y as $16f0b7bb276bc17e$export$4c842f6a241dc825 } from "./staticDateTimeSegments-BOFCK9Ub.js";
 import { t as Typography } from "./Typography-AcUd9df8.js";
 import { InlineIconButton } from "./components/inline-icon-button.js";
-import { t as useBreakpoint } from "./useBreakpoint-D0s71F97.js";
+import { t as useBreakpoint } from "./useBreakpoint-YuMYUdpG.js";
 import { useEffect, useRef } from "react";
 import { c } from "react/compiler-runtime";
 import { Time } from "@internationalized/date";

package/dist/{Toast-DycxJVq5.js → dist-B4xyoAhc.js}

@@ -1,13 +1,5 @@
-import { t as UIConfig } from "./uiConfig.context-SBtRegKv.js";
 import { t as clsx } from "./clsx-CnD0nOiA.js";
-import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
-import { t as Typography } from "./Typography-AcUd9df8.js";
-import { t as Loader } from "./Loader-C6YkWZOO.js";
-import { t as compoundMapper } from "./compoundMapper-Di3SKZnS.js";
-import { t as Button } from "./Button-B8T7AjGP.js";
 import $HgANd$react, { cloneElement, isValidElement, useEffect, useLayoutEffect, useRef, useState, useSyncExternalStore } from "react";
-import { c } from "react/compiler-runtime";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 //#region ../../node_modules/.bun/react-toastify@11.0.5+67f6792bdf102c28/node_modules/react-toastify/dist/index.mjs
 function Mt(t) {
 	if (!t || typeof document == "undefined") return;
@@ -675,283 +667,4 @@ function Lt(t) {
 	}));
 }
 //#endregion
-//#region src/components/status/Toast/toast.cva.ts
-const toastContainerDefinition = UIOverrides.defineConfig({
-	base: ["m-toast-gap-margin-mobile w-auto gap-toast-gap-margin-mobile p-0 md:m-toast-gap-margin-desktop md:gap-toast-gap-margin-desktop"],
-	config: { variants: { position: {
-		"bottom-right": "right-0 bottom-0",
-		"bottom-left": "bottom-0 left-0",
-		"top-right": "top-0 right-0",
-		"top-left": "top-0 left-0",
-		"bottom-center": "bottom-0",
-		"top-center": "top-0"
-	} } }
-});
-const toastWrapper = clsx("m-0! min-h-0! w-auto! max-w-toast bg-transparent! p-0! shadow-none!");
-const toastDefinition = UIOverrides.defineConfig({
-	base: ["m-0 inline-flex w-auto flex-col items-center overflow-hidden rounded-toast-rounding-default shadow-4 md:flex-row"],
-	config: {
-		variants: {
-			variant: {
-				outlined: "border bg-elevation-fill-default-1 text-text-default-1",
-				contained: "text-text-inverted-1"
-			},
-			color: {
-				neutral: "",
-				success: "",
-				warning: "",
-				error: ""
-			},
-			position: {
-				"bottom-right": "",
-				"bottom-left": "",
-				"bottom-center": "",
-				"top-right": "",
-				"top-left": "",
-				"top-center": ""
-			}
-		},
-		compoundVariants: [
-			{
-				variant: "outlined",
-				color: "neutral",
-				className: "border-elevation-outline-default-1"
-			},
-			{
-				variant: "outlined",
-				color: "success",
-				className: "border-elevation-outline-success-1"
-			},
-			{
-				variant: "outlined",
-				color: "warning",
-				className: "border-elevation-outline-warning-1"
-			},
-			{
-				variant: "outlined",
-				color: "error",
-				className: "border-elevation-outline-error-1"
-			},
-			{
-				variant: "contained",
-				color: "neutral",
-				className: "bg-elevation-fill-inverted-1"
-			},
-			{
-				variant: "contained",
-				color: "success",
-				className: "bg-elevation-fill-success-1"
-			},
-			{
-				variant: "contained",
-				color: "warning",
-				className: "bg-elevation-fill-warning-1"
-			},
-			{
-				variant: "contained",
-				color: "error",
-				className: "bg-elevation-fill-error-1"
-			}
-		],
-		defaultVariants: {
-			variant: "outlined",
-			color: "neutral"
-		}
-	}
-});
-const buttonColorVariant = compoundMapper({
-	compoundVariants: [
-		{
-			variant: "outlined",
-			color: "neutral",
-			value: { color: "secondary" }
-		},
-		{
-			variant: "outlined",
-			color: "success",
-			value: { color: "success" }
-		},
-		{
-			variant: "outlined",
-			color: "warning",
-			value: { color: "warning" }
-		},
-		{
-			variant: "outlined",
-			color: "error",
-			value: { color: "error" }
-		},
-		{
-			variant: "contained",
-			color: "neutral",
-			value: {
-				color: "primary",
-				inverted: true
-			}
-		},
-		{
-			variant: "contained",
-			color: "success",
-			value: {
-				color: "success",
-				inverted: true
-			}
-		},
-		{
-			variant: "contained",
-			color: "warning",
-			value: {
-				color: "warning",
-				inverted: true
-			}
-		},
-		{
-			variant: "contained",
-			color: "error",
-			value: {
-				color: "error",
-				inverted: true
-			}
-		}
-	],
-	defaultVariants: {
-		variant: "outlined",
-		color: "neutral"
-	},
-	default: { color: "secondary" }
-});
-const statusIconDefinition = UIOverrides.defineConfig({
-	base: ["size-6 shrink-0"],
-	config: {
-		variants: {
-			variant: {
-				outlined: "",
-				contained: "text-text-inverted-1"
-			},
-			color: {
-				neutral: "",
-				success: "",
-				warning: "",
-				error: ""
-			}
-		},
-		compoundVariants: [
-			{
-				variant: "outlined",
-				color: "neutral",
-				className: "text-text-default-2"
-			},
-			{
-				variant: "outlined",
-				color: "success",
-				className: "text-text-success-1"
-			},
-			{
-				variant: "outlined",
-				color: "warning",
-				className: "text-text-warning-1"
-			},
-			{
-				variant: "outlined",
-				color: "error",
-				className: "text-text-error-1"
-			}
-		],
-		defaultVariants: {
-			variant: "outlined",
-			color: "neutral"
-		}
-	}
-});
-const statusSeparatorDefinition = UIOverrides.defineConfig({
-	base: ["h-px shrink-0 self-stretch md:h-auto md:w-px"],
-	config: {
-		variants: {
-			variant: {
-				outlined: "",
-				contained: "hidden"
-			},
-			color: {
-				neutral: "bg-elevation-outline-default-1",
-				success: "bg-elevation-outline-success-1",
-				warning: "bg-elevation-outline-warning-1",
-				error: "bg-elevation-outline-error-1"
-			}
-		},
-		defaultVariants: { color: "neutral" }
-	}
-});
-//#endregion
-//#region src/components/status/Toast/Toast.tsx
-const Toast = ({ text, isLoading = false, actions = [], icon: Icon, ...props }) => {
-	const uiConfig = UIConfig.useConfig();
-	const { variant = uiConfig.toast.variant, ...restProps } = props;
-	const toastCva = UIOverrides.useCva("toast.cva", toastDefinition);
-	const buttonColor = UIOverrides.useMapper("toast.buttonColor", buttonColorVariant);
-	const iconCva = UIOverrides.useCva("status.iconCva", statusIconDefinition);
-	const separatorCva = UIOverrides.useCva("status.separatorCva", statusSeparatorDefinition);
-	const variantProps = {
-		variant,
-		...restProps
-	};
-	return /* @__PURE__ */ jsxs("div", {
-		className: toastCva(variantProps),
-		children: [/* @__PURE__ */ jsxs("div", {
-			className: "flex items-start gap-toast-gap-icon-to-text px-toast-side-default py-toast-height-content",
-			children: [
-				isLoading && /* @__PURE__ */ jsx(Loader, {
-					size: "default",
-					className: "shrink-0"
-				}),
-				!isLoading && Icon && /* @__PURE__ */ jsx(Icon, { className: iconCva(variantProps) }),
-				/* @__PURE__ */ jsx(Typography, {
-					size: "label-2",
-					children: text
-				})
-			]
-		}), actions.length > 0 && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("div", { className: separatorCva(variantProps) }), /* @__PURE__ */ jsx("div", {
-			className: "flex w-full shrink-0 flex-wrap items-center justify-end gap-toast-gap-action px-toast-side-default py-toast-height-actions-mobile md:w-auto md:justify-center md:py-toast-height-actions-desktop",
-			children: actions.map(({ text: buttonText, onPress }) => /* @__PURE__ */ jsx(Button, {
-				onPress,
-				...buttonColor(variantProps),
-				variant: "text",
-				size: "none",
-				width: "hug",
-				children: buttonText
-			}, buttonText))
-		})] })]
-	});
-};
-const ToastContainer = () => {
-	const $ = c(6);
-	const uiConfig = UIConfig.useConfig();
-	const containerCva = UIOverrides.useCva("toast.containerCva", toastContainerDefinition);
-	let t0;
-	if ($[0] !== containerCva || $[1] !== uiConfig.toast.position) {
-		t0 = (params) => containerCva({
-			position: params?.position ?? uiConfig.toast.position,
-			className: params?.defaultClassName
-		});
-		$[0] = containerCva;
-		$[1] = uiConfig.toast.position;
-		$[2] = t0;
-	} else t0 = $[2];
-	let t1;
-	if ($[3] !== t0 || $[4] !== uiConfig.toast.position) {
-		t1 = /* @__PURE__ */ jsx(Lt, {
-			position: uiConfig.toast.position,
-			className: t0,
-			toastClassName: toastWrapper,
-			autoClose: 2500,
-			icon: false,
-			closeButton: false,
-			hideProgressBar: true
-		});
-		$[3] = t0;
-		$[4] = uiConfig.toast.position;
-		$[5] = t1;
-	} else t1 = $[5];
-	return t1;
-};
-//#endregion
-export { toastDefinition as a, statusSeparatorDefinition as i, ToastContainer as n, y as o, statusIconDefinition as r, Toast as t };
+export { y as n, Lt as t };

package/dist/dom.utils-CeVnXH-T.js

@@ -0,0 +1,49 @@
+import { o as ObjectUtils } from "./uiConfig.context-B_wBkrQZ.js";
+import { useRef, useState } from "react";
+import { c } from "react/compiler-runtime";
+//#region src/hooks/useStateAndRef.ts
+const useStateAndRef = (initialState) => {
+	const $ = c(3);
+	const [state, setState] = useState(initialState);
+	const ref = useRef(state);
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = (value) => {
+			ref.current = ObjectUtils.isFunction(value) ? value(ref.current) : value;
+			setState(ref.current);
+		};
+		$[0] = t0;
+	} else t0 = $[0];
+	const updateValue = t0;
+	let t1;
+	if ($[1] !== state) {
+		t1 = [
+			state,
+			ref,
+			updateValue
+		];
+		$[1] = state;
+		$[2] = t1;
+	} else t1 = $[2];
+	return t1;
+};
+//#endregion
+//#region src/utils/dom.utils.ts
+let DomUtils;
+(function(_DomUtils) {
+	const KEYBOARD_INPUTS = /* @__PURE__ */ new Set([
+		"button",
+		"submit",
+		"checkbox",
+		"file",
+		"image"
+	]);
+	_DomUtils.isKeyboardInput = (elem) => {
+		return elem.tagName === "INPUT" && !KEYBOARD_INPUTS.has(elem.type) || elem.tagName === "TEXTAREA" || elem.hasAttribute("contenteditable");
+	};
+	_DomUtils.isKeyboardEvent = (event) => {
+		return event.nativeEvent instanceof KeyboardEvent;
+	};
+})(DomUtils || (DomUtils = {}));
+//#endregion
+export { useStateAndRef as n, DomUtils as t };