@payfit/unity-components 2.55.17 → 2.55.18

package/dist/esm/components/task-menu/TaskGroup.context.d.ts

@@ -0,0 +1,3 @@
+declare const TaskGroupContext: import('react').Context<string | null>;
+declare const useTaskGroupId: () => string | null;
+export { TaskGroupContext, useTaskGroupId };

package/dist/esm/components/task-menu/TaskGroup.context.js

@@ -0,0 +1,5 @@
+import { createContext as e, useContext as t } from "react";
+//#region src/components/task-menu/TaskGroup.context.ts
+var n = e(null), r = () => t(n);
+//#endregion
+export { n as TaskGroupContext, r as useTaskGroupId };

package/dist/esm/components/task-menu/TaskMenu.context.d.ts

@@ -7,7 +7,7 @@ export interface CurrentTask {
 }
 type TaskMenuContextValue = {
     currentTask: CurrentTask | null | undefined;
-    setCurrentTask: ((currentTask: CurrentTask) => void) | undefined;
+    setCurrentTask: ((currentTask: CurrentTask, taskGroupId?: string) => void) | undefined;
     toggleTaskGroup: ((open: string) => void) | undefined;
     expandedTaskGroup: string | null | undefined;
     taskMenuId: string;

package/dist/esm/components/task-menu/TaskMenu.context.js

@@ -1,10 +1,10 @@
-import { createContext as e, useContext as t, useRef as n, useState as r } from "react";
-import { jsx as i } from "react/jsx-runtime";
-import { useId as a } from "react-aria/useId";
-import { useOverlayTriggerState as o } from "react-stately/useOverlayTriggerState";
-import { useOverlayTrigger as s } from "react-aria/useOverlayTrigger";
+import { createContext as e, useCallback as t, useContext as n, useRef as r, useState as i } from "react";
+import { jsx as a } from "react/jsx-runtime";
+import { useId as o } from "react-aria/useId";
+import { useOverlayTriggerState as s } from "react-stately/useOverlayTriggerState";
+import { useOverlayTrigger as c } from "react-aria/useOverlayTrigger";
 //#region src/components/task-menu/TaskMenu.context.tsx
-var c = e({
+var l = e({
 	currentTask: void 0,
 	setCurrentTask: void 0,
 	toggleTaskGroup: void 0,
@@ -17,31 +17,33 @@ var c = e({
 	triggerProps: {},
 	overlayProps: {}
 });
-function l({ children: e }) {
-	let t = a(), [l, u] = r(null), [d, f] = r(null), [p, m] = r(null), h = o({}), g = n(null), _ = n(null), { triggerProps: v, overlayProps: y } = s({ type: "dialog" }, h, g), b = `task-menu-${t}`;
-	return /* @__PURE__ */ i(c.Provider, {
+function u({ children: e }) {
+	let n = o(), [u, d] = i(null), [f, p] = i(null), [m, h] = i(null), g = s({}), _ = r(null), v = r(null), { triggerProps: y, overlayProps: b } = c({ type: "dialog" }, g, _), x = `task-menu-${n}`, S = t((e, t) => {
+		d(e), h(t ?? null), p(t ?? null);
+	}, []);
+	return /* @__PURE__ */ a(l.Provider, {
 		value: {
-			currentTask: l,
-			setCurrentTask: u,
+			currentTask: u,
+			setCurrentTask: S,
 			toggleTaskGroup: (e) => {
-				e === p ? (m(null), f(null)) : (m(e), f(d === e ? null : e));
+				e === m ? (h(null), p(null)) : (h(e), p(f === e ? null : e));
 			},
-			expandedTaskGroup: d,
-			taskMenuId: t,
-			taskMenuContentId: b,
-			state: h,
-			triggerRef: g,
-			overlayRef: _,
-			triggerProps: v,
-			overlayProps: y
+			expandedTaskGroup: f,
+			taskMenuId: n,
+			taskMenuContentId: x,
+			state: g,
+			triggerRef: _,
+			overlayRef: v,
+			triggerProps: y,
+			overlayProps: b
 		},
 		children: e
 	});
 }
-function u() {
-	let e = t(c);
+function d() {
+	let e = n(l);
 	if (!e) throw Error("useTaskMenuContext must be used within an TaskMenuProvider");
 	return e;
 }
 //#endregion
-export { c as TaskMenuContext, l as TaskMenuProvider, u as useTaskMenuContext };
+export { l as TaskMenuContext, u as TaskMenuProvider, d as useTaskMenuContext };

package/dist/esm/components/task-menu/parts/RawSubTask.js

@@ -2,17 +2,18 @@ import { Icon as e } from "../../icon/Icon.js";
 import { Text as t } from "../../text/Text.js";
 import { useRouter as n } from "../../../providers/router/RouterProvider.js";
 import { useTaskMenuContext as r } from "../TaskMenu.context.js";
-import i from "./dot.js";
-import { commonTask as a } from "./task.variants.js";
-import { forwardRef as o, useEffect as s } from "react";
-import { uyTv as c } from "@payfit/unity-themes";
-import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
-import { FormattedMessage as f, useIntl as p } from "react-intl";
-import { Button as m } from "react-aria-components/Button";
-import { Link as h } from "react-aria-components/Link";
+import { useTaskGroupId as i } from "../TaskGroup.context.js";
+import a from "./dot.js";
+import { commonTask as o } from "./task.variants.js";
+import { forwardRef as s, useEffect as c } from "react";
+import { uyTv as l } from "@payfit/unity-themes";
+import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
+import { FormattedMessage as p, useIntl as m } from "react-intl";
+import { Button as h } from "react-aria-components/Button";
+import { Link as g } from "react-aria-components/Link";
 //#region src/components/task-menu/parts/RawSubTask.tsx
-var g = c({
-	extend: a,
+var _ = l({
+	extend: o,
 	slots: {
 		base: ["uy:gap-300 uy:py-100", "uy:md:py-50"],
 		dot: [
@@ -44,9 +45,9 @@ var g = c({
 		element: ["uy:rounded-50"],
 		number: ["uy:group-data-[task-status=uncompleted]/base:group-[&[data-pressed]:not([aria-current=page])]/element:bg-surface-neutral-pressed"]
 	}
-}), _ = (t, n, r) => {
+}), v = (t, n, r) => {
 	switch (t) {
-		case "completed": return /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u(e, {
+		case "completed": return /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d(e, {
 			className: r?.completed,
 			src: "CheckCircleOutlined",
 			size: 20,
@@ -55,14 +56,14 @@ var g = c({
 				id: "unity:component:task-menu:task:completed:label",
 				defaultMessage: "Completed"
 			})
-		}), /* @__PURE__ */ u("span", {
+		}), /* @__PURE__ */ d("span", {
 			className: "uy:sr-only",
-			children: /* @__PURE__ */ u(f, {
+			children: /* @__PURE__ */ d(p, {
 				id: "unity:component:task-menu:task:completed:label",
 				defaultMessage: "Completed"
 			})
 		})] });
-		case "locked": return /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u(e, {
+		case "locked": return /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d(e, {
 			"aria-hidden": "true",
 			className: r?.locked,
 			src: "LockOutlined",
@@ -72,70 +73,71 @@ var g = c({
 				id: "unity:component:task-menu:task:lock:label",
 				defaultMessage: "Locked"
 			})
-		}), /* @__PURE__ */ u("span", {
+		}), /* @__PURE__ */ d("span", {
 			className: "uy:sr-only",
-			children: /* @__PURE__ */ u(f, {
+			children: /* @__PURE__ */ d(p, {
 				id: "unity:component:task-menu:task:lock:label",
 				defaultMessage: "Locked"
 			})
 		})] });
 		default: return null;
 	}
-}, v = o(({ href: e, label: a, taskStatus: o = "uncompleted", isExact: c, isDisabled: l, onPress: f, uniqueId: v, ...y }, b) => {
-	let x = p(), S = n(), { currentTask: C, setCurrentTask: w, state: T } = r();
-	s(() => {
-		e && S?.isActive(e.toString(), c) && w?.({
-			uniqueId: v,
-			label: a
-		});
+}, y = s(({ href: e, label: o, taskStatus: s = "uncompleted", isExact: l, isDisabled: u, onPress: p, uniqueId: y, ...b }, x) => {
+	let S = m(), C = n(), w = i(), { currentTask: T, setCurrentTask: E, state: D } = r();
+	c(() => {
+		e && C?.isActive(e.toString(), l) && E?.({
+			uniqueId: y,
+			label: o
+		}, w ?? void 0);
 	}, [
 		e,
-		c,
-		S,
-		v,
-		a,
+		l,
+		C,
+		y,
+		o,
+		E,
 		w
 	]);
-	let E = C?.uniqueId === v, { base: D, element: O, text: k, dot: A, lock: j } = g({ taskStatus: o }), M = {
-		"data-current": E,
-		"aria-current": E ? "page" : void 0
-	}, N = e ? h : m;
-	return /* @__PURE__ */ d("li", {
-		ref: b,
-		"data-task-status": o,
-		className: D(),
-		...E ? { "data-current": !0 } : {},
-		...y,
-		children: [/* @__PURE__ */ u(i, {
+	let O = T?.uniqueId === y, { base: k, element: A, text: j, dot: M, lock: N } = _({ taskStatus: s }), P = {
+		"data-current": O,
+		"aria-current": O ? "page" : void 0
+	}, F = e ? g : h;
+	return /* @__PURE__ */ f("li", {
+		ref: x,
+		"data-task-status": s,
+		className: k(),
+		...O ? { "data-current": !0 } : {},
+		...b,
+		children: [/* @__PURE__ */ d(a, {
 			width: 8,
 			height: 8,
-			className: A(),
+			className: M(),
 			role: "presentation"
-		}), /* @__PURE__ */ d(N, {
-			className: O(),
+		}), /* @__PURE__ */ f(F, {
+			className: A(),
 			href: e,
 			onPress: (e) => {
-				w?.({
-					uniqueId: v,
-					label: a
-				}), T?.toggle(), f?.(e);
+				E?.({
+					uniqueId: y,
+					label: o
+				}, w ?? void 0), D?.toggle(), p?.(e);
 			},
-			isDisabled: l,
-			...M,
-			...y,
-			children: [/* @__PURE__ */ u(t, {
+			isDisabled: u,
+			...P,
+			...b,
+			children: [/* @__PURE__ */ d(t, {
 				asElement: "span",
-				className: k(),
-				variant: E ? "bodyStrong" : "body",
-				children: a
-			}), _(o, x, {
-				locked: j(),
+				className: j(),
+				variant: O ? "bodyStrong" : "body",
+				children: o
+			}), v(s, S, {
+				locked: N(),
 				completed: "uy:self-center",
 				uncompleted: ""
 			})]
 		})]
 	});
 });
-v.displayName = "RawSubTask";
+y.displayName = "RawSubTask";
 //#endregion
-export { v as RawSubTask, g as rawSubTask };
+export { y as RawSubTask, _ as rawSubTask };

package/dist/esm/components/task-menu/parts/RawTask.js

@@ -26,7 +26,7 @@ var h = s({
 		number: ""
 	}
 }), g = a(({ href: i, isExact: a = !1, label: s, onPress: g, taskNumber: _, taskStatus: v = "uncompleted", children: y, uniqueId: b, ...x }, S) => {
-	let C = n(), w = f(), { currentTask: T, setCurrentTask: E, state: D, expandedTaskGroup: O, toggleTaskGroup: k } = r(), A = i ? m : p;
+	let C = n(), w = f(), { currentTask: T, setCurrentTask: E, state: D } = r(), O = i ? m : p;
 	o(() => {
 		i && C?.isActive(i.toString(), a) && E?.({
 			uniqueId: b,
@@ -40,30 +40,30 @@ var h = s({
 		b,
 		E
 	]);
-	let j = T?.uniqueId === b, M = {
-		"data-current": j,
-		"aria-current": j ? "page" : void 0
-	}, { base: N, number: P, element: F, text: I, lock: L } = h({ taskStatus: v });
+	let k = T?.uniqueId === b, A = {
+		"data-current": k,
+		"aria-current": k ? "page" : void 0
+	}, { base: j, number: M, element: N, text: P, lock: F } = h({ taskStatus: v });
 	return /* @__PURE__ */ u("li", {
 		ref: S,
 		"data-task-status": v,
-		className: N(),
-		...j ? { "data-current": !0 } : {},
+		className: j(),
+		...k ? { "data-current": !0 } : {},
 		...x,
-		children: [/* @__PURE__ */ u(A, {
-			className: F(),
+		children: [/* @__PURE__ */ u(O, {
+			className: N(),
 			href: i,
 			onPress: (e) => {
 				E?.({
 					uniqueId: b,
 					label: s
-				}), D?.toggle(), O && k?.(O), g?.(e);
+				}), D?.toggle(), g?.(e);
 			},
-			...M,
+			...A,
 			...x,
 			children: [
 				/* @__PURE__ */ l("div", {
-					className: P(),
+					className: M(),
 					children: v === "completed" ? /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l(e, {
 						size: 24,
 						"aria-hidden": "true",
@@ -80,20 +80,20 @@ var h = s({
 						})
 					})] }) : /* @__PURE__ */ l(t, {
 						asElement: "span",
-						variant: j ? "bodyStrong" : "body",
+						variant: k ? "bodyStrong" : "body",
 						className: "uy:leading-[1]",
 						children: _
 					})
 				}),
 				/* @__PURE__ */ l(t, {
 					asElement: "span",
-					className: I(),
-					variant: j ? "bodyStrong" : "body",
+					className: P(),
+					variant: k ? "bodyStrong" : "body",
 					children: s
 				}),
 				v === "locked" && /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l(e, {
 					"aria-hidden": "true",
-					className: L(),
+					className: F(),
 					src: "LockOutlined",
 					alt: w.formatMessage({
 						id: "unity:component:task-menu:task:lock:label",

package/dist/esm/components/task-menu/parts/TaskGroup.js

@@ -1,16 +1,17 @@
 import { Icon as e } from "../../icon/Icon.js";
 import { Text as t } from "../../text/Text.js";
 import { useTaskMenuContext as n } from "../TaskMenu.context.js";
-import { commonTask as r } from "./task.variants.js";
-import { Children as i, cloneElement as a, forwardRef as o, isValidElement as s } from "react";
-import { uyTv as c } from "@payfit/unity-themes";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
-import { useIntl as d } from "react-intl";
-import { Button as f } from "react-aria-components/Button";
-import { useId as p } from "react-aria/useId";
+import { TaskGroupContext as r } from "../TaskGroup.context.js";
+import { commonTask as i } from "./task.variants.js";
+import { Children as a, cloneElement as o, forwardRef as s, isValidElement as c } from "react";
+import { uyTv as l } from "@payfit/unity-themes";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { useIntl as f } from "react-intl";
+import { Button as p } from "react-aria-components/Button";
+import { useId as m } from "react-aria/useId";
 //#region src/components/task-menu/parts/TaskGroup.tsx
-var m = c({
-	extend: r,
+var h = l({
+	extend: i,
 	slots: {
 		base: ["uy:relative uy:flex-col uy:px-200", "uy:md:px-0"],
 		element: [
@@ -33,71 +34,74 @@ var m = c({
 		],
 		text: ["uy:theme-legacy:group-[&[data-task-status=uncompleted][data-active-group=true]]/base:text-content-primary-active", "uy:theme-rebrand:group-[&[data-task-status=uncompleted][data-active-group=true]]/base:text-content-neutral-active"]
 	}
-}), h = (e, t) => e ? i.toArray(t).some((t) => s(t) && t.props.uniqueId === e) : !1, g = (e) => e ? i.toArray(e).find((e) => s(e) && e.props.taskStatus !== "completed" && e.props.taskStatus !== "locked") : null, _ = o(({ children: r, label: o, taskNumber: c, taskStatus: _ = "uncompleted", uniqueId: v, ...y }, b) => {
-	let { currentTask: x, setCurrentTask: S, toggleTaskGroup: C, expandedTaskGroup: w } = n(), T = p(), E = d(), D = w === v, O = (e) => {
-		if (C?.(v), !e) {
-			let e = g(r);
-			if (s(e)) {
+}), g = (e, t) => e ? a.toArray(t).some((t) => c(t) && t.props.uniqueId === e) : !1, _ = (e) => e ? a.toArray(e).find((e) => c(e) && e.props.taskStatus !== "completed" && e.props.taskStatus !== "locked") : null, v = s(({ children: i, label: s, taskNumber: l, taskStatus: v = "uncompleted", uniqueId: y, ...b }, x) => {
+	let { currentTask: S, setCurrentTask: C, toggleTaskGroup: w, expandedTaskGroup: T } = n(), E = m(), D = f(), O = T === y, k = (e) => {
+		if (w?.(y), !e) {
+			let e = _(i);
+			if (c(e)) {
 				let { uniqueId: t, label: n } = e.props;
-				S?.({
+				C?.({
 					uniqueId: t,
 					label: n
-				});
+				}, y);
 			}
 		}
-	}, k = i.map(r, (e) => s(e) ? a(e, { isDisabled: !D }) : e), A = `${T}-toggle`, j = `${T}-content`, M = h(x?.uniqueId, r), { base: N, number: P, text: F, bar: I, element: L, containerSubTasks: R } = m({ taskStatus: _ });
-	return /* @__PURE__ */ u("li", {
-		ref: b,
+	}, A = a.map(i, (e) => c(e) ? o(e, { isDisabled: !O }) : e), j = `${E}-toggle`, M = `${E}-content`, N = g(S?.uniqueId, i), { base: P, number: F, text: I, bar: L, element: R, containerSubTasks: z } = h({ taskStatus: v });
+	return /* @__PURE__ */ d("li", {
+		ref: x,
 		"data-group": "true",
-		"data-task-status": _,
-		"data-expanded": D,
-		"data-active-group": M,
-		className: N(),
-		children: [/* @__PURE__ */ u(f, {
-			id: A,
-			className: L(),
+		"data-task-status": v,
+		"data-expanded": O,
+		"data-active-group": N,
+		className: P(),
+		children: [/* @__PURE__ */ d(p, {
+			id: j,
+			className: R(),
 			onPress: () => {
-				O(D);
+				k(O);
 			},
-			"aria-expanded": D,
-			"aria-controls": j,
-			...y,
-			children: [/* @__PURE__ */ l("div", {
-				className: P(),
-				children: _ === "completed" ? /* @__PURE__ */ l(e, {
+			"aria-expanded": O,
+			"aria-controls": M,
+			...b,
+			children: [/* @__PURE__ */ u("div", {
+				className: F(),
+				children: v === "completed" ? /* @__PURE__ */ u(e, {
 					size: 24,
 					src: "CheckOutlined",
-					alt: E.formatMessage({
+					alt: D.formatMessage({
 						id: "unity:component:task-menu:task:completed:label",
 						defaultMessage: "Completed"
 					})
-				}) : /* @__PURE__ */ l(t, {
+				}) : /* @__PURE__ */ u(t, {
 					asElement: "span",
-					variant: M ? "bodyStrong" : "body",
+					variant: N ? "bodyStrong" : "body",
 					className: "uy:leading-[1]",
-					children: c
+					children: l
 				})
-			}), /* @__PURE__ */ l(t, {
+			}), /* @__PURE__ */ u(t, {
 				asElement: "span",
-				className: F(),
-				variant: M ? "bodyStrong" : "body",
-				children: o
+				className: I(),
+				variant: N ? "bodyStrong" : "body",
+				children: s
 			})]
-		}), /* @__PURE__ */ u("div", {
-			style: { maxHeight: D ? 1e3 : 0 },
-			children: [/* @__PURE__ */ l("ol", {
-				id: j,
-				"aria-labelledby": A,
-				"aria-hidden": !D,
-				className: R(),
-				children: k
-			}), D && /* @__PURE__ */ l("div", {
+		}), /* @__PURE__ */ d("div", {
+			style: { maxHeight: O ? 1e3 : 0 },
+			children: [/* @__PURE__ */ u("ol", {
+				id: M,
+				"aria-labelledby": j,
+				"aria-hidden": !O,
+				className: z(),
+				children: /* @__PURE__ */ u(r.Provider, {
+					value: y,
+					children: A
+				})
+			}), O && /* @__PURE__ */ u("div", {
 				role: "presentation",
-				className: I()
+				className: L()
 			})]
 		})]
 	});
 });
-_.displayName = "TaskGroup";
+v.displayName = "TaskGroup";
 //#endregion
-export { _ as TaskGroup };
+export { v as TaskGroup };

package/dist/esm/integrations/tanstack-router/components/task-menu/SubTask.js

@@ -1,17 +1,39 @@
-import { RawSubTask as e } from "../../../../components/task-menu/parts/RawSubTask.js";
-import { jsx as t } from "react/jsx-runtime";
-import { createLink as n } from "@tanstack/react-router";
+import { useTaskMenuContext as e } from "../../../../components/task-menu/TaskMenu.context.js";
+import { useTaskGroupId as t } from "../../../../components/task-menu/TaskGroup.context.js";
+import { RawSubTask as n } from "../../../../components/task-menu/parts/RawSubTask.js";
+import { useEffect as r } from "react";
+import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
+import { createLink as s, useLinkProps as c } from "@tanstack/react-router";
 //#region src/integrations/tanstack-router/components/task-menu/SubTask.tsx
-var r = n(e);
-function i(n) {
-	if ("to" in n || "href" in n) {
-		let e = { "data-current": !0 };
-		return /* @__PURE__ */ t(r, {
-			...n,
-			activeProps: e
-		});
-	} else return /* @__PURE__ */ t(e, { ...n });
+var l = s(n);
+function u({ label: t, taskGroupId: n, uniqueId: i }) {
+	let { setCurrentTask: a } = e();
+	return r(() => {
+		a?.({
+			uniqueId: i,
+			label: t
+		}, n ?? void 0);
+	}, [
+		t,
+		a,
+		n,
+		i
+	]), null;
 }
-i.displayName = "SubTask";
+function d({ subTaskProps: e }) {
+	let n = { "data-current": !0 }, r = c(e), s = t();
+	return /* @__PURE__ */ o(i, { children: [r["aria-current"] === "page" && /* @__PURE__ */ a(u, {
+		label: e.label,
+		taskGroupId: s,
+		uniqueId: e.uniqueId
+	}), /* @__PURE__ */ a(l, {
+		...e,
+		activeProps: n
+	})] });
+}
+function f(e) {
+	return "to" in e || "href" in e ? /* @__PURE__ */ a(d, { subTaskProps: e }) : /* @__PURE__ */ a(n, { ...e });
+}
+f.displayName = "SubTask";
 //#endregion
-export { i as SubTask };
+export { f as SubTask };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@payfit/unity-components",
-  "version": "2.55.17",
+  "version": "2.55.18",
   "module": "./dist/esm/index.js",
   "type": "module",
   "sideEffects": false,
@@ -93,7 +93,7 @@
     "tailwind-variants": "3.2.2",
     "usehooks-ts": "3.1.1",
     "zod": "4.4.3",
-    "@payfit/unity-illustrations": "2.55.17"
+    "@payfit/unity-illustrations": "2.55.18"
   },
   "peerDependencies": {
     "@hookform/devtools": "^4",
@@ -105,8 +105,8 @@
     "react-hook-form": "^7",
     "react-router-dom": "^5",
     "zod": "^3 || ^4",
-    "@payfit/unity-icons": "2.55.17",
-    "@payfit/unity-themes": "2.55.17"
+    "@payfit/unity-icons": "2.55.18",
+    "@payfit/unity-themes": "2.55.18"
   },
   "devDependencies": {
     "@figma/code-connect": "1.4.8",
@@ -156,10 +156,10 @@
     "@payfit/hr-apps-tsconfigs": "0.0.0-use.local",
     "@payfit/storybook-addon-console-errors": "0.0.0-use.local",
     "@payfit/storybook-config": "0.0.0-use.local",
-    "@payfit/unity-illustrations": "2.55.17",
-    "@payfit/vite-configs": "0.0.0-use.local",
-    "@payfit/unity-themes": "2.55.17",
-    "@payfit/unity-icons": "2.55.17"
+    "@payfit/unity-icons": "2.55.18",
+    "@payfit/unity-illustrations": "2.55.18",
+    "@payfit/unity-themes": "2.55.18",
+    "@payfit/vite-configs": "0.0.0-use.local"
   },
   "peerDependenciesMeta": {
     "@hookform/devtools": {