@jobber/components 6.101.3 → 6.102.0

package/dist/Menu/Menu.d.ts

@@ -1,6 +1,6 @@
 import type { ReactElement } from "react";
 import React from "react";
-import type { MenuComposableProps, MenuContentComposableProps, MenuHeaderComposableProps, MenuItemComposableProps, MenuItemIconComposableProps, MenuLegacyProps, MenuSectionComposableProps, MenuSeparatorComposableProps, MenuTriggerComposableProps } from "./Menu.types";
+import type { MenuComposableProps, MenuContentComposableProps, MenuHeaderComposableProps, MenuItemComposableProps, MenuItemIconComposableProps, MenuItemLabelComposableProps, MenuLegacyProps, MenuSectionComposableProps, MenuSeparatorComposableProps, MenuTriggerComposableProps } from "./Menu.types";
 export declare function Menu(props: MenuLegacyProps): ReactElement;
 export declare function Menu(props: MenuComposableProps): ReactElement;
 export declare namespace Menu {
@@ -20,9 +20,7 @@ declare function MenuSeparatorComposable({ UNSAFE_style, UNSAFE_className, }: Me
 declare function MenuSectionComposable({ children, UNSAFE_style, UNSAFE_className, ariaLabel, }: MenuSectionComposableProps): React.JSX.Element;
 declare function MenuHeaderComposable(props: MenuHeaderComposableProps): React.JSX.Element;
 declare function MenuItemIconComposable(props: MenuItemIconComposableProps): React.JSX.Element;
-declare function MenuItemLabelComposable(props: {
-    readonly children: string;
-}): React.JSX.Element;
+declare function MenuItemLabelComposable(props: MenuItemLabelComposableProps): React.JSX.Element;
 declare function MenuHeaderLabel(props: {
     readonly children: React.ReactNode;
 }): React.JSX.Element;

package/dist/Menu/Menu.types.d.ts

@@ -180,4 +180,13 @@ export type AnimationState = "unmounted" | "hidden" | "visible";
 export interface MenuMobileUnderlayProps {
     readonly animation: AnimationState;
 }
+export interface MenuItemLabelComposableProps {
+    /**
+     * Item label content.
+     * This is rendered inside a Typography (span) component, so you MUST supply either
+     * a string or a fragment/utility component that renders down to a raw string (e.g.
+     * translation helpers).
+     */
+    readonly children: React.ReactNode;
+}
 export {};

package/dist/testUtils/viewport.d.ts

@@ -2,5 +2,5 @@ export interface ViewportDimensions {
     readonly width?: number;
     readonly height?: number;
 }
-export declare function mockViewport({ width, height, }: ViewportDimensions): () => void;
+export declare function mockViewport({ width, height, }: ViewportDimensions): Promise<() => void>;
 export declare function withMockedViewport(dimensions: ViewportDimensions, run: () => Promise<void> | void): Promise<void>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components",
-  "version": "6.101.3",
+  "version": "6.102.0",
   "license": "MIT",
   "type": "module",
   "main": "dist/index.cjs",
@@ -538,5 +538,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "0717151d28b7d4e31af543078d7fd4abbeed3851"
+  "gitHead": "1bab53a257b1c96c41a1d8b437f432fad4d138c1"
 }