@povio/ui 2.3.3 → 3.0.0

package/dist/components/status/Toast/toast.cva.js

@@ -1,3 +1,4 @@
+import { UIOverrides } from "../../../config/uiOverrides.context.js";
 import { compoundMapper } from "../../../utils/compoundMapper.js";
 import { clsx } from "clsx";
 import { cva } from "class-variance-authority";
@@ -11,72 +12,75 @@ var toastContainer = cva("m-toast-gap-margin-mobile w-auto gap-toast-gap-margin-
 	"top-center": "top-0"
 } } });
 var toastWrapper = clsx("m-0! min-h-0! w-auto! max-w-toast bg-transparent! p-0! shadow-none!");
-var toast = cva("m-0 inline-flex w-auto flex-col items-center overflow-hidden rounded-toast-rounding-default shadow-4 md:flex-row", {
-	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"
+var 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: "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"
+			color: "neutral"
 		}
-	],
-	defaultVariants: {
-		variant: "outlined",
-		color: "neutral"
 	}
 });
 var buttonColorVariant = compoundMapper({
@@ -140,5 +144,66 @@ var buttonColorVariant = compoundMapper({
 	},
 	default: { color: "secondary" }
 });
+var 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"
+		}
+	}
+});
+var 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
-export { buttonColorVariant, toast, toastContainer, toastWrapper };
+export { buttonColorVariant, statusIconDefinition, statusSeparatorDefinition, toastContainer, toastDefinition, toastWrapper };

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

@@ -1,8 +1,30 @@
-export declare const statusIcon: (props?: ({
-    variant?: "contained" | "outlined" | null | undefined;
-    color?: "success" | "warning" | "error" | "neutral" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export declare const statusSeparator: (props?: ({
-    variant?: "contained" | "outlined" | null | undefined;
-    color?: "success" | "warning" | "error" | "neutral" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const statusIconDefinition: {
+    base: string[];
+    config: import("../../../utils/style-merge.util").StyleMergeUtils.Config<{
+        readonly variant: {
+            readonly outlined: "";
+            readonly contained: "text-text-inverted-1";
+        };
+        readonly color: {
+            readonly neutral: "";
+            readonly success: "";
+            readonly warning: "";
+            readonly error: "";
+        };
+    }>;
+};
+export declare const statusSeparatorDefinition: {
+    base: string[];
+    config: import("../../../utils/style-merge.util").StyleMergeUtils.Config<{
+        readonly variant: {
+            readonly outlined: "";
+            readonly contained: "hidden";
+        };
+        readonly color: {
+            readonly neutral: "bg-elevation-outline-default-1";
+            readonly success: "bg-elevation-outline-success-1";
+            readonly warning: "bg-elevation-outline-warning-1";
+            readonly error: "bg-elevation-outline-error-1";
+        };
+    }>;
+};

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

@@ -1,59 +1,65 @@
-import { cva } from "class-variance-authority";
+import { UIOverrides } from "../../../config/uiOverrides.context.js";
 //#region src/components/status/shared/status.cva.ts
-var statusIcon = cva("size-6 shrink-0", {
-	variants: {
-		variant: {
-			outlined: "",
-			contained: "text-text-inverted-1"
+var statusIconDefinition = UIOverrides.defineConfig({
+	base: ["size-6 shrink-0"],
+	config: {
+		variants: {
+			variant: {
+				outlined: "",
+				contained: "text-text-inverted-1"
+			},
+			color: {
+				neutral: "",
+				success: "",
+				warning: "",
+				error: ""
+			}
 		},
-		color: {
-			neutral: "",
-			success: "",
-			warning: "",
-			error: ""
-		}
-	},
-	compoundVariants: [
-		{
-			variant: "outlined",
-			color: "neutral",
-			class: "text-text-default-2"
-		},
-		{
-			variant: "outlined",
-			color: "success",
-			class: "text-text-success-1"
-		},
-		{
+		compoundVariants: [
+			{
+				variant: "outlined",
+				color: "neutral",
+				class: "text-text-default-2"
+			},
+			{
+				variant: "outlined",
+				color: "success",
+				class: "text-text-success-1"
+			},
+			{
+				variant: "outlined",
+				color: "warning",
+				class: "text-text-warning-1"
+			},
+			{
+				variant: "outlined",
+				color: "error",
+				class: "text-text-error-1"
+			}
+		],
+		defaultVariants: {
 			variant: "outlined",
-			color: "warning",
-			class: "text-text-warning-1"
-		},
-		{
-			variant: "outlined",
-			color: "error",
-			class: "text-text-error-1"
+			color: "neutral"
 		}
-	],
-	defaultVariants: {
-		variant: "outlined",
-		color: "neutral"
 	}
 });
-var statusSeparator = cva("h-px shrink-0 self-stretch md:h-auto md:w-px", {
-	variants: {
-		variant: {
-			outlined: "",
-			contained: "hidden"
+var 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"
+			}
 		},
-		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" }
+		defaultVariants: { color: "neutral" }
+	}
 });
 //#endregion
-export { statusIcon, statusSeparator };
+export { statusIconDefinition, statusSeparatorDefinition };

package/dist/components/table/CellText.js

@@ -1,14 +1,14 @@
-import { UIStyle } from "../../config/uiStyle.context.js";
+import { UIOverrides } from "../../config/uiOverrides.context.js";
 import { Typography } from "../text/Typography/Typography.js";
 import { UIConfig } from "../../config/uiConfig.context.js";
-import { tableCellText } from "./table.cva.js";
+import { tableCellTextDefinition } from "./table.cva.js";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/table/CellText.tsx
 var CellText = (props) => {
 	const uiConfig = UIConfig.useConfig();
 	const { variant = uiConfig.tableCellText.variant, size = uiConfig.tableCellText.size, children, style, className } = props;
 	return /* @__PURE__ */ jsx(Typography, {
-		className: UIStyle.useCva("table.cellTextCva", tableCellText)({ className }),
+		className: UIOverrides.useCva("table.cellTextCva", tableCellTextDefinition)({ className }),
 		as: "span",
 		variant,
 		size,

package/dist/components/table/HeaderText.js

@@ -1,14 +1,14 @@
-import { UIStyle } from "../../config/uiStyle.context.js";
+import { UIOverrides } from "../../config/uiOverrides.context.js";
 import { Typography } from "../text/Typography/Typography.js";
 import { UIConfig } from "../../config/uiConfig.context.js";
-import { tableHeaderText } from "./table.cva.js";
+import { tableHeaderTextDefinition } from "./table.cva.js";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/table/HeaderText.tsx
 var HeaderText = (props) => {
 	const uiConfig = UIConfig.useConfig();
 	const { variant = uiConfig.tableHeaderText.variant, size = uiConfig.tableHeaderText.size, children, style, className } = props;
 	return /* @__PURE__ */ jsx(Typography, {
-		className: UIStyle.useCva("table.headerTextCva", tableHeaderText)({ className }),
+		className: UIOverrides.useCva("table.headerTextCva", tableHeaderTextDefinition)({ className }),
 		as: "span",
 		variant,
 		size,

package/dist/components/table/Table.js

@@ -1,9 +1,9 @@
 import { ChevronDownIcon } from "../../assets/icons/ChevronDown.js";
 import { ChevronUpIcon } from "../../assets/icons/ChevronUp.js";
-import { UIStyle } from "../../config/uiStyle.context.js";
+import { UIOverrides } from "../../config/uiOverrides.context.js";
 import { InlineIconButton } from "../buttons/InlineIconButton/InlineIconButton.js";
 import { useIntersectionObserver } from "../../hooks/useIntersectionObserver.js";
-import { tableData, tableHeadData, tableHeadRow, tableRow } from "./table.cva.js";
+import { tableDataDefinition, tableHeadDataDefinition, tableHeadRowDefinition, tableRowDefinition } from "./table.cva.js";
 import { CellText } from "./CellText.js";
 import { DragIndicatorIcon } from "../../assets/icons/DragIndicator.js";
 import { HeaderText } from "./HeaderText.js";
@@ -74,10 +74,10 @@ var DraggableRow = ({ row, showCellBorder, onRowClick, onDoubleClick, tableRowCv
 	});
 };
 var Table = ({ items, showCellBorder, columns, onRowClick, onDoubleClick, className, sorting, setSorting, columnOrder, setColumnOrder, columnVisibility, setColumnVisibility, bulkSelectionActions: ActionHeader, enableDragDrop = false, onDragEnd, onReorder, getRowId, enableRowSelection, enableMultiRowSelection = false, defaultSelectedRows, onRowSelectionChange, ...props }) => {
-	const tableRowCva = UIStyle.useCva("table.rowCva", tableRow);
-	const tableHeadRowCva = UIStyle.useCva("table.headRowCva", tableHeadRow);
-	const tableHeadDataCva = UIStyle.useCva("table.headDataCva", tableHeadData);
-	const tableDataCva = UIStyle.useCva("table.dataCva", tableData);
+	const tableRowCva = UIOverrides.useCva("table.rowCva", tableRowDefinition);
+	const tableHeadRowCva = UIOverrides.useCva("table.headRowCva", tableHeadRowDefinition);
+	const tableHeadDataCva = UIOverrides.useCva("table.headDataCva", tableHeadDataDefinition);
+	const tableDataCva = UIOverrides.useCva("table.dataCva", tableDataDefinition);
 	const ref = useRef(null);
 	const { listeners } = useTableNav();
 	const getCoreRowModelCallback = useCallback(getCoreRowModel, []);

package/dist/components/table/table.cva.d.ts

@@ -1,25 +1,58 @@
-import { VariantProps } from 'class-variance-authority';
-export declare const tableRow: (props?: ({
-    alternatingBackground?: "even" | "odd" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export interface TableRowVariantProps extends VariantProps<typeof tableRow> {
+import { UIOverrides } from '../../config/uiOverrides.context';
+export declare const tableRowDefinition: {
+    base: string[];
+    config: import("../../utils/style-merge.util").StyleMergeUtils.Config<{
+        readonly alternatingBackground: {
+            readonly even: "even:bg-elevation-fill-inverted-4/5";
+            readonly odd: "odd:bg-elevation-fill-inverted-4/5";
+        };
+    }>;
+};
+export type TableRowConfig = NonNullable<typeof tableRowDefinition.config>;
+export interface TableRowVariantProps extends UIOverrides.VariantProps<TableRowConfig> {
 }
-export declare const tableHeadRow: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
-export interface TableHeadRowVariantProps extends VariantProps<typeof tableHeadRow> {
+export declare const tableHeadRowDefinition: {
+    base: string[];
+    config?: import("../../utils/style-merge.util").StyleMergeUtils.Config<Record<never, never>>;
+};
+export type TableHeadRowConfig = NonNullable<typeof tableHeadRowDefinition.config>;
+export interface TableHeadRowVariantProps extends UIOverrides.VariantProps<TableHeadRowConfig> {
 }
-export declare const tableHeadData: (props?: ({
-    hasRightBorder?: boolean | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export interface TableHeadDataVariantProps extends VariantProps<typeof tableHeadData> {
+export declare const tableHeadDataDefinition: {
+    base: string[];
+    config: import("../../utils/style-merge.util").StyleMergeUtils.Config<{
+        readonly hasRightBorder: {
+            readonly true: "border-l border-l-elevation-outline-default-1 border-solid";
+            readonly false: "";
+        };
+    }>;
+};
+export type TableHeadDataConfig = NonNullable<typeof tableHeadDataDefinition.config>;
+export interface TableHeadDataVariantProps extends UIOverrides.VariantProps<TableHeadDataConfig> {
 }
-export declare const tableData: (props?: ({
-    hasRightBorder?: boolean | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export interface TableDataVariantProps extends VariantProps<typeof tableData> {
+export declare const tableDataDefinition: {
+    base: string[];
+    config: import("../../utils/style-merge.util").StyleMergeUtils.Config<{
+        readonly hasRightBorder: {
+            readonly true: "border-l border-l-elevation-outline-default-1";
+            readonly false: "";
+        };
+    }>;
+};
+export type TableDataConfig = NonNullable<typeof tableDataDefinition.config>;
+export interface TableDataVariantProps extends UIOverrides.VariantProps<TableDataConfig> {
 }
-export declare const tableHeaderText: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
-export interface TableHeaderTextVariantProps extends VariantProps<typeof tableHeaderText> {
+export declare const tableHeaderTextDefinition: {
+    base: string[];
+    config?: import("../../utils/style-merge.util").StyleMergeUtils.Config<Record<never, never>>;
+};
+export type TableHeaderTextConfig = NonNullable<typeof tableHeaderTextDefinition.config>;
+export interface TableHeaderTextVariantProps extends UIOverrides.VariantProps<TableHeaderTextConfig> {
 }
-export declare const tableCellText: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
-export interface TableCellTextVariantProps extends VariantProps<typeof tableCellText> {
+export declare const tableCellTextDefinition: {
+    base: string[];
+    config?: import("../../utils/style-merge.util").StyleMergeUtils.Config<Record<never, never>>;
+};
+export type TableCellTextConfig = NonNullable<typeof tableCellTextDefinition.config>;
+export interface TableCellTextVariantProps extends UIOverrides.VariantProps<TableCellTextConfig> {
 }

package/dist/components/table/table.cva.js

@@ -1,39 +1,48 @@
-import { cva } from "class-variance-authority";
+import { UIOverrides } from "../../config/uiOverrides.context.js";
 //#region src/components/table/table.cva.ts
-var tableRow = cva([
-	"h-9 max-h-12",
-	"hover:bg-elevation-fill-default-2",
-	"disabled:opacity-50",
-	"selected:bg-elevation-fill-default-2",
-	"hover:selected:bg-interactive-subtle-secondary-hover",
-	"data-clickable:cursor-pointer",
-	"focus-within:bg-elevation-fill-default-2"
-], { variants: { alternatingBackground: {
-	even: "even:bg-elevation-fill-inverted-4/5",
-	odd: "odd:bg-elevation-fill-inverted-4/5"
-} } });
-var tableHeadRow = cva(["h-8 w-full"]);
-var tableHeadData = cva(["border-b border-b-elevation-outline-default-1 border-solid px-table-header-cell-container-side-default py-table-header-cell-container-height-default text-left", "group-data-[is-sticky=true]/table-head:bg-elevation-fill-default-1"], {
-	variants: { hasRightBorder: {
-		true: "border-l border-l-elevation-outline-default-1 border-solid",
-		false: ""
-	} },
-	defaultVariants: { hasRightBorder: true }
+var tableRowDefinition = UIOverrides.defineConfig({
+	base: [
+		"h-9 max-h-12",
+		"hover:bg-elevation-fill-default-2",
+		"disabled:opacity-50",
+		"selected:bg-elevation-fill-default-2",
+		"hover:selected:bg-interactive-subtle-secondary-hover",
+		"data-clickable:cursor-pointer",
+		"focus-within:bg-elevation-fill-default-2"
+	],
+	config: { variants: { alternatingBackground: {
+		even: "even:bg-elevation-fill-inverted-4/5",
+		odd: "odd:bg-elevation-fill-inverted-4/5"
+	} } }
 });
-var tableData = cva([
-	"relative h-0-5 overflow-hidden text-ellipsis whitespace-nowrap border-t border-t-transparent px-2",
-	"border-b border-b-elevation-outline-default-1",
-	"has-[*>[data-hovered]:not([data-disabled])]:hover:border-b-input-outlined-outline-hover",
-	"has-[*>[data-invalid]]:border-b-input-outlined-outline-error!",
-	"has-[*>[data-focused]]:border-b-input-outlined-outline-active"
-], {
-	variants: { hasRightBorder: {
-		true: "border-l border-l-elevation-outline-default-1",
-		false: ""
-	} },
-	defaultVariants: { hasRightBorder: true }
+var tableHeadRowDefinition = UIOverrides.defineConfig({ base: ["h-8 w-full"] });
+var tableHeadDataDefinition = UIOverrides.defineConfig({
+	base: ["border-b border-b-elevation-outline-default-1 border-solid px-table-header-cell-container-side-default py-table-header-cell-container-height-default text-left", "group-data-[is-sticky=true]/table-head:bg-elevation-fill-default-1"],
+	config: {
+		variants: { hasRightBorder: {
+			true: "border-l border-l-elevation-outline-default-1 border-solid",
+			false: ""
+		} },
+		defaultVariants: { hasRightBorder: true }
+	}
 });
-var tableHeaderText = cva(["overflow-hidden text-ellipsis px-table-cell-content-side-m py-table-cell-content-height-m text-text-default-1"]);
-var tableCellText = cva(["block overflow-hidden text-ellipsis text-text-default-2"]);
+var tableDataDefinition = UIOverrides.defineConfig({
+	base: [
+		"relative h-0-5 overflow-hidden text-ellipsis whitespace-nowrap border-t border-t-transparent px-2",
+		"border-b border-b-elevation-outline-default-1",
+		"has-[*>[data-hovered]:not([data-disabled])]:hover:border-b-input-outlined-outline-hover",
+		"has-[*>[data-invalid]]:border-b-input-outlined-outline-error!",
+		"has-[*>[data-focused]]:border-b-input-outlined-outline-active"
+	],
+	config: {
+		variants: { hasRightBorder: {
+			true: "border-l border-l-elevation-outline-default-1",
+			false: ""
+		} },
+		defaultVariants: { hasRightBorder: true }
+	}
+});
+var tableHeaderTextDefinition = UIOverrides.defineConfig({ base: ["overflow-hidden text-ellipsis px-table-cell-content-side-m py-table-cell-content-height-m text-text-default-1"] });
+var tableCellTextDefinition = UIOverrides.defineConfig({ base: ["block overflow-hidden text-ellipsis text-text-default-2"] });
 //#endregion
-export { tableCellText, tableData, tableHeadData, tableHeadRow, tableHeaderText, tableRow };
+export { tableCellTextDefinition, tableDataDefinition, tableHeadDataDefinition, tableHeadRowDefinition, tableHeaderTextDefinition, tableRowDefinition };

package/dist/components/text/Link/Link.js

@@ -1,12 +1,12 @@
-import { UIStyle } from "../../../config/uiStyle.context.js";
+import { UIOverrides } from "../../../config/uiOverrides.context.js";
 import { LinkContext } from "../../../config/link.context.js";
-import { link } from "./link.cva.js";
+import { linkDefinition } from "./link.cva.js";
 import { jsx } from "react/jsx-runtime";
 import { Link } from "react-aria-components";
 //#region src/components/text/Link/Link.tsx
 var Link$1 = ({ variant, ...props }) => {
 	const linkContext = LinkContext.useLinkContext();
-	const linkCva = UIStyle.useCva("link.cva", link);
+	const linkCva = UIOverrides.useCva("link.cva", linkDefinition);
 	const LinkComponent = linkContext?.LinkComponent ?? Link;
 	if (!props.to && props.href) props.to = props.href;
 	return /* @__PURE__ */ jsx(LinkComponent, {

package/dist/components/text/Link/link.cva.d.ts

@@ -1,6 +1,12 @@
-import { VariantProps } from 'class-variance-authority';
-export declare const link: (props?: ({
-    variant?: "default" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export interface LinkVariantProps extends VariantProps<typeof link> {
+import { UIOverrides } from '../../../config/uiOverrides.context';
+export declare const linkDefinition: {
+    base: string[];
+    config: import("../../../utils/style-merge.util").StyleMergeUtils.Config<{
+        readonly variant: {
+            readonly default: ["text-interactive-text-primary-idle focus-visible:outline-interactive-text-primary-focus", "hover:text-interactive-text-primary-hover focus-visible:text-interactive-text-primary-focus active:text-interactive-text-primary-pressed"];
+        };
+    }>;
+};
+export type LinkConfig = NonNullable<typeof linkDefinition.config>;
+export interface LinkVariantProps extends UIOverrides.VariantProps<LinkConfig> {
 }

package/dist/components/text/Link/link.cva.js

@@ -1,9 +1,12 @@
+import { UIOverrides } from "../../../config/uiOverrides.context.js";
 import { uiOutlineClass } from "../../outline.clsx.js";
-import { cva } from "class-variance-authority";
 //#region src/components/text/Link/link.cva.ts
-var link = cva(["underline", uiOutlineClass], {
-	variants: { variant: { default: ["text-interactive-text-primary-idle focus-visible:outline-interactive-text-primary-focus", "hover:text-interactive-text-primary-hover focus-visible:text-interactive-text-primary-focus active:text-interactive-text-primary-pressed"] } },
-	defaultVariants: { variant: "default" }
+var linkDefinition = UIOverrides.defineConfig({
+	base: ["underline", uiOutlineClass],
+	config: {
+		variants: { variant: { default: ["text-interactive-text-primary-idle focus-visible:outline-interactive-text-primary-focus", "hover:text-interactive-text-primary-hover focus-visible:text-interactive-text-primary-focus active:text-interactive-text-primary-pressed"] } },
+		defaultVariants: { variant: "default" }
+	}
 });
 //#endregion
-export { link };
+export { linkDefinition };