@payfit/unity-components 2.60.15 → 2.60.17

package/dist/esm/components/empty-state/parts/EmptyStateContent.d.ts

@@ -1,9 +1,15 @@
 import { ReactNode } from 'react';
+import { TextProps } from '../../text/Text.js';
 export interface EmptyStateContentProps {
     /**
      * The main title text for the empty state.
      */
     title?: ReactNode;
+    /**
+     * Semantic element used for the title while retaining the EmptyState typography.
+     * @default 'h4'
+     */
+    titleAsElement?: TextProps['asElement'];
     /**
      * Additional descriptive text providing context about the empty state.
      */

package/dist/esm/components/empty-state/parts/EmptyStateContent.js

@@ -2,18 +2,19 @@ import { Text as e } from "../../text/Text.js";
 import { forwardRef as t } from "react";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
 //#region src/components/empty-state/parts/EmptyStateContent.tsx
-var i = t(({ title: t, description: i, ...a }, o) => !t && !i ? null : /* @__PURE__ */ r("div", {
-	ref: o,
+var i = t(({ title: t, titleAsElement: i, description: a, ...o }, s) => !t && !a ? null : /* @__PURE__ */ r("div", {
+	ref: s,
 	className: "uy:flex uy:flex-col uy:items-center uy:gap-100 uy:text-center",
-	...a,
+	...o,
 	children: [t && /* @__PURE__ */ n(e, {
 		variant: "h4",
+		asElement: i,
 		color: "content.neutral",
 		children: t
-	}), i && /* @__PURE__ */ n(e, {
+	}), a && /* @__PURE__ */ n(e, {
 		variant: "body",
 		color: "content.neutral.low",
-		children: i
+		children: a
 	})]
 }));
 i.displayName = "EmptyStateContent";

package/dist/esm/components/menu/parts/MenuContent.d.ts

@@ -1,4 +1,5 @@
 import { PropsWithChildren } from 'react';
+import { MenuProps as ReactAriaMenuProps } from 'react-aria-components/Menu';
 import { PopoverProps } from 'react-aria-components/Popover';
 interface MenuContent {
     /**
@@ -10,8 +11,12 @@ interface MenuContent {
      * @deprecated move it to the root Menu component
      */
     triggerRef?: PopoverProps['triggerRef'];
+    /** Add custom classes to the menu content */
+    className?: string;
+    selectionMode?: ReactAriaMenuProps<object>['selectionMode'];
+    selectedKeys?: ReactAriaMenuProps<object>['selectedKeys'];
 }
-export declare function MenuContent({ children, placement, width, triggerRef, }: PropsWithChildren<MenuContent>): import("react/jsx-runtime").JSX.Element;
+export declare function MenuContent({ children, placement, width, triggerRef, className, selectionMode, selectedKeys, }: PropsWithChildren<MenuContent>): import("react/jsx-runtime").JSX.Element;
 export declare namespace MenuContent {
     var displayName: string;
 }

package/dist/esm/components/menu/parts/MenuContent.js

@@ -1,19 +1,21 @@
 import "react";
-import { uyTv as e } from "@payfit/unity-themes";
-import { jsx as t } from "react/jsx-runtime";
-import { Menu as n } from "react-aria-components/Menu";
+import { uyMerge as e, uyTv as t } from "@payfit/unity-themes";
+import { jsx as n } from "react/jsx-runtime";
+import { Menu as r } from "react-aria-components/Menu";
 //#region src/components/menu/parts/MenuContent.tsx
-var r = e({ base: ["uy:outline-none", "uy:w-(--uy-menu-content-width) uy:min-w-(--uy-menu-content-min-width)"] });
-function i({ children: e, placement: i, width: a, triggerRef: o }) {
-	return /* @__PURE__ */ t(n, {
-		className: r(),
+var i = t({ base: ["uy:outline-none", "uy:w-(--uy-menu-content-width) uy:min-w-(--uy-menu-content-min-width)"] });
+function a({ children: t, placement: a, width: o, triggerRef: s, className: c, selectionMode: l, selectedKeys: u }) {
+	return /* @__PURE__ */ n(r, {
+		className: e(i(), c),
+		selectionMode: l,
+		selectedKeys: u,
 		style: {
-			"--uy-menu-content-width": a ? `${a}px` : "auto",
-			"--uy-menu-content-min-width": a ? "" : "calc(var(--uy-spacing) * 40)"
+			"--uy-menu-content-width": o ? `${o}px` : "auto",
+			"--uy-menu-content-min-width": o ? "" : "calc(var(--uy-spacing) * 40)"
 		},
-		children: e
+		children: t
 	});
 }
-i.displayName = "MenuContent";
+a.displayName = "MenuContent";
 //#endregion
-export { i as MenuContent };
+export { a as MenuContent };

package/dist/esm/components/menu/parts/RawMenuItem.d.ts

@@ -3,6 +3,7 @@ import { MenuItemProps as MenuItemAriaComponentProps } from 'react-aria-componen
 import { DataAttributes } from '../../../types/DataAttributes.js';
 export interface MenuItemProps extends DataAttributes {
     children?: MenuItemAriaComponentProps['children'];
+    id?: MenuItemAriaComponentProps['id'];
     href?: MenuItemAriaComponentProps['href'];
     onAction?: MenuItemAriaComponentProps['onAction'];
     isDisabled?: MenuItemAriaComponentProps['isDisabled'];

package/dist/esm/components/menu/parts/RawMenuItem.js

@@ -11,14 +11,15 @@ var a = t({ base: [
 	"uy:active:bg-surface-neutral-active",
 	"uy:data-[focused=true]:not-data-[focus-visible=true]:outline-0 uy:data-[focus-visible=true]:outline-2 uy:data-[focus-visible=true]:outline-offset-2 uy:data-[focus-visible=true]:outline-utility-focus-ring",
 	"uy:aria-disabled:text-content-neutral-disabled uy:aria-disabled:cursor-not-allowed"
-] }), o = e(function({ prefix: e, children: t, href: o, onAction: s, className: c, isDisabled: l, ...u }, d) {
+] }), o = e(function({ prefix: e, children: t, id: o, href: s, onAction: c, className: l, isDisabled: u, ...d }, f) {
 	return /* @__PURE__ */ r(i, {
-		ref: d,
-		href: o,
-		isDisabled: l,
-		onAction: s,
-		className: a({ className: c }),
-		...u,
+		ref: f,
+		id: o,
+		href: s,
+		isDisabled: u,
+		onAction: c,
+		className: a({ className: l }),
+		...d,
 		children: [/* @__PURE__ */ n("div", {
 			className: "uy:text-content-neutral-low uy:group-aria-disabled:text-content-neutral-disabled",
 			children: e || null

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@payfit/unity-components",
-  "version": "2.60.15",
+  "version": "2.60.17",
   "module": "./dist/esm/index.js",
   "type": "module",
   "sideEffects": false,
@@ -71,8 +71,8 @@
     "@react-aria/utils": "3.34.1",
     "@react-types/shared": "3.26.0",
     "@standard-schema/spec": "1.1.0",
-    "@tanstack/form-core": "1.33.2",
-    "@tanstack/react-form": "1.33.2",
+    "@tanstack/form-core": "1.33.3",
+    "@tanstack/react-form": "1.33.3",
     "@tanstack/react-store": "0.11.0",
     "@tanstack/react-virtual": "3.14.9",
     "@use-gesture/react": "10.3.1",
@@ -92,11 +92,11 @@
     "react-international-phone": "4.5.0",
     "react-intl": "7.1.14",
     "react-stately": "3.48.0",
-    "storybook": "10.5.4",
+    "storybook": "10.5.5",
     "tailwind-variants": "3.2.2",
     "usehooks-ts": "3.1.1",
     "zod": "4.4.3",
-    "@payfit/unity-illustrations": "2.60.15"
+    "@payfit/unity-illustrations": "2.60.17"
   },
   "peerDependencies": {
     "@hookform/devtools": "^4",
@@ -108,25 +108,25 @@
     "react-hook-form": "^7",
     "react-router-dom": "^5",
     "zod": "^3 || ^4",
-    "@payfit/unity-icons": "2.60.15",
-    "@payfit/unity-themes": "2.60.15"
+    "@payfit/unity-icons": "2.60.17",
+    "@payfit/unity-themes": "2.60.17"
   },
   "devDependencies": {
     "@figma/code-connect": "1.5.1",
     "@github-ui/storybook-addon-performance-panel": "1.1.4",
     "@hookform/devtools": "4.4.0",
     "@internationalized/date": "3.12.2",
-    "@storybook/addon-a11y": "10.5.4",
+    "@storybook/addon-a11y": "10.5.5",
     "@storybook/addon-designs": "11.1.4",
-    "@storybook/addon-docs": "10.5.4",
-    "@storybook/addon-links": "10.5.4",
+    "@storybook/addon-docs": "10.5.5",
+    "@storybook/addon-links": "10.5.5",
     "@storybook/addon-mcp": "0.7.0",
-    "@storybook/addon-themes": "10.5.4",
-    "@storybook/addon-vitest": "10.5.4",
-    "@storybook/react-vite": "10.5.4",
+    "@storybook/addon-themes": "10.5.5",
+    "@storybook/addon-vitest": "10.5.5",
+    "@storybook/react-vite": "10.5.5",
     "@tanstack/intent": "0.3.6",
     "@tanstack/react-devtools": "0.10.9",
-    "@tanstack/react-form-devtools": "0.2.31",
+    "@tanstack/react-form-devtools": "0.2.32",
     "@tanstack/react-query": "5.101.4",
     "@tanstack/react-router": "1.170.18",
     "@tanstack/react-router-devtools": "1.167.0",
@@ -145,8 +145,8 @@
     "prettier": "3.8.3",
     "react-docgen-typescript": "2.2.2",
     "react-hot-toast": "2.5.1",
-    "storybook": "10.5.4",
-    "storybook-addon-pseudo-states": "10.5.4",
+    "storybook": "10.5.5",
+    "storybook-addon-pseudo-states": "10.5.5",
     "storybook-addon-tag-badges": "3.1.0",
     "storybook-addon-test-codegen": "3.0.4",
     "storybook-mock-date-decorator": "3.0.0",
@@ -157,12 +157,12 @@
     "vitest": "4.1.10",
     "@payfit/hr-app-eslint": "0.0.0-use.local",
     "@payfit/hr-apps-tsconfigs": "0.0.0-use.local",
+    "@payfit/storybook-config": "0.0.0-use.local",
     "@payfit/storybook-addon-console-errors": "0.0.0-use.local",
-    "@payfit/unity-icons": "2.60.15",
-    "@payfit/unity-themes": "2.60.15",
-    "@payfit/vite-configs": "0.0.0-use.local",
-    "@payfit/unity-illustrations": "2.60.15",
-    "@payfit/storybook-config": "0.0.0-use.local"
+    "@payfit/unity-icons": "2.60.17",
+    "@payfit/unity-illustrations": "2.60.17",
+    "@payfit/unity-themes": "2.60.17",
+    "@payfit/vite-configs": "0.0.0-use.local"
   },
   "peerDependenciesMeta": {
     "@hookform/devtools": {