@povio/ui 3.4.0-rc.2 → 3.4.0-rc.20

package/dist/components/text-input.js

@@ -0,0 +1,239 @@
+import { t as UIConfig } from "../uiConfig.context-SBtRegKv.js";
+import { t as FormField } from "../FormField-DoGaUqFm.js";
+import { t as clsx } from "../clsx-CnD0nOiA.js";
+import { m as $507fabe10e71c6fb$export$ffd9e5021c1fb2d6, z as $5dc95899b306f630$export$c9058316764c140e } from "../useHover-DwfnacVy.js";
+import { t as $2d73ec29415bd339$export$712718f7aec83d5 } from "../useTextField-De01RThI.js";
+import { n as $3985021b0ad6602f$export$f5b8910cec6cf069 } from "../Input-TO1R-KsB.js";
+import { t as UIOverrides } from "../uiOverrides.context-Bfm2n-n8.js";
+import { t as FieldController } from "../form.binding-DyZ4fH8l.js";
+import { t as TooltipWrapper } from "../TooltipWrapper-CLMp_zj4.js";
+import { t as inputBaseDefinition } from "../input.cva-KYGD4Bdz.js";
+import { n as InputContent, t as useFieldAccessibility } from "../useFieldAccessibility-CmbhtqBy.js";
+import { n as InputFrame, t as useStaticInputHandoff } from "../useStaticInputHandoff-COJdSrME.js";
+import { memo, useEffect, useRef, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/inputs/Input/TextInput/TextInput.tsx
+const TextInputBase = (props) => {
+	"use no memo";
+	const ui = UIConfig.useConfig();
+	const inputBaseCva = UIOverrides.useCva("input.baseCva", inputBaseDefinition);
+	const inputRef = useRef(null);
+	const { ref, inputClassName, label, tooltipText, helperText, isRequired, rightContent, isDisabled, isDirty, headerClassName, errorClassName, isHeaderHidden, error, className, unit, isLoading, action, leadingIcon, trailingIcon, value, onChange, onBlur, as: asProp, hideLabel: hideLabelProp, variant: variantProp, size: sizeProp, isClearable: isClearableProp, isClearableIfDisabled, autoFocusOnMount, ...rest } = props;
+	const as = asProp ?? ui.input.as;
+	const hideLabel = hideLabelProp ?? ui.input.hideLabel;
+	const variant = variantProp ?? ui.input.variant;
+	const size = sizeProp ?? ui.input.size;
+	const isClearable = isClearableProp ?? ui.input.isClearable;
+	const { isFocusVisible } = $507fabe10e71c6fb$export$ffd9e5021c1fb2d6();
+	const inputValue = value ?? "";
+	const textFieldRef = useRef(null);
+	const textFieldProps = {
+		...rest,
+		label,
+		isDisabled,
+		isInvalid: !!error,
+		isRequired,
+		value: inputValue,
+		onChange,
+		onBlur
+	};
+	const { labelProps, inputProps } = $2d73ec29415bd339$export$712718f7aec83d5(textFieldProps, textFieldRef);
+	const { describedBy, errorMessageId, helperTextId } = useFieldAccessibility({
+		describedBy: inputProps["aria-describedby"],
+		error,
+		helperText
+	});
+	useEffect(() => {
+		if (!autoFocusOnMount || isDisabled) return;
+		requestAnimationFrame(() => inputRef.current?.focus());
+	}, [autoFocusOnMount, isDisabled]);
+	const formFieldProps = {
+		errorMessageId,
+		error,
+		label,
+		tooltipText,
+		helperText,
+		helperTextId,
+		isRequired,
+		rightContent,
+		isHeaderHidden: isHeaderHidden || as === "inline" || as === "filter" || as === "floating",
+		hideLabel,
+		isDisabled,
+		headerClassName,
+		errorClassName
+	};
+	const inputContentProps = {
+		unit,
+		isLoading,
+		isDisabled,
+		action,
+		leadingIcon,
+		trailingIcon,
+		isClearable,
+		isClearableIfDisabled,
+		value: inputValue,
+		onChange,
+		onBlur
+	};
+	const headerProps = {
+		label,
+		tooltipText,
+		helperText,
+		isRequired,
+		rightContent,
+		isHeaderHidden: hideLabel || isHeaderHidden,
+		isDisabled,
+		className: headerClassName,
+		labelProps
+	};
+	const dataIsDisabled = isDisabled || void 0;
+	return /* @__PURE__ */ jsx(TooltipWrapper, {
+		as,
+		error,
+		triggerTabIndex: as === "inline" ? -1 : void 0,
+		children: /* @__PURE__ */ jsx(FormField, {
+			...formFieldProps,
+			as,
+			labelProps,
+			className: clsx("group w-full", as === "inline" && "h-full", className),
+			tabIndex: as === "inline" ? -1 : void 0,
+			"data-is-empty": value === "" || value === null || value === void 0 || void 0,
+			"data-is-required": isRequired || void 0,
+			children: /* @__PURE__ */ jsx("div", {
+				className: clsx("relative flex cursor-text has-disabled:cursor-default", inputBaseCva({
+					variant,
+					as,
+					...rest
+				}), inputClassName),
+				onClick: () => inputRef.current?.focus(),
+				"data-is-empty": value === "" || value === null || value === void 0 || void 0,
+				"data-is-required": isRequired || void 0,
+				"data-is-disabled": dataIsDisabled,
+				children: /* @__PURE__ */ jsx(InputContent, {
+					...inputContentProps,
+					headerProps,
+					as,
+					size,
+					children: /* @__PURE__ */ jsx($3985021b0ad6602f$export$f5b8910cec6cf069, {
+						...inputProps,
+						"aria-describedby": describedBy,
+						"aria-errormessage": errorMessageId,
+						ref: $5dc95899b306f630$export$c9058316764c140e(ref, inputRef),
+						"data-is-empty": value === "" || value === null || value === void 0 || void 0,
+						"data-is-filled": !(value === "" || value === null || value === void 0) || void 0,
+						"data-is-dirty": isDirty || void 0,
+						"data-is-required": isRequired || void 0,
+						"data-is-disabled": dataIsDisabled,
+						placeholder: as === "floating" ? "\xA0" : inputProps.placeholder,
+						className: "w-full bg-transparent outline-none",
+						onFocus: (e) => {
+							inputProps.onFocus?.(e);
+							if (isFocusVisible) e.target.select();
+						}
+					})
+				})
+			})
+		})
+	});
+};
+const TextInputInner = ({ renderStaticInput, isFormControlDisabled, ...props }) => {
+	"use no memo";
+	const ui = UIConfig.useConfig();
+	const [renderInput, setRenderInput] = useState(!(renderStaticInput ?? ui.renderStaticInput));
+	const inputRef = useRef(null);
+	const { shouldFocus, renderRealInput, replayStaticInputChange, replayStaticInputPress } = useStaticInputHandoff({
+		inputRef,
+		renderInput,
+		setRenderInput,
+		getPressTarget: (input) => {
+			let element = input;
+			for (let depth = 0; element && depth < 6; depth += 1) {
+				const action = element.querySelector("[data-static-press-action]");
+				if (action) return action;
+				element = element.parentElement;
+			}
+			return null;
+		}
+	});
+	if (!renderInput) {
+		const staticValue = props.value ?? props.defaultValue ?? "";
+		const inputType = props.type;
+		const as = props.as ?? ui.input.as;
+		let isDisabled = !!props.isDisabled;
+		if (isFormControlDisabled) isDisabled = true;
+		const maskedPasswordValue = inputType === "password" && `${staticValue}`.length > 0 ? "•".repeat(`${staticValue}`.length) : staticValue;
+		const displayValue = maskedPasswordValue == null ? "" : `${maskedPasswordValue}`;
+		const hasValue = displayValue !== "";
+		const dataAttributes = {
+			dataIsEmpty: !hasValue,
+			dataIsFilled: hasValue,
+			dataIsDirty: props.isDirty,
+			dataIsRequired: props.isRequired,
+			dataIsDisabled: isDisabled,
+			dataDisabled: isDisabled,
+			dataInvalid: !!props.error,
+			dataHasSelection: hasValue
+		};
+		return /* @__PURE__ */ jsx(InputFrame, {
+			...props,
+			isDisabled,
+			className: clsx("group w-full", as === "inline" && "h-full", props.className),
+			dataAttributes,
+			onStaticInteract: renderRealInput,
+			onStaticPress: props.action ? replayStaticInputPress : void 0,
+			staticPressTarget: "action",
+			inputClassName: props.inputClassName,
+			contentClassName: clsx(as === "inline" && "h-full", "pr-0!"),
+			trailingClassName: "py-0! pl-0!",
+			wrapContentAndTrailing: true,
+			reserveTrailingContent: true,
+			children: (dataAttributeProps) => /* @__PURE__ */ jsx("input", {
+				ref: inputRef,
+				type: inputType === "hidden" ? "password" : inputType,
+				disabled: isDisabled,
+				tabIndex: -1,
+				value: displayValue,
+				placeholder: as === "floating" ? "" : props.placeholder,
+				className: "w-full bg-transparent outline-none",
+				onChange: (event) => replayStaticInputChange(event.target.value),
+				...dataAttributeProps,
+				"data-rac": true
+			})
+		});
+	}
+	return /* @__PURE__ */ jsx(TextInputBase, {
+		...props,
+		ref: $5dc95899b306f630$export$c9058316764c140e(props.ref, inputRef),
+		autoFocusOnMount: shouldFocus
+	});
+};
+/** @internal Exported for production render benchmarks. */
+const TextInputComponent = ({ renderStaticInput, ...props }) => {
+	"use no memo";
+	if ("field" in props && props.field) {
+		const { field, ref, ...innerProps } = props;
+		return /* @__PURE__ */ jsx(FieldController, {
+			control: field.form,
+			name: field.name,
+			render: ({ field, fieldState: { error, isDirty } }) => /* @__PURE__ */ jsx(TextInputInner, {
+				...innerProps,
+				ref: $5dc95899b306f630$export$c9058316764c140e(ref, field.ref),
+				value: field.value,
+				onChange: field.onChange,
+				onBlur: field.onBlur,
+				isDirty,
+				isDisabled: field.disabled || props.isDisabled,
+				isFormControlDisabled: field.disabled,
+				error: props.error ?? error?.message,
+				renderStaticInput
+			})
+		});
+	}
+	return /* @__PURE__ */ jsx(TextInputInner, {
+		...props,
+		renderStaticInput
+	});
+};
+const TextInput = memo(TextInputComponent);
+//#endregion
+export { TextInput, TextInputComponent };

package/dist/components/time-picker.d.ts

@@ -0,0 +1,2 @@
+import { n as TimePicker, r as TimePickerProps, t as ControlledTimePickerProps } from "../TimePicker-Bspfhoo_.js";
+export { type ControlledTimePickerProps, TimePicker, type TimePickerProps };

package/dist/components/time-picker.js

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

package/dist/components/toast.d.ts

@@ -0,0 +1,2 @@
+import { a as ToastVariantProps, i as ToastProps, n as ToastAction, r as ToastContainer, t as Toast } from "../Toast-DDkev3SZ.js";
+export { Toast, type ToastAction, ToastContainer, type ToastProps, type ToastVariantProps };

package/dist/components/toast.js

@@ -0,0 +1,2 @@
+import { n as ToastContainer, t as Toast } from "../Toast-4Q3O7cKx.js";
+export { Toast, ToastContainer };

package/dist/components/toggle-button.d.ts

@@ -0,0 +1,2 @@
+import { n as ToggleButtonProps, t as ToggleButton } from "../ToggleButton-BuEhb8eu.js";
+export { ToggleButton, ToggleButtonProps };

package/dist/components/toggle-button.js

@@ -0,0 +1,34 @@
+import { t as Button } from "../Button-Dlm1NyTJ.js";
+import { c } from "react/compiler-runtime";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/buttons/ToggleButton/ToggleButton.tsx
+const ToggleButton = (t0) => {
+	const $ = c(6);
+	let children;
+	let props;
+	if ($[0] !== t0) {
+		({children, ...props} = t0);
+		$[0] = t0;
+		$[1] = children;
+		$[2] = props;
+	} else {
+		children = $[1];
+		props = $[2];
+	}
+	let t1;
+	if ($[3] !== children || $[4] !== props) {
+		t1 = /* @__PURE__ */ jsx(Button, {
+			...props,
+			toggle: true,
+			variant: "outlined",
+			color: "primary",
+			children
+		});
+		$[3] = children;
+		$[4] = props;
+		$[5] = t1;
+	} else t1 = $[5];
+	return t1;
+};
+//#endregion
+export { ToggleButton };

package/dist/components/toggle.d.ts

@@ -0,0 +1,2 @@
+import { n as Toggle, r as ToggleProps, t as ControlledToggleProps } from "../Toggle-TDp5YtaQ.js";
+export { ControlledToggleProps, Toggle, ToggleProps };

package/dist/components/toggle.js

@@ -0,0 +1,2 @@
+import { t as Toggle } from "../Toggle-CgD4ykP4.js";
+export { Toggle };

package/dist/components/tooltip-ellipsis.d.ts

@@ -0,0 +1,2 @@
+import { n as TooltipEllipsisProps, t as TooltipEllipsis } from "../TooltipEllipsis-Di9Dvd4x.js";
+export { TooltipEllipsis, TooltipEllipsisProps };

package/dist/components/tooltip-ellipsis.js

@@ -0,0 +1,46 @@
+import { t as Tooltip } from "../Tooltip-KfGHmXdx.js";
+import { useState } from "react";
+import { c } from "react/compiler-runtime";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/overlays/Tooltip/TooltipEllipsis.tsx
+const TooltipEllipsis = (t0) => {
+	const $ = c(8);
+	const { text, children, isDisabled, isNonInteractiveTrigger } = t0;
+	const [isEllipsisActive, setIsEllipsisActive] = useState(false);
+	let t1;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = (ref) => {
+			if (ref) setIsEllipsisActive(ref.offsetWidth < ref.scrollWidth);
+		};
+		$[0] = t1;
+	} else t1 = $[0];
+	const onContentRef = t1;
+	let t2;
+	if ($[1] !== children) {
+		t2 = children(onContentRef);
+		$[1] = children;
+		$[2] = t2;
+	} else t2 = $[2];
+	const content = t2;
+	if (isEllipsisActive && !isDisabled) {
+		let t3;
+		if ($[3] !== content || $[4] !== isDisabled || $[5] !== isNonInteractiveTrigger || $[6] !== text) {
+			t3 = /* @__PURE__ */ jsx(Tooltip, {
+				text,
+				placement: "bottom",
+				isDisabled,
+				isNonInteractiveTrigger,
+				children: content
+			});
+			$[3] = content;
+			$[4] = isDisabled;
+			$[5] = isNonInteractiveTrigger;
+			$[6] = text;
+			$[7] = t3;
+		} else t3 = $[7];
+		return t3;
+	}
+	return content;
+};
+//#endregion
+export { TooltipEllipsis };

package/dist/components/tooltip.d.ts

@@ -0,0 +1,2 @@
+import { n as TooltipProps, t as Tooltip } from "../Tooltip-zaZ0d1jz.js";
+export { Tooltip, TooltipProps };

package/dist/components/tooltip.js

@@ -0,0 +1,2 @@
+import { t as Tooltip } from "../Tooltip-KfGHmXdx.js";
+export { Tooltip };

package/dist/components/typography.d.ts

@@ -0,0 +1,3 @@
+import { t as TypographyVariantProps } from "../typography.cva-7RYwLrA7.js";
+import { n as TypographyProps, t as Typography } from "../Typography-BiHrVFpz.js";
+export { Typography, type TypographyProps, type TypographyVariantProps };

package/dist/components/typography.js

@@ -0,0 +1,2 @@
+import { t as Typography } from "../Typography-AcUd9df8.js";
+export { Typography };

package/dist/components/use-toast.d.ts

@@ -0,0 +1,2 @@
+import { n as ToastParams, r as useToast, t as ToastOptions } from "../useToast-gQ9gzrbt.js";
+export { ToastOptions, ToastParams, useToast };

package/dist/components/use-toast.js

@@ -0,0 +1,69 @@
+import { o as y, t as Toast } from "../Toast-4Q3O7cKx.js";
+import { c } from "react/compiler-runtime";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/status/Toast/useToast.tsx
+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;
+};
+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/compoundMapper-CMoX98D2.d.ts

@@ -0,0 +1,17 @@
+//#region src/utils/compoundMapper.d.ts
+interface Prop<T> {
+  value: T;
+}
+type ConfigSchema = Record<string, any>;
+type ConfigVariants<T extends ConfigSchema> = { [Variant in keyof T]?: T[Variant] | null | undefined; };
+type ConfigVariantsMulti<T extends ConfigSchema> = { [Variant in keyof T]?: T[Variant] | T[Variant][] | undefined; };
+interface Config<T, R> {
+  default?: R;
+  compoundVariants?: (T extends ConfigSchema ? (ConfigVariants<T> | ConfigVariantsMulti<T>) & Prop<R> : Prop<R>)[];
+  defaultVariants?: Partial<T>;
+}
+type Props<T> = T extends ConfigSchema ? ConfigVariants<T> : never;
+type CompoundMapper<ReturnType, Variants extends ConfigSchema> = (props: Props<Variants>) => NonNullable<ReturnType> | undefined;
+declare const compoundMapper: <ReturnType, Variants extends ConfigSchema>(config: Config<Variants, NonNullable<ReturnType>>) => (props: Props<Variants>) => NonNullable<ReturnType> | undefined;
+//#endregion
+export { ConfigSchema as n, compoundMapper as r, CompoundMapper as t };

package/dist/compoundMapper-Di3SKZnS.js

@@ -0,0 +1,13 @@
+//#region src/utils/compoundMapper.ts
+const compoundMapper = (config) => {
+	return (props) => {
+		return (config.compoundVariants?.find((v) => {
+			return Object.entries(v).filter(([key]) => key !== "value").every(([key, value]) => {
+				const prop = props[key] || config.defaultVariants?.[key];
+				return Array.isArray(value) ? value.includes(prop) : prop === value;
+			});
+		}))?.value ?? config.default;
+	};
+};
+//#endregion
+export { compoundMapper as t };

package/dist/config/confirmation.d.ts

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

package/dist/config/confirmation.js

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

package/dist/config/link-context.d.ts

@@ -0,0 +1,3 @@
+import { n as LinkNavigationProps } from "../Link-DwUGkr9s.js";
+import { t as LinkContext } from "../link.context-BFXwgVLP.js";
+export { LinkContext, type LinkNavigationProps };

package/dist/config/link-context.js

@@ -0,0 +1,2 @@
+import { t as LinkContext } from "../link.context-J7aQtMOr.js";
+export { LinkContext };

package/dist/config/resources.d.ts

@@ -0,0 +1,2 @@
+import { n as resources, t as ns } from "../i18n-DjqhCCJq.js";
+export { ns, resources };

package/dist/config/resources.js

@@ -0,0 +1,2 @@
+import { n as resources, t as ns } from "../i18n-C2TBJvnh.js";
+export { ns, resources };

package/dist/config/theme-context.d.ts

@@ -0,0 +1,2 @@
+import { t as ThemeContext } from "../theme.context-rPpAYJZo.js";
+export { ThemeContext };

package/dist/config/theme-context.js

@@ -0,0 +1,2 @@
+import { t as ThemeContext } from "../theme.context-CCXz56lV.js";
+export { ThemeContext };

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

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

package/dist/config/ui-config.js

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

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

@@ -0,0 +1,2 @@
+import { t as UIOverrides } from "../uiOverrides.context-BdokYcGO.js";
+export { UIOverrides };

package/dist/config/ui-overrides.js

@@ -0,0 +1,2 @@
+import { t as UIOverrides } from "../uiOverrides.context-Bfm2n-n8.js";
+export { UIOverrides };

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

@@ -0,0 +1,2 @@
+import { t as UIRouter } from "../router.context-BOYRh2p9.js";
+export { UIRouter };

package/dist/config/ui-router.js

@@ -0,0 +1,2 @@
+import { t as UIRouter } from "../router.context-DSE1y7gW.js";
+export { UIRouter };

package/dist/confirmation.context-BJ8gTx7U.d.ts

@@ -0,0 +1,23 @@
+import { n as ActionModalProps } from "./ActionModal-DLeVinly.js";
+import { PropsWithChildren } from "react";
+//#region src/config/confirmation.context.d.ts
+declare namespace Confirmation {
+  type ContextState = Pick<ActionModalProps, "heading" | "description" | "buttonSize" | "textAlign" | "primaryAction" | "secondaryAction" | "modalClassName"> & {
+    isOpen: boolean;
+  };
+  type ConfirmationInput = Pick<ContextState, "heading" | "description" | "buttonSize" | "textAlign" | "modalClassName"> & {
+    cancelLabel?: NonNullable<ContextState["secondaryAction"]>["label"];
+    confirmLabel?: NonNullable<ContextState["primaryAction"]>["label"];
+    cancelVariant?: NonNullable<ContextState["secondaryAction"]>["variant"];
+    cancelColor?: NonNullable<ContextState["secondaryAction"]>["color"];
+    confirmVariant?: NonNullable<ContextState["primaryAction"]>["variant"];
+    confirmColor?: NonNullable<ContextState["primaryAction"]>["color"];
+  };
+  interface Options {
+    confirm: (input: ConfirmationInput) => Promise<boolean>;
+  }
+  const Provider: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
+  const useConfirmation: () => Options;
+}
+//#endregion
+export { Confirmation as t };

package/dist/confirmation.context-C1-ZF9CW.js

@@ -0,0 +1,80 @@
+import "./i18n-C2TBJvnh.js";
+import { ActionModal } from "./components/action-modal.js";
+import { createContext, use, useCallback, useMemo, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+//#region src/config/confirmation.context.tsx
+let Confirmation;
+(function(_Confirmation) {
+	const DEFAULT_STATE = {
+		heading: "",
+		description: "",
+		isOpen: false,
+		primaryAction: {
+			label: "",
+			onPress: () => {}
+		},
+		secondaryAction: {
+			label: "",
+			onPress: () => {}
+		}
+	};
+	const Context = createContext(null);
+	_Confirmation.Provider = ({ children }) => {
+		const [state, setState] = useState(DEFAULT_STATE);
+		const { t } = useTranslation("ui");
+		const onCancel = () => setState(DEFAULT_STATE);
+		const confirm = useCallback(async ({ heading, description, buttonSize, textAlign, modalClassName, cancelLabel = t(($) => $.ui.confirmation.cancel), confirmLabel = t(($_0) => $_0.ui.confirmation.confirm), confirmVariant, confirmColor, cancelVariant, cancelColor }) => {
+			return new Promise((resolve) => {
+				setState({
+					heading,
+					description,
+					buttonSize,
+					textAlign,
+					modalClassName,
+					primaryAction: {
+						label: confirmLabel,
+						onPress() {
+							setState({
+								...state,
+								isOpen: false,
+								heading: "",
+								description: ""
+							});
+							resolve(true);
+						},
+						variant: confirmVariant,
+						color: confirmColor
+					},
+					secondaryAction: {
+						label: cancelLabel,
+						onPress() {
+							onCancel();
+							resolve(false);
+						},
+						variant: cancelVariant,
+						color: cancelColor
+					},
+					isOpen: !state.isOpen
+				});
+			});
+		}, [state, t]);
+		const value = useMemo(() => ({ confirm }), [confirm]);
+		return /* @__PURE__ */ jsxs(Context.Provider, {
+			value,
+			children: [/* @__PURE__ */ jsx(ActionModal, {
+				...state,
+				onClose: state.secondaryAction?.onPress ?? onCancel,
+				primaryAction: state.primaryAction,
+				secondaryAction: state.secondaryAction
+			}), children]
+		});
+	};
+	_Confirmation.useConfirmation = () => {
+		const context = use(Context);
+		if (!context) throw new Error("Confirmation.useConfirmation must be used within a Confirmation.Provider");
+		return context;
+	};
+})(Confirmation || (Confirmation = {}));
+//#endregion
+export { Confirmation as t };