@povio/ui 2.3.3 → 3.0.0-rc.1

package/dist/components/shared/pagination/Pagination.js

@@ -2,16 +2,31 @@ import { Typography } from "../../text/Typography/Typography.js";
 import "../../../config/i18n.js";
 import { NumberInput } from "../../inputs/Input/NumberInput/NumberInput.js";
 import { PaginationList } from "./PaginationList.js";
+import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { useTranslation } from "react-i18next";
 //#region src/components/shared/pagination/Pagination.tsx
-var Pagination = ({ size = "s", variant = "subtle", color = "secondary", page, totalItems, totalPages, pageSize, hideText = true, hideFirstLast = true, hidePrevNext = false, hideNumbers = false, className, onPageChange, onPageSizeChange }) => {
+var Pagination = (t0) => {
+	const $ = c(34);
+	const { size: t1, variant: t2, color: t3, page, totalItems, totalPages, pageSize, hideText: t4, hideFirstLast: t5, hidePrevNext: t6, hideNumbers: t7, className, onPageChange, onPageSizeChange } = t0;
+	const size = t1 === void 0 ? "s" : t1;
+	const variant = t2 === void 0 ? "subtle" : t2;
+	const color = t3 === void 0 ? "secondary" : t3;
+	const hideText = t4 === void 0 ? true : t4;
+	const hideFirstLast = t5 === void 0 ? true : t5;
+	const hidePrevNext = t6 === void 0 ? false : t6;
+	const hideNumbers = t7 === void 0 ? false : t7;
 	const { t } = useTranslation("ui");
-	return /* @__PURE__ */ jsxs("nav", {
-		id: "pagination",
-		className: clsx("flex items-center gap-2", className),
-		children: [totalItems > pageSize && /* @__PURE__ */ jsx(PaginationList, {
+	let t8;
+	if ($[0] !== className) {
+		t8 = clsx("flex items-center gap-2", className);
+		$[0] = className;
+		$[1] = t8;
+	} else t8 = $[1];
+	let t9;
+	if ($[2] !== color || $[3] !== hideFirstLast || $[4] !== hideNumbers || $[5] !== hidePrevNext || $[6] !== hideText || $[7] !== onPageChange || $[8] !== page || $[9] !== pageSize || $[10] !== size || $[11] !== totalItems || $[12] !== totalPages || $[13] !== variant) {
+		t9 = totalItems > pageSize && /* @__PURE__ */ jsx(PaginationList, {
 			page,
 			size,
 			color,
@@ -22,24 +37,95 @@ var Pagination = ({ size = "s", variant = "subtle", color = "secondary", page, t
 			hideNumbers,
 			totalPages: totalPages ?? Math.ceil(totalItems / pageSize),
 			onPageChange
-		}), /* @__PURE__ */ jsxs("div", {
+		});
+		$[2] = color;
+		$[3] = hideFirstLast;
+		$[4] = hideNumbers;
+		$[5] = hidePrevNext;
+		$[6] = hideText;
+		$[7] = onPageChange;
+		$[8] = page;
+		$[9] = pageSize;
+		$[10] = size;
+		$[11] = totalItems;
+		$[12] = totalPages;
+		$[13] = variant;
+		$[14] = t9;
+	} else t9 = $[14];
+	let t10;
+	if ($[15] !== t) {
+		t10 = t(_temp);
+		$[15] = t;
+		$[16] = t10;
+	} else t10 = $[16];
+	let t11;
+	if ($[17] !== t10) {
+		t11 = /* @__PURE__ */ jsx(Typography, {
+			variant: "default",
+			size: "label-2",
+			as: "span",
+			className: "whitespace-nowrap text-text-default-1",
+			children: t10
+		});
+		$[17] = t10;
+		$[18] = t11;
+	} else t11 = $[18];
+	let t12;
+	if ($[19] !== onPageSizeChange) {
+		t12 = (value) => onPageSizeChange?.(Number(value));
+		$[19] = onPageSizeChange;
+		$[20] = t12;
+	} else t12 = $[20];
+	let t13;
+	if ($[21] !== t) {
+		t13 = t(_temp2);
+		$[21] = t;
+		$[22] = t13;
+	} else t13 = $[22];
+	let t14;
+	if ($[23] !== pageSize || $[24] !== t12 || $[25] !== t13) {
+		t14 = /* @__PURE__ */ jsx(NumberInput, {
+			value: pageSize,
+			onChange: t12,
+			label: t13,
+			hideLabel: true,
+			className: "w-min",
+			inputClassName: "min-w-12 !px-3 !py-0-5"
+		});
+		$[23] = pageSize;
+		$[24] = t12;
+		$[25] = t13;
+		$[26] = t14;
+	} else t14 = $[26];
+	let t15;
+	if ($[27] !== t11 || $[28] !== t14) {
+		t15 = /* @__PURE__ */ jsxs("div", {
 			className: "flex items-center gap-2",
-			children: [/* @__PURE__ */ jsx(Typography, {
-				variant: "default",
-				size: "label-2",
-				as: "span",
-				className: "whitespace-nowrap text-text-default-1",
-				children: t(($) => $.ui.pagination.resultsPerPage)
-			}), /* @__PURE__ */ jsx(NumberInput, {
-				value: pageSize,
-				onChange: (value) => onPageSizeChange?.(Number(value)),
-				label: t(($) => $.ui.pagination.resultsPerPage),
-				hideLabel: true,
-				className: "w-min",
-				inputClassName: "min-w-12 !px-3 !py-0-5"
-			})]
-		})]
-	});
+			children: [t11, t14]
+		});
+		$[27] = t11;
+		$[28] = t14;
+		$[29] = t15;
+	} else t15 = $[29];
+	let t16;
+	if ($[30] !== t15 || $[31] !== t8 || $[32] !== t9) {
+		t16 = /* @__PURE__ */ jsxs("nav", {
+			id: "pagination",
+			className: t8,
+			children: [t9, t15]
+		});
+		$[30] = t15;
+		$[31] = t8;
+		$[32] = t9;
+		$[33] = t16;
+	} else t16 = $[33];
+	return t16;
 };
+function _temp($) {
+	return $.ui.pagination.resultsPerPage;
+}
+function _temp2($_0) {
+	return $_0.ui.pagination.resultsPerPage;
+}
 //#endregion
 export { Pagination };

package/dist/components/shared/pagination/PaginationList.js

@@ -5,23 +5,26 @@ import { ChevronsRightIcon } from "../../../assets/icons/ChevronsRight.js";
 import { Button } from "../../buttons/Button/Button.js";
 import "../../../config/i18n.js";
 import { minWidth } from "./minWidth.cva.js";
+import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
-import { useMemo } from "react";
 import { useTranslation } from "react-i18next";
 //#region src/components/shared/pagination/PaginationList.tsx
-var PaginationList = ({ page, totalPages, size, color, variant, hideText, hideFirstLast, hidePrevNext, hideNumbers, className, onPageChange }) => {
+var PaginationList = (t0) => {
+	const $ = c(61);
+	const { page, totalPages, size, color, variant, hideText, hideFirstLast, hidePrevNext, hideNumbers, className, onPageChange } = t0;
 	const { t } = useTranslation("ui");
 	const isPrevDisabled = page <= 1;
 	const isNextDisabled = page >= totalPages;
-	const renderPageNumbers = useMemo(() => {
+	let t1;
+	if ($[0] !== color || $[1] !== onPageChange || $[2] !== page || $[3] !== size || $[4] !== totalPages || $[5] !== variant) {
 		const pagesToShow = [];
 		pagesToShow.push(1);
 		if (page > 3) pagesToShow.push("ellipsis");
 		for (let i = Math.max(2, page - 1); i <= Math.min(totalPages - 1, page + 1); i++) pagesToShow.push(i);
 		if (page < totalPages - 2) pagesToShow.push("ellipsis");
 		if (totalPages > 1 && !pagesToShow.includes(totalPages)) pagesToShow.push(totalPages);
-		return pagesToShow.map((p, index) => {
+		t1 = pagesToShow.map((p, index) => {
 			if (p === "ellipsis") return /* @__PURE__ */ jsx(Button, {
 				variant,
 				color,
@@ -41,67 +44,167 @@ var PaginationList = ({ page, totalPages, size, color, variant, hideText, hideFi
 				children: p.toString()
 			}, `page-${p}`);
 		});
-	}, [
-		page,
-		color,
-		size,
-		variant,
-		totalPages,
-		onPageChange
-	]);
+		$[0] = color;
+		$[1] = onPageChange;
+		$[2] = page;
+		$[3] = size;
+		$[4] = totalPages;
+		$[5] = variant;
+		$[6] = t1;
+	} else t1 = $[6];
+	const renderPageNumbers = t1;
 	if (totalPages <= 1) return null;
-	const onNext = () => {
-		if (!isNextDisabled) onPageChange?.(page + 1);
-	};
-	const onPrevious = () => {
-		if (!isPrevDisabled) onPageChange?.(page - 1);
-	};
-	return /* @__PURE__ */ jsxs("nav", {
-		className: clsx("flex items-center gap-pagination-button-to-button", className),
-		children: [
-			!hideFirstLast && /* @__PURE__ */ jsx(Button, {
-				onClick: () => onPageChange?.(1),
-				isDisabled: isPrevDisabled,
-				size,
-				color,
-				variant,
-				iconOnly: hideText,
-				icon: ChevronsLeftIcon,
-				children: t(($) => $.ui.pagination.firstBtn)
-			}),
-			!hidePrevNext && /* @__PURE__ */ jsx(Button, {
-				onClick: onPrevious,
-				isDisabled: isPrevDisabled,
-				size,
-				color,
-				variant,
-				iconOnly: hideText,
-				icon: ChevronLeftIcon,
-				children: t(($) => $.ui.pagination.backBtn)
-			}),
-			!hideNumbers && renderPageNumbers,
-			!hidePrevNext && /* @__PURE__ */ jsx(Button, {
-				onClick: onNext,
-				isDisabled: isNextDisabled,
-				size,
-				color,
-				variant,
-				iconOnly: hideText,
-				icon: ChevronRightIcon,
-				children: t(($) => $.ui.pagination.nextBtn)
-			}),
-			!hideFirstLast && /* @__PURE__ */ jsx(Button, {
-				onClick: () => onPageChange?.(totalPages),
-				isDisabled: isNextDisabled,
-				size,
-				color,
-				variant,
-				iconOnly: hideText,
-				icon: ChevronsRightIcon,
-				children: t(($) => $.ui.pagination.lastBtn)
-			})
-		]
-	});
+	let t2;
+	if ($[7] !== isNextDisabled || $[8] !== onPageChange || $[9] !== page) {
+		t2 = () => {
+			if (!isNextDisabled) onPageChange?.(page + 1);
+		};
+		$[7] = isNextDisabled;
+		$[8] = onPageChange;
+		$[9] = page;
+		$[10] = t2;
+	} else t2 = $[10];
+	const onNext = t2;
+	let t3;
+	if ($[11] !== isPrevDisabled || $[12] !== onPageChange || $[13] !== page) {
+		t3 = () => {
+			if (!isPrevDisabled) onPageChange?.(page - 1);
+		};
+		$[11] = isPrevDisabled;
+		$[12] = onPageChange;
+		$[13] = page;
+		$[14] = t3;
+	} else t3 = $[14];
+	const onPrevious = t3;
+	let t4;
+	if ($[15] !== className) {
+		t4 = clsx("flex items-center gap-pagination-button-to-button", className);
+		$[15] = className;
+		$[16] = t4;
+	} else t4 = $[16];
+	let t5;
+	if ($[17] !== color || $[18] !== hideFirstLast || $[19] !== hideText || $[20] !== isPrevDisabled || $[21] !== onPageChange || $[22] !== size || $[23] !== t || $[24] !== variant) {
+		t5 = !hideFirstLast && /* @__PURE__ */ jsx(Button, {
+			onClick: () => onPageChange?.(1),
+			isDisabled: isPrevDisabled,
+			size,
+			color,
+			variant,
+			iconOnly: hideText,
+			icon: ChevronsLeftIcon,
+			children: t(_temp)
+		});
+		$[17] = color;
+		$[18] = hideFirstLast;
+		$[19] = hideText;
+		$[20] = isPrevDisabled;
+		$[21] = onPageChange;
+		$[22] = size;
+		$[23] = t;
+		$[24] = variant;
+		$[25] = t5;
+	} else t5 = $[25];
+	let t6;
+	if ($[26] !== color || $[27] !== hidePrevNext || $[28] !== hideText || $[29] !== isPrevDisabled || $[30] !== onPrevious || $[31] !== size || $[32] !== t || $[33] !== variant) {
+		t6 = !hidePrevNext && /* @__PURE__ */ jsx(Button, {
+			onClick: onPrevious,
+			isDisabled: isPrevDisabled,
+			size,
+			color,
+			variant,
+			iconOnly: hideText,
+			icon: ChevronLeftIcon,
+			children: t(_temp2)
+		});
+		$[26] = color;
+		$[27] = hidePrevNext;
+		$[28] = hideText;
+		$[29] = isPrevDisabled;
+		$[30] = onPrevious;
+		$[31] = size;
+		$[32] = t;
+		$[33] = variant;
+		$[34] = t6;
+	} else t6 = $[34];
+	const t7 = !hideNumbers && renderPageNumbers;
+	let t8;
+	if ($[35] !== color || $[36] !== hidePrevNext || $[37] !== hideText || $[38] !== isNextDisabled || $[39] !== onNext || $[40] !== size || $[41] !== t || $[42] !== variant) {
+		t8 = !hidePrevNext && /* @__PURE__ */ jsx(Button, {
+			onClick: onNext,
+			isDisabled: isNextDisabled,
+			size,
+			color,
+			variant,
+			iconOnly: hideText,
+			icon: ChevronRightIcon,
+			children: t(_temp3)
+		});
+		$[35] = color;
+		$[36] = hidePrevNext;
+		$[37] = hideText;
+		$[38] = isNextDisabled;
+		$[39] = onNext;
+		$[40] = size;
+		$[41] = t;
+		$[42] = variant;
+		$[43] = t8;
+	} else t8 = $[43];
+	let t9;
+	if ($[44] !== color || $[45] !== hideFirstLast || $[46] !== hideText || $[47] !== isNextDisabled || $[48] !== onPageChange || $[49] !== size || $[50] !== t || $[51] !== totalPages || $[52] !== variant) {
+		t9 = !hideFirstLast && /* @__PURE__ */ jsx(Button, {
+			onClick: () => onPageChange?.(totalPages),
+			isDisabled: isNextDisabled,
+			size,
+			color,
+			variant,
+			iconOnly: hideText,
+			icon: ChevronsRightIcon,
+			children: t(_temp4)
+		});
+		$[44] = color;
+		$[45] = hideFirstLast;
+		$[46] = hideText;
+		$[47] = isNextDisabled;
+		$[48] = onPageChange;
+		$[49] = size;
+		$[50] = t;
+		$[51] = totalPages;
+		$[52] = variant;
+		$[53] = t9;
+	} else t9 = $[53];
+	let t10;
+	if ($[54] !== t4 || $[55] !== t5 || $[56] !== t6 || $[57] !== t7 || $[58] !== t8 || $[59] !== t9) {
+		t10 = /* @__PURE__ */ jsxs("nav", {
+			className: t4,
+			children: [
+				t5,
+				t6,
+				t7,
+				t8,
+				t9
+			]
+		});
+		$[54] = t4;
+		$[55] = t5;
+		$[56] = t6;
+		$[57] = t7;
+		$[58] = t8;
+		$[59] = t9;
+		$[60] = t10;
+	} else t10 = $[60];
+	return t10;
 };
+function _temp($) {
+	return $.ui.pagination.firstBtn;
+}
+function _temp2($_0) {
+	return $_0.ui.pagination.backBtn;
+}
+function _temp3($_1) {
+	return $_1.ui.pagination.nextBtn;
+}
+function _temp4($_2) {
+	return $_2.ui.pagination.lastBtn;
+}
 //#endregion
 export { PaginationList };

package/dist/components/shared/popover.cva.d.ts

@@ -1,4 +1,8 @@
-import { VariantProps } from 'class-variance-authority';
-export declare const popover: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
-export interface PopoverVariantProps extends VariantProps<typeof popover> {
+import { UIOverrides } from '../../config/uiOverrides.context';
+export declare const popoverDefinition: {
+    base: string[];
+    config?: import("../../utils/style-merge.util").StyleMergeUtils.Config<Record<never, never>>;
+};
+export type PopoverConfig = NonNullable<typeof popoverDefinition.config>;
+export interface PopoverVariantProps extends UIOverrides.VariantProps<PopoverConfig> {
 }

package/dist/components/shared/popover.cva.js

@@ -1,5 +1,5 @@
-import { cva } from "class-variance-authority";
+import { UIOverrides } from "../../config/uiOverrides.context.js";
 //#region src/components/shared/popover.cva.ts
-var popover = cva("rounded-list-rounding-dropdown border border-elevation-outline-default-1 border-solid bg-elevation-fill-default-1 shadow-5 outline-none");
+var popoverDefinition = UIOverrides.defineConfig({ base: ["rounded-list-rounding-dropdown border border-elevation-outline-default-1 border-solid bg-elevation-fill-default-1 shadow-5 outline-none"] });
 //#endregion
-export { popover };
+export { popoverDefinition };

package/dist/components/status/Alert/Alert.js

@@ -1,47 +1,114 @@
-import { UIStyle } from "../../../config/uiStyle.context.js";
+import { UIOverrides } from "../../../config/uiOverrides.context.js";
 import { Typography } from "../../text/Typography/Typography.js";
 import { Loader } from "../Loader/Loader.js";
-import { alert } from "./alert.cva.js";
-import { statusIcon, statusSeparator } from "../shared/status.cva.js";
+import { alertDefinition } from "./alert.cva.js";
+import { statusIconDefinition, statusSeparatorDefinition } from "../shared/status.cva.js";
+import { c } from "react/compiler-runtime";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/status/Alert/Alert.tsx
-var Alert = ({ variant, color, text, isLoading = false, rightContent, hasSeparator, icon: Icon, className }) => {
-	const alertCva = UIStyle.useCva("alert.cva", alert);
-	const iconCva = UIStyle.useCva("status.iconCva", statusIcon);
-	const separatorCva = UIStyle.useCva("status.separatorCva", statusSeparator);
-	return /* @__PURE__ */ jsx("div", {
-		className: alertCva({
+var Alert = (t0) => {
+	const $ = c(31);
+	const { variant, color, text, isLoading: t1, rightContent, hasSeparator, icon: Icon, className } = t0;
+	const isLoading = t1 === void 0 ? false : t1;
+	const alertCva = UIOverrides.useCva("alert.cva", alertDefinition);
+	const iconCva = UIOverrides.useCva("status.iconCva", statusIconDefinition);
+	const separatorCva = UIOverrides.useCva("status.separatorCva", statusSeparatorDefinition);
+	let t2;
+	if ($[0] !== alertCva || $[1] !== className || $[2] !== color || $[3] !== variant) {
+		t2 = alertCva({
 			variant,
 			color,
 			className
-		}),
-		children: /* @__PURE__ */ jsxs("div", {
+		});
+		$[0] = alertCva;
+		$[1] = className;
+		$[2] = color;
+		$[3] = variant;
+		$[4] = t2;
+	} else t2 = $[4];
+	let t3;
+	if ($[5] !== isLoading) {
+		t3 = isLoading && /* @__PURE__ */ jsx(Loader, {
+			size: "default",
+			className: "shrink-0"
+		});
+		$[5] = isLoading;
+		$[6] = t3;
+	} else t3 = $[6];
+	let t4;
+	if ($[7] !== Icon || $[8] !== color || $[9] !== iconCva || $[10] !== isLoading || $[11] !== variant) {
+		t4 = !isLoading && Icon && /* @__PURE__ */ jsx(Icon, { className: iconCva({
+			variant,
+			color
+		}) });
+		$[7] = Icon;
+		$[8] = color;
+		$[9] = iconCva;
+		$[10] = isLoading;
+		$[11] = variant;
+		$[12] = t4;
+	} else t4 = $[12];
+	let t5;
+	if ($[13] !== text) {
+		t5 = /* @__PURE__ */ jsx(Typography, {
+			size: "label-2",
+			children: text
+		});
+		$[13] = text;
+		$[14] = t5;
+	} else t5 = $[14];
+	let t6;
+	if ($[15] !== t3 || $[16] !== t4 || $[17] !== t5) {
+		t6 = /* @__PURE__ */ jsxs("div", {
+			className: "flex w-full items-start gap-alert-gap-icon-to-text px-alert-side-default py-alert-height-content",
+			children: [
+				t3,
+				t4,
+				t5
+			]
+		});
+		$[15] = t3;
+		$[16] = t4;
+		$[17] = t5;
+		$[18] = t6;
+	} else t6 = $[18];
+	let t7;
+	if ($[19] !== color || $[20] !== hasSeparator || $[21] !== rightContent || $[22] !== separatorCva || $[23] !== variant) {
+		t7 = !!rightContent && /* @__PURE__ */ jsxs(Fragment, { children: [hasSeparator && /* @__PURE__ */ jsx("div", { className: separatorCva({
+			variant,
+			color
+		}) }), /* @__PURE__ */ jsx("div", {
+			className: "flex w-full shrink-0 flex-wrap items-center justify-end gap-alert-gap-action px-alert-side-default py-alert-height-actions-mobile md:w-auto md:justify-center md:py-alert-height-actions-desktop",
+			children: rightContent
+		})] });
+		$[19] = color;
+		$[20] = hasSeparator;
+		$[21] = rightContent;
+		$[22] = separatorCva;
+		$[23] = variant;
+		$[24] = t7;
+	} else t7 = $[24];
+	let t8;
+	if ($[25] !== t6 || $[26] !== t7) {
+		t8 = /* @__PURE__ */ jsxs("div", {
 			className: "flex w-auto flex-col items-center md:flex-row",
-			children: [/* @__PURE__ */ jsxs("div", {
-				className: "flex w-full items-start gap-alert-gap-icon-to-text px-alert-side-default py-alert-height-content",
-				children: [
-					isLoading && /* @__PURE__ */ jsx(Loader, {
-						size: "default",
-						className: "shrink-0"
-					}),
-					!isLoading && Icon && /* @__PURE__ */ jsx(Icon, { className: iconCva({
-						variant,
-						color
-					}) }),
-					/* @__PURE__ */ jsx(Typography, {
-						size: "label-2",
-						children: text
-					})
-				]
-			}), !!rightContent && /* @__PURE__ */ jsxs(Fragment, { children: [hasSeparator && /* @__PURE__ */ jsx("div", { className: separatorCva({
-				variant,
-				color
-			}) }), /* @__PURE__ */ jsx("div", {
-				className: "flex w-full shrink-0 flex-wrap items-center justify-end gap-alert-gap-action px-alert-side-default py-alert-height-actions-mobile md:w-auto md:justify-center md:py-alert-height-actions-desktop",
-				children: rightContent
-			})] })]
-		})
-	});
+			children: [t6, t7]
+		});
+		$[25] = t6;
+		$[26] = t7;
+		$[27] = t8;
+	} else t8 = $[27];
+	let t9;
+	if ($[28] !== t2 || $[29] !== t8) {
+		t9 = /* @__PURE__ */ jsx("div", {
+			className: t2,
+			children: t8
+		});
+		$[28] = t2;
+		$[29] = t8;
+		$[30] = t9;
+	} else t9 = $[30];
+	return t9;
 };
 //#endregion
 export { Alert };

package/dist/components/status/Alert/alert.cva.d.ts

@@ -1,7 +1,19 @@
-import { VariantProps } from 'class-variance-authority';
-export declare const alert: (props?: ({
-    variant?: "contained" | "outlined" | null | undefined;
-    color?: "success" | "warning" | "error" | "neutral" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export interface AlertVariantProps extends VariantProps<typeof alert> {
+import { UIOverrides } from '../../../config/uiOverrides.context';
+export declare const alertDefinition: {
+    base: string[];
+    config: import("../../../utils/style-merge.util").StyleMergeUtils.Config<{
+        readonly variant: {
+            readonly outlined: "border bg-elevation-fill-default-1 text-text-default-1";
+            readonly contained: "text-text-inverted-1";
+        };
+        readonly color: {
+            readonly neutral: "";
+            readonly success: "";
+            readonly warning: "";
+            readonly error: "";
+        };
+    }>;
+};
+export type AlertConfig = NonNullable<typeof alertDefinition.config>;
+export interface AlertVariantProps extends UIOverrides.VariantProps<AlertConfig> {
 }