@povio/ui 3.4.0-rc.30 → 3.4.0-rc.32

package/dist/components/drawer.js

@@ -1,94 +1,96 @@
-import { t as $de32f1b87079253c$export$2e1e1122cf0cba88 } from "../Dialog-Bl7F9FUP.js";
-import { Suspense, lazy, useEffect, useState } from "react";
+import { t as clsx } from "../clsx-CnD0nOiA.js";
+import { n as $de32f1b87079253c$export$3ddf2d174ce01153, t as $de32f1b87079253c$export$2e1e1122cf0cba88 } from "../Dialog-CYPAuk4r.js";
+import { n as $f3f84453ead64de5$export$8948f78d83984c69, t as $f3f84453ead64de5$export$2b77a92f1a5ad772 } from "../Modal-BbiLj4ai.js";
+import { r as modalOverlay } from "../modal.cva-CbziPHSN.js";
 import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/overlays/Drawer/Drawer.lazy.tsx
-let drawerModulePromise;
-let drawerPreloadPromise;
-const loadDrawer = () => drawerModulePromise ??= import("../Drawer-BkPPB5DQ.js").then((n) => n.n);
-const DrawerRenderer = lazy(() => loadDrawer().then(({ Drawer }) => ({ default: Drawer })));
-/** Starts loading the Drawer renderer before the Drawer is opened. */
-const preloadDrawer = () => drawerPreloadPromise ??= loadDrawer().then(() => void 0);
+//#region src/components/overlays/Drawer/Drawer.tsx
 const Drawer = (t0) => {
-	const $ = c(22);
-	let isOpen;
-	let onOpenChange;
-	let props;
-	let trigger;
-	if ($[0] !== t0) {
-		({isOpen, onOpenChange, trigger, ...props} = t0);
-		$[0] = t0;
-		$[1] = isOpen;
-		$[2] = onOpenChange;
-		$[3] = props;
-		$[4] = trigger;
-	} else {
-		isOpen = $[1];
-		onOpenChange = $[2];
-		props = $[3];
-		trigger = $[4];
+	const $ = c(25);
+	const { label, isOpen, portalContainerRef, onOpenChange, trigger, children, isDismissable, overlayClassName, dialogClassName, className, shouldCloseOnInteractOutside } = t0;
+	if (trigger) {
+		let t1;
+		if ($[0] !== children || $[1] !== className || $[2] !== dialogClassName || $[3] !== isDismissable || $[4] !== label || $[5] !== overlayClassName || $[6] !== portalContainerRef || $[7] !== shouldCloseOnInteractOutside) {
+			t1 = /* @__PURE__ */ jsx(DrawerOverlay, {
+				label,
+				portalContainerRef,
+				isDismissable,
+				overlayClassName,
+				dialogClassName,
+				className,
+				shouldCloseOnInteractOutside,
+				children
+			});
+			$[0] = children;
+			$[1] = className;
+			$[2] = dialogClassName;
+			$[3] = isDismissable;
+			$[4] = label;
+			$[5] = overlayClassName;
+			$[6] = portalContainerRef;
+			$[7] = shouldCloseOnInteractOutside;
+			$[8] = t1;
+		} else t1 = $[8];
+		let t2;
+		if ($[9] !== isOpen || $[10] !== onOpenChange || $[11] !== t1 || $[12] !== trigger) {
+			t2 = /* @__PURE__ */ jsxs($de32f1b87079253c$export$2e1e1122cf0cba88, {
+				isOpen,
+				onOpenChange,
+				children: [trigger, t1]
+			});
+			$[9] = isOpen;
+			$[10] = onOpenChange;
+			$[11] = t1;
+			$[12] = trigger;
+			$[13] = t2;
+		} else t2 = $[13];
+		return t2;
 	}
-	const [isDrawerOpen, setIsDrawerOpen] = useState(Boolean(isOpen));
-	const hasTrigger = Boolean(trigger);
 	let t1;
-	let t2;
-	if ($[5] !== hasTrigger || $[6] !== isOpen) {
-		t1 = () => {
-			if (hasTrigger) setIsDrawerOpen(Boolean(isOpen));
-		};
-		t2 = [hasTrigger, isOpen];
-		$[5] = hasTrigger;
-		$[6] = isOpen;
-		$[7] = t1;
-		$[8] = t2;
-	} else {
-		t1 = $[7];
-		t2 = $[8];
-	}
-	useEffect(t1, t2);
-	let t3;
-	if ($[9] !== onOpenChange) {
-		t3 = (open) => {
-			setIsDrawerOpen(open);
-			onOpenChange?.(open);
-		};
-		$[9] = onOpenChange;
-		$[10] = t3;
-	} else t3 = $[10];
-	const handleOpenChange = t3;
-	const open_0 = trigger ? isDrawerOpen : Boolean(isOpen);
-	let t4;
-	if ($[11] !== handleOpenChange || $[12] !== onOpenChange || $[13] !== open_0 || $[14] !== props || $[15] !== trigger) {
-		t4 = open_0 ? /* @__PURE__ */ jsx(Suspense, {
-			fallback: null,
-			children: /* @__PURE__ */ jsx(DrawerRenderer, {
-				...props,
-				isOpen: true,
-				onOpenChange: trigger ? handleOpenChange : onOpenChange
+	if ($[14] !== children || $[15] !== className || $[16] !== dialogClassName || $[17] !== isDismissable || $[18] !== isOpen || $[19] !== label || $[20] !== onOpenChange || $[21] !== overlayClassName || $[22] !== portalContainerRef || $[23] !== shouldCloseOnInteractOutside) {
+		t1 = /* @__PURE__ */ jsx(DrawerOverlay, {
+			isOpen,
+			onOpenChange,
+			portalContainerRef,
+			isDismissable,
+			overlayClassName,
+			dialogClassName,
+			className,
+			label,
+			shouldCloseOnInteractOutside,
+			children
+		});
+		$[14] = children;
+		$[15] = className;
+		$[16] = dialogClassName;
+		$[17] = isDismissable;
+		$[18] = isOpen;
+		$[19] = label;
+		$[20] = onOpenChange;
+		$[21] = overlayClassName;
+		$[22] = portalContainerRef;
+		$[23] = shouldCloseOnInteractOutside;
+		$[24] = t1;
+	} else t1 = $[24];
+	return t1;
+};
+const DrawerOverlay = ({ label, isOpen, onOpenChange, portalContainerRef, children, isDismissable, overlayClassName, dialogClassName, className, shouldCloseOnInteractOutside }) => {
+	return /* @__PURE__ */ jsx($f3f84453ead64de5$export$8948f78d83984c69, {
+		isOpen,
+		onOpenChange,
+		UNSTABLE_portalContainer: portalContainerRef?.current,
+		className: clsx(modalOverlay(), "z-drawer", overlayClassName),
+		isDismissable,
+		shouldCloseOnInteractOutside,
+		children: /* @__PURE__ */ jsx($f3f84453ead64de5$export$2b77a92f1a5ad772, {
+			className: clsx("fixed inset-y-0 right-0 z-drawer w-fit entering:animate-drawer-enter-right exiting:animate-drawer-exit-right bg-elevation-fill-default-1", className),
+			children: /* @__PURE__ */ jsx($de32f1b87079253c$export$3ddf2d174ce01153, {
+				"aria-label": label,
+				className: clsx("outline-none", dialogClassName),
+				children: ({ close }) => children(close)
 			})
-		}) : null;
-		$[11] = handleOpenChange;
-		$[12] = onOpenChange;
-		$[13] = open_0;
-		$[14] = props;
-		$[15] = trigger;
-		$[16] = t4;
-	} else t4 = $[16];
-	const renderer = t4;
-	let t5;
-	if ($[17] !== handleOpenChange || $[18] !== isDrawerOpen || $[19] !== renderer || $[20] !== trigger) {
-		t5 = trigger ? /* @__PURE__ */ jsxs($de32f1b87079253c$export$2e1e1122cf0cba88, {
-			isOpen: isDrawerOpen,
-			onOpenChange: handleOpenChange,
-			children: [trigger, renderer]
-		}) : renderer;
-		$[17] = handleOpenChange;
-		$[18] = isDrawerOpen;
-		$[19] = renderer;
-		$[20] = trigger;
-		$[21] = t5;
-	} else t5 = $[21];
-	return t5;
+		})
+	});
 };
 //#endregion
-export { Drawer, preloadDrawer };
+export { Drawer };

package/dist/components/menu.js

@@ -1,3 +1,3 @@
-import { t as Menu } from "../Menu-fXWnROTU.js";
-import { r as MenuItem } from "../MenuDesktop-C3_I4fdd.js";
+import { t as Menu } from "../Menu-CXlFN-mb.js";
+import { r as MenuItem } from "../MenuDesktop-CuQBZODp.js";
 export { Menu, MenuItem };

package/dist/components/modal.js

@@ -1,2 +1,2 @@
-import { t as Modal } from "../Modal-CSr-DYqC.js";
+import { t as Modal } from "../Modal-Cerq7LEf.js";
 export { Modal };

package/dist/components/query-select.js

@@ -1,7 +1,7 @@
 import { t as UIConfig } from "../uiConfig.context-B_wBkrQZ.js";
 import { f as $5dc95899b306f630$export$c9058316764c140e } from "../utils-D-KKbY-n.js";
 import { t as FieldController } from "../form.binding-DyZ4fH8l.js";
-import { t as Select } from "../Select-BEgNpIuG.js";
+import { t as Select } from "../Select-CO2ppqqL.js";
 import { n as getQueryItems, r as getSelectionIdsToResolve, t as useQueryAutocomplete } from "../useQueryAutocomplete-CraXvRm_.js";
 import { memo, useCallback, useMemo, useState } from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/responsive-popover.js

@@ -1,5 +1,5 @@
 import { t as clsx } from "../clsx-CnD0nOiA.js";
-import { c as $07b14b47974efb58$export$5b6b19405a83ff9d, n as $de32f1b87079253c$export$3ddf2d174ce01153, t as $de32f1b87079253c$export$2e1e1122cf0cba88 } from "../Dialog-Bl7F9FUP.js";
+import { c as $07b14b47974efb58$export$5b6b19405a83ff9d, n as $de32f1b87079253c$export$3ddf2d174ce01153, t as $de32f1b87079253c$export$2e1e1122cf0cba88 } from "../Dialog-CYPAuk4r.js";
 import { t as UIOverrides } from "../uiOverrides.context-Bfm2n-n8.js";
 import { BottomSheet } from "./bottom-sheet.js";
 import { t as useBreakpoint } from "../useBreakpoint-YuMYUdpG.js";

package/dist/components/select.js

@@ -1,2 +1,2 @@
-import { t as Select } from "../Select-BEgNpIuG.js";
+import { t as Select } from "../Select-CO2ppqqL.js";
 export { Select };

package/dist/components/split-button.js

@@ -1,4 +1,4 @@
-import { t as Menu } from "../Menu-fXWnROTU.js";
+import { t as Menu } from "../Menu-CXlFN-mb.js";
 import { t as ChevronDown } from "../chevron-down-Ciz9yP9R.js";
 import { t as clsx } from "../clsx-CnD0nOiA.js";
 import { t as Button } from "../Button-D9J5wkMv.js";

package/dist/components/time-picker.js

@@ -1,2 +1,2 @@
-import { t as TimePicker } from "../TimePicker-eWZ7lIDW.js";
+import { t as TimePicker } from "../TimePicker-BmTVdF1E.js";
 export { TimePicker };

package/dist/components/toast.js

@@ -1,3 +1,3 @@
-import { t as Toast } from "../Toast-ZFTj3GGo.js";
-import { n as ToastProvider, t as ToastContainer } from "../ToastContainer-TRM91co1.js";
+import { r as Toast } from "../dist-CTjtrOgH.js";
+import { n as ToastProvider, t as ToastContainer } from "../ToastContainer-2NP_Qj1a.js";
 export { Toast, ToastContainer, ToastProvider };

package/dist/components/use-toast.js

@@ -5,7 +5,7 @@ let nextToastId = 0;
 const enqueueToast = (color, params, options) => {
 	const id = `povio-toast-${++nextToastId}`;
 	activateToastRenderer();
-	import("../toast.runtime-CzHEhKmm.js").then(({ showToast }) => showToast(id, color, params, options));
+	import("../toast.runtime-Cl4rxGXF.js").then(({ showToast }) => showToast(id, color, params, options));
 	return id;
 };
 const useToast = () => {
@@ -22,7 +22,7 @@ const useToast = () => {
 		return enqueueToast("neutral", params_2, options_2);
 	}, []);
 	const closeToast = useCallback((id) => {
-		import("../toast.runtime-CzHEhKmm.js").then(({ dismissToast }) => dismissToast(id));
+		import("../toast.runtime-Cl4rxGXF.js").then(({ dismissToast }) => dismissToast(id));
 	}, []);
 	return useMemo(() => ({
 		successToast,

package/dist/config/confirmation.js

@@ -1,2 +1,2 @@
-import { t as Confirmation } from "../confirmation.context-CD-UjjK8.js";
+import { t as Confirmation } from "../confirmation.context-Cj2aHpa_.js";
 export { Confirmation };

package/dist/{confirmation.context-CD-UjjK8.js → confirmation.context-Cj2aHpa_.js}

@@ -1,10 +1,10 @@
 import "./i18n-BDjNuy4Z.js";
-import { Suspense, createContext, lazy, use, useRef, useState } from "react";
+import { ActionModal } from "./components/action-modal.js";
+import { createContext, 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);
@@ -60,29 +60,26 @@ let Confirmation;
 		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)
-					}
-				})
+			t5 = activeRequest ? /* @__PURE__ */ jsx(ActionModal, {
+				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;

package/dist/{datePickerValue.utils-CA2te8RG.js → datePickerValue.utils-u6REHox2.js}

@@ -1,7 +1,7 @@
 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 { _ as $32489daedd52963e$export$1315d136e6f7581, u as getPlaceholder, y as $16f0b7bb276bc17e$export$4c842f6a241dc825 } from "./staticDateTimeSegments-BJpz4raS.js";
+import { _ as $32489daedd52963e$export$1315d136e6f7581, u as getPlaceholder, y as $16f0b7bb276bc17e$export$4c842f6a241dc825 } from "./staticDateTimeSegments-qJUUAL8d.js";
 import { t as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-74MZZLC0.js";
 import { t as Typography } from "./Typography-AcUd9df8.js";
 import { InlineIconButton } from "./components/inline-icon-button.js";

package/dist/{dist-B4xyoAhc.js → dist-CTjtrOgH.js}

@@ -1,5 +1,260 @@
+import { t as UIConfig } from "./uiConfig.context-B_wBkrQZ.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-D9J5wkMv.js";
 import $HgANd$react, { cloneElement, isValidElement, useEffect, useLayoutEffect, useRef, useState, useSyncExternalStore } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+//#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))
+		})] })]
+	});
+};
+//#endregion
 //#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;
@@ -667,4 +922,4 @@ function Lt(t) {
 	}));
 }
 //#endregion
-export { y as n, Lt as t };
+export { statusSeparatorDefinition as a, toastWrapper as c, statusIconDefinition as i, y as n, toastContainerDefinition as o, Toast as r, toastDefinition as s, Lt as t };