@payfit/unity-components 2.68.14 → 2.68.16

package/dist/esm/components/date-calendar/DateCalendar.js

@@ -4,120 +4,120 @@ import { useMonthsList as n } from "./hooks/useMonthsList.js";
 import { useYearsList as r } from "./hooks/useYearsList.js";
 import { DateSegmentSelect as i } from "./parts/DateSegmentSelect.js";
 import { useState as a } from "react";
-import { useUnityTheme as o, uyTv 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 { getLocalTimeZone as d, isToday as f, today as p } from "@internationalized/date";
-import { Calendar as m, CalendarCell as h, CalendarGrid as g, CalendarGridBody as _, CalendarGridHeader as v, CalendarHeaderCell as y, Heading as b } from "react-aria-components/Calendar";
+import { uyTv as o } from "@payfit/unity-themes";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { useIntl as l } from "react-intl";
+import { getLocalTimeZone as u, isToday as d, today as f } from "@internationalized/date";
+import { Calendar as p, CalendarCell as m, CalendarGrid as h, CalendarGridBody as g, CalendarGridHeader as _, CalendarHeaderCell as v, Heading as y } from "react-aria-components/Calendar";
 //#region src/components/date-calendar/DateCalendar.tsx
-var x = s({
+var b = o({
 	extend: t,
 	slots: {
 		calendarGrid: "uy:border-spacing-25",
 		calendarCell: [
 			"uy:data-[selected]:bg-surface-form-active",
-			"uy:theme-legacy:data-[selected]:text-content-inverted",
-			"uy:theme-legacy:data-[today]:data-[selected]:after:bg-content-inverted",
-			"uy:theme-rebrand:data-[selected]:text-content-form-active",
-			"uy:theme-rebrand:data-[today]:data-[selected]:after:bg-border-form-active"
+			"",
+			"",
+			"uy:data-[selected]:text-content-form-active",
+			"uy:data-[today]:data-[selected]:after:bg-border-form-active"
 		]
 	},
 	variants: { isDisabled: { true: { calendarCell: "uy:data-[selected]:bg-transparent uy:data-[selected]:text-content-neutral-disabled" } } }
 });
-function S({ value: t, defaultValue: s, minValue: S, maxValue: C, onChange: w, onFocusChange: T, ...E }) {
-	let D = u(), { theme: O } = o(), k = p(d()), A = n(), j = r({
-		startYear: S?.year,
-		endYear: C?.year
-	}), [M, N] = a(t ?? s ?? null), [P, F] = a(() => {
-		let e = t ?? s ?? k;
-		return S && e.compare(S) < 0 ? S : C && e.compare(C) > 0 ? C : e;
-	}), I = (e) => {
-		F((t) => t.set({ month: parseInt(e, 10) }));
-	}, L = (e) => {
-		F((t) => t.set({ year: parseInt(e, 10) }));
-	}, { base: R, calendarWrapper: z, dialogHeader: B, dialogHeaderGroup: V, calendarGrid: H, calendarHeaderCell: U, calendarCell: W } = x({
-		isDisabled: E.isDisabled,
-		isInteractive: !E.isDisabled && !E.isReadOnly
-	}), G = O === "rebrand" ? "outlined" : "ghost", K = O === "rebrand" ? "primary" : "neutral";
-	return /* @__PURE__ */ c("div", {
-		className: R(),
+function x({ value: t, defaultValue: o, minValue: x, maxValue: S, onChange: C, onFocusChange: w, ...T }) {
+	let E = l(), D = f(u()), O = n(), k = r({
+		startYear: x?.year,
+		endYear: S?.year
+	}), [A, j] = a(t ?? o ?? null), [M, N] = a(() => {
+		let e = t ?? o ?? D;
+		return x && e.compare(x) < 0 ? x : S && e.compare(S) > 0 ? S : e;
+	}), P = (e) => {
+		N((t) => t.set({ month: parseInt(e, 10) }));
+	}, F = (e) => {
+		N((t) => t.set({ year: parseInt(e, 10) }));
+	}, { base: I, calendarWrapper: L, dialogHeader: R, dialogHeaderGroup: z, calendarGrid: B, calendarHeaderCell: V, calendarCell: H } = b({
+		isDisabled: T.isDisabled,
+		isInteractive: !T.isDisabled && !T.isReadOnly
+	}), U = "outlined", W = "primary";
+	return /* @__PURE__ */ s("div", {
+		className: I(),
 		"data-dd-privacy": "mask",
-		children: /* @__PURE__ */ c(m, {
-			...E,
-			minValue: S,
-			maxValue: C,
-			value: M,
-			defaultValue: s,
+		children: /* @__PURE__ */ s(p, {
+			...T,
+			minValue: x,
+			maxValue: S,
+			value: A,
+			defaultValue: o,
 			onChange: (e) => {
-				N(e), w?.(e);
+				j(e), C?.(e);
 			},
-			focusedValue: P,
+			focusedValue: M,
 			onFocusChange: (e) => {
-				F(e), T?.(e);
+				N(e), w?.(e);
 			},
-			children: /* @__PURE__ */ l("div", {
-				className: z(),
-				children: [/* @__PURE__ */ l("header", {
-					className: B(),
+			children: /* @__PURE__ */ c("div", {
+				className: L(),
+				children: [/* @__PURE__ */ c("header", {
+					className: R(),
 					children: [
-						/* @__PURE__ */ c(b, { className: "uy:sr-only" }),
-						/* @__PURE__ */ l("div", {
-							className: V({ className: "uy:pl-100 uy:gap-200" }),
-							children: [/* @__PURE__ */ c(i, {
+						/* @__PURE__ */ s(y, { className: "uy:sr-only" }),
+						/* @__PURE__ */ c("div", {
+							className: z({ className: "uy:pl-100 uy:gap-200" }),
+							children: [/* @__PURE__ */ s(i, {
 								type: "month",
-								items: A,
-								value: P.month.toString(),
-								onChange: I,
-								isDisabled: E.isDisabled
-							}), /* @__PURE__ */ c(i, {
+								items: O,
+								value: M.month.toString(),
+								onChange: P,
+								isDisabled: T.isDisabled
+							}), /* @__PURE__ */ s(i, {
 								type: "year",
-								items: j,
-								value: P.year.toString(),
-								onChange: L,
-								isDisabled: E.isDisabled
+								items: k,
+								value: M.year.toString(),
+								onChange: F,
+								isDisabled: T.isDisabled
 							})]
 						}),
-						/* @__PURE__ */ l("div", {
-							className: V({ className: "uy:ml-auto uy:gap-100" }),
-							children: [/* @__PURE__ */ c(e, {
+						/* @__PURE__ */ c("div", {
+							className: z({ className: "uy:ml-auto uy:gap-100" }),
+							children: [/* @__PURE__ */ s(e, {
 								slot: "previous",
 								icon: "CaretLeftOutlined",
-								color: K,
-								label: D.formatMessage({
+								color: W,
+								label: E.formatMessage({
 									id: "unity:component:common:previous",
 									defaultMessage: "Previous"
 								}),
-								variant: G,
-								isDisabled: E.isDisabled
-							}), /* @__PURE__ */ c(e, {
+								variant: U,
+								isDisabled: T.isDisabled
+							}), /* @__PURE__ */ s(e, {
 								slot: "next",
 								icon: "CaretRightOutlined",
-								color: K,
-								label: D.formatMessage({
+								color: W,
+								label: E.formatMessage({
 									id: "unity:component:common:next",
 									defaultMessage: "Next"
 								}),
-								variant: G,
-								isDisabled: E.isDisabled
+								variant: U,
+								isDisabled: T.isDisabled
 							})]
 						})
 					]
-				}), /* @__PURE__ */ l(g, {
-					className: H(),
+				}), /* @__PURE__ */ c(h, {
+					className: B(),
 					weekdayStyle: "short",
-					children: [/* @__PURE__ */ c(v, { children: (e) => /* @__PURE__ */ c(y, {
-						className: U(),
+					children: [/* @__PURE__ */ s(_, { children: (e) => /* @__PURE__ */ s(v, {
+						className: V(),
 						children: e
-					}) }), /* @__PURE__ */ c(_, { children: (e) => /* @__PURE__ */ c(h, {
+					}) }), /* @__PURE__ */ s(g, { children: (e) => /* @__PURE__ */ s(m, {
 						date: e,
-						"data-today": f(e, d()) ? !0 : void 0,
-						className: W()
+						"data-today": d(e, u()) ? !0 : void 0,
+						className: H()
 					}) })]
 				})]
 			})
 		})
 	});
 }
-S.displayName = "DateCalendar";
+x.displayName = "DateCalendar";
 //#endregion
-export { S as DateCalendar };
+export { x as DateCalendar };

package/dist/esm/components/date-calendar/DateCalendar.variants.js

@@ -12,8 +12,8 @@ var t = e({
 			"uy:typography-body uy:relative uy:text-content-form-enabled uy:w-[44px] uy:h-[44px] uy:p-[1px] uy:outline-hidden uy:cursor-pointer uy:rounded-circle uy:flex uy:items-center uy:justify-center",
 			"uy:data-[outside-month]:text-content-neutral-disabled uy:data-[outside-month]:cursor-not-allowed uy:data-[disabled]:text-content-neutral-disabled uy:data-[disabled]:cursor-not-allowed uy:data-[unavailable]:text-content-neutral-disabled uy:data-[unavailable]:cursor-not-allowed",
 			"uy:data-[today]:after:content-[''] uy:data-[today]:after:absolute uy:data-[today]:after:bottom-[6px] uy:data-[today]:after:w-[6px] uy:data-[today]:after:h-[6px] uy:data-[today]:after:rounded-circle",
-			"uy:theme-legacy:data-[today]:after:bg-surface-primary-active",
-			"uy:theme-rebrand:data-[today]:after:bg-border-form-active"
+			"",
+			"uy:data-[today]:after:bg-border-form-active"
 		]
 	},
 	variants: {
@@ -21,7 +21,7 @@ var t = e({
 		isInteractive: { true: { calendarCell: [
 			"uy:hover:bg-surface-neutral-hover uy:active:bg-surface-form-active",
 			"uy:data-[pressed]:bg-surface-neutral-pressed uy:data-[focus-visible]:outline-2 uy:data-[focus-visible]:outline-solid uy:data-[focus-visible]:outline-utility-focus-ring uy:data-[focus-visible]:outline-offset-2",
-			"uy:theme-rebrand:active:text-content-form-active",
+			"uy:active:text-content-form-active",
 			"uy:data-[disabled]:hover:bg-transparent uy:data-[unavailable]:hover:bg-transparent uy:data-[outside-month]:hover:bg-transparent"
 		] } }
 	},

package/dist/esm/components/date-picker/parts/DateInput.js

@@ -11,12 +11,11 @@ var d = i({
 	base: [
 		"uy:group uy:box-content uy:rounded-25 uy:px-25 uy:text-end uy:tabular-nums! uy:outline-none uy:typography-body uy:focus:bg-surface-form-active uy:focus:rounded-25",
 		"uy:data-[disabled]:text-content-form-disabled",
-		"uy:theme-legacy:focus:text-content-inverted",
-		"uy:theme-rebrand:focus:text-content-form-active"
+		"uy:focus:text-content-form-active"
 	],
 	variants: {
 		isPlaceholder: {
-			true: ["uy:theme-legacy:text-content-neutral-lowest", "uy:theme-rebrand:text-content-neutral-lowest-enabled"],
+			true: ["uy:text-content-neutral-lowest-enabled"],
 			false: "uy:text-content-form-enabled"
 		},
 		isLiteral: {

package/dist/esm/components/date-range-calendar/DateRangeCalendar.js

@@ -4,26 +4,26 @@ import { useMonthsList as n } from "../date-calendar/hooks/useMonthsList.js";
 import { useYearsList as r } from "../date-calendar/hooks/useYearsList.js";
 import { DateSegmentSelect as i } from "../date-calendar/parts/DateSegmentSelect.js";
 import { useState as a } from "react";
-import { useUnityTheme as o, uyTv 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 { Heading as d } from "react-aria-components/Heading";
-import { getLocalTimeZone as f, isToday as p, today as m } from "@internationalized/date";
-import { CalendarCell as h, CalendarGrid as g, CalendarGridBody as _, CalendarGridHeader as v, CalendarHeaderCell as y, RangeCalendar as b } from "react-aria-components/RangeCalendar";
+import { uyTv as o } from "@payfit/unity-themes";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { useIntl as l } from "react-intl";
+import { Heading as u } from "react-aria-components/Heading";
+import { getLocalTimeZone as d, isToday as f, today as p } from "@internationalized/date";
+import { CalendarCell as m, CalendarGrid as h, CalendarGridBody as g, CalendarGridHeader as _, CalendarHeaderCell as v, RangeCalendar as y } from "react-aria-components/RangeCalendar";
 //#region src/components/date-range-calendar/DateRangeCalendar.tsx
-var x = s({
+var b = o({
 	extend: t,
 	slots: {
 		calendarGrid: [
 			"uy:border-spacing-y-25 uy:border-spacing-x-0",
 			"uy:[&_td:has(>[data-selected])]:relative",
-			"uy:[&_td:has(>[data-selection-start])]:bg-transparent uy:[&_td:has(>[data-selection-start]:not([data-selection-end]))]:before:content-[''] uy:[&_td:has(>[data-selection-start]:not([data-selection-end]))]:before:absolute uy:[&_td:has(>[data-selection-start]:not([data-selection-end]))]:before:top-0 uy:[&_td:has(>[data-selection-start]:not([data-selection-end]))]:before:right-0 uy:[&_td:has(>[data-selection-start]:not([data-selection-end]))]:before:w-1/2 uy:[&_td:has(>[data-selection-start]:not([data-selection-end]))]:before:h-full uy:theme-legacy:[&_td:has(>[data-selection-start]:not([data-selection-end]))]:before:bg-surface-primary-lowest",
+			"uy:[&_td:has(>[data-selection-start])]:bg-transparent uy:[&_td:has(>[data-selection-start]:not([data-selection-end]))]:before:content-[''] uy:[&_td:has(>[data-selection-start]:not([data-selection-end]))]:before:absolute uy:[&_td:has(>[data-selection-start]:not([data-selection-end]))]:before:top-0 uy:[&_td:has(>[data-selection-start]:not([data-selection-end]))]:before:right-0 uy:[&_td:has(>[data-selection-start]:not([data-selection-end]))]:before:w-1/2 uy:[&_td:has(>[data-selection-start]:not([data-selection-end]))]:before:h-full ",
 			"uy:[&_td:has(>[data-selection-end])]:bg-transparent",
 			"uy:[&_td:has(>[data-selection-start][data-selection-end])]:bg-transparent",
-			"uy:theme-legacy:[&_td:has(>[data-selected])]:bg-surface-primary-lowest",
-			"uy:theme-rebrand:[&_td:has(>[data-selected])]:bg-surface-form-selected",
-			"uy:theme-rebrand:[&_td:has(>[data-selection-start]:not([data-selection-end]))]:before:bg-surface-form-selected",
-			"uy:[&_td:has(>[data-selection-end]:not([data-selection-start]))]:before:content-[''] uy:[&_td:has(>[data-selection-end]:not([data-selection-start]))]:before:absolute uy:[&_td:has(>[data-selection-end]:not([data-selection-start]))]:before:top-0 uy:[&_td:has(>[data-selection-end]:not([data-selection-start]))]:before:left-0 uy:[&_td:has(>[data-selection-end]:not([data-selection-start]))]:before:w-1/2 uy:[&_td:has(>[data-selection-end]:not([data-selection-start]))]:before:h-full uy:theme-legacy:[&_td:has(>[data-selection-end]:not([data-selection-start]))]:before:bg-surface-primary-lowest uy:theme-rebrand:[&_td:has(>[data-selection-end]:not([data-selection-start]))]:before:bg-surface-form-selected"
+			"",
+			"uy:[&_td:has(>[data-selected])]:bg-surface-form-selected",
+			"uy:[&_td:has(>[data-selection-start]:not([data-selection-end]))]:before:bg-surface-form-selected",
+			"uy:[&_td:has(>[data-selection-end]:not([data-selection-start]))]:before:content-[''] uy:[&_td:has(>[data-selection-end]:not([data-selection-start]))]:before:absolute uy:[&_td:has(>[data-selection-end]:not([data-selection-start]))]:before:top-0 uy:[&_td:has(>[data-selection-end]:not([data-selection-start]))]:before:left-0 uy:[&_td:has(>[data-selection-end]:not([data-selection-start]))]:before:w-1/2 uy:[&_td:has(>[data-selection-end]:not([data-selection-start]))]:before:h-full  uy:[&_td:has(>[data-selection-end]:not([data-selection-start]))]:before:bg-surface-form-selected"
 		],
 		calendarHeaderCell: "uy:text-center",
 		calendarCell: [
@@ -31,14 +31,14 @@ var x = s({
 			"uy:data-[selection-start]:bg-surface-form-active uy:data-[selection-start]:rounded-circle",
 			"uy:data-[selection-end]:bg-surface-form-active",
 			"uy:data-[selection-end]:rounded-circle",
-			"uy:theme-legacy:data-[selection-start]:text-content-inverted",
-			"uy:theme-legacy:data-[selection-end]:text-content-inverted",
-			"uy:theme-legacy:data-[today]:data-[selection-start]:after:bg-content-inverted",
-			"uy:theme-legacy:data-[today]:data-[selection-end]:after:bg-content-inverted",
-			"uy:theme-rebrand:data-[selection-start]:text-content-form-active",
-			"uy:theme-rebrand:data-[selection-end]:text-content-form-active",
-			"uy:theme-rebrand:data-[today]:data-[selection-start]:after:bg-border-form-active",
-			"uy:theme-rebrand:data-[today]:data-[selection-end]:after:bg-border-form-active"
+			"",
+			"",
+			"",
+			"",
+			"uy:data-[selection-start]:text-content-form-active",
+			"uy:data-[selection-end]:text-content-form-active",
+			"uy:data-[today]:data-[selection-start]:after:bg-border-form-active",
+			"uy:data-[today]:data-[selection-end]:after:bg-border-form-active"
 		]
 	},
 	variants: {
@@ -48,103 +48,103 @@ var x = s({
 		} },
 		isInteractive: { true: { calendarCell: [
 			"uy:data-[selected]:not-data-[selection-start]:not-data-[selection-end]:hover:rounded-circle",
-			"uy:theme-legacy:data-[selected]:not-data-[selection-start]:not-data-[selection-end]:hover:bg-surface-primary-lowest-hover",
-			"uy:theme-rebrand:data-[selected]:not-data-[selection-start]:not-data-[selection-end]:hover:bg-surface-neutral-hover"
+			"",
+			"uy:data-[selected]:not-data-[selection-start]:not-data-[selection-end]:hover:bg-surface-neutral-hover"
 		] } }
 	}
 });
-function S({ value: t, defaultValue: s, minValue: S, maxValue: C, onChange: w, onFocusChange: T, ...E }) {
-	let D = u(), { theme: O } = o(), k = m(f()), A = n(), j = r({
-		startYear: S?.year,
-		endYear: C?.year
-	}), [M, N] = a(() => {
-		let e = t?.start ?? s?.start ?? k;
-		return S && e.compare(S) < 0 ? S : C && e.compare(C) > 0 ? C : e;
-	}), P = (e) => {
-		N((t) => t.set({ month: parseInt(e, 10) }));
-	}, F = (e) => {
-		N((t) => t.set({ year: parseInt(e, 10) }));
-	}, { base: I, calendarWrapper: L, dialogHeader: R, dialogHeaderGroup: z, calendarGrid: B, calendarHeaderCell: V, calendarCell: H } = x({
-		isDisabled: E.isDisabled,
-		isInteractive: !E.isDisabled && !E.isReadOnly
-	}), U = O === "rebrand" ? "outlined" : "ghost", W = O === "rebrand" ? "primary" : "neutral";
-	return /* @__PURE__ */ c("div", {
-		className: I(),
+function x({ value: t, defaultValue: o, minValue: x, maxValue: S, onChange: C, onFocusChange: w, ...T }) {
+	let E = l(), D = p(d()), O = n(), k = r({
+		startYear: x?.year,
+		endYear: S?.year
+	}), [A, j] = a(() => {
+		let e = t?.start ?? o?.start ?? D;
+		return x && e.compare(x) < 0 ? x : S && e.compare(S) > 0 ? S : e;
+	}), M = (e) => {
+		j((t) => t.set({ month: parseInt(e, 10) }));
+	}, N = (e) => {
+		j((t) => t.set({ year: parseInt(e, 10) }));
+	}, { base: P, calendarWrapper: F, dialogHeader: I, dialogHeaderGroup: L, calendarGrid: R, calendarHeaderCell: z, calendarCell: B } = b({
+		isDisabled: T.isDisabled,
+		isInteractive: !T.isDisabled && !T.isReadOnly
+	}), V = "outlined", H = "primary";
+	return /* @__PURE__ */ s("div", {
+		className: P(),
 		"data-dd-privacy": "mask",
-		children: /* @__PURE__ */ c(b, {
-			...E,
-			minValue: S,
-			maxValue: C,
+		children: /* @__PURE__ */ s(y, {
+			...T,
+			minValue: x,
+			maxValue: S,
 			value: t,
-			defaultValue: s,
-			onChange: w,
-			focusedValue: M,
+			defaultValue: o,
+			onChange: C,
+			focusedValue: A,
 			onFocusChange: (e) => {
-				N(e), T?.(e);
+				j(e), w?.(e);
 			},
-			children: /* @__PURE__ */ l("div", {
-				className: L(),
-				children: [/* @__PURE__ */ l("header", {
-					className: R(),
+			children: /* @__PURE__ */ c("div", {
+				className: F(),
+				children: [/* @__PURE__ */ c("header", {
+					className: I(),
 					children: [
-						/* @__PURE__ */ c(d, { className: "uy:sr-only" }),
-						/* @__PURE__ */ l("div", {
-							className: z({ className: "uy:pl-100 uy:gap-200" }),
-							children: [/* @__PURE__ */ c(i, {
+						/* @__PURE__ */ s(u, { className: "uy:sr-only" }),
+						/* @__PURE__ */ c("div", {
+							className: L({ className: "uy:pl-100 uy:gap-200" }),
+							children: [/* @__PURE__ */ s(i, {
 								type: "month",
-								items: A,
-								value: M.month.toString(),
-								onChange: P,
-								isDisabled: E.isDisabled
-							}), /* @__PURE__ */ c(i, {
+								items: O,
+								value: A.month.toString(),
+								onChange: M,
+								isDisabled: T.isDisabled
+							}), /* @__PURE__ */ s(i, {
 								type: "year",
-								items: j,
-								value: M.year.toString(),
-								onChange: F,
-								isDisabled: E.isDisabled
+								items: k,
+								value: A.year.toString(),
+								onChange: N,
+								isDisabled: T.isDisabled
 							})]
 						}),
-						/* @__PURE__ */ l("div", {
-							className: z({ className: "uy:ml-auto uy:gap-100" }),
-							children: [/* @__PURE__ */ c(e, {
+						/* @__PURE__ */ c("div", {
+							className: L({ className: "uy:ml-auto uy:gap-100" }),
+							children: [/* @__PURE__ */ s(e, {
 								slot: "previous",
 								icon: "CaretLeftOutlined",
-								color: W,
-								label: D.formatMessage({
+								color: H,
+								label: E.formatMessage({
 									id: "unity:component:common:previous",
 									defaultMessage: "Previous"
 								}),
-								variant: U,
-								isDisabled: E.isDisabled
-							}), /* @__PURE__ */ c(e, {
+								variant: V,
+								isDisabled: T.isDisabled
+							}), /* @__PURE__ */ s(e, {
 								slot: "next",
 								icon: "CaretRightOutlined",
-								color: W,
-								label: D.formatMessage({
+								color: H,
+								label: E.formatMessage({
 									id: "unity:component:common:next",
 									defaultMessage: "Next"
 								}),
-								variant: U,
-								isDisabled: E.isDisabled
+								variant: V,
+								isDisabled: T.isDisabled
 							})]
 						})
 					]
-				}), /* @__PURE__ */ l(g, {
-					className: B(),
+				}), /* @__PURE__ */ c(h, {
+					className: R(),
 					weekdayStyle: "short",
-					children: [/* @__PURE__ */ c(v, { children: (e) => /* @__PURE__ */ c(y, {
-						className: V(),
+					children: [/* @__PURE__ */ s(_, { children: (e) => /* @__PURE__ */ s(v, {
+						className: z(),
 						children: e
-					}) }), /* @__PURE__ */ c(_, { children: (e) => /* @__PURE__ */ c(h, {
+					}) }), /* @__PURE__ */ s(g, { children: (e) => /* @__PURE__ */ s(m, {
 						date: e,
-						"data-today": p(e, f()) ? !0 : void 0,
-						className: H()
+						"data-today": f(e, d()) ? !0 : void 0,
+						className: B()
 					}) })]
 				})]
 			})
 		})
 	});
 }
-S.displayName = "DateRangeCalendar";
+x.displayName = "DateRangeCalendar";
 //#endregion
-export { S as DateRangeCalendar };
+export { x as DateRangeCalendar };

package/dist/esm/components/date-range-picker/parts/DateRangeInput.js

@@ -12,7 +12,7 @@ var p = o({
 	base: "uy:px-50 uy:flex uy:items-center",
 	variants: { isDisabled: {
 		true: "uy:text-content-form-disabled",
-		false: ["uy:theme-legacy:text-content-neutral-lowest-enabled", "uy:theme-rebrand:text-content-neutral-lowest"]
+		false: ["uy:text-content-neutral-lowest"]
 	} }
 });
 function m({ isLoading: o, isInvalid: m, isReadOnly: h, isDisabled: g, onClearButtonPress: _ }) {

package/dist/esm/components/filter/parts/FilterPopover.js

@@ -1,12 +1,12 @@
 import { Button as e } from "../../button/Button.js";
-import { useUnityTheme as t, uyTv as n } from "@payfit/unity-themes";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-import { FormattedMessage as a } from "react-intl";
-import { Separator as o } from "react-aria-components/Separator";
-import { Popover as s } from "react-aria-components/Popover";
-import { Dialog as c } from "react-aria-components/Dialog";
+import { uyTv as t } from "@payfit/unity-themes";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { FormattedMessage as i } from "react-intl";
+import { Separator as a } from "react-aria-components/Separator";
+import { Popover as o } from "react-aria-components/Popover";
+import { Dialog as s } from "react-aria-components/Dialog";
 //#region src/components/filter/parts/FilterPopover.tsx
-var l = n({ slots: {
+var c = t({ slots: {
 	popover: [
 		"uy:border uy:border-solid uy:border-border-neutral uy:bg-surface-neutral uy:rounded-sm uy:shadow-300 uy:min-w-[320px] uy:max-w-[800px] uy:relative uy:isolate uy:overflow-hidden",
 		"uy:transition-all uy:duration-200 uy:linear uy:data-[entering]:opacity-100 uy:data-[exiting]:opacity-0",
@@ -26,36 +26,36 @@ var l = n({ slots: {
 	separator: ["uy:mb-100 uy:border-border-neutral uy:h-px"],
 	actions: ["uy:flex uy:justify-between uy:gap-100"]
 } });
-function u({ children: n, onConfirm: u, onClear: d }) {
-	let { popover: f, dialog: p, content: m, footer: h, separator: g, actions: _ } = l(), v = t();
-	return /* @__PURE__ */ r(s, {
-		className: f(),
+function l({ children: t, onConfirm: l, onClear: u }) {
+	let { popover: d, dialog: f, content: p, footer: m, separator: h, actions: g } = c();
+	return /* @__PURE__ */ n(o, {
+		className: d(),
 		placement: "bottom left",
-		children: /* @__PURE__ */ i(c, {
-			className: p(),
-			children: [/* @__PURE__ */ r("div", {
+		children: /* @__PURE__ */ r(s, {
+			className: f(),
+			children: [/* @__PURE__ */ n("div", {
+				className: p(),
+				children: t
+			}), /* @__PURE__ */ r("footer", {
 				className: m(),
-				children: n
-			}), /* @__PURE__ */ i("footer", {
-				className: h(),
-				children: [/* @__PURE__ */ r(o, { className: g() }), /* @__PURE__ */ i("div", {
-					className: _(),
-					children: [/* @__PURE__ */ r(e, {
+				children: [/* @__PURE__ */ n(a, { className: h() }), /* @__PURE__ */ r("div", {
+					className: g(),
+					children: [/* @__PURE__ */ n(e, {
 						variant: "ghost",
 						color: "danger",
 						size: "full",
 						prefixIcon: "TrashOutlined",
-						onPress: d,
-						children: /* @__PURE__ */ r(a, {
+						onPress: u,
+						children: /* @__PURE__ */ n(i, {
 							id: "unity:component:common:clear:title",
 							defaultMessage: "Clear"
 						})
-					}), /* @__PURE__ */ r(e, {
-						variant: v.theme === "legacy" ? "ghost" : "primary",
+					}), /* @__PURE__ */ n(e, {
+						variant: "primary",
 						color: "primary",
 						size: "full",
-						onPress: u,
-						children: /* @__PURE__ */ r(a, {
+						onPress: l,
+						children: /* @__PURE__ */ n(i, {
 							id: "unity:component:filter:action:apply",
 							defaultMessage: "Apply"
 						})
@@ -66,4 +66,4 @@ function u({ children: n, onConfirm: u, onClear: d }) {
 	});
 }
 //#endregion
-export { u as FilterPopover, l as filterPopover };
+export { l as FilterPopover, c as filterPopover };

package/dist/esm/components/form-field/parts/TanstackRawFormContextualLink.d.ts

@@ -22,5 +22,5 @@ export type TanstackRawFormContextualLinkProps = PropsWithChildren<FormContextua
  * - an anchor (`RawLink`) when `href` is provided; or
  * - a button (from `react-aria-components`) when `onPress` is provided.
  */
-declare const TanstackRawFormContextualLink: import('react').ForwardRefExoticComponent<TanstackRawFormContextualLinkProps & import('react').RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+declare const TanstackRawFormContextualLink: import('react').ForwardRefExoticComponent<TanstackRawFormContextualLinkProps & import('react').RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
 export { TanstackRawFormContextualLink };

package/dist/esm/components/form-field/parts/TanstackRawFormContextualLink.js

@@ -1,34 +1,33 @@
 import { RawLink as e } from "../../link/RawLink.js";
 import { useFieldA11yContext as t } from "../TanstackFormField.context.js";
 import { forwardRef as n } from "react";
-import { useUnityTheme as r } from "@payfit/unity-themes";
-import { jsx as i } from "react/jsx-runtime";
-import { Button as a } from "react-aria-components/Button";
+import { jsx as r } from "react/jsx-runtime";
+import { Button as i } from "react-aria-components/Button";
 //#region src/components/form-field/parts/TanstackRawFormContextualLink.tsx
-var o = n((n, o) => {
-	let { children: s, href: c, onPress: l, ...u } = n, d = t(), { theme: f } = r(), p = f === "rebrand" ? "primary" : "secondary";
-	return c ? /* @__PURE__ */ i(e, {
-		id: d.contextualLinkId || n.id,
+var a = n((n, a) => {
+	let { children: o, href: s, onPress: c, ...l } = n, u = t();
+	return s ? /* @__PURE__ */ r(e, {
+		id: u.contextualLinkId || n.id,
 		size: "small",
-		color: p,
+		color: "primary",
 		variant: "standalone",
 		"data-unity-slot": "form-field-contextual-link",
-		href: c,
-		ref: o,
+		href: s,
+		ref: a,
 		"data-dd-privacy": "allow",
-		...u,
-		children: s
-	}) : /* @__PURE__ */ i(a, {
-		id: d.contextualLinkId || n.id,
-		onPress: l,
+		...l,
+		children: o
+	}) : /* @__PURE__ */ r(i, {
+		id: u.contextualLinkId || n.id,
+		onPress: c,
 		"data-unity-slot": "contextual-link",
 		className: "uy:typography-body-small uy:w-fit",
-		ref: o,
+		ref: a,
 		"data-dd-privacy": "allow",
-		...u,
-		children: s
+		...l,
+		children: o
 	});
 });
-o.displayName = "TanstackRawFormContextualLink";
+a.displayName = "TanstackRawFormContextualLink";
 //#endregion
-export { o as TanstackRawFormContextualLink };
+export { a as TanstackRawFormContextualLink };

package/dist/esm/components/funnel-layout/FunnelLayout.d.ts

@@ -16,7 +16,7 @@ export interface FunnelLayoutProps extends PropsWithChildren<VariantProps<typeof
  *
  * function Example() {
  *   return (
- *     <FunnelLayout header={<FunnelTopBar title="Setup Process" onBackButtonPress={handleBack} />}>
+ *     <FunnelLayout header={<FunnelTopBar title="Setup Process" leading={<FunnelBackButton label="Back" onPress={handleBack} />} />}>
  *       <FunnelBody>
  *         <FunnelSidebar>Sidebar content</FunnelSidebar>
  *         <FunnelPage>Main content</FunnelPage>