@payfit/unity-components 2.68.15 → 2.68.16

package/README.md

@@ -2,6 +2,12 @@
 
 The Unity component library exports the complete set of reusable components defined in PayFit's new Unity Design system.
 
+## Version 3 migration
+
+Unity Components v3 removes the React Hook Form integration and deprecated component APIs. Read the [2.x to 3.x migration guide](./src/docs/guides/migration/Migrating%20from%202.x%20to%203.x.mdx) before upgrading. All `@payfit/unity-*` packages use the shared Unity v3 major version.
+
+See the [changelog](./CHANGELOG.md) for a summary of breaking changes.
+
 ## 🤖 Using an AI coding agent
 
 If you use an AI coding agent (Claude Code, Cursor, Copilot, etc.), run:

package/dist/esm/components/action-bar/parts/ActionBarButton.d.ts

@@ -6,10 +6,6 @@ export type ActionBarButtonProps = Omit<ButtonProps, 'variant' | 'size' | 'color
      */
     variant?: 'primary' | 'secondary';
 };
-/**
- * @deprecated Use ActionBarButtonProps instead
- */
-export type ActionBarActionProps = ActionBarButtonProps;
 /**
  * The ActionBarButton component represents an individual button action within an ActionBar.
  * It renders as a button with appropriate styling for the inverted ActionBar context.
@@ -45,14 +41,4 @@ declare const ActionBarButton: import('react').ForwardRefExoticComponent<Omit<Bu
      */
     variant?: "primary" | "secondary";
 } & import('react').RefAttributes<HTMLButtonElement>>;
-/**
- * @deprecated Use ActionBarButton instead
- */
-declare const ActionBarAction: import('react').ForwardRefExoticComponent<Omit<ButtonProps, "color" | "size" | "type" | "variant"> & {
-    /**
-     * The visual variant of the button.
-     * @default 'secondary'
-     */
-    variant?: "primary" | "secondary";
-} & import('react').RefAttributes<HTMLButtonElement>>;
-export { ActionBarButton, ActionBarAction };
+export { ActionBarButton };

package/dist/esm/components/action-bar/parts/ActionBarButton.js

@@ -24,6 +24,5 @@ var r = t(({ variant: t = "secondary", children: r, onPress: i, ...a }, o) => {
 	});
 });
 r.displayName = "ActionBarButton";
-var i = r;
 //#endregion
-export { i as ActionBarAction, r as ActionBarButton };
+export { r as ActionBarButton };

package/dist/esm/components/actionable/Actionable.d.ts

@@ -61,5 +61,5 @@ export interface ActionableProps extends AriaButtonProps {
  * @see Source code in {@link https://github.com/PayFit/hr-apps/tree/master/libs/shared/unity/components/src/components/actionable GitHub}
  * @see Developer docs in {@link https://unity-components.payfit.io/?path=/docs/primitives-actionable--docs unity-components.payfit.io}
  */
-declare const Actionable: import('react').ForwardRefExoticComponent<ActionableProps & import('react').RefAttributes<HTMLSpanElement | HTMLButtonElement | HTMLDivElement>>;
+declare const Actionable: import('react').ForwardRefExoticComponent<ActionableProps & import('react').RefAttributes<HTMLButtonElement | HTMLDivElement | HTMLSpanElement>>;
 export { Actionable };

package/dist/esm/components/app-menu/parts/AppMenuHeader.js

@@ -4,58 +4,57 @@ import { useAppMenuContext as r } from "./AppMenu.context.js";
 import { PayFitBrand as i } from "../../payfit-brand/PayFitBrand.js";
 import { PayFitBrandPreprod as a } from "../../payfit-brand/PayFitPreprod.js";
 import { useMemo as o } from "react";
-import { useUnityTheme as s } from "@payfit/unity-themes";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
-import { useIntl as u } from "react-intl";
-import { Link as d } from "react-aria-components/Link";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { useIntl as l } from "react-intl";
+import { Link as u } from "react-aria-components/Link";
 //#region src/components/app-menu/parts/AppMenuHeader.tsx
-var f = ({ environment: f, brandLabel: p, helpComponent: m, notificationsComponent: h, searchComponent: g, renderLink: _ = ({ children: e }) => /* @__PURE__ */ c(d, {
+var d = ({ environment: d, brandLabel: f, helpComponent: p, notificationsComponent: m, searchComponent: h, renderLink: g = ({ children: e }) => /* @__PURE__ */ s(u, {
 	href: "/",
 	children: e
 }) }) => {
-	let { isMobileMenuOpen: v, toggleMobileMenu: y } = r(), { theme: b } = s(), x = u(), S = e(t()), C = S && v, w = o(() => b === "rebrand" ? S ? 36 : 78 : S ? 36 : 104, [S, b]);
-	return /* @__PURE__ */ l("header", {
+	let { isMobileMenuOpen: _, toggleMobileMenu: v } = r(), y = l(), b = e(t()), x = b && _, S = o(() => b ? 36 : 78, [b]);
+	return /* @__PURE__ */ c("header", {
 		className: "uy:flex uy:shrink-0 uy:flex-col uy:gap-y-200 uy:pl-25 uy:pr-25",
-		children: [/* @__PURE__ */ l("div", {
+		children: [/* @__PURE__ */ c("div", {
 			className: "uy:flex uy:items-center uy:justify-between",
-			children: [/* @__PURE__ */ c("div", {
+			children: [/* @__PURE__ */ s("div", {
 				className: "uy:flex-0",
-				children: _({ children: f === "prod" ? /* @__PURE__ */ c(i, {
-					label: p,
-					width: w,
-					showOnlyMonogram: S
-				}) : /* @__PURE__ */ c(a, {
-					label: p,
-					env: f,
-					showOnlyMonogram: S
+				children: g({ children: d === "prod" ? /* @__PURE__ */ s(i, {
+					label: f,
+					width: S,
+					showOnlyMonogram: b
+				}) : /* @__PURE__ */ s(a, {
+					label: f,
+					env: d,
+					showOnlyMonogram: b
 				}) })
-			}), /* @__PURE__ */ l("div", {
+			}), /* @__PURE__ */ c("div", {
 				className: "uy:flex uy:gap-150 uy:items-center",
 				children: [
-					C ? m : null,
-					h,
-					/* @__PURE__ */ c("div", {
+					x ? p : null,
+					m,
+					/* @__PURE__ */ s("div", {
 						className: "uy:block uy:md:hidden",
-						children: /* @__PURE__ */ c(n, {
+						children: /* @__PURE__ */ s(n, {
 							variant: "ghost",
 							color: "neutral",
-							prefixIcon: v ? "CloseOutlined" : "ListOutlined",
-							onPress: y,
-							"aria-expanded": v,
+							prefixIcon: _ ? "CloseOutlined" : "ListOutlined",
+							onPress: v,
+							"aria-expanded": _,
 							"aria-controls": "app-menu-nav-container app-menu-profile-button",
-							children: x.formatMessage({
-								id: v ? "unity:component:app-menu:header:menu-close" : "unity:component:app-menu:header:menu-open",
-								defaultMessage: v ? "Close navigation" : "Open navigation"
+							children: y.formatMessage({
+								id: _ ? "unity:component:app-menu:header:menu-close" : "unity:component:app-menu:header:menu-open",
+								defaultMessage: _ ? "Close navigation" : "Open navigation"
 							})
 						})
 					})
 				]
 			})]
-		}), /* @__PURE__ */ c("div", {
+		}), /* @__PURE__ */ s("div", {
 			className: "uy:hidden uy:md:flex",
-			children: g
+			children: h
 		})]
 	});
 };
 //#endregion
-export { f as AppMenuHeader };
+export { d as AppMenuHeader };

package/dist/esm/components/avatar/parts/AvatarFallback.js

@@ -14,16 +14,16 @@ var c = a({
 	},
 	variants: { color: {
 		blue: {
-			background: "uy:theme-legacy:bg-blue-l4 uy:theme-rebrand:bg-blue-l3",
-			foreground: "uy:theme-legacy:fill-blue-l3 uy:theme-rebrand:fill-blue-l4"
+			background: "uy:bg-blue-l3",
+			foreground: "uy:fill-blue-l4"
 		},
 		yellow: {
-			background: "uy:theme-legacy:bg-yellow-l4 uy:theme-rebrand:bg-yellow-l3",
-			foreground: "uy:theme-legacy:fill-yellow-l3 uy:theme-rebrand:fill-yellow-l4"
+			background: "uy:bg-yellow-l3",
+			foreground: "uy:fill-yellow-l4"
 		},
 		purple: {
-			background: "uy:theme-legacy:bg-purple-l4 uy:theme-rebrand:bg-purple-l3",
-			foreground: "uy:theme-legacy:fill-purple-l3 uy:theme-rebrand:fill-purple-l4"
+			background: "uy:bg-purple-l3",
+			foreground: "uy:fill-purple-l4"
 		}
 	} }
 }), l = a({

package/dist/esm/components/avatar-group/parts/AvatarGroupCount.d.ts

@@ -50,5 +50,5 @@ export interface AvatarGroupCountProps extends Omit<React.HTMLAttributes<HTMLSpa
  * “3 more members”. The interactive branch renders a real button with the
  * same accessible label and supports React Aria press callbacks.
  */
-declare const AvatarGroupCount: React.ForwardRefExoticComponent<AvatarGroupCountProps & React.RefAttributes<HTMLSpanElement | HTMLButtonElement>>;
+declare const AvatarGroupCount: React.ForwardRefExoticComponent<AvatarGroupCountProps & React.RefAttributes<HTMLButtonElement | HTMLSpanElement>>;
 export { AvatarGroupCount };

package/dist/esm/components/badge/Badge.js

@@ -18,7 +18,7 @@ var l = i({
 		warning: { root: "uy:bg-surface-warning-low uy:text-content-warning-high" },
 		danger: { root: "uy:bg-surface-danger-low uy:text-content-danger-high" },
 		neutral: { root: "uy:bg-surface-neutral-lowest uy:text-content-neutral" },
-		promo: { root: ["uy:theme-legacy:bg-surface-promo-low uy:theme-legacy:text-content-promo-high", "uy:theme-rebrand:bg-surface-decorative-purple-low uy:theme-rebrand:text-content-decorative-purple-high"] },
+		promo: { root: [" ", "uy:bg-surface-decorative-purple-low uy:text-content-decorative-purple-high"] },
 		attention: { root: "uy:bg-surface-danger uy:text-content-inverted" },
 		numeric: { root: "uy:bg-surface-info-low uy:text-content-info-high" },
 		contextual: { root: "uy:bg-surface-neutral uy:border uy:border-solid uy:border-border-neutral uy:text-content-neutral" }

package/dist/esm/components/breadcrumbs/parts/RawBreadcrumbLink.d.ts

@@ -24,7 +24,7 @@ export type RawBreadcrumbLinkProps = RawLinkProps;
  * - Uses the 'secondary' color variant for breadcrumb links
  * @see {@link RawBreadcrumbLinkProps} for all available props
  */
-declare const RawBreadcrumbLink: import('react').ForwardRefExoticComponent<Omit<import('react-aria-components').LinkProps, "style" | "className"> & {
+declare const RawBreadcrumbLink: import('react').ForwardRefExoticComponent<Omit<import('react-aria-components').LinkProps, "className" | "style"> & {
     href: HTMLAnchorElement["href"];
     id?: import('react').HTMLAttributes<HTMLAnchorElement>["id"];
     size?: "default" | "small" | "inherit" | "large" | undefined;

package/dist/esm/components/button/Button.d.ts

@@ -56,7 +56,7 @@ export type ButtonProps = PropsWithChildren<Omit<UnionButtonProps, 'style' | 'cl
 /**
  * Buttons allow users to take actions, and make choices, with a single tap.
  */
-declare const Button: import('react').ForwardRefExoticComponent<Omit<UnionButtonProps, "style" | "className"> & {
+declare const Button: import('react').ForwardRefExoticComponent<Omit<UnionButtonProps, "className" | "style"> & {
     children?: import('react').ReactNode | undefined;
 } & import('react').RefAttributes<HTMLButtonElement>>;
 export { Button };

package/dist/esm/components/button/Button.js

@@ -2,83 +2,77 @@ import { Icon as e } from "../icon/Icon.js";
 import { Spinner as t } from "../spinner/Spinner.js";
 import { buttonFilled as n, buttonGhost as r, buttonOutlined as i } from "./Button.variants.js";
 import { forwardRef as a, useMemo as o } from "react";
-import { cn as s, useUnityTheme as c, uyMerge as l } from "@payfit/unity-themes";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
-import { Button as f } from "react-aria-components/Button";
+import { cn as s, uyMerge as c } from "@payfit/unity-themes";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { Button as d } from "react-aria-components/Button";
 //#region src/components/button/Button.tsx
-var p = (n, r) => n ? /* @__PURE__ */ u(t, {
+var f = (n, r) => n ? /* @__PURE__ */ l(t, {
 	size: "small",
 	color: "inherit",
 	label: "Loading..."
-}) : r ? /* @__PURE__ */ u(e, {
+}) : r ? /* @__PURE__ */ l(e, {
 	src: r,
 	size: 20,
 	color: "inherit",
 	role: "presentation",
 	"data-unity-icon": "prefix"
-}) : null, m = a(({ variant: t, children: a, color: m = "primary", size: h = "default", isDisabled: g = !1, isLoading: _ = !1, prefixIcon: v, suffixIcon: y, truncateLabelLength: b, mode: x = "default", ...S }, C) => {
-	let { theme: w } = c(), T = o(() => {
+}) : null, p = a(({ variant: t, children: a, color: p = "primary", size: m = "default", isDisabled: h = !1, isLoading: g = !1, prefixIcon: _, suffixIcon: v, truncateLabelLength: y, mode: b = "default", ...x }, S) => {
+	let C = o(() => {
 		let e = {
-			size: h,
-			isDisabled: g,
-			isLoading: _,
-			mode: x
+			size: m,
+			isDisabled: h,
+			isLoading: g,
+			mode: b
 		};
 		switch (t) {
-			case "primary": return l(n({
+			case "primary": return c(n({
 				...e,
-				color: m
+				color: p
 			}));
-			case "secondary":
-				if (w === "rebrand") {
-					let t = m === "inverted" ? "inverted.low" : "neutral";
-					return l(n({
-						...e,
-						color: t
-					}));
-				}
-				return l(i({
+			case "secondary": {
+				let t = p === "inverted" ? "inverted.low" : "neutral";
+				return c(n({
 					...e,
-					color: m
+					color: t
 				}));
-			case "ghost": return l(r({
+			}
+			case "ghost": return c(r({
 				...e,
-				color: m
+				color: p
 			}));
-			case "outlined": return l(i({
+			case "outlined": return c(i({
 				...e,
-				color: m
+				color: p
 			}));
 		}
 	}, [
 		t,
+		p,
 		m,
 		h,
 		g,
-		_,
-		x,
-		w
-	]), E = { ..._ && { "data-loading": _ } }, D = g || _, O = _ || !!v || !!y;
-	return /* @__PURE__ */ u(f, {
+		b
+	]), w = { ...g && { "data-loading": g } }, T = h || g, E = g || !!_ || !!v;
+	return /* @__PURE__ */ l(d, {
 		"data-dd-privacy": "allow",
-		...S,
-		ref: C,
-		isDisabled: D,
-		"aria-disabled": D ? !0 : void 0,
-		isPending: _,
-		className: T,
-		...E,
-		children: /* @__PURE__ */ d("span", {
-			className: s("uy:inline-flex uy:items-center", O && "uy:gap-50"),
+		...x,
+		ref: S,
+		isDisabled: T,
+		"aria-disabled": T ? !0 : void 0,
+		isPending: g,
+		className: C,
+		...w,
+		children: /* @__PURE__ */ u("span", {
+			className: s("uy:inline-flex uy:items-center", E && "uy:gap-50"),
 			children: [
-				p(_, v),
-				b && b > 0 ? /* @__PURE__ */ u("span", {
-					style: { "--uy-button-label-truncation-length": `${b}ch` },
+				f(g, _),
+				y && y > 0 ? /* @__PURE__ */ l("span", {
+					style: { "--uy-button-label-truncation-length": `${y}ch` },
 					className: "uy:truncate uy:min-w-0 uy:w-(--uy-button-label-truncation-length)",
 					children: a
 				}) : a,
-				y && /* @__PURE__ */ u(e, {
-					src: y,
+				v && /* @__PURE__ */ l(e, {
+					src: v,
 					size: 20,
 					color: "inherit",
 					role: "presentation",
@@ -88,6 +82,6 @@ var p = (n, r) => n ? /* @__PURE__ */ u(t, {
 		})
 	});
 });
-m.displayName = "Button";
+p.displayName = "Button";
 //#endregion
-export { m as Button };
+export { p as Button };

package/dist/esm/components/button/Button.variants.js

@@ -45,10 +45,10 @@ var t = e({
 	variants: {
 		color: {
 			primary: [
-				"uy:theme-legacy:bg-surface-primary-enabled uy:theme-rebrand:bg-surface-neutral-highest-enabled uy:text-content-inverted-enabled",
-				"uy:theme-legacy:enabled:data-[hovered=\"true\"]:bg-surface-primary-hover uy:theme-rebrand:enabled:data-[hovered=\"true\"]:bg-surface-neutral-highest-hover uy:enabled:data-[hovered=\"true\"]:text-content-inverted-hover",
-				"uy:theme-legacy:enabled:active:bg-surface-primary-active uy:theme-rebrand:enabled:active:bg-surface-neutral-highest-active uy:enabled:active:text-content-inverted-hover",
-				"uy:theme-legacy:enabled:data-[pressed=\"true\"]:bg-surface-primary-pressed uy:theme-rebrand:enabled:data-[pressed=\"true\"]:bg-surface-neutral-highest-pressed uy:enabled:data-[pressed=\"true\"]:text-content-inverted-pressed"
+				"uy:bg-surface-neutral-highest-enabled uy:text-content-inverted-enabled",
+				" uy:enabled:data-[hovered=\"true\"]:bg-surface-neutral-highest-hover uy:enabled:data-[hovered=\"true\"]:text-content-inverted-hover",
+				"uy:enabled:active:bg-surface-neutral-highest-active uy:enabled:active:text-content-inverted-hover",
+				" uy:enabled:data-[pressed=\"true\"]:bg-surface-neutral-highest-pressed uy:enabled:data-[pressed=\"true\"]:text-content-inverted-pressed"
 			],
 			warning: [
 				"uy:bg-surface-warning-enabled uy:text-content-neutral-enabled",
@@ -57,10 +57,10 @@ var t = e({
 				"uy:enabled:data-[pressed=\"true\"]:bg-surface-warning-pressed uy:enabled:data-[pressed=\"true\"]:text-content-neutral-pressed"
 			],
 			danger: [
-				"uy:bg-surface-danger-enabled uy:theme-legacy:text-content-inverted-enabled uy:theme-rebrand:text-content-inverted",
-				"uy:enabled:data-[hovered=\"true\"]:bg-surface-danger-hover uy:theme-legacy:enabled:data-[hovered=\"true\"]:text-content-inverted-hover",
-				"uy:enabled:active:bg-surface-danger-active uy:theme-legacy:enabled:active:text-content-inverted",
-				"uy:enabled:data-[pressed=\"true\"]:bg-surface-danger-pressed uy:theme-legacy:enabled:data-[pressed=\"true\"]:text-content-inverted"
+				"uy:bg-surface-danger-enabled  uy:text-content-inverted",
+				"uy:enabled:data-[hovered=\"true\"]:bg-surface-danger-hover",
+				"uy:enabled:active:bg-surface-danger-active ",
+				"uy:enabled:data-[pressed=\"true\"]:bg-surface-danger-pressed"
 			],
 			neutral: [
 				"uy:bg-surface-neutral-low-enabled uy:text-content-neutral-enabled",
@@ -100,14 +100,12 @@ var t = e({
 			primary: [
 				"uy:text-content-neutral-enabled uy:border-border-neutral-high-enabled",
 				"uy:enabled:data-[hovered=\"true\"]:text-content-neutral-hover uy:enabled:data-[hovered=\"true\"]:border-border-neutral-high-hover",
-				"uy:theme-legacy:enabled:data-[pressed=\"true\"]:text-content-neutral-high-pressed uy:theme-legacy:enabled:data-[pressed=\"true\"]:border-border-neutral-high-pressed",
-				"uy:theme-rebrand:enabled:data-[pressed=\"true\"]:text-content-neutral-pressed uy:theme-rebrand:enabled:data-[pressed=\"true\"]:bg-surface-neutral-low-pressed uy:theme-rebrand:enabled:data-[pressed=\"true\"]:border-surface-neutral-low-pressed",
+				"uy:enabled:data-[pressed=\"true\"]:text-content-neutral-pressed uy:enabled:data-[pressed=\"true\"]:bg-surface-neutral-low-pressed uy:enabled:data-[pressed=\"true\"]:border-surface-neutral-low-pressed",
 				"uy:enabled:data-[focus-visible=\"true\"]:border-border-neutral-high-focus uy:enabled:data-[focus-visible=\"true\"]:text-content-neutral-focus"
 			],
 			inverted: [
 				"uy:text-content-inverted-enabled uy:border-border-inverted-enabled",
-				"uy:theme-legacy:enabled:data-[pressed=\"true\"]:text-content-inverted-pressed uy:theme-legacy:enabled:data-[pressed=\"true\"]:border-border-inverted-pressed",
-				"uy:theme-rebrand:enabled:data-[pressed=\"true\"]:text-content-neutral-pressed uy:theme-rebrand:enabled:data-[pressed=\"true\"]:bg-surface-neutral-low-pressed uy:theme-rebrand:enabled:data-[pressed=\"true\"]:border-surface-neutral-low-pressed",
+				"uy:enabled:data-[pressed=\"true\"]:text-content-neutral-pressed uy:enabled:data-[pressed=\"true\"]:bg-surface-neutral-low-pressed uy:enabled:data-[pressed=\"true\"]:border-surface-neutral-low-pressed",
 				"uy:enabled:data-[focus-visible]:outline-utility-inverted-focus-ring"
 			]
 		},
@@ -122,11 +120,11 @@ var t = e({
 	variants: {
 		color: {
 			primary: [
-				"uy:bg-transparent uy:theme-legacy:text-content-primary-enabled uy:theme-rebrand:text-content-neutral-enabled",
-				"uy:theme-legacy:enabled:data-[hovered=\"true\"]:bg-surface-primary-lowest-hover uy:theme-rebrand:enabled:data-[hovered=\"true\"]:bg-surface-neutral-hover uy:theme-legacy:enabled:data-[hovered=\"true\"]:text-content-primary-hover uy:theme-rebrand:enabled:data-[hovered=\"true\"]:text-content-neutral-hover",
-				"uy:theme-legacy:enabled:active:bg-surface-primary-lowest-active uy:theme-rebrand:enabled:active:bg-surface-neutral-active uy:theme-legacy:enabled:active:text-content-primary-active uy:theme-rebrand:enabled:active:text-content-neutral-active",
-				"uy:theme-legacy:enabled:data-[pressed=\"true\"]:bg-surface-primary-lowest-pressed uy:theme-rebrand:enabled:data-[pressed=\"true\"]:bg-surface-neutral-pressed uy:theme-legacy:enabled:data-[pressed=\"true\"]:text-content-primary-pressed uy:theme-rebrand:enabled:data-[pressed=\"true\"]:text-content-neutral-pressed",
-				"uy:enabled:data-[focus-visible]:bg-transparent uy:theme-rebrand:enabled:data-[focus-visible]:text-content-neutral-focus"
+				"uy:bg-transparent  uy:text-content-neutral-enabled",
+				" uy:enabled:data-[hovered=\"true\"]:bg-surface-neutral-hover  uy:enabled:data-[hovered=\"true\"]:text-content-neutral-hover",
+				"uy:enabled:active:bg-surface-neutral-active  uy:enabled:active:text-content-neutral-active",
+				" uy:enabled:data-[pressed=\"true\"]:bg-surface-neutral-pressed  uy:enabled:data-[pressed=\"true\"]:text-content-neutral-pressed",
+				"uy:enabled:data-[focus-visible]:bg-transparent uy:enabled:data-[focus-visible]:text-content-neutral-focus"
 			],
 			warning: [
 				"uy:bg-transparent uy:text-content-warning-enabled",

package/dist/esm/components/carousel/parts/CarouselHeader.d.ts

@@ -2,8 +2,8 @@ import { ReactNode } from 'react';
 export declare const carouselHeader: import('tailwind-variants').TVReturnType<{
     [key: string]: {
         [key: string]: import('tailwind-variants').ClassValue | {
-            nav?: import('tailwind-variants').ClassValue;
             slot?: import('tailwind-variants').ClassValue;
+            nav?: import('tailwind-variants').ClassValue;
             title?: import('tailwind-variants').ClassValue;
             root?: import('tailwind-variants').ClassValue;
         };
@@ -11,8 +11,8 @@ export declare const carouselHeader: import('tailwind-variants').TVReturnType<{
 } | {
     [x: string]: {
         [x: string]: import('tailwind-variants').ClassValue | {
-            nav?: import('tailwind-variants').ClassValue;
             slot?: import('tailwind-variants').ClassValue;
+            nav?: import('tailwind-variants').ClassValue;
             title?: import('tailwind-variants').ClassValue;
             root?: import('tailwind-variants').ClassValue;
         };
@@ -25,8 +25,8 @@ export declare const carouselHeader: import('tailwind-variants').TVReturnType<{
 }, undefined, {
     [key: string]: {
         [key: string]: import('tailwind-variants').ClassValue | {
-            nav?: import('tailwind-variants').ClassValue;
             slot?: import('tailwind-variants').ClassValue;
+            nav?: import('tailwind-variants').ClassValue;
             title?: import('tailwind-variants').ClassValue;
             root?: import('tailwind-variants').ClassValue;
         };

package/dist/esm/components/checkbox/Checkbox.variants.js

@@ -16,7 +16,7 @@ var t = e({
 			"uy:inline-flex uy:items-start",
 			"uy:typography-body uy:text-content-form-enabled",
 			"uy:data-[disabled=true]:text-content-form-disabled uy:data-[disabled]:cursor-not-allowed",
-			"uy:data-[readonly=true]:cursor-not-allowed uy:theme-rebrand:data-[readonly=true]:text-content-form-read-only"
+			"uy:data-[readonly=true]:cursor-not-allowed uy:data-[readonly=true]:text-content-form-read-only"
 		],
 		label: "uy:ml-75",
 		asterisk: "uy:text-content-danger uy:ml-25",

package/dist/esm/components/checkbox/parts/CheckboxIndicator.js

@@ -33,8 +33,8 @@ var n = e({
 			isReadOnly: !1,
 			className: { base: [
 				"uy:bg-surface-form-active",
-				"uy:theme-legacy:border-border-form-selected uy:theme-legacy:hover:border-border-form-active",
-				"uy:theme-rebrand:border-transparent uy:theme-rebrand:hover:border-transparent"
+				" ",
+				"uy:border-transparent uy:hover:border-transparent"
 			] }
 		},
 		{
@@ -69,8 +69,8 @@ var n = e({
 			className: {
 				base: [
 					"uy:bg-surface-danger!",
-					"uy:theme-legacy:border-border-form-error!",
-					"uy:theme-rebrand:border-transparent!"
+					"",
+					"uy:border-transparent!"
 				],
 				checkmark: "uy:text-content-inverted"
 			}