newskit 6.7.0 → 6.9.0

package/cjs/image/types.d.ts

@@ -6,21 +6,19 @@ import { BreakpointKeys } from '../theme/types';
 import { Override } from '../utils/overrides';
 import { LogicalMarginProps } from '../utils/logical-properties';
 declare type LoadingType = 'lazy' | 'eager';
-interface HTMLImageElementWithNoSizes extends Omit<React.ImgHTMLAttributes<HTMLImageElement>, 'height' | 'width'> {
-}
-export declare type ImageCommonProps = {
+export interface ImageCommonProps extends React.ImgHTMLAttributes<HTMLImageElement> {
     isLoading?: boolean;
     loadingAspectRatio?: MQ<string>;
     overrides?: {
         height?: MQ<HeightProperty<string>>;
         width?: MQ<WidthProperty<string>>;
     } & LogicalMarginProps;
-};
+}
 interface ImageAlignmentProps {
     fit?: ObjectFitProperty;
     position?: ObjectPositionProperty<string>;
 }
-export interface StyledImageProps extends HTMLImageElementWithNoSizes, ImageAlignmentProps, ImageCommonProps {
+export interface StyledImageProps extends React.ImgHTMLAttributes<HTMLImageElement>, ImageAlignmentProps, ImageCommonProps {
     loading?: LoadingType;
     overrides?: {
         maxHeight?: MQ<MaxHeightProperty<string>>;
@@ -32,7 +30,7 @@ export interface StyledPictureProps extends ImageCommonProps {
         stylePreset?: MQ<string>;
     } & ImageCommonProps['overrides'];
 }
-export interface ImageProps extends HTMLImageElementWithNoSizes, ImageAlignmentProps {
+export interface ImageProps extends React.ImgHTMLAttributes<HTMLImageElement>, ImageAlignmentProps {
     placeholderIcon?: boolean;
     loadingAspectRatio?: MQ<string>;
     renderOnServer?: boolean;

package/cjs/image/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/image/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,iBAAiB,EACjB,cAAc,EACd,aAAa,EACb,iBAAiB,EACjB,gBAAgB,EAChB,sBAAsB,EACvB,MAAM,SAAS,CAAC;AACjB,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,gBAAgB,EAAC,MAAM,UAAU,CAAC;AAC1C,OAAO,EAAC,cAAc,EAAC,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAC,QAAQ,EAAC,MAAM,oBAAoB,CAAC;AAC5C,OAAO,EAAC,kBAAkB,EAAC,MAAM,6BAA6B,CAAC;AAE/D,aAAK,WAAW,GAAG,MAAM,GAAG,OAAO,CAAC;AAEpC,UAAU,2BACR,SAAQ,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;CAAG;AAEhF,oBAAY,gBAAgB,GAAG;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,kBAAkB,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IAChC,SAAS,CAAC,EAAE;QACV,MAAM,CAAC,EAAE,EAAE,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;QACpC,KAAK,CAAC,EAAE,EAAE,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC;KACnC,GAAG,kBAAkB,CAAC;CACxB,CAAC;AAEF,UAAU,mBAAmB;IAC3B,GAAG,CAAC,EAAE,iBAAiB,CAAC;IACxB,QAAQ,CAAC,EAAE,sBAAsB,CAAC,MAAM,CAAC,CAAC;CAC3C;AACD,MAAM,WAAW,gBACf,SAAQ,2BAA2B,EACjC,mBAAmB,EACnB,gBAAgB;IAClB,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,SAAS,CAAC,EAAE;QACV,SAAS,CAAC,EAAE,EAAE,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC,CAAC;QAC1C,QAAQ,CAAC,EAAE,EAAE,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC,CAAC;KACzC,GAAG,gBAAgB,CAAC,WAAW,CAAC,CAAC;CACnC;AACD,MAAM,WAAW,kBAAmB,SAAQ,gBAAgB;IAC1D,SAAS,CAAC,EAAE;QACV,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;KAC1B,GAAG,gBAAgB,CAAC,WAAW,CAAC,CAAC;CACnC;AACD,MAAM,WAAW,UACf,SAAQ,2BAA2B,EACjC,mBAAmB;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,kBAAkB,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IAChC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,OAAO,CAAC,EAAE,WAAW,EAAE,CAAC;IACxB,SAAS,CAAC,EAAE;QACV,SAAS,CAAC,EAAE,EAAE,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC,CAAC;QAC1C,QAAQ,CAAC,EAAE,EAAE,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC,CAAC;QACxC,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACzB,eAAe,CAAC,EAAE,QAAQ,CAAC,gBAAgB,CAAC,CAAC;KAC9C,GAAG,gBAAgB,CAAC,WAAW,CAAC,CAAC;CACnC;AAED,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IACpE,KAAK,CAAC,EAAE,cAAc,GAAG,MAAM,CAAC;CACjC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/image/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,iBAAiB,EACjB,cAAc,EACd,aAAa,EACb,iBAAiB,EACjB,gBAAgB,EAChB,sBAAsB,EACvB,MAAM,SAAS,CAAC;AACjB,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,gBAAgB,EAAC,MAAM,UAAU,CAAC;AAC1C,OAAO,EAAC,cAAc,EAAC,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAC,QAAQ,EAAC,MAAM,oBAAoB,CAAC;AAC5C,OAAO,EAAC,kBAAkB,EAAC,MAAM,6BAA6B,CAAC;AAE/D,aAAK,WAAW,GAAG,MAAM,GAAG,OAAO,CAAC;AAEpC,MAAM,WAAW,gBACf,SAAQ,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC;IACjD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,kBAAkB,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IAChC,SAAS,CAAC,EAAE;QACV,MAAM,CAAC,EAAE,EAAE,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;QACpC,KAAK,CAAC,EAAE,EAAE,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC;KACnC,GAAG,kBAAkB,CAAC;CACxB;AAED,UAAU,mBAAmB;IAC3B,GAAG,CAAC,EAAE,iBAAiB,CAAC;IACxB,QAAQ,CAAC,EAAE,sBAAsB,CAAC,MAAM,CAAC,CAAC;CAC3C;AACD,MAAM,WAAW,gBACf,SAAQ,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,EAC/C,mBAAmB,EACnB,gBAAgB;IAClB,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,SAAS,CAAC,EAAE;QACV,SAAS,CAAC,EAAE,EAAE,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC,CAAC;QAC1C,QAAQ,CAAC,EAAE,EAAE,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC,CAAC;KACzC,GAAG,gBAAgB,CAAC,WAAW,CAAC,CAAC;CACnC;AACD,MAAM,WAAW,kBAAmB,SAAQ,gBAAgB;IAC1D,SAAS,CAAC,EAAE;QACV,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;KAC1B,GAAG,gBAAgB,CAAC,WAAW,CAAC,CAAC;CACnC;AACD,MAAM,WAAW,UACf,SAAQ,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,EAC/C,mBAAmB;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,kBAAkB,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IAChC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,OAAO,CAAC,EAAE,WAAW,EAAE,CAAC;IACxB,SAAS,CAAC,EAAE;QACV,SAAS,CAAC,EAAE,EAAE,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC,CAAC;QAC1C,QAAQ,CAAC,EAAE,EAAE,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC,CAAC;QACxC,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACzB,eAAe,CAAC,EAAE,QAAQ,CAAC,gBAAgB,CAAC,CAAC;KAC9C,GAAG,gBAAgB,CAAC,WAAW,CAAC,CAAC;CACnC;AAED,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IACpE,KAAK,CAAC,EAAE,cAAc,GAAG,MAAM,CAAC;CACjC"}

package/cjs/image/utils.d.ts

@@ -2,7 +2,7 @@ import { BreakpointKeys } from '../theme/types';
 import { CSSObject } from '../utils/style';
 import { ThemeProp } from '../utils/style-types';
 import { ImageCommonProps } from './types';
-export declare const getResponsiveAspectRatioFromProps: ({ overrides, ...props }: ImageCommonProps & ThemeProp, handler: (values: {
+export declare const getResponsiveAspectRatioFromProps: ({ width: propWidth, height: propHeight, overrides, ...props }: ImageCommonProps & ThemeProp, handler: (values: {
     width: string;
     height: string;
     paddingTop: string;

package/cjs/image/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/image/utils.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,cAAc,EAAC,MAAM,gBAAgB,CAAC;AAE9C,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAC,SAAS,EAAC,MAAM,sBAAsB,CAAC;AAE/C,OAAO,EAAC,gBAAgB,EAAC,MAAM,SAAS,CAAC;AAEzC,eAAO,MAAM,iCAAiC,4BACrB,gBAAgB,GAAG,SAAS,oBACjC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;CACpB,KAAK,MAAM,GAAG,SAAS,KACvB,MAAM,GAAG,SAkCX,CAAC;AAEF,eAAO,MAAM,aAAa,aACd,MAAM,OAAO,GAAG,IAAI,UACtB,MAAM,SAAS,CAAC,gBAAgB,CAAC,SAQ1C,CAAC;AAEF,eAAO,MAAM,iBAAiB,YACnB,cAAc,OAClB,cAAc,EAAE,KACpB,cAAc,GAAG,SAGnB,CAAC"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/image/utils.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,cAAc,EAAC,MAAM,gBAAgB,CAAC;AAE9C,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAC,SAAS,EAAC,MAAM,sBAAsB,CAAC;AAE/C,OAAO,EAAC,gBAAgB,EAAC,MAAM,SAAS,CAAC;AAEzC,eAAO,MAAM,iCAAiC,kEAMzC,gBAAgB,GAAG,SAAS,oBACb;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;CACpB,KAAK,MAAM,GAAG,SAAS,KACvB,MAAM,GAAG,SAiCX,CAAC;AAEF,eAAO,MAAM,aAAa,aACd,MAAM,OAAO,GAAG,IAAI,UACtB,MAAM,SAAS,CAAC,gBAAgB,CAAC,SAQ1C,CAAC;AAEF,eAAO,MAAM,iBAAiB,YACnB,cAAc,OAClB,cAAc,EAAE,KACpB,cAAc,GAAG,SAGnB,CAAC"}

package/cjs/image/utils.js

@@ -27,11 +27,9 @@ var react_1 = require("react");
 var get_aspect_ratio_1 = require("../utils/get-aspect-ratio");
 var getters_1 = require("../utils/style/getters");
 var getResponsiveAspectRatioFromProps = function (_a, handler) {
-    var overrides = _a.overrides, props = __rest(_a, ["overrides"]);
-    /* istanbul ignore next */
-    var overridesWidth = overrides === null || overrides === void 0 ? void 0 : overrides.width;
-    /* istanbul ignore next */
-    var overridesHeight = overrides === null || overrides === void 0 ? void 0 : overrides.height;
+    var propWidth = _a.width, propHeight = _a.height, overrides = _a.overrides, props = __rest(_a, ["width", "height", "overrides"]);
+    var imgWidth = overrides && overrides.width;
+    var imgHeight = overrides && overrides.height;
     return (0, getters_1.handleResponsiveProp)({
         width: '100%',
         height: 'auto',
@@ -44,12 +42,13 @@ var getResponsiveAspectRatioFromProps = function (_a, handler) {
             width: width,
         }), aspectWidth = _b.width, aspectHeight = _b.height, paddingTop = _b.paddingTop;
         var responsiveProps = {
-            height: aspectHeight || 'auto',
-            width: aspectWidth || '100%',
+            height: aspectHeight || (!propHeight && 'auto'),
+            width: aspectWidth || (!propWidth && '100%'),
             paddingTop: paddingTop || '0',
         };
+        // @ts-ignore
         return handler(responsiveProps);
-    })(__assign({ width: overridesWidth, height: overridesHeight }, props));
+    })(__assign({ width: imgWidth, height: imgHeight }, props));
 };
 exports.getResponsiveAspectRatioFromProps = getResponsiveAspectRatioFromProps;
 var useClientSide = function (callback, imgRef) {

package/cjs/image/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/image/utils.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAgC;AAEhC,8DAA+D;AAG/D,kDAA4D;AAGrD,IAAM,iCAAiC,GAAG,UAC/C,EAAmD,EACnD,OAIwB;IALvB,IAAA,SAAS,eAAA,EAAK,KAAK,cAApB,aAAqB,CAAD;IAOpB,0BAA0B;IAC1B,IAAM,cAAc,GAAG,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,KAAK,CAAC;IACxC,0BAA0B;IAC1B,IAAM,eAAe,GAAG,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,MAAM,CAAC;IAE1C,OAAO,IAAA,8BAAoB,EACzB;QACE,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,kBAAkB,EAAE,EAAE;KACvB,EACD,UAAC,EAAmC;YAAlC,KAAK,WAAA,EAAE,MAAM,YAAA,EAAE,kBAAkB,wBAAA;QAC3B,IAAA,KAIF,IAAA,uCAAoB,EAAC;YACvB,WAAW,EAAE,kBAAkB;YAC/B,MAAM,QAAA;YACN,KAAK,OAAA;SACN,CAAC,EAPO,WAAW,WAAA,EACV,YAAY,YAAA,EACpB,UAAU,gBAKV,CAAC;QACH,IAAM,eAAe,GAAG;YACtB,MAAM,EAAE,YAAY,IAAI,MAAM;YAC9B,KAAK,EAAE,WAAW,IAAI,MAAM;YAC5B,UAAU,EAAE,UAAU,IAAI,GAAG;SAC9B,CAAC;QACF,OAAO,OAAO,CAAC,eAAe,CAAC,CAAC;IAClC,CAAC,CACF,CAAC,WACA,KAAK,EAAE,cAAc,EACrB,MAAM,EAAE,eAAe,IACpB,KAAK,CACI,CAAC,CAAC;AAClB,CAAC,CAAC;AAzCW,QAAA,iCAAiC,qCAyC5C;AAEK,IAAM,aAAa,GAAG,UAC3B,QAA8B,EAC9B,MAAyC;IAEzC,IAAA,iBAAS,EAAC;QACR,IAAM,YAAY,GAAG,MAAM,CAAC,OAAQ,CAAC;QACrC,IAAI,YAAY,IAAI,YAAY,CAAC,QAAQ,EAAE;YACzC,QAAQ,EAAE,CAAC;SACZ;IACH,CAAC,CAAC,CAAC;AACL,CAAC,CAAC;AAVW,QAAA,aAAa,iBAUxB;AAEK,IAAM,iBAAiB,GAAG,UAC/B,OAAuB,EACvB,GAAqB;IAErB,IAAM,YAAY,GAAG,GAAG,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;IAC1C,OAAO,GAAG,CAAC,YAAY,GAAG,CAAC,CAAC,CAAC;AAC/B,CAAC,CAAC;AANW,QAAA,iBAAiB,qBAM5B"}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/image/utils.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAgC;AAEhC,8DAA+D;AAG/D,kDAA4D;AAGrD,IAAM,iCAAiC,GAAG,UAC/C,EAK+B,EAC/B,OAIwB;IATtB,IAAO,SAAS,WAAA,EACR,UAAU,YAAA,EAClB,SAAS,eAAA,EACN,KAAK,cAJV,gCAKC,CADS;IAQV,IAAM,QAAQ,GAAG,SAAS,IAAI,SAAS,CAAC,KAAK,CAAC;IAC9C,IAAM,SAAS,GAAG,SAAS,IAAI,SAAS,CAAC,MAAM,CAAC;IAEhD,OAAO,IAAA,8BAAoB,EACzB;QACE,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,kBAAkB,EAAE,EAAE;KACvB,EACD,UAAC,EAAmC;YAAlC,KAAK,WAAA,EAAE,MAAM,YAAA,EAAE,kBAAkB,wBAAA;QAC3B,IAAA,KAIF,IAAA,uCAAoB,EAAC;YACvB,WAAW,EAAE,kBAAkB;YAC/B,MAAM,QAAA;YACN,KAAK,OAAA;SACN,CAAC,EAPO,WAAW,WAAA,EACV,YAAY,YAAA,EACpB,UAAU,gBAKV,CAAC;QACH,IAAM,eAAe,GAAG;YACtB,MAAM,EAAE,YAAY,IAAI,CAAC,CAAC,UAAU,IAAI,MAAM,CAAC;YAC/C,KAAK,EAAE,WAAW,IAAI,CAAC,CAAC,SAAS,IAAI,MAAM,CAAC;YAC5C,UAAU,EAAE,UAAU,IAAI,GAAG;SAC9B,CAAC;QACF,aAAa;QACb,OAAO,OAAO,CAAC,eAAe,CAAC,CAAC;IAClC,CAAC,CACF,CAAC,WACA,KAAK,EAAE,QAAQ,EACf,MAAM,EAAE,SAAS,IACd,KAAK,CACI,CAAC,CAAC;AAClB,CAAC,CAAC;AA7CW,QAAA,iCAAiC,qCA6C5C;AAEK,IAAM,aAAa,GAAG,UAC3B,QAA8B,EAC9B,MAAyC;IAEzC,IAAA,iBAAS,EAAC;QACR,IAAM,YAAY,GAAG,MAAM,CAAC,OAAQ,CAAC;QACrC,IAAI,YAAY,IAAI,YAAY,CAAC,QAAQ,EAAE;YACzC,QAAQ,EAAE,CAAC;SACZ;IACH,CAAC,CAAC,CAAC;AACL,CAAC,CAAC;AAVW,QAAA,aAAa,iBAUxB;AAEK,IAAM,iBAAiB,GAAG,UAC/B,OAAuB,EACvB,GAAqB;IAErB,IAAM,YAAY,GAAG,GAAG,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;IAC1C,OAAO,GAAG,CAAC,YAAY,GAAG,CAAC,CAAC,CAAC;AAC/B,CAAC,CAAC;AANW,QAAA,iBAAiB,qBAM5B"}

package/cjs/link/style-presets.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"style-presets.d.ts","sourceRoot":"","sources":["../../../src/link/style-presets.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;;AAG3C,wBA4FiC"}
+{"version":3,"file":"style-presets.d.ts","sourceRoot":"","sources":["../../../src/link/style-presets.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;;AAG3C,wBA6FiC"}

package/cjs/link/style-presets.js.map

@@ -1 +1 @@
-{"version":3,"file":"style-presets.js","sourceRoot":"","sources":["../../../src/link/style-presets.ts"],"names":[],"mappings":";;AACA,wEAAmE;AAEnE,kBAAe;IACb,cAAc,EAAE;QACd,IAAI,EAAE;YACJ,KAAK,EAAE,kCAAkC;YACzC,SAAS,EAAE,kCAAkC;YAC7C,cAAc,EAAE,MAAM;SACvB;QACD,KAAK,EAAE;YACL,KAAK,EAAE,kCAAkC;YACzC,SAAS,EAAE,kCAAkC;YAC7C,cAAc,EAAE,WAAW;SAC5B;QACD,MAAM,EAAE;YACN,KAAK,EAAE,kCAAkC;YACzC,SAAS,EAAE,kCAAkC;YAC7C,cAAc,EAAE,WAAW;SAC5B;QACD,eAAe,EAAE,2CAAmB;KACrC;IACD,qBAAqB,EAAE;QACrB,IAAI,EAAE;YACJ,KAAK,EAAE,kCAAkC;YACzC,SAAS,EAAE,kCAAkC;YAC7C,cAAc,EAAE,MAAM;SACvB;QACD,KAAK,EAAE;YACL,KAAK,EAAE,kCAAkC;YACzC,SAAS,EAAE,kCAAkC;YAC7C,cAAc,EAAE,WAAW;SAC5B;QACD,MAAM,EAAE;YACN,KAAK,EAAE,kCAAkC;YACzC,SAAS,EAAE,kCAAkC;YAC7C,cAAc,EAAE,WAAW;SAC5B;QACD,eAAe,EAAE,2CAAmB;KACrC;IACD,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,KAAK,EAAE,kCAAkC;YACzC,SAAS,EAAE,kCAAkC;YAC7C,cAAc,EAAE,WAAW;SAC5B;QACD,KAAK,EAAE;YACL,KAAK,EAAE,kCAAkC;YACzC,SAAS,EAAE,kCAAkC;YAC7C,cAAc,EAAE,WAAW;SAC5B;QACD,MAAM,EAAE;YACN,KAAK,EAAE,kCAAkC;YACzC,SAAS,EAAE,kCAAkC;YAC7C,cAAc,EAAE,WAAW;SAC5B;QACD,OAAO,EAAE;YACP,KAAK,EAAE,kCAAkC;YACzC,SAAS,EAAE,kCAAkC;YAC7C,cAAc,EAAE,WAAW;SAC5B;QACD,eAAe,EAAE;YACf,KAAK,EAAE,kCAAkC;YACzC,SAAS,EAAE,kCAAkC;YAC7C,cAAc,EAAE,WAAW;SAC5B;QACD,eAAe,EAAE,2CAAmB;KACrC;IACD,iBAAiB,EAAE;QACjB,IAAI,EAAE;YACJ,KAAK,EAAE,kCAAkC;YACzC,SAAS,EAAE,kCAAkC;YAC7C,cAAc,EAAE,WAAW;SAC5B;QACD,KAAK,EAAE;YACL,KAAK,EAAE,kCAAkC;YACzC,SAAS,EAAE,kCAAkC;YAC7C,cAAc,EAAE,WAAW;SAC5B;QACD,MAAM,EAAE;YACN,KAAK,EAAE,kCAAkC;YACzC,SAAS,EAAE,kCAAkC;YAC7C,cAAc,EAAE,WAAW;SAC5B;QACD,OAAO,EAAE;YACP,KAAK,EAAE,kCAAkC;YACzC,SAAS,EAAE,kCAAkC;YAC7C,cAAc,EAAE,WAAW;SAC5B;QACD,eAAe,EAAE;YACf,KAAK,EAAE,kCAAkC;YACzC,SAAS,EAAE,kCAAkC;SAC9C;QACD,eAAe,EAAE,2CAAmB;KACrC;CAC6B,CAAC"}
+{"version":3,"file":"style-presets.js","sourceRoot":"","sources":["../../../src/link/style-presets.ts"],"names":[],"mappings":";;AACA,wEAAmE;AAEnE,kBAAe;IACb,cAAc,EAAE;QACd,IAAI,EAAE;YACJ,KAAK,EAAE,kCAAkC;YACzC,SAAS,EAAE,kCAAkC;YAC7C,cAAc,EAAE,MAAM;SACvB;QACD,KAAK,EAAE;YACL,KAAK,EAAE,kCAAkC;YACzC,SAAS,EAAE,kCAAkC;YAC7C,cAAc,EAAE,WAAW;SAC5B;QACD,MAAM,EAAE;YACN,KAAK,EAAE,kCAAkC;YACzC,SAAS,EAAE,kCAAkC;YAC7C,cAAc,EAAE,WAAW;SAC5B;QACD,eAAe,EAAE,2CAAmB;KACrC;IACD,qBAAqB,EAAE;QACrB,IAAI,EAAE;YACJ,KAAK,EAAE,kCAAkC;YACzC,SAAS,EAAE,kCAAkC;YAC7C,cAAc,EAAE,MAAM;SACvB;QACD,KAAK,EAAE;YACL,KAAK,EAAE,kCAAkC;YACzC,SAAS,EAAE,kCAAkC;YAC7C,cAAc,EAAE,WAAW;SAC5B;QACD,MAAM,EAAE;YACN,KAAK,EAAE,kCAAkC;YACzC,SAAS,EAAE,kCAAkC;YAC7C,cAAc,EAAE,WAAW;SAC5B;QACD,eAAe,EAAE,2CAAmB;KACrC;IAED,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,KAAK,EAAE,kCAAkC;YACzC,SAAS,EAAE,kCAAkC;YAC7C,cAAc,EAAE,WAAW;SAC5B;QACD,KAAK,EAAE;YACL,KAAK,EAAE,kCAAkC;YACzC,SAAS,EAAE,kCAAkC;YAC7C,cAAc,EAAE,WAAW;SAC5B;QACD,MAAM,EAAE;YACN,KAAK,EAAE,kCAAkC;YACzC,SAAS,EAAE,kCAAkC;YAC7C,cAAc,EAAE,WAAW;SAC5B;QACD,OAAO,EAAE;YACP,KAAK,EAAE,kCAAkC;YACzC,SAAS,EAAE,kCAAkC;YAC7C,cAAc,EAAE,WAAW;SAC5B;QACD,eAAe,EAAE;YACf,KAAK,EAAE,kCAAkC;YACzC,SAAS,EAAE,kCAAkC;YAC7C,cAAc,EAAE,WAAW;SAC5B;QACD,eAAe,EAAE,2CAAmB;KACrC;IACD,iBAAiB,EAAE;QACjB,IAAI,EAAE;YACJ,KAAK,EAAE,kCAAkC;YACzC,SAAS,EAAE,kCAAkC;YAC7C,cAAc,EAAE,WAAW;SAC5B;QACD,KAAK,EAAE;YACL,KAAK,EAAE,kCAAkC;YACzC,SAAS,EAAE,kCAAkC;YAC7C,cAAc,EAAE,WAAW;SAC5B;QACD,MAAM,EAAE;YACN,KAAK,EAAE,kCAAkC;YACzC,SAAS,EAAE,kCAAkC;YAC7C,cAAc,EAAE,WAAW;SAC5B;QACD,OAAO,EAAE;YACP,KAAK,EAAE,kCAAkC;YACzC,SAAS,EAAE,kCAAkC;YAC7C,cAAc,EAAE,WAAW;SAC5B;QACD,eAAe,EAAE;YACf,KAAK,EAAE,kCAAkC;YACzC,SAAS,EAAE,kCAAkC;SAC9C;QACD,eAAe,EAAE,2CAAmB;KACrC;CAC6B,CAAC"}

package/cjs/link/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/link/utils.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,eAAO,MAAM,cAAc,SAAU,MAAM,YAU1C,CAAC;AAEF,eAAO,MAAM,aAAa,2JAEgC,CAAC"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/link/utils.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,eAAO,MAAM,cAAc,SAAU,MAAM,YAW1C,CAAC;AAEF,eAAO,MAAM,aAAa,2JAEgC,CAAC"}

package/cjs/link/utils.js

@@ -8,7 +8,7 @@ var defaults_1 = __importDefault(require("./defaults"));
 var style_presets_1 = __importDefault(require("./style-presets"));
 var with_own_theme_1 = require("../utils/with-own-theme");
 var isLinkExternal = function (href) {
-    var hostName = href.match(/^https?:\/\/(?:www\.)?([^/?#]+)(?:[/?#]|$)/i);
+    var hostName = href && href.match(/^https?:\/\/(?:www\.)?([^/?#]+)(?:[/?#]|$)/i);
     if (hostName && typeof window !== 'undefined') {
         var hostLocation = window.location.host;
         if (hostName[1] !== hostLocation.replace('www.', '')) {

package/cjs/link/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/link/utils.tsx"],"names":[],"mappings":";;;;;;AACA,wDAAkC;AAClC,kEAA2C;AAC3C,0DAAqD;AAE9C,IAAM,cAAc,GAAG,UAAC,IAAY;IACzC,IAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,6CAA6C,CAAC,CAAC;IAE3E,IAAI,QAAQ,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;QAC7C,IAAM,YAAY,GAAG,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC;QAC1C,IAAI,QAAQ,CAAC,CAAC,CAAC,KAAK,YAAY,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE;YACpD,OAAO,IAAI,CAAC;SACb;KACF;IACD,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;AAVW,QAAA,cAAc,kBAUzB;AAEK,IAAM,aAAa,GAAG,UAC3B,aAA0E,IACvE,OAAA,IAAA,6BAAY,EAAC,aAAa,CAAC,CAAC,EAAC,QAAQ,oBAAA,EAAE,YAAY,yBAAA,EAAC,CAAC,EAArD,CAAqD,CAAC;AAF9C,QAAA,aAAa,iBAEiC"}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/link/utils.tsx"],"names":[],"mappings":";;;;;;AACA,wDAAkC;AAClC,kEAA2C;AAC3C,0DAAqD;AAE9C,IAAM,cAAc,GAAG,UAAC,IAAY;IACzC,IAAM,QAAQ,GACZ,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,6CAA6C,CAAC,CAAC;IAEpE,IAAI,QAAQ,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;QAC7C,IAAM,YAAY,GAAG,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC;QAC1C,IAAI,QAAQ,CAAC,CAAC,CAAC,KAAK,YAAY,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE;YACpD,OAAO,IAAI,CAAC;SACb;KACF;IACD,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;AAXW,QAAA,cAAc,kBAWzB;AAEK,IAAM,aAAa,GAAG,UAC3B,aAA0E,IACvE,OAAA,IAAA,6BAAY,EAAC,aAAa,CAAC,CAAC,EAAC,QAAQ,oBAAA,EAAE,YAAY,yBAAA,EAAC,CAAC,EAArD,CAAqD,CAAC;AAF9C,QAAA,aAAa,iBAEiC"}

package/cjs/menu/context.d.ts

@@ -1,12 +1,22 @@
 /// <reference types="react" />
 import { MenuProps } from './types';
+export declare type OnExpandedChangeFn = (nestedId: string | null) => void;
 export declare const MenuContext: import("react").Context<Pick<MenuProps, "size" | "vertical" | "align" | "overrides"> & {
+    updateExpandedMenuSubId: OnExpandedChangeFn;
+    expandedMenuSubId: string | null;
     isSubMenu?: boolean | undefined;
+    parentSubMenuId: string | null;
 }>;
 export declare const MenuContextProvider: import("react").Provider<Pick<MenuProps, "size" | "vertical" | "align" | "overrides"> & {
+    updateExpandedMenuSubId: OnExpandedChangeFn;
+    expandedMenuSubId: string | null;
     isSubMenu?: boolean | undefined;
+    parentSubMenuId: string | null;
 }>;
 export declare const useMenuContext: () => Pick<MenuProps, "size" | "vertical" | "align" | "overrides"> & {
+    updateExpandedMenuSubId: OnExpandedChangeFn;
+    expandedMenuSubId: string | null;
     isSubMenu?: boolean | undefined;
+    parentSubMenuId: string | null;
 };
 //# sourceMappingURL=context.d.ts.map

package/cjs/menu/context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/menu/context.ts"],"names":[],"mappings":";AACA,OAAO,EAAC,SAAS,EAAC,MAAM,SAAS,CAAC;AAElC,eAAO,MAAM,WAAW;;EAInB,CAAC;AACN,eAAO,MAAM,mBAAmB;;EAAuB,CAAC;AAExD,eAAO,MAAM,cAAc;;CAe1B,CAAC"}
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/menu/context.ts"],"names":[],"mappings":";AACA,OAAO,EAAC,SAAS,EAAC,MAAM,SAAS,CAAC;AAElC,oBAAY,kBAAkB,GAAG,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;AASnE,eAAO,MAAM,WAAW;6BAGK,kBAAkB;uBAExB,MAAM,GAAG,IAAI;;qBAEf,MAAM,GAAG,IAAI;EAET,CAAC;AAC1B,eAAO,MAAM,mBAAmB;6BAPH,kBAAkB;uBAExB,MAAM,GAAG,IAAI;;qBAEf,MAAM,GAAG,IAAI;EAGqB,CAAC;AAExD,eAAO,MAAM,cAAc;6BATE,kBAAkB;uBAExB,MAAM,GAAG,IAAI;;qBAEf,MAAM,GAAG,IAAI;CAoBjC,CAAC"}

package/cjs/menu/context.js

@@ -2,7 +2,13 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useMenuContext = exports.MenuContextProvider = exports.MenuContext = void 0;
 var react_1 = require("react");
-exports.MenuContext = (0, react_1.createContext)({});
+/* istanbul ignore next */
+var defaultMenuContextArgs = {
+    updateExpandedMenuSubId: function () { },
+    expandedMenuSubId: null,
+    parentSubMenuId: null,
+};
+exports.MenuContext = (0, react_1.createContext)(defaultMenuContextArgs);
 exports.MenuContextProvider = exports.MenuContext.Provider;
 var useMenuContext = function () {
     var context = (0, react_1.useContext)(exports.MenuContext);

package/cjs/menu/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","sourceRoot":"","sources":["../../../src/menu/context.ts"],"names":[],"mappings":";;;AAAA,+BAAgD;AAGnC,QAAA,WAAW,GAAG,IAAA,qBAAa,EAItC,EAAE,CAAC,CAAC;AACO,QAAA,mBAAmB,GAAG,mBAAW,CAAC,QAAQ,CAAC;AAEjD,IAAM,cAAc,GAAG;IAC5B,IAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,mBAAW,CAAC,CAAC;IAExC,wBAAwB;IACxB,IACE,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY;QACrC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,MAAM,KAAK,CAAC,EACjC;QACA,sCAAsC;QACtC,OAAO,CAAC,KAAK,CACX,iEAAiE,CAClE,CAAC;KACH;IAED,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAfW,QAAA,cAAc,kBAezB"}
+{"version":3,"file":"context.js","sourceRoot":"","sources":["../../../src/menu/context.ts"],"names":[],"mappings":";;;AAAA,+BAAgD;AAKhD,0BAA0B;AAC1B,IAAM,sBAAsB,GAAG;IAC7B,uBAAuB,EAAE,cAAO,CAAC;IACjC,iBAAiB,EAAE,IAAI;IACvB,eAAe,EAAE,IAAI;CACtB,CAAC;AAEW,QAAA,WAAW,GAAG,IAAA,qBAAa,EAStC,sBAAsB,CAAC,CAAC;AACb,QAAA,mBAAmB,GAAG,mBAAW,CAAC,QAAQ,CAAC;AAEjD,IAAM,cAAc,GAAG;IAC5B,IAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,mBAAW,CAAC,CAAC;IAExC,wBAAwB;IACxB,IACE,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY;QACrC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,MAAM,KAAK,CAAC,EACjC;QACA,sCAAsC;QACtC,OAAO,CAAC,KAAK,CACX,iEAAiE,CAClE,CAAC;KACH;IAED,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAfW,QAAA,cAAc,kBAezB"}

package/cjs/menu/menu-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menu-item.d.ts","sourceRoot":"","sources":["../../../src/menu/menu-item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,aAAa,EAAC,MAAM,SAAS,CAAC;AAOtC,eAAO,MAAM,QAAQ,qFA2DpB,CAAC"}
+{"version":3,"file":"menu-item.d.ts","sourceRoot":"","sources":["../../../src/menu/menu-item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,aAAa,EAAC,MAAM,SAAS,CAAC;AAOtC,eAAO,MAAM,QAAQ,qFAuEpB,CAAC"}

package/cjs/menu/menu-item.js

@@ -33,13 +33,21 @@ var theme_1 = require("../theme");
 var filter_object_1 = require("../utils/filter-object");
 var get_1 = require("../utils/get");
 exports.MenuItem = react_1.default.forwardRef(function (_a, ref) {
-    var overrides = _a.overrides, children = _a.children, selected = _a.selected, _b = _a.eventContext, eventContext = _b === void 0 ? {} : _b, _c = _a.eventOriginator, eventOriginator = _c === void 0 ? 'menu-item' : _c, rest = __rest(_a, ["overrides", "children", "selected", "eventContext", "eventOriginator"]);
-    var _d = (0, context_1.useMenuContext)(), vertical = _d.vertical, size = _d.size, align = _d.align, menuOverrides = _d.overrides, isSubMenu = _d.isSubMenu;
+    var overrides = _a.overrides, children = _a.children, selected = _a.selected, _b = _a.eventContext, eventContext = _b === void 0 ? {} : _b, _c = _a.eventOriginator, eventOriginator = _c === void 0 ? 'menu-item' : _c, onClickProp = _a.onClick, rest = __rest(_a, ["overrides", "children", "selected", "eventContext", "eventOriginator", "onClick"]);
+    var _d = (0, context_1.useMenuContext)(), vertical = _d.vertical, size = _d.size, align = _d.align, menuOverrides = _d.overrides, updateExpandedMenuSubId = _d.updateExpandedMenuSubId, isSubMenu = _d.isSubMenu;
+    var onClick = function (e) {
+        if (!vertical) {
+            updateExpandedMenuSubId(null);
+        }
+        if (onClickProp) {
+            onClickProp(e);
+        }
+    };
     var theme = (0, theme_1.useTheme)();
     var menuItemOverrides = __assign(__assign({}, (0, get_1.get)(theme.componentDefaults, "".concat(isSubMenu ? 'menuSubItem' : 'menuItem', ".").concat(vertical ? 'vertical' : 'horizontal'))), (0, filter_object_1.filterOutFalsyProperties)(overrides));
     var buttonProps = __assign(__assign({}, rest), { selected: selected, size: size });
     return (react_1.default.createElement(styled_1.StyledMenuItem, { className: "nk-menu-item", vertical: vertical, overrides: menuOverrides, ref: ref },
-        react_1.default.createElement(styled_1.StyledButton, __assign({}, buttonProps, { align: align, eventContext: __assign({ href: rest.href }, eventContext), eventOriginator: eventOriginator, overrides: __assign({}, menuItemOverrides), "aria-current": selected && 'page' }), children)));
+        react_1.default.createElement(styled_1.StyledButton, __assign({}, buttonProps, { align: align, eventContext: __assign({ href: rest.href }, eventContext), eventOriginator: eventOriginator, overrides: __assign({}, menuItemOverrides), "aria-current": selected && 'page', onClick: onClick }), children)));
 });
 exports.MenuItem.displayName = 'MenuItem';
 //# sourceMappingURL=menu-item.js.map

package/cjs/menu/menu-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"menu-item.js","sourceRoot":"","sources":["../../../src/menu/menu-item.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,qCAAyC;AAEzC,mCAAsD;AAEtD,kCAAkC;AAClC,wDAAgE;AAChE,oCAAiC;AAEpB,QAAA,QAAQ,GAAG,eAAK,CAAC,UAAU,CACtC,UACE,EAOC,EACD,GAAG;IAPD,IAAA,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,oBAAiB,EAAjB,YAAY,mBAAG,EAAE,KAAA,EACjB,uBAA6B,EAA7B,eAAe,mBAAG,WAAW,KAAA,EAC1B,IAAI,cANT,wEAOC,CADQ;IAIH,IAAA,KAMF,IAAA,wBAAc,GAAE,EALlB,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,KAAK,WAAA,EACM,aAAa,eAAA,EACxB,SAAS,eACS,CAAC;IAErB,IAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IACzB,IAAM,iBAAiB,yBAClB,IAAA,SAAG,EACJ,KAAK,CAAC,iBAAiB,EACvB,UAAG,SAAS,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,UAAU,cACvC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY,CACpC,CACH,GACE,IAAA,wCAAwB,EAAC,SAAS,CAAC,CACvC,CAAC;IAEF,IAAM,WAAW,yBACZ,IAAI,KACP,QAAQ,UAAA,EACR,IAAI,MAAA,GACL,CAAC;IAEF,OAAO,CACL,8BAAC,uBAAc,IACb,SAAS,EAAC,cAAc,EACxB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,aAAa,EACxB,GAAG,EAAE,GAAG;QAER,8BAAC,qBAAY,eACP,WAAW,IACf,KAAK,EAAE,KAAK,EACZ,YAAY,aAAG,IAAI,EAAE,IAAI,CAAC,IAAI,IAAK,YAAY,GAC/C,eAAe,EAAE,eAAe,EAChC,SAAS,eACJ,iBAAiB,mBAER,QAAQ,IAAI,MAAM,KAE/B,QAAQ,CACI,CACA,CAClB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,gBAAQ,CAAC,WAAW,GAAG,UAAU,CAAC"}
+{"version":3,"file":"menu-item.js","sourceRoot":"","sources":["../../../src/menu/menu-item.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,qCAAyC;AAEzC,mCAAsD;AAEtD,kCAAkC;AAClC,wDAAgE;AAChE,oCAAiC;AAEpB,QAAA,QAAQ,GAAG,eAAK,CAAC,UAAU,CACtC,UACE,EAQC,EACD,GAAG;IARD,IAAA,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,oBAAiB,EAAjB,YAAY,mBAAG,EAAE,KAAA,EACjB,uBAA6B,EAA7B,eAAe,mBAAG,WAAW,KAAA,EACpB,WAAW,aAAA,EACjB,IAAI,cAPT,mFAQC,CADQ;IAIH,IAAA,KAOF,IAAA,wBAAc,GAAE,EANlB,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,KAAK,WAAA,EACM,aAAa,eAAA,EACxB,uBAAuB,6BAAA,EACvB,SAAS,eACS,CAAC;IAErB,IAAM,OAAO,GAA6B,UAAA,CAAC;QACzC,IAAI,CAAC,QAAQ,EAAE;YACb,uBAAuB,CAAC,IAAI,CAAC,CAAC;SAC/B;QACD,IAAI,WAAW,EAAE;YACf,WAAW,CAAC,CAAC,CAAC,CAAC;SAChB;IACH,CAAC,CAAC;IAEF,IAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IACzB,IAAM,iBAAiB,yBAClB,IAAA,SAAG,EACJ,KAAK,CAAC,iBAAiB,EACvB,UAAG,SAAS,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,UAAU,cACvC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY,CACpC,CACH,GACE,IAAA,wCAAwB,EAAC,SAAS,CAAC,CACvC,CAAC;IAEF,IAAM,WAAW,yBACZ,IAAI,KACP,QAAQ,UAAA,EACR,IAAI,MAAA,GACL,CAAC;IAEF,OAAO,CACL,8BAAC,uBAAc,IACb,SAAS,EAAC,cAAc,EACxB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,aAAa,EACxB,GAAG,EAAE,GAAG;QAER,8BAAC,qBAAY,eACP,WAAW,IACf,KAAK,EAAE,KAAK,EACZ,YAAY,aAAG,IAAI,EAAE,IAAI,CAAC,IAAI,IAAK,YAAY,GAC/C,eAAe,EAAE,eAAe,EAChC,SAAS,eACJ,iBAAiB,mBAER,QAAQ,IAAI,MAAM,EAChC,OAAO,EAAE,OAAO,KAEf,QAAQ,CACI,CACA,CAClB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,gBAAQ,CAAC,WAAW,GAAG,UAAU,CAAC"}

package/cjs/menu/menu-sub.d.ts

@@ -5,6 +5,7 @@ export declare const MenuSub: React.ForwardRefExoticComponent<Omit<import("./typ
     href?: string | undefined;
     expanded?: boolean | undefined;
     defaultExpanded?: boolean | undefined;
+    align?: import("./types").MenuItemAlign | undefined;
     overrides?: ({
         indicatorIcon?: import("../utils/overrides").Override<MenuSubIconProps>;
         list?: ({

package/cjs/menu/menu-sub.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menu-sub.d.ts","sourceRoot":"","sources":["../../../src/menu/menu-sub.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,gBAAgB,EAAe,MAAM,SAAS,CAAC;AA2BvD,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uCA4FnB,CAAC"}
+{"version":3,"file":"menu-sub.d.ts","sourceRoot":"","sources":["../../../src/menu/menu-sub.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAGvC,OAAO,EAAC,gBAAgB,EAAe,MAAM,SAAS,CAAC;AA4BvD,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uCAsInB,CAAC"}

package/cjs/menu/menu-sub.js

@@ -10,6 +10,25 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -21,12 +40,10 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MenuSub = void 0;
-var react_1 = __importDefault(require("react"));
+var react_1 = __importStar(require("react"));
+var react_dom_interactions_1 = require("@floating-ui/react-dom-interactions");
 var context_1 = require("./context");
 var styled_1 = require("./styled");
 var theme_1 = require("../theme");
@@ -36,24 +53,54 @@ var hooks_1 = require("../utils/hooks");
 var compose_event_handlers_1 = require("../utils/compose-event-handlers");
 var icons_1 = require("../icons");
 var overrides_1 = require("../utils/overrides");
+var utils_1 = require("./utils");
 var DefaultIcon = function (_a) {
     var expanded = _a.expanded, overrides = _a.overrides;
     return expanded ? (react_1.default.createElement(icons_1.IconFilledExpandLess, { overrides: __assign({ size: 'iconSize020' }, overrides) })) : (react_1.default.createElement(icons_1.IconFilledExpandMore, { overrides: __assign({ size: 'iconSize020' }, overrides) }));
 };
 exports.MenuSub = react_1.default.forwardRef(function (_a, ref) {
-    var overrides = _a.overrides, children = _a.children, title = _a.title, selected = _a.selected, expandedProp = _a.expanded, defaultExpanded = _a.defaultExpanded, onClick = _a.onClick, rest = __rest(_a, ["overrides", "children", "title", "selected", "expanded", "defaultExpanded", "onClick"]);
-    var _b = (0, hooks_1.useControlled)({
+    var overrides = _a.overrides, children = _a.children, title = _a.title, selected = _a.selected, expandedProp = _a.expanded, _b = _a.defaultExpanded, defaultExpanded = _b === void 0 ? false : _b, onClick = _a.onClick, menuSubAlign = _a.align, rest = __rest(_a, ["overrides", "children", "title", "selected", "expanded", "defaultExpanded", "onClick", "align"]);
+    var _c = (0, hooks_1.useControlled)({
         controlledValue: expandedProp,
         defaultValue: defaultExpanded,
-    }), isExpanded = _b[0], setIsExpanded = _b[1];
-    var _c = (0, overrides_1.getComponentOverrides)(overrides === null || overrides === void 0 ? void 0 : overrides.indicatorIcon, DefaultIcon, {
+    }), isExpanded = _c[0], setIsExpanded = _c[1];
+    var menuContext = (0, context_1.useMenuContext)();
+    var vertical = menuContext.vertical, size = menuContext.size, menuAlign = menuContext.align, menuOverrides = menuContext.overrides, isSubMenu = menuContext.isSubMenu, parentSubMenuId = menuContext.parentSubMenuId, updateExpandedMenuSubId = menuContext.updateExpandedMenuSubId, expandedMenuSubId = menuContext.expandedMenuSubId;
+    var align = menuSubAlign || menuAlign;
+    var id = (0, react_dom_interactions_1.useId)();
+    var nestedId = (0, utils_1.buildNestedId)(id, parentSubMenuId);
+    (0, react_1.useEffect)(function () {
+        if (!expandedMenuSubId) {
+            // all sub menus have been collapsed
+            setIsExpanded(false);
+        }
+        else if (expandedMenuSubId === nestedId ||
+            (0, utils_1.isDescendant)(nestedId, expandedMenuSubId)) {
+            // this sub menu or one of its descendants has been expanded
+            setIsExpanded(true);
+        }
+        else if ((0, utils_1.isDescendant)(expandedMenuSubId, nestedId)) {
+            // this sub menu's ancestor is expanded
+            setIsExpanded(false);
+        }
+        else if (!vertical) {
+            // another sub menu elsewhere in the tree has been expanded
+            setIsExpanded(false);
+        }
+    }, [vertical, nestedId, expandedMenuSubId, setIsExpanded]);
+    var _d = (0, overrides_1.getComponentOverrides)(overrides === null || overrides === void 0 ? void 0 : overrides.indicatorIcon, DefaultIcon, {
         expanded: isExpanded,
-    }), IndicatorIcon = _c[0], indicatorIconProps = _c[1];
+    }), IndicatorIcon = _d[0], indicatorIconProps = _d[1];
+    // Inform the parent context that this sub menu has been clicked.
     var handleClick = react_1.default.useCallback(function () {
-        setIsExpanded(!isExpanded);
-    }, [isExpanded, setIsExpanded]);
-    var menuContext = (0, context_1.useMenuContext)();
-    var vertical = menuContext.vertical, size = menuContext.size, align = menuContext.align, menuOverrides = menuContext.overrides, isSubMenu = menuContext.isSubMenu;
+        updateExpandedMenuSubId(nestedId);
+    }, [nestedId, updateExpandedMenuSubId]);
+    // Set the initial expanded state of this sub menu in the parent context.
+    (0, react_1.useEffect)(function () {
+        if (defaultExpanded) {
+            updateExpandedMenuSubId(nestedId);
+        }
+    }, []);
     var theme = (0, theme_1.useTheme)();
     var menuItemOverrides = __assign(__assign({}, (0, get_1.get)(theme.componentDefaults, "".concat(isSubMenu ? 'menuSubItem' : 'menuItem', ".").concat(vertical ? 'vertical' : 'horizontal'))), (0, filter_object_1.filterOutFalsyProperties)(overrides));
     var buttonProps = __assign(__assign({}, rest), { selected: selected, size: size });
@@ -61,7 +108,7 @@ exports.MenuSub = react_1.default.forwardRef(function (_a, ref) {
         react_1.default.createElement(styled_1.StyledButton, __assign({}, buttonProps, { align: align, selected: selected, onClick: (0, compose_event_handlers_1.composeEventHandlers)([handleClick, onClick]), "aria-expanded": isExpanded, "data-testid": "menu-sub-button", overrides: __assign({}, menuItemOverrides) }),
             title,
             react_1.default.createElement(IndicatorIcon, __assign({}, indicatorIconProps))),
-        react_1.default.createElement(context_1.MenuContextProvider, { value: __assign(__assign({}, menuContext), { isSubMenu: true }) },
+        react_1.default.createElement(context_1.MenuContextProvider, { value: __assign(__assign({}, menuContext), { isSubMenu: true, parentSubMenuId: nestedId, align: align }) },
             react_1.default.createElement(styled_1.StyledUl, { expanded: isExpanded, vertical: vertical, overrides: overrides }, children))));
 });
 exports.MenuSub.displayName = 'MenuSub';

package/cjs/menu/menu-sub.js.map

@@ -1 +1 @@
-{"version":3,"file":"menu-sub.js","sourceRoot":"","sources":["../../../src/menu/menu-sub.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"menu-sub.js","sourceRoot":"","sources":["../../../src/menu/menu-sub.tsx"],"names":[],"mappings":"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"}

package/cjs/menu/menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../src/menu/menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAgB,SAAS,EAAC,MAAM,SAAS,CAAC;AA6CjD,eAAO,MAAM,IAAI,wGAAwD,CAAC"}
+{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../src/menu/menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAGzD,OAAO,EAAgB,SAAS,EAAC,MAAM,SAAS,CAAC;AA0FjD,eAAO,MAAM,IAAI,wGAAwD,CAAC"}

package/cjs/menu/menu.js

@@ -10,6 +10,25 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -26,12 +45,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Menu = void 0;
-var react_1 = __importDefault(require("react"));
+var react_1 = __importStar(require("react"));
+var compose_react_refs_1 = __importDefault(require("@seznam/compose-react-refs"));
 var context_1 = require("./context");
 var styled_1 = require("./styled");
 var defaults_1 = __importDefault(require("./defaults"));
 var style_presets_1 = __importDefault(require("./style-presets"));
 var with_own_theme_1 = require("../utils/with-own-theme");
+var utils_1 = require("./utils");
 var getAlign = function (align, vertical) {
     if (!align) {
         return vertical ? 'start' : 'center';
@@ -41,8 +62,49 @@ var getAlign = function (align, vertical) {
 var ThemelessMenu = react_1.default.forwardRef(function (_a, ref) {
     var overrides = _a.overrides, children = _a.children, _b = _a.vertical, vertical = _b === void 0 ? false : _b, _c = _a.size, size = _c === void 0 ? 'medium' : _c, passedAlign = _a.align, rest = __rest(_a, ["overrides", "children", "vertical", "size", "align"]);
     var align = getAlign(passedAlign, vertical);
-    return (react_1.default.createElement(context_1.MenuContextProvider, { value: { vertical: vertical, size: size, align: align, overrides: overrides } },
-        react_1.default.createElement(styled_1.StyledMenu, __assign({ role: "navigation", "data-testid": "menu-container", overrides: overrides, vertical: vertical, ref: ref }, rest),
+    var _d = (0, react_1.useState)(null), expandedMenuSubId = _d[0], setExpandedMenuSubId = _d[1];
+    var updateExpandedMenuSubId = function (id) {
+        if (!id) {
+            setExpandedMenuSubId(null);
+        }
+        else if (!expandedMenuSubId) {
+            // no sub menu currently expanded
+            setExpandedMenuSubId(id);
+        }
+        else if (expandedMenuSubId === id) {
+            // the currently expanded sub menu has been clicked
+            setExpandedMenuSubId((0, utils_1.getParentId)(id));
+        }
+        else if ((0, utils_1.isDescendant)(id, expandedMenuSubId)) {
+            // the parent of the currently expanded sub menu has been clicked
+            setExpandedMenuSubId((0, utils_1.getParentId)(id));
+        }
+        else {
+            // any other sub menu has been clicked
+            setExpandedMenuSubId(id);
+        }
+    };
+    var menuRef = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(function () {
+        document.addEventListener("click", function (_a) {
+            var target = _a.target;
+            if (menuRef.current &&
+                !menuRef.current.contains(target) &&
+                !vertical) {
+                setExpandedMenuSubId(null);
+            }
+        });
+    }, [vertical]);
+    return (react_1.default.createElement(context_1.MenuContextProvider, { value: {
+            vertical: vertical,
+            size: size,
+            align: align,
+            overrides: overrides,
+            updateExpandedMenuSubId: updateExpandedMenuSubId,
+            expandedMenuSubId: expandedMenuSubId,
+            parentSubMenuId: null,
+        } },
+        react_1.default.createElement(styled_1.StyledMenu, __assign({ role: "navigation", "data-testid": "menu-container", overrides: overrides, vertical: vertical, ref: (0, compose_react_refs_1.default)(ref, menuRef) }, rest),
             react_1.default.createElement("ul", { role: "list" }, children))));
 });
 exports.Menu = (0, with_own_theme_1.withOwnTheme)(ThemelessMenu)({ defaults: defaults_1.default, stylePresets: style_presets_1.default });

package/cjs/menu/menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"menu.js","sourceRoot":"","sources":["../../../src/menu/menu.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,qCAA8C;AAE9C,mCAAoC;AACpC,wDAAkC;AAClC,kEAA2C;AAC3C,0DAAqD;AAErD,IAAM,QAAQ,GAAG,UAAC,KAAgC,EAAE,QAAiB;IACnE,IAAI,CAAC,KAAK,EAAE;QACV,OAAO,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC;KACtC;IACD,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;AAEF,IAAM,aAAa,GAAG,eAAK,CAAC,UAAU,CACpC,UACE,EAOC,EACD,GAAG;IAPD,IAAA,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,YAAe,EAAf,IAAI,mBAAG,QAAQ,KAAA,EACR,WAAW,WAAA,EACf,IAAI,cANT,sDAOC,CADQ;IAIT,IAAM,KAAK,GAAG,QAAQ,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC;IAE9C,OAAO,CACL,8BAAC,6BAAmB,IAAC,KAAK,EAAE,EAAC,QAAQ,UAAA,EAAE,IAAI,MAAA,EAAE,KAAK,OAAA,EAAE,SAAS,WAAA,EAAC;QAC5D,8BAAC,mBAAU,aACT,IAAI,EAAC,YAAY,iBACL,gBAAgB,EAC5B,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,GAAG,IACJ,IAAI;YAGR,sCAAI,IAAI,EAAC,MAAM,IAAE,QAAQ,CAAM,CACpB,CACO,CACvB,CAAC;AACJ,CAAC,CACF,CAAC;AAEW,QAAA,IAAI,GAAG,IAAA,6BAAY,EAAC,aAAa,CAAC,CAAC,EAAC,QAAQ,oBAAA,EAAE,YAAY,yBAAA,EAAC,CAAC,CAAC"}
+{"version":3,"file":"menu.js","sourceRoot":"","sources":["../../../src/menu/menu.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAyD;AACzD,kFAAqD;AACrD,qCAAkE;AAElE,mCAAoC;AACpC,wDAAkC;AAClC,kEAA2C;AAC3C,0DAAqD;AACrD,iCAAkD;AAElD,IAAM,QAAQ,GAAG,UAAC,KAAgC,EAAE,QAAiB;IACnE,IAAI,CAAC,KAAK,EAAE;QACV,OAAO,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC;KACtC;IACD,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;AAEF,IAAM,aAAa,GAAG,eAAK,CAAC,UAAU,CACpC,UACE,EAOC,EACD,GAAG;IAPD,IAAA,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,YAAe,EAAf,IAAI,mBAAG,QAAQ,KAAA,EACR,WAAW,WAAA,EACf,IAAI,cANT,sDAOC,CADQ;IAIT,IAAM,KAAK,GAAG,QAAQ,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC;IAExC,IAAA,KAA4C,IAAA,gBAAQ,EACxD,IAAI,CACL,EAFM,iBAAiB,QAAA,EAAE,oBAAoB,QAE7C,CAAC;IACF,IAAM,uBAAuB,GAAuB,UAAA,EAAE;QACpD,IAAI,CAAC,EAAE,EAAE;YACP,oBAAoB,CAAC,IAAI,CAAC,CAAC;SAC5B;aAAM,IAAI,CAAC,iBAAiB,EAAE;YAC7B,iCAAiC;YACjC,oBAAoB,CAAC,EAAE,CAAC,CAAC;SAC1B;aAAM,IAAI,iBAAiB,KAAK,EAAE,EAAE;YACnC,mDAAmD;YACnD,oBAAoB,CAAC,IAAA,mBAAW,EAAC,EAAE,CAAC,CAAC,CAAC;SACvC;aAAM,IAAI,IAAA,oBAAY,EAAC,EAAE,EAAE,iBAAiB,CAAC,EAAE;YAC9C,iEAAiE;YACjE,oBAAoB,CAAC,IAAA,mBAAW,EAAC,EAAE,CAAC,CAAC,CAAC;SACvC;aAAM;YACL,sCAAsC;YACtC,oBAAoB,CAAC,EAAE,CAAC,CAAC;SAC1B;IACH,CAAC,CAAC;IAEF,IAAM,OAAO,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAC7C,IAAA,iBAAS,EAAC;QACR,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,UAAC,EAAoB;gBAAnB,MAAM,YAAA;YACzC,IACE,OAAO,CAAC,OAAO;gBACf,CAAC,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC,MAAc,CAAC;gBACzC,CAAC,QAAQ,EACT;gBACA,oBAAoB,CAAC,IAAI,CAAC,CAAC;aAC5B;QACH,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,CACL,8BAAC,6BAAmB,IAClB,KAAK,EAAE;YACL,QAAQ,UAAA;YACR,IAAI,MAAA;YACJ,KAAK,OAAA;YACL,SAAS,WAAA;YACT,uBAAuB,yBAAA;YACvB,iBAAiB,mBAAA;YACjB,eAAe,EAAE,IAAI;SACtB;QAED,8BAAC,mBAAU,aACT,IAAI,EAAC,YAAY,iBACL,gBAAgB,EAC5B,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,IAAA,4BAAW,EAAC,GAAG,EAAE,OAAO,CAAC,IAC1B,IAAI;YAGR,sCAAI,IAAI,EAAC,MAAM,IAAE,QAAQ,CAAM,CACpB,CACO,CACvB,CAAC;AACJ,CAAC,CACF,CAAC;AAEW,QAAA,IAAI,GAAG,IAAA,6BAAY,EAAC,aAAa,CAAC,CAAC,EAAC,QAAQ,oBAAA,EAAE,YAAY,yBAAA,EAAC,CAAC,CAAC"}

package/cjs/menu/types.d.ts

@@ -46,6 +46,7 @@ export declare type MenuSubProps = Omit<MenuItemProps, 'title' | 'overrides' | '
     href?: string;
     expanded?: boolean;
     defaultExpanded?: boolean;
+    align?: MenuItemAlign;
     overrides?: {
         indicatorIcon?: Override<MenuSubIconProps>;
         list?: {

package/cjs/menu/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/menu/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/menu/types.ts"],"names":[],"mappings":"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"}

package/cjs/menu/utils.d.ts

@@ -0,0 +1,5 @@
+export declare const buildNestedId: (id: string, parentId: string | null) => string;
+export declare const getIdDepth: (id: string) => number;
+export declare const isDescendant: (id: string, descendantId: string) => boolean;
+export declare const getParentId: (id: string) => string | null;
+//# sourceMappingURL=utils.d.ts.map

package/cjs/menu/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/menu/utils.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,aAAa,OAAQ,MAAM,YAAY,MAAM,GAAG,IAAI,KAAG,MAC/B,CAAC;AAEtC,eAAO,MAAM,UAAU,OAAQ,MAAM,KAAG,MACM,CAAC;AAE/C,eAAO,MAAM,YAAY,OAAQ,MAAM,gBAAgB,MAAM,KAAG,OACG,CAAC;AAEpE,eAAO,MAAM,WAAW,OAAQ,MAAM,KAAG,MAAM,GAAG,IAI5B,CAAC"}

package/cjs/menu/utils.js

@@ -0,0 +1,26 @@
+"use strict";
+// Note: using an immutable concatenated string ID (instead of an array of strings)
+// so that useEffect hooks do not repeatedly fire when ref changes but value
+// remains the same.
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getParentId = exports.isDescendant = exports.getIdDepth = exports.buildNestedId = void 0;
+var buildNestedId = function (id, parentId) {
+    return parentId ? "".concat(parentId, "|").concat(id) : id;
+};
+exports.buildNestedId = buildNestedId;
+var getIdDepth = function (id) {
+    return id.length - id.replace(/\|/g, '').length + 1;
+};
+exports.getIdDepth = getIdDepth;
+var isDescendant = function (id, descendantId) {
+    return id === descendantId.split('|').slice(0, (0, exports.getIdDepth)(id)).join('|');
+};
+exports.isDescendant = isDescendant;
+var getParentId = function (id) {
+    return id
+        .split('|')
+        .slice(0, (0, exports.getIdDepth)(id) - 1)
+        .join('|') || null;
+};
+exports.getParentId = getParentId;
+//# sourceMappingURL=utils.js.map

package/cjs/menu/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/menu/utils.ts"],"names":[],"mappings":";AAAA,mFAAmF;AACnF,4EAA4E;AAC5E,oBAAoB;;;AAEb,IAAM,aAAa,GAAG,UAAC,EAAU,EAAE,QAAuB;IAC/D,OAAA,QAAQ,CAAC,CAAC,CAAC,UAAG,QAAQ,cAAI,EAAE,CAAE,CAAC,CAAC,CAAC,EAAE;AAAnC,CAAmC,CAAC;AADzB,QAAA,aAAa,iBACY;AAE/B,IAAM,UAAU,GAAG,UAAC,EAAU;IACnC,OAAA,EAAE,CAAC,MAAM,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,MAAM,GAAG,CAAC;AAA5C,CAA4C,CAAC;AADlC,QAAA,UAAU,cACwB;AAExC,IAAM,YAAY,GAAG,UAAC,EAAU,EAAE,YAAoB;IAC3D,OAAA,EAAE,KAAK,YAAY,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,IAAA,kBAAU,EAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;AAAjE,CAAiE,CAAC;AADvD,QAAA,YAAY,gBAC2C;AAE7D,IAAM,WAAW,GAAG,UAAC,EAAU;IACpC,OAAA,EAAE;SACC,KAAK,CAAC,GAAG,CAAC;SACV,KAAK,CAAC,CAAC,EAAE,IAAA,kBAAU,EAAC,EAAE,CAAC,GAAG,CAAC,CAAC;SAC5B,IAAI,CAAC,GAAG,CAAC,IAAI,IAAI;AAHpB,CAGoB,CAAC;AAJV,QAAA,WAAW,eAID"}

package/cjs/modal/modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../../src/modal/modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AA8G1B,eAAO,MAAM,KAAK;;;;;;;;;;;;wCAGhB,CAAC"}
+{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../../src/modal/modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAiH1B,eAAO,MAAM,KAAK;;;;;;;;;;;;wCAGhB,CAAC"}

package/cjs/modal/modal.js

@@ -48,13 +48,14 @@ var ThemelessModal = react_1.default.forwardRef(function (_a, ref) {
     /* istanbul ignore next */
     open = _b === void 0 ? false : _b, onDismiss = _a.onDismiss, restoreFocusTo = _a.restoreFocusTo, _c = _a.closePosition, closePosition = _c === void 0 ? 'right' : _c, overrides = _a.overrides, hideOverlay = _a.hideOverlay, disableFocusTrap = _a.disableFocusTrap, props = __rest(_a, ["children", "open", "onDismiss", "restoreFocusTo", "closePosition", "overrides", "hideOverlay", "disableFocusTrap"]);
     var theme = (0, theme_1.useTheme)();
+    var cssTransitionNodeRef = react_1.default.useRef(null);
     var overlayOverrides = __assign({}, (0, deep_merge_1.deepMerge)((0, merge_breakpoint_object_1.mergeBreakpointObject)(Object.keys(theme.breakpoints)), theme.componentDefaults.modal.overlay, (0, filter_object_1.filterOutFalsyProperties)(overrides && overrides.overlay)));
     var _d = react_1.default.useState(false), showWrapper = _d[0], setShowWrapper = _d[1];
     // When Modal is used inline, it should not be in a layer
     var OuterWrapper = props.inline ? react_1.default.Fragment : layer_1.Layer;
     return (react_1.default.createElement(OuterWrapper, null,
         react_1.default.createElement(dialog_1.BaseDialogFunction, { ref: ref, open: open, restoreFocusTo: restoreFocusTo, onDismiss: onDismiss, hideOverlay: hideOverlay, disableFocusTrap: disableFocusTrap, renderOverlay: function (handleOverlayClick) { return (react_1.default.createElement(overlay_1.Overlay, { open: open, onClick: handleOverlayClick, overrides: overlayOverrides })); } }, function (handleCloseButtonClick) { return (react_1.default.createElement(styled_1.StyledModalWrapper, { inline: props.inline, "$open": showWrapper, overrides: overrides },
-            react_1.default.createElement(react_transition_group_1.CSSTransition, { in: open, timeout: (0, get_transition_duration_1.getTransitionDuration)("modal.panel", '')({ theme: theme, overrides: overrides }), classNames: "nk-modal", mountOnEnter: true, unmountOnExit: true, appear: true, onEnter: function () { return setShowWrapper(true); }, onExited: function () { return setShowWrapper(false); } }, function (state) { return (react_1.default.createElement(styled_1.StyledModal, __assign({ open: open, className: (0, get_transition_class_name_1.getTransitionClassName)('nk-modal', state), disableFocusTrap: disableFocusTrap, handleCloseButtonClick: handleCloseButtonClick, path: "modal", "data-testid": "modal", closePosition: closePosition, overrides: overrides }, props), children)); }))); })));
+            react_1.default.createElement(react_transition_group_1.CSSTransition, { nodeRef: cssTransitionNodeRef, in: open, timeout: (0, get_transition_duration_1.getTransitionDuration)("modal.panel", '')({ theme: theme, overrides: overrides }), classNames: "nk-modal", mountOnEnter: true, unmountOnExit: true, appear: true, onEnter: function () { return setShowWrapper(true); }, onExited: function () { return setShowWrapper(false); } }, function (state) { return (react_1.default.createElement(styled_1.StyledModal, __assign({ ref: cssTransitionNodeRef, open: open, className: (0, get_transition_class_name_1.getTransitionClassName)('nk-modal', state), disableFocusTrap: disableFocusTrap, handleCloseButtonClick: handleCloseButtonClick, path: "modal", "data-testid": "modal", closePosition: closePosition, overrides: overrides }, props), children)); }))); })));
 });
 exports.Modal = (0, with_own_theme_1.withOwnTheme)(ThemelessModal)({
     defaults: defaults_1.default,