newskit 5.7.0 → 6.0.0

package/cjs/audio-player-composable/components/volume-control/defaults.js

@@ -1,43 +1,36 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-var defaults = {
-    spaceBetween: 'space030',
-    slider: {
-        track: {
-            stylePreset: 'audioPlayerVolumeControlTrack',
-            size: 'sizing010',
-            length: '130px',
-        },
-        indicator: {
-            stylePreset: 'audioPlayerVolumeControlIndicator',
+exports.default = {
+    audioPlayerVolumeControl: {
+        transitionPreset: 'widthChange',
+        spaceBetween: 'space030',
+        slider: {
+            track: {
+                stylePreset: 'audioPlayerVolumeControlTrack',
+                size: 'sizing010',
+                length: '130px',
+            },
+            indicator: {
+                stylePreset: 'audioPlayerVolumeControlIndicator',
+            },
+            thumb: {
+                stylePreset: 'audioPlayerVolumeControlThumb',
+                size: 'sizing040',
+            },
+            feedback: {
+                size: 'sizing060',
+            },
         },
-        thumb: {
-            stylePreset: 'audioPlayerVolumeControlThumb',
-            size: 'sizing040',
+        button: {
+            stylePreset: 'iconButtonMinimalPrimary',
         },
-        feedback: {
-            size: 'sizing060',
+        popover: {
+            stylePreset: 'audioPlayerVolumeControlPopover',
+            content: {
+                paddingBlock: 'space030',
+                paddingInline: 'space030',
+            },
         },
     },
-    button: {
-        stylePreset: 'iconButtonMinimalPrimary',
-    },
-};
-exports.default = {
-    audioPlayerVolumeControl: {
-        horizontal: __assign({ stylePreset: 'audioPlayerVolumeControlHorizontalContainer' }, defaults),
-        vertical: __assign({ stylePreset: 'audioPlayerVolumeControlVerticalContainer' }, defaults),
-    },
 };
 //# sourceMappingURL=defaults.js.map

package/cjs/audio-player-composable/components/volume-control/defaults.js.map

@@ -1 +1 @@
-{"version":3,"file":"defaults.js","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/volume-control/defaults.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,IAAM,QAAQ,GAAG;IACf,YAAY,EAAE,UAAU;IACxB,MAAM,EAAE;QACN,KAAK,EAAE;YACL,WAAW,EAAE,+BAA+B;YAC5C,IAAI,EAAE,WAAW;YACjB,MAAM,EAAE,OAAO;SAChB;QACD,SAAS,EAAE;YACT,WAAW,EAAE,mCAAmC;SACjD;QACD,KAAK,EAAE;YACL,WAAW,EAAE,+BAA+B;YAC5C,IAAI,EAAE,WAAW;SAClB;QACD,QAAQ,EAAE;YACR,IAAI,EAAE,WAAW;SAClB;KACF;IACD,MAAM,EAAE;QACN,WAAW,EAAE,0BAA0B;KACxC;CACF,CAAC;AAEF,kBAAe;IACb,wBAAwB,EAAE;QACxB,UAAU,aACR,WAAW,EAAE,6CAA6C,IACvD,QAAQ,CACZ;QACD,QAAQ,aACN,WAAW,EAAE,2CAA2C,IACrD,QAAQ,CACZ;KACF;CACF,CAAC"}
+{"version":3,"file":"defaults.js","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/volume-control/defaults.ts"],"names":[],"mappings":";;AAAA,kBAAe;IACb,wBAAwB,EAAE;QACxB,gBAAgB,EAAE,aAAa;QAC/B,YAAY,EAAE,UAAU;QACxB,MAAM,EAAE;YACN,KAAK,EAAE;gBACL,WAAW,EAAE,+BAA+B;gBAC5C,IAAI,EAAE,WAAW;gBACjB,MAAM,EAAE,OAAO;aAChB;YACD,SAAS,EAAE;gBACT,WAAW,EAAE,mCAAmC;aACjD;YACD,KAAK,EAAE;gBACL,WAAW,EAAE,+BAA+B;gBAC5C,IAAI,EAAE,WAAW;aAClB;YACD,QAAQ,EAAE;gBACR,IAAI,EAAE,WAAW;aAClB;SACF;QACD,MAAM,EAAE;YACN,WAAW,EAAE,0BAA0B;SACxC;QACD,OAAO,EAAE;YACP,WAAW,EAAE,iCAAiC;YAC9C,OAAO,EAAE;gBACP,YAAY,EAAE,UAAU;gBACxB,aAAa,EAAE,UAAU;aAC1B;SACF;KACF;CACF,CAAC"}

package/cjs/audio-player-composable/components/volume-control/mute-button.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { MuteButtonProps } from './types';
-export declare const MuteButton: React.FC<MuteButtonProps>;
+export declare const MuteButton: React.ForwardRefExoticComponent<MuteButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
 //# sourceMappingURL=mute-button.d.ts.map

package/cjs/audio-player-composable/components/volume-control/mute-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mute-button.d.ts","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/volume-control/mute-button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAsB,eAAe,EAAC,MAAM,SAAS,CAAC;AAe7D,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAqChD,CAAC"}
+{"version":3,"file":"mute-button.d.ts","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/volume-control/mute-button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAsB,eAAe,EAAC,MAAM,SAAS,CAAC;AAe7D,eAAO,MAAM,UAAU,+GAuCtB,CAAC"}

package/cjs/audio-player-composable/components/volume-control/mute-button.js

@@ -25,7 +25,7 @@ var DefaultIcon = function (_a) {
     var volume = _a.volume, overrides = _a.overrides;
     return volume === 0 ? (react_1.default.createElement(icons_1.IconFilledVolumeOff, { overrides: overrides })) : (react_1.default.createElement(icons_1.IconFilledVolumeUp, { overrides: overrides }));
 };
-var MuteButton = function (_a) {
+exports.MuteButton = react_1.default.forwardRef(function (_a, ref) {
     var volume = _a.volume, unMutedVolume = _a.unMutedVolume, onChange = _a.onChange, size = _a.size, muteKeyboardShortcuts = _a.muteKeyboardShortcuts, overrides = _a.overrides;
     (0, utils_1.useKeyboardShortcutsOnButton)({
         props: {
@@ -39,8 +39,7 @@ var MuteButton = function (_a) {
     var _b = (0, overrides_1.getComponentOverrides)(overrides.muteButtonIcon, DefaultIcon, {
         volume: volume,
     }), MuteButtonIcon = _b[0], muteButtonIconProps = _b[1];
-    return (react_1.default.createElement(icon_button_1.IconButton, { "data-testid": "mute-button", "aria-label": volume === 0 ? 'Unmute' : 'Mute', onClick: function () { return toggleMute(volume, unMutedVolume, onChange); }, size: size, overrides: overrides },
+    return (react_1.default.createElement(icon_button_1.IconButton, { ref: ref, "data-testid": "mute-button", "aria-label": volume === 0 ? 'Unmute' : 'Mute', onClick: function () { return toggleMute(volume, unMutedVolume, onChange); }, size: size, overrides: overrides },
         react_1.default.createElement(MuteButtonIcon, __assign({}, muteButtonIconProps))));
-};
-exports.MuteButton = MuteButton;
+});
 //# sourceMappingURL=mute-button.js.map

package/cjs/audio-player-composable/components/volume-control/mute-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"mute-button.js","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/volume-control/mute-button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,oDAAgD;AAChD,wCAAuE;AACvE,sDAA+D;AAC/D,qCAAyD;AAGzD,IAAM,UAAU,GAAG,UACjB,MAAc,EACd,aAAqB,EACrB,QAAkC,IAC/B,OAAA,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAtD,CAAsD,CAAC;AAE5D,IAAM,WAAW,GAAG,UAAC,EAAwC;QAAvC,MAAM,YAAA,EAAE,SAAS,eAAA;IACrC,OAAA,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CACb,8BAAC,2BAAmB,IAAC,SAAS,EAAE,SAAS,GAAI,CAC9C,CAAC,CAAC,CAAC,CACF,8BAAC,0BAAkB,IAAC,SAAS,EAAE,SAAS,GAAI,CAC7C;AAJD,CAIC,CAAC;AAEG,IAAM,UAAU,GAA8B,UAAC,EAOrD;QANC,MAAM,YAAA,EACN,aAAa,mBAAA,EACb,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,qBAAqB,2BAAA,EACrB,SAAS,eAAA;IAET,IAAA,oCAA4B,EAAC;QAC3B,KAAK,EAAE;YACL,iBAAiB,EAAE,qBAAqB;YACxC,OAAO,EAAE;gBACP,UAAU,CAAC,MAAM,EAAE,aAAa,EAAE,QAAQ,CAAC,CAAC;YAC9C,CAAC;SACF;QACD,QAAQ,EAAE,GAAG;KACd,CAAC,CAAC;IAEG,IAAA,KAAwC,IAAA,iCAAqB,EACjE,SAAS,CAAC,cAAc,EACxB,WAAW,EACX;QACE,MAAM,QAAA;KACP,CACF,EANM,cAAc,QAAA,EAAE,mBAAmB,QAMzC,CAAC;IAEF,OAAO,CACL,8BAAC,wBAAU,mBACG,aAAa,gBACb,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,EAC5C,OAAO,EAAE,cAAM,OAAA,UAAU,CAAC,MAAM,EAAE,aAAa,EAAE,QAAQ,CAAC,EAA3C,CAA2C,EAC1D,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS;QAEpB,8BAAC,cAAc,eAAM,mBAA2C,EAAI,CACzD,CACd,CAAC;AACJ,CAAC,CAAC;AArCW,QAAA,UAAU,cAqCrB"}
+{"version":3,"file":"mute-button.js","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/volume-control/mute-button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,oDAAgD;AAChD,wCAAuE;AACvE,sDAA+D;AAC/D,qCAAyD;AAGzD,IAAM,UAAU,GAAG,UACjB,MAAc,EACd,aAAqB,EACrB,QAAkC,IAC/B,OAAA,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAtD,CAAsD,CAAC;AAE5D,IAAM,WAAW,GAAG,UAAC,EAAwC;QAAvC,MAAM,YAAA,EAAE,SAAS,eAAA;IACrC,OAAA,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CACb,8BAAC,2BAAmB,IAAC,SAAS,EAAE,SAAS,GAAI,CAC9C,CAAC,CAAC,CAAC,CACF,8BAAC,0BAAkB,IAAC,SAAS,EAAE,SAAS,GAAI,CAC7C;AAJD,CAIC,CAAC;AAES,QAAA,UAAU,GAAG,eAAK,CAAC,UAAU,CAIxC,UACE,EAAyE,EACzE,GAAG;QADF,MAAM,YAAA,EAAE,aAAa,mBAAA,EAAE,QAAQ,cAAA,EAAE,IAAI,UAAA,EAAE,qBAAqB,2BAAA,EAAE,SAAS,eAAA;IAGxE,IAAA,oCAA4B,EAAC;QAC3B,KAAK,EAAE;YACL,iBAAiB,EAAE,qBAAqB;YACxC,OAAO,EAAE;gBACP,UAAU,CAAC,MAAM,EAAE,aAAa,EAAE,QAAQ,CAAC,CAAC;YAC9C,CAAC;SACF;QACD,QAAQ,EAAE,GAAG;KACd,CAAC,CAAC;IAEG,IAAA,KAAwC,IAAA,iCAAqB,EACjE,SAAS,CAAC,cAAc,EACxB,WAAW,EACX;QACE,MAAM,QAAA;KACP,CACF,EANM,cAAc,QAAA,EAAE,mBAAmB,QAMzC,CAAC;IAEF,OAAO,CACL,8BAAC,wBAAU,IACT,GAAG,EAAE,GAAG,iBACI,aAAa,gBACb,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,EAC5C,OAAO,EAAE,cAAM,OAAA,UAAU,CAAC,MAAM,EAAE,aAAa,EAAE,QAAQ,CAAC,EAA3C,CAA2C,EAC1D,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS;QAEpB,8BAAC,cAAc,eAAM,mBAA2C,EAAI,CACzD,CACd,CAAC;AACJ,CAAC,CACF,CAAC"}

package/cjs/audio-player-composable/components/volume-control/style-presets.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"style-presets.d.ts","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/volume-control/style-presets.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,sBAAsB,CAAC;;AAGjD,wBA+CiC"}
+{"version":3,"file":"style-presets.d.ts","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/volume-control/style-presets.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,sBAAsB,CAAC;;AAGjD,wBA2CiC"}

package/cjs/audio-player-composable/components/volume-control/style-presets.js

@@ -45,15 +45,11 @@ exports.default = {
             borderRadius: '{{borders.borderRadiusPill}}',
         },
     },
-    audioPlayerVolumeControlHorizontalContainer: {
+    audioPlayerVolumeControlPopover: {
         base: {
-            backgroundColor: '{{colors.transparent}}',
-        },
-    },
-    audioPlayerVolumeControlVerticalContainer: {
-        base: {
-            backgroundColor: '{{colors.interface010}}',
             boxShadow: '{{shadows.shadow050}}',
+            borderRadius: '{{borders.borderRadiusDefault}}',
+            backgroundColor: '{{colors.interfaceBackground}}',
         },
     },
 };

package/cjs/audio-player-composable/components/volume-control/style-presets.js.map

@@ -1 +1 @@
-{"version":3,"file":"style-presets.js","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/volume-control/style-presets.ts"],"names":[],"mappings":";;;;;;;;;;;;;AACA,8EAAyE;AAEzE,kBAAe;IACb,iCAAiC,EAAE;QACjC,IAAI,EAAE;YACJ,eAAe,EAAE,kCAAkC;YACnD,YAAY,EAAE,8BAA8B;SAC7C;KACF;IACD,6BAA6B,EAAE;QAC7B,IAAI,EAAE;YACJ,SAAS,EAAE,uBAAuB;YAClC,eAAe,EAAE,kCAAkC;YACnD,WAAW,EAAE,OAAO;YACpB,WAAW,EAAE,kCAAkC;YAC/C,WAAW,EAAE,4BAA4B;YACzC,YAAY,EAAE,gCAAgC;YAC9C,SAAS,EAAE,4BAA4B;SACxC;QACD,KAAK,EAAE;YACL,eAAe,EAAE,kCAAkC;YACnD,SAAS,EAAE,4BAA4B;SACxC;QACD,MAAM,EAAE;YACN,eAAe,EAAE,kCAAkC;YACnD,SAAS,EAAE,sBAAsB;SAClC;QACD,eAAe,wBACV,2CAAmB,KACtB,mBAAmB,EAAE,MAAM,GAC5B;KACF;IACD,6BAA6B,EAAE;QAC7B,IAAI,EAAE;YACJ,eAAe,EAAE,yBAAyB;YAC1C,YAAY,EAAE,8BAA8B;SAC7C;KACF;IACD,2CAA2C,EAAE;QAC3C,IAAI,EAAE;YACJ,eAAe,EAAE,wBAAwB;SAC1C;KACF;IACD,yCAAyC,EAAE;QACzC,IAAI,EAAE;YACJ,eAAe,EAAE,yBAAyB;YAC1C,SAAS,EAAE,uBAAuB;SACnC;KACF;CAC6B,CAAC"}
+{"version":3,"file":"style-presets.js","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/volume-control/style-presets.ts"],"names":[],"mappings":";;;;;;;;;;;;;AACA,8EAAyE;AAEzE,kBAAe;IACb,iCAAiC,EAAE;QACjC,IAAI,EAAE;YACJ,eAAe,EAAE,kCAAkC;YACnD,YAAY,EAAE,8BAA8B;SAC7C;KACF;IACD,6BAA6B,EAAE;QAC7B,IAAI,EAAE;YACJ,SAAS,EAAE,uBAAuB;YAClC,eAAe,EAAE,kCAAkC;YACnD,WAAW,EAAE,OAAO;YACpB,WAAW,EAAE,kCAAkC;YAC/C,WAAW,EAAE,4BAA4B;YACzC,YAAY,EAAE,gCAAgC;YAC9C,SAAS,EAAE,4BAA4B;SACxC;QACD,KAAK,EAAE;YACL,eAAe,EAAE,kCAAkC;YACnD,SAAS,EAAE,4BAA4B;SACxC;QACD,MAAM,EAAE;YACN,eAAe,EAAE,kCAAkC;YACnD,SAAS,EAAE,sBAAsB;SAClC;QACD,eAAe,wBACV,2CAAmB,KACtB,mBAAmB,EAAE,MAAM,GAC5B;KACF;IACD,6BAA6B,EAAE;QAC7B,IAAI,EAAE;YACJ,eAAe,EAAE,yBAAyB;YAC1C,YAAY,EAAE,8BAA8B;SAC7C;KACF;IACD,+BAA+B,EAAE;QAC/B,IAAI,EAAE;YACJ,SAAS,EAAE,uBAAuB;YAClC,YAAY,EAAE,iCAAiC;YAC/C,eAAe,EAAE,gCAAgC;SAClD;KACF;CAC6B,CAAC"}

package/cjs/audio-player-composable/components/volume-control/styled.d.ts

@@ -3,7 +3,14 @@ import { AudioPlayerVolumeControlProps } from './types';
 export declare const StyledVolumeSliderContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
-} & Pick<AudioPlayerVolumeControlProps, "layout" | "overrides">, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+} & Pick<AudioPlayerVolumeControlProps, "layout" | "overrides"> & {
+    open?: boolean | undefined;
+    visible?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledVolumeSliderPopupContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Pick<AudioPlayerVolumeControlProps, "overrides">, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const StyledGridLayout: import("@emotion/styled").StyledComponent<{
     rowGap?: import("../../../utils/style").MQ<string> | undefined;
     columnGap?: import("../../../utils/style").MQ<string> | undefined;
@@ -15,7 +22,7 @@ export declare const StyledGridLayout: import("@emotion/styled").StyledComponent
     alignItems?: import("../../../utils/style").MQ<string> | undefined;
     areas?: import("../../../utils/style").MQ<string> | undefined;
     inline?: import("../../../utils/style").MQ<boolean> | undefined;
-    children?: import("react").ReactNode | ((areas: import("../../../grid-layout/types").AreasMap) => import("react").ReactNode);
+    children?: import("react").ReactNode | import("../../../grid-layout/types").GridLayoutRenderProps;
     as?: import("react").ElementType<any> | undefined;
     overrides?: ({
         width?: import("../../../utils/style").MQ<string> | undefined;
@@ -25,7 +32,11 @@ export declare const StyledGridLayout: import("@emotion/styled").StyledComponent
         minHeight?: import("../../../utils/style").MQ<string> | undefined;
         maxHeight?: import("../../../utils/style").MQ<string> | undefined;
     } & import("../../../utils/logical-properties").LogicalProps) | undefined;
-} & import("react").HTMLAttributes<HTMLDivElement> & {
+} & Omit<import("react").HTMLAttributes<HTMLDivElement>, "children"> & import("react").RefAttributes<HTMLDivElement> & {
     theme?: import("@emotion/react").Theme | undefined;
-} & Pick<AudioPlayerVolumeControlProps, "layout" | "overrides" | "collapsed">, {}, {}>;
+} & Pick<AudioPlayerVolumeControlProps, "overrides">, {}, {}>;
+export declare const VolumeControlContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Pick<AudioPlayerVolumeControlProps, "layout">, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 //# sourceMappingURL=styled.d.ts.map

package/cjs/audio-player-composable/components/volume-control/styled.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/volume-control/styled.ts"],"names":[],"mappings":";AAOA,OAAO,EAAC,6BAA6B,EAAC,MAAM,SAAS,CAAC;AAEtD,eAAO,MAAM,2BAA2B;;;uKAUvC,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;sFAiB5B,CAAC"}
+{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/volume-control/styled.ts"],"names":[],"mappings":";AAOA,OAAO,EAAC,6BAA6B,EAAC,MAAM,SAAS,CAAC;AAGtD,eAAO,MAAM,2BAA2B;;;;;;yGA6BvC,CAAC;AACF,eAAO,MAAM,gCAAgC;;;4JAS5C,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;6DAU5B,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;yJAEhC,CAAC"}

package/cjs/audio-player-composable/components/volume-control/styled.js

@@ -4,23 +4,27 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     return cooked;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.StyledGridLayout = exports.StyledVolumeSliderContainer = void 0;
+exports.VolumeControlContainer = exports.StyledGridLayout = exports.StyledVolumeSliderPopupContainer = exports.StyledVolumeSliderContainer = void 0;
 var grid_layout_1 = require("../../../grid-layout");
 var style_1 = require("../../../utils/style");
-exports.StyledVolumeSliderContainer = style_1.styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (_a) {
+var transition_preset_1 = require("../../../utils/style/transition-preset");
+exports.StyledVolumeSliderContainer = style_1.styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", ";\n\n  ", ";\n\n  ", "\n\n  ", ";\n"], ["\n  ", ";\n\n  ", ";\n\n  ", "\n\n  ", ";\n"])), function (_a) {
     var layout = _a.layout;
-    return (0, style_1.getResponsiveSize)(layout === 'vertical' ? 'height' : 'width', "audioPlayerVolumeControl.".concat(layout, ".slider.track"), "slider.track", 'length');
-});
-exports.StyledGridLayout = (0, style_1.styled)(grid_layout_1.GridLayout)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  ", ";\n  ", ";\n  ", ";\n"], ["\n  ", ";\n  ", ";\n  ", ";\n"])), function (_a) {
-    var layout = _a.layout, collapsed = _a.collapsed;
-    return !collapsed && (0, style_1.getStylePreset)("audioPlayerVolumeControl.".concat(layout), '');
+    return layout === 'horizontal' &&
+        (0, transition_preset_1.getTransitionPreset)('audioPlayerVolumeControl', '', 'nk-vc');
 }, function (_a) {
-    var layout = _a.layout;
-    return layout === 'vertical' &&
-        "\n    position: relative;\n  ";
+    var layout = _a.layout, visible = _a.visible;
+    return layout === 'horizontal' && !visible ? 'overflow:hidden;' : '';
+}, function (_a) {
+    var open = _a.open;
+    return (0, style_1.getResponsiveSize)(function (value) { return (!open ? { width: 0 } : { width: value }); }, "audioPlayerVolumeControl.slider.track", "slider.track", 'length');
 }, function (_a) {
     var layout = _a.layout;
-    return (0, style_1.getResponsiveSpace)(layout === 'vertical' ? 'rowGap' : 'columnGap', "audioPlayerVolumeControl.".concat(layout, ".spaceBetween"), '', 'spaceBetween');
+    return layout === 'horizontal-expanded' &&
+        (0, style_1.getResponsiveSpace)('width', 'audioPlayerVolumeControl.slider.track.length', '', 'width');
 });
-var templateObject_1, templateObject_2;
+exports.StyledVolumeSliderPopupContainer = style_1.styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  ", ";\n"], ["\n  ", ";\n"])), (0, style_1.getResponsiveSpace)('height', 'audioPlayerVolumeControl.slider.track.length', '', 'height'));
+exports.StyledGridLayout = (0, style_1.styled)(grid_layout_1.GridLayout)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  ", ";\n  ", ";\n"], ["\n  ", ";\n  ", ";\n"])), (0, style_1.getStylePreset)("audioPlayerVolumeControl", ''), (0, style_1.getResponsiveSpace)('columnGap', "audioPlayerVolumeControl.spaceBetween", '', 'spaceBetween'));
+exports.VolumeControlContainer = style_1.styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject([""], [""])));
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
 //# sourceMappingURL=styled.js.map

package/cjs/audio-player-composable/components/volume-control/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/volume-control/styled.ts"],"names":[],"mappings":";;;;;;;AAAA,oDAAgD;AAChD,8CAK8B;AAGjB,QAAA,2BAA2B,GAAG,cAAM,CAAC,GAAG,+EAEpD,MACG,EAMC,IACJ,KAPG,UAAC,EAAQ;QAAP,MAAM,YAAA;IACR,OAAA,IAAA,yBAAiB,EACf,MAAM,KAAK,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,EAC1C,mCAA4B,MAAM,kBAAe,EACjD,cAAc,EACd,QAAQ,CACT;AALD,CAKC,EACH;AAEW,QAAA,gBAAgB,GAAG,IAAA,cAAM,EAAC,wBAAU,CAAC,kGAEjD,MACG,EACsE,OACtE,EAID,OACC,EAMC,KACJ,KAdG,UAAC,EAAmB;QAAlB,MAAM,YAAA,EAAE,SAAS,eAAA;IACnB,OAAA,CAAC,SAAS,IAAI,IAAA,sBAAc,EAAC,mCAA4B,MAAM,CAAE,EAAE,EAAE,CAAC;AAAtE,CAAsE,EACtE,UAAC,EAAQ;QAAP,MAAM,YAAA;IACR,OAAA,MAAM,KAAK,UAAU;QACrB,+BAED;AAHC,CAGD,EACC,UAAC,EAAQ;QAAP,MAAM,YAAA;IACR,OAAA,IAAA,0BAAkB,EAChB,MAAM,KAAK,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,EAC9C,mCAA4B,MAAM,kBAAe,EACjD,EAAE,EACF,cAAc,CACf;AALD,CAKC,EACH"}
+{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/volume-control/styled.ts"],"names":[],"mappings":";;;;;;;AAAA,oDAAgD;AAChD,8CAK8B;AAE9B,4EAA2E;AAE9D,QAAA,2BAA2B,GAAG,cAAM,CAAC,GAAG,gHAKpD,MACG,EAE4D,SAE5D,EAC6D,SAE7D,EAMC,QAED,EAOC,KACJ,KAvBG,UAAC,EAAQ;QAAP,MAAM,YAAA;IACR,OAAA,MAAM,KAAK,YAAY;QACvB,IAAA,uCAAmB,EAAC,0BAA0B,EAAE,EAAE,EAAE,OAAO,CAAC;AAD5D,CAC4D,EAE5D,UAAC,EAAiB;QAAhB,MAAM,YAAA,EAAE,OAAO,aAAA;IACjB,OAAA,MAAM,KAAK,YAAY,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAE;AAA7D,CAA6D,EAE7D,UAAC,EAAM;QAAL,IAAI,UAAA;IACN,OAAA,IAAA,yBAAiB,EACf,UAAA,KAAK,IAAI,OAAA,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAC,KAAK,EAAE,CAAC,EAAC,CAAC,CAAC,CAAC,EAAC,KAAK,EAAE,KAAK,EAAC,CAAC,EAArC,CAAqC,EAC9C,uCAAuC,EACvC,cAAc,EACd,QAAQ,CACT;AALD,CAKC,EAED,UAAC,EAAQ;QAAP,MAAM,YAAA;IACR,OAAA,MAAM,KAAK,qBAAqB;QAChC,IAAA,0BAAkB,EAChB,OAAO,EACP,8CAA8C,EAC9C,EAAE,EACF,OAAO,CACR;AAND,CAMC,EACH;AACW,QAAA,gCAAgC,GAAG,cAAM,CAAC,GAAG,gFAEzD,MACG,EAKD,KACF,KANG,IAAA,0BAAkB,EAClB,QAAQ,EACR,8CAA8C,EAC9C,EAAE,EACF,QAAQ,CACT,EACD;AAEW,QAAA,gBAAgB,GAAG,IAAA,cAAM,EAAC,wBAAU,CAAC,yFAEjD,MACG,EAA8C,OAC9C,EAKD,KACF,KAPG,IAAA,sBAAc,EAAC,0BAA0B,EAAE,EAAE,CAAC,EAC9C,IAAA,0BAAkB,EAClB,WAAW,EACX,uCAAuC,EACvC,EAAE,EACF,cAAc,CACf,EACD;AAEW,QAAA,sBAAsB,GAAG,cAAM,CAAC,GAAG,qEAE/C,EAAE,KAAC"}

package/cjs/audio-player-composable/components/volume-control/types.d.ts

@@ -1,11 +1,14 @@
-import { ButtonSize } from '../../../button';
+import { ButtonSize } from '../../../button/types';
 import { NewsKitIconProps } from '../../../icons';
+import { PopoverProps } from '../../../popover';
 import { SliderOverrideProps } from '../../../slider';
+import { TransitionToken } from '../../../theme';
 import { MQ } from '../../../utils';
 import { Override } from '../../../utils/overrides';
 export declare type MuteButtonIconProps = NewsKitIconProps & Pick<MuteButtonProps, 'volume'>;
 export interface AudioPlayerVolumeControlOverridesProps {
     stylePreset?: MQ<string>;
+    transitionPreset?: TransitionToken | TransitionToken[];
     spaceBetween?: MQ<string>;
     slider?: Omit<SliderOverrideProps, 'track'> & {
         track?: {
@@ -18,10 +21,10 @@ export interface AudioPlayerVolumeControlOverridesProps {
         stylePreset?: MQ<string>;
         muteButtonIcon: Override<MuteButtonIconProps>;
     };
+    popover?: PopoverProps['overrides'];
 }
 export interface AudioPlayerVolumeControlProps {
-    layout?: 'horizontal' | 'vertical';
-    collapsed?: boolean;
+    layout?: 'collapsed' | 'vertical' | 'horizontal' | 'horizontal-expanded';
     overrides?: AudioPlayerVolumeControlOverridesProps;
     keyboardShortcuts?: {
         muteToggle: string | string[];

package/cjs/audio-player-composable/components/volume-control/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/volume-control/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAC,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAC,gBAAgB,EAAC,MAAM,gBAAgB,CAAC;AAChD,OAAO,EAAC,mBAAmB,EAAC,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,QAAQ,EAAC,MAAM,0BAA0B,CAAC;AAElD,oBAAY,mBAAmB,GAAG,gBAAgB,GAChD,IAAI,CAAC,eAAe,EAAE,QAAQ,CAAC,CAAC;AAClC,MAAM,WAAW,sCAAsC;IACrD,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IACzB,YAAY,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IAC1B,MAAM,CAAC,EAAE,IAAI,CAAC,mBAAmB,EAAE,OAAO,CAAC,GAAG;QAC5C,KAAK,CAAC,EAAE;YACN,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;YACzB,IAAI,CAAC,EAAE,MAAM,CAAC;YACd,MAAM,CAAC,EAAE,MAAM,CAAC;SACjB,CAAC;KACH,CAAC;IACF,MAAM,CAAC,EAAE;QACP,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACzB,cAAc,EAAE,QAAQ,CAAC,mBAAmB,CAAC,CAAC;KAC/C,CAAC;CACH;AAED,MAAM,WAAW,6BAA6B;IAC5C,MAAM,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACnC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,sCAAsC,CAAC;IACnD,iBAAiB,CAAC,EAAE;QAAC,UAAU,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;KAAC,CAAC;IACpD,cAAc,CAAC,EAAE,UAAU,CAAC;CAC7B;AACD,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,MAAM,CAAC;IACf,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,IAAI,EAAE,UAAU,CAAC;IACjB,qBAAqB,CAAC,EAAE,MAAM,EAAE,GAAG,MAAM,CAAC;IAC1C,SAAS,EAAE;QACT,WAAW,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACxB,cAAc,EAAE,QAAQ,CAAC,mBAAmB,CAAC,CAAC;KAC/C,CAAC;CACH"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/volume-control/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAC,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAC,gBAAgB,EAAC,MAAM,gBAAgB,CAAC;AAChD,OAAO,EAAC,YAAY,EAAC,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAC,mBAAmB,EAAC,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAC,eAAe,EAAC,MAAM,gBAAgB,CAAC;AAC/C,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,QAAQ,EAAC,MAAM,0BAA0B,CAAC;AAElD,oBAAY,mBAAmB,GAAG,gBAAgB,GAChD,IAAI,CAAC,eAAe,EAAE,QAAQ,CAAC,CAAC;AAClC,MAAM,WAAW,sCAAsC;IACrD,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IACzB,gBAAgB,CAAC,EAAE,eAAe,GAAG,eAAe,EAAE,CAAC;IACvD,YAAY,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IAC1B,MAAM,CAAC,EAAE,IAAI,CAAC,mBAAmB,EAAE,OAAO,CAAC,GAAG;QAC5C,KAAK,CAAC,EAAE;YACN,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;YACzB,IAAI,CAAC,EAAE,MAAM,CAAC;YACd,MAAM,CAAC,EAAE,MAAM,CAAC;SACjB,CAAC;KACH,CAAC;IACF,MAAM,CAAC,EAAE;QACP,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACzB,cAAc,EAAE,QAAQ,CAAC,mBAAmB,CAAC,CAAC;KAC/C,CAAC;IACF,OAAO,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,CAAC;CACrC;AAED,MAAM,WAAW,6BAA6B;IAC5C,MAAM,CAAC,EAAE,WAAW,GAAG,UAAU,GAAG,YAAY,GAAG,qBAAqB,CAAC;IACzE,SAAS,CAAC,EAAE,sCAAsC,CAAC;IACnD,iBAAiB,CAAC,EAAE;QAAC,UAAU,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;KAAC,CAAC;IACpD,cAAc,CAAC,EAAE,UAAU,CAAC;CAC7B;AACD,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,MAAM,CAAC;IACf,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,IAAI,EAAE,UAAU,CAAC;IACjB,qBAAqB,CAAC,EAAE,MAAM,EAAE,GAAG,MAAM,CAAC;IAC1C,SAAS,EAAE;QACT,WAAW,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACxB,cAAc,EAAE,QAAQ,CAAC,mBAAmB,CAAC,CAAC;KAC/C,CAAC;CACH"}

package/cjs/audio-player-composable/components/volume-control/utils.d.ts

@@ -1,5 +1,8 @@
+import { Theme } from '../../../theme/types';
+import { AudioPlayerVolumeControlOverridesProps } from './types';
 export declare const useInitialVolume: ({ onChange, initialVolume, }: {
     onChange: (value: number) => void;
     initialVolume: number;
 }) => void;
+export declare const getPopoverOverrides: (theme: Theme, overrides: AudioPlayerVolumeControlOverridesProps) => any;
 //# sourceMappingURL=utils.d.ts.map

package/cjs/audio-player-composable/components/volume-control/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/volume-control/utils.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,gBAAgB;sBAIT,MAAM,KAAK,IAAI;mBAClB,MAAM;UAUtB,CAAC"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/volume-control/utils.ts"],"names":[],"mappings":"AACA,OAAO,EAAiB,KAAK,EAAC,MAAM,sBAAsB,CAAC;AAI3D,OAAO,EAAC,sCAAsC,EAAC,MAAM,SAAS,CAAC;AAI/D,eAAO,MAAM,gBAAgB;sBAIT,MAAM,KAAK,IAAI;mBAClB,MAAM;UAUtB,CAAC;AAEF,eAAO,MAAM,mBAAmB,UACvB,KAAK,aACD,sCAAsC,QAOjD,CAAC"}

package/cjs/audio-player-composable/components/volume-control/utils.js

@@ -1,7 +1,21 @@
 "use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useInitialVolume = void 0;
+exports.getPopoverOverrides = exports.useInitialVolume = void 0;
 var react_1 = require("react");
+var deep_merge_1 = require("../../../utils/deep-merge");
+var merge_breakpoint_object_1 = require("../../../utils/merge-breakpoint-object");
+var filter_object_1 = require("../../../utils/filter-object");
 // This hook sets the initial volume. If `newskit-audioplayer-volume` is present
 // it's value will be used. If not, the initialVolume will.
 var useInitialVolume = function (_a) {
@@ -14,4 +28,6 @@ var useInitialVolume = function (_a) {
     }, []); // eslint-disable-line react-hooks/exhaustive-deps
 };
 exports.useInitialVolume = useInitialVolume;
+var getPopoverOverrides = function (theme, overrides) { return (__assign({}, (0, deep_merge_1.deepMerge)((0, merge_breakpoint_object_1.mergeBreakpointObject)(Object.keys(theme.breakpoints)), theme.componentDefaults.audioPlayerVolumeControl.popover, (0, filter_object_1.filterOutFalsyProperties)(overrides.popover)))); };
+exports.getPopoverOverrides = getPopoverOverrides;
 //# sourceMappingURL=utils.js.map

package/cjs/audio-player-composable/components/volume-control/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/volume-control/utils.ts"],"names":[],"mappings":";;;AAAA,+BAAgC;AAEhC,gFAAgF;AAChF,2DAA2D;AACpD,IAAM,gBAAgB,GAAG,UAAC,EAMhC;QALC,QAAQ,cAAA,EACR,aAAa,mBAAA;IAKb,IAAA,iBAAS,EAAC;QACR,IAAM,YAAY,GAAG,UAAU,CAC7B,CAAC,OAAO,MAAM,KAAK,WAAW;YAC5B,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,4BAA4B,CAAC,CAAC;YAC1D,EAAE,CACL,CAAC;QACF,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC;IACtE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,kDAAkD;AAC5D,CAAC,CAAC;AAfW,QAAA,gBAAgB,oBAe3B"}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/volume-control/utils.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,+BAAgC;AAEhC,wDAAoD;AACpD,kFAA6E;AAC7E,8DAAsE;AAGtE,gFAAgF;AAChF,2DAA2D;AACpD,IAAM,gBAAgB,GAAG,UAAC,EAMhC;QALC,QAAQ,cAAA,EACR,aAAa,mBAAA;IAKb,IAAA,iBAAS,EAAC;QACR,IAAM,YAAY,GAAG,UAAU,CAC7B,CAAC,OAAO,MAAM,KAAK,WAAW;YAC5B,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,4BAA4B,CAAC,CAAC;YAC1D,EAAE,CACL,CAAC;QACF,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC;IACtE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,kDAAkD;AAC5D,CAAC,CAAC;AAfW,QAAA,gBAAgB,oBAe3B;AAEK,IAAM,mBAAmB,GAAG,UACjC,KAAY,EACZ,SAAiD,IAC9C,OAAA,cACA,IAAA,sBAAS,EACV,IAAA,+CAAqB,EAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAqB,CAAC,EACzE,KAAK,CAAC,iBAAiB,CAAC,wBAAwB,CAAC,OAAO,EACxD,IAAA,wCAAwB,EAAC,SAAS,CAAC,OAAO,CAAC,CAC5C,EACD,EANG,CAMH,CAAC;AATU,QAAA,mBAAmB,uBAS7B"}

package/cjs/audio-player-composable/components/volume-control/volume-control.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { AudioPlayerVolumeControlProps } from './types';
-export declare const AudioPlayerVolumeControl: import("../../../utils/with-own-theme").NewsKitReactComponents<AudioPlayerVolumeControlProps>;
+export declare const AudioPlayerVolumeControl: import("../../../utils/with-own-theme").NewsKitReactComponents<AudioPlayerVolumeControlProps & React.RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=volume-control.d.ts.map

package/cjs/audio-player-composable/components/volume-control/volume-control.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"volume-control.d.ts","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/volume-control/volume-control.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAC,6BAA6B,EAAC,MAAM,SAAS,CAAC;AA6GtD,eAAO,MAAM,wBAAwB,+FAEV,CAAC"}
+{"version":3,"file":"volume-control.d.ts","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/volume-control/volume-control.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAW9D,OAAO,EAAC,6BAA6B,EAAC,MAAM,SAAS,CAAC;AAmMtD,eAAO,MAAM,wBAAwB,qIAEV,CAAC"}

package/cjs/audio-player-composable/components/volume-control/volume-control.js

@@ -35,6 +35,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AudioPlayerVolumeControl = void 0;
 var react_1 = __importStar(require("react"));
+var react_transition_group_1 = require("react-transition-group");
 var screen_reader_only_1 = require("../../../screen-reader-only");
 var slider_1 = require("../../../slider");
 var with_own_theme_1 = require("../../../utils/with-own-theme");
@@ -50,11 +51,13 @@ var hooks_1 = require("../../../utils/hooks");
 var deep_merge_1 = require("../../../utils/deep-merge");
 var merge_breakpoint_object_1 = require("../../../utils/merge-breakpoint-object");
 var filter_object_1 = require("../../../utils/filter-object");
-var types_1 = require("../../../button/types");
-var ThemelessAudioPlayerVolumeControl = function (props) {
+var utils_2 = require("../../../utils");
+var get_transition_class_name_1 = require("../../../utils/get-transition-class-name");
+var popover_1 = require("../../../popover");
+var ThemelessAudioPlayerVolumeControl = react_1.default.forwardRef(function (props, ref) {
     var getVolumeControlProps = (0, context_1.useAudioPlayerContext)().getVolumeControlProps;
-    var _a = getVolumeControlProps(props), volume = _a.volume, onChange = _a.onChange, _b = _a.layout, layout = _b === void 0 ? 'horizontal' : _b, _c = _a.collapsed, collapsed = _c === void 0 ? false : _c, keyboardShortcuts = _a.keyboardShortcuts, overrides = _a.overrides, initialVolume = _a.initialVolume, muteButtonSize = _a.muteButtonSize;
-    var _d = (0, react_1.useState)(volume), unMutedVolume = _d[0], setUnMutedVolume = _d[1];
+    var _a = getVolumeControlProps(props), volume = _a.volume, onChange = _a.onChange, _b = _a.layout, layout = _b === void 0 ? 'horizontal-expanded' : _b, keyboardShortcuts = _a.keyboardShortcuts, overrides = _a.overrides, initialVolume = _a.initialVolume, muteButtonSize = _a.muteButtonSize;
+    var _c = (0, react_1.useState)(volume), unMutedVolume = _c[0], setUnMutedVolume = _c[1];
     (0, react_1.useEffect)(function () {
         // Saves the volume into a state,
         // for re-using it when clicking the mute unmute button.
@@ -63,27 +66,51 @@ var ThemelessAudioPlayerVolumeControl = function (props) {
         }
     }, [unMutedVolume, volume]);
     var theme = (0, theme_1.useTheme)();
-    var buttonOverrides = __assign({}, (0, deep_merge_1.deepMerge)((0, merge_breakpoint_object_1.mergeBreakpointObject)(Object.keys(theme.breakpoints)), theme.componentDefaults.audioPlayerVolumeControl[layout].button, (0, filter_object_1.filterOutFalsyProperties)(overrides.button)));
-    var sliderOverrides = __assign({}, (0, deep_merge_1.deepMerge)((0, merge_breakpoint_object_1.mergeBreakpointObject)(Object.keys(theme.breakpoints)), theme.componentDefaults.audioPlayerVolumeControl[layout].slider, (0, filter_object_1.filterOutFalsyProperties)(overrides.slider)));
+    var buttonOverrides = __assign({}, (0, deep_merge_1.deepMerge)((0, merge_breakpoint_object_1.mergeBreakpointObject)(Object.keys(theme.breakpoints)), theme.componentDefaults.audioPlayerVolumeControl.button, (0, filter_object_1.filterOutFalsyProperties)(overrides.button)));
+    var sliderOverrides = __assign({}, (0, deep_merge_1.deepMerge)((0, merge_breakpoint_object_1.mergeBreakpointObject)(Object.keys(theme.breakpoints)), theme.componentDefaults.audioPlayerVolumeControl.slider, (0, filter_object_1.filterOutFalsyProperties)(overrides.slider)));
     var onSliderChange = (0, react_1.useCallback)(function (_a) {
         var newVolume = _a[0];
         return onChange(newVolume);
-    }, [
-        onChange,
-    ]);
+    }, [onChange]);
     // useInitialVolume Sets the initial volume on page load
     (0, utils_1.useInitialVolume)({ onChange: onChange, initialVolume: initialVolume });
-    var verticalAreas = "slider\n                         muteButton";
-    var gridAreas = layout === 'vertical' ? verticalAreas : "muteButton slider";
-    var gridColumns = layout === 'vertical' ? '1fr' : 'auto 1fr';
     var volumeSliderInstructionId = (0, hooks_1.useReactKeys)(1)[0];
-    return (react_1.default.createElement(styled_1.StyledGridLayout, { columns: gridColumns, areas: gridAreas, justifyItems: layout === 'vertical' ? 'center' : 'start', alignItems: "center", layout: layout, collapsed: collapsed, overrides: overrides },
+    // opens volume control on hover/focus when layout = horizontalExpandable.
+    var _d = (0, react_1.useState)(false), open = _d[0], setOpen = _d[1];
+    var setOpenHandler = (0, react_1.useCallback)(function (state) {
+        if (layout === 'horizontal' || layout === 'vertical') {
+            setOpen(state);
+        }
+    }, [setOpen, layout]);
+    // makes sure feedback element is fully visible and not cropped when slider is open and user hover/focus on it.
+    var _e = react_1.default.useState(false), isVisible = _e[0], setIsVisible = _e[1];
+    var setIsVisibleHandler = (0, react_1.useCallback)(function (state) {
+        if (layout === 'horizontal') {
+            setIsVisible(state);
+        }
+    }, [setIsVisible, layout]);
+    var useSliderContainer = layout === 'horizontal' || layout === 'horizontal-expanded';
+    // used for collapsed and vertical
+    var gridSingleAreas = 'muteButton';
+    // used for horizontal and horizontal expanded
+    var gridMultipleAreas = 'muteButton slider';
+    // used for collapsed and vertical
+    var gridColumnsSingle = '1fr';
+    // used for horizontal and horizontal expanded
+    var gridColumnsMultiple = 'auto 1fr';
+    var gridAreas = useSliderContainer ? gridMultipleAreas : gridSingleAreas;
+    var gridColumns = useSliderContainer
+        ? gridColumnsMultiple
+        : gridColumnsSingle;
+    var sliderComponent = (react_1.default.createElement(slider_1.Slider, { vertical: layout === 'vertical', min: 0, max: 1, step: 0.1, values: [volume], onChange: onSliderChange, ariaLabel: "Volume Control", ariaValueText: "volume level ".concat([volume][0] * 10, " of 10"), dataTestId: "volume-control-slider", ariaDescribedBy: volumeSliderInstructionId, overrides: sliderOverrides }));
+    var popoverOverrides = (0, utils_1.getPopoverOverrides)(theme, overrides);
+    return (react_1.default.createElement(styled_1.StyledGridLayout, { ref: ref, onFocus: function () { return setOpenHandler(true); }, onBlur: function () { return setOpenHandler(false); }, onMouseEnter: function () { return setOpenHandler(true); }, onMouseLeave: function () { return setOpenHandler(false); }, columns: gridColumns, areas: gridAreas, justifyItems: "start", alignItems: "center", overrides: overrides },
         react_1.default.createElement(grid_layout_1.GridLayoutItem, { area: "muteButton" },
-            react_1.default.createElement(mute_button_1.MuteButton, { volume: volume, unMutedVolume: unMutedVolume, onChange: onChange, size: muteButtonSize || types_1.ButtonSize.Medium, muteKeyboardShortcuts: keyboardShortcuts === null || keyboardShortcuts === void 0 ? void 0 : keyboardShortcuts.muteToggle, overrides: buttonOverrides })),
-        !collapsed && (react_1.default.createElement(grid_layout_1.GridLayoutItem, { area: "slider" },
-            react_1.default.createElement(styled_1.StyledVolumeSliderContainer, { layout: layout, overrides: overrides },
-                react_1.default.createElement(slider_1.Slider, { vertical: layout === 'vertical', min: 0, max: 1, step: 0.1, values: [volume], onChange: onSliderChange, ariaLabel: "Volume Control", ariaValueText: "volume level ".concat([volume][0] * 10, " of 10"), dataTestId: "volume-control-slider", ariaDescribedBy: volumeSliderInstructionId, overrides: sliderOverrides }),
-                react_1.default.createElement(screen_reader_only_1.ScreenReaderOnly, { id: volumeSliderInstructionId, "aria-hidden": "true" }, "Use the arrow keys to adjust volume"))))));
-};
+            react_1.default.createElement(popover_1.Popover, { hidePointer: true, open: layout === 'vertical' && open, content: react_1.default.createElement(styled_1.StyledVolumeSliderPopupContainer, { overrides: overrides }, sliderComponent), id: "volume-control-slider-popup", header: undefined, closePosition: "none", disableFocusManagement: true, overrides: popoverOverrides },
+                react_1.default.createElement(mute_button_1.MuteButton, { volume: volume, unMutedVolume: unMutedVolume, onChange: onChange, size: muteButtonSize || 'medium', muteKeyboardShortcuts: keyboardShortcuts === null || keyboardShortcuts === void 0 ? void 0 : keyboardShortcuts.muteToggle, overrides: buttonOverrides }))),
+        useSliderContainer && (react_1.default.createElement(grid_layout_1.GridLayoutItem, { area: "slider" },
+            react_1.default.createElement(react_transition_group_1.CSSTransition, { in: open, timeout: (0, utils_2.getTransitionDuration)("audioPlayerVolumeControl", '')({ theme: theme, overrides: overrides }), classNames: "nk-vc", appear: true, onEnter: function () { return setIsVisibleHandler(true); }, onExited: function () { return setIsVisibleHandler(false); } }, function (state) { return (react_1.default.createElement(styled_1.StyledVolumeSliderContainer, { className: (0, get_transition_class_name_1.getTransitionClassName)('nk-vc', state), layout: layout, overrides: overrides, open: open, visible: isVisible }, sliderComponent)); }),
+            react_1.default.createElement(screen_reader_only_1.ScreenReaderOnly, { id: volumeSliderInstructionId, "aria-hidden": "true" }, "Use the arrow keys to adjust volume")))));
+});
 exports.AudioPlayerVolumeControl = (0, with_own_theme_1.withOwnTheme)(ThemelessAudioPlayerVolumeControl)({ defaults: defaults_1.default, stylePresets: style_presets_1.default });
 //# sourceMappingURL=volume-control.js.map

package/cjs/audio-player-composable/components/volume-control/volume-control.js.map

@@ -1 +1 @@
-{"version":3,"file":"volume-control.js","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/volume-control/volume-control.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"volume-control.js","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/volume-control/volume-control.tsx"],"names":[],"mappings":"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"}

package/cjs/audio-player-composable/types.d.ts

@@ -7,9 +7,9 @@ import { AudioPlayerReplayButtonProps } from './components/replay-button/types';
 import { AudioPlayerSkipNextButtonProps } from './components/skip-next-button/types';
 import { AudioPlayerSkipPreviousButtonProps } from './components/skip-previous-button/types';
 import { AudioPlayerTimeFormatFn } from './components/time-display/types';
-import { ButtonSize } from '../button';
 import { AudioPlayerPlaybackSpeedControlOverridesProps, AudioPlayerPlaybackSpeedControlProps } from './components/playback-speed-control/types';
 import { MQ } from '../utils';
+import { ButtonSize } from '../button/types';
 export interface AudioFunctionDependencies {
     autoPlay: boolean;
     src: string;
@@ -57,8 +57,7 @@ export interface AudioPlayerProviderContext {
         keyboardShortcuts?: {
             muteToggle: string | string[];
         };
-        layout?: 'horizontal' | 'vertical';
-        collapsed?: boolean;
+        layout?: 'collapsed' | 'vertical' | 'horizontal' | 'horizontal-expanded';
         onChange: (value: number) => void;
         volume: number;
         initialVolume: 0 | 0.1 | 0.2 | 0.3 | 0.4 | 0.5 | 0.6 | 0.7 | 0.8 | 0.9 | 1;

package/cjs/audio-player-composable/types.d.ts.map

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

package/cjs/audio-player-composable/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/audio-player-composable/types.ts"],"names":[],"mappings":";;;AA2HA,IAAY,WAUX;AAVD,WAAY,WAAW;IACrB,8BAAe,CAAA;IACf,gCAAiB,CAAA;IACjB,oCAAqB,CAAA;IACrB,oCAAqB,CAAA;IACrB,gCAAiB,CAAA;IACjB,8CAA+B,CAAA;IAC/B,kDAAmC,CAAA;IACnC,0CAA2B,CAAA;IAC3B,sCAAuB,CAAA;AACzB,CAAC,EAVW,WAAW,GAAX,mBAAW,KAAX,mBAAW,QAUtB"}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/audio-player-composable/types.ts"],"names":[],"mappings":";;;AA0HA,IAAY,WAUX;AAVD,WAAY,WAAW;IACrB,8BAAe,CAAA;IACf,gCAAiB,CAAA;IACjB,oCAAqB,CAAA;IACrB,oCAAqB,CAAA;IACrB,gCAAiB,CAAA;IACjB,8CAA+B,CAAA;IAC/B,kDAAmC,CAAA;IACnC,0CAA2B,CAAA;IAC3B,sCAAuB,CAAA;AACzB,CAAC,EAVW,WAAW,GAAX,mBAAW,KAAX,mBAAW,QAUtB"}

package/cjs/banner/banner-internal.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { BannerInternalProps } from './types';
-export declare const BannerInternal: React.FC<BannerInternalProps>;
+export declare const BannerInternal: React.ForwardRefExoticComponent<BannerInternalProps & React.RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=banner-internal.d.ts.map

package/cjs/banner/banner-internal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"banner-internal.d.ts","sourceRoot":"","sources":["../../../src/banner/banner-internal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,mBAAmB,EAAC,MAAM,SAAS,CAAC;AA0B5C,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAkJxD,CAAC"}
+{"version":3,"file":"banner-internal.d.ts","sourceRoot":"","sources":["../../../src/banner/banner-internal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,mBAAmB,EAAC,MAAM,SAAS,CAAC;AAyB5C,eAAO,MAAM,cAAc,4FAoJ1B,CAAC"}