newskit 5.7.0 → 6.0.0

package/cjs/audio-player-composable/components/play-pause-button/play-pause-button.js

@@ -29,6 +29,17 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __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)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -36,14 +47,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.AudioPlayerPlayPauseButton = void 0;
 var react_1 = __importStar(require("react"));
 var icon_button_1 = require("../../../icon-button");
-var types_1 = require("../../../button/types");
 var context_1 = require("../../context");
 var defaults_1 = __importDefault(require("./defaults"));
 var with_own_theme_1 = require("../../../utils/with-own-theme");
 var utils_1 = require("../../utils");
 var defaultKeyboardShortcuts = ['k', ' '];
-var ThemelessAudioPlayerPlayPauseButton = react_1.default.memo(function (props) {
-    var _a = (0, context_1.useAudioPlayerContext)(), getPlayPauseButtonProps = _a.getPlayPauseButtonProps, togglePlay = _a.togglePlay;
+var ThemelessAudioPlayerPlayPauseButton = react_1.default.forwardRef(function (_a, ref) {
+    var props = __rest(_a, []);
+    var _b = (0, context_1.useAudioPlayerContext)(), getPlayPauseButtonProps = _b.getPlayPauseButtonProps, togglePlay = _b.togglePlay;
     var propsFromContext = getPlayPauseButtonProps && getPlayPauseButtonProps(props);
     var overrides = (0, utils_1.useButtonOverrides)(props, 'audioPlayerPlayPauseButton');
     var toggleAction = (0, react_1.useCallback)(function (_a) {
@@ -65,7 +76,7 @@ var ThemelessAudioPlayerPlayPauseButton = react_1.default.memo(function (props)
         defaults: defaultKeyboardShortcuts,
         action: toggleAction,
     });
-    return (react_1.default.createElement(icon_button_1.IconButton, __assign({ "data-testid": "audio-player-play-pause-button", size: types_1.ButtonSize.Large, overrides: overrides }, propsFromContext)));
+    return (react_1.default.createElement(icon_button_1.IconButton, __assign({ ref: ref, "data-testid": "audio-player-play-pause-button", size: "large", overrides: overrides }, propsFromContext)));
 });
 exports.AudioPlayerPlayPauseButton = (0, with_own_theme_1.withOwnTheme)(ThemelessAudioPlayerPlayPauseButton)({ defaults: defaults_1.default });
 //# sourceMappingURL=play-pause-button.js.map

package/cjs/audio-player-composable/components/play-pause-button/play-pause-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"play-pause-button.js","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/play-pause-button/play-pause-button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAyC;AACzC,oDAAgD;AAChD,+CAAiD;AACjD,yCAAoD;AACpD,wDAAkC;AAClC,gEAA2D;AAC3D,qCAA6E;AAG7E,IAAM,wBAAwB,GAAG,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;AAE5C,IAAM,mCAAmC,GAA8C,eAAK,CAAC,IAAI,CAC/F,UAAA,KAAK;IACG,IAAA,KAAwC,IAAA,+BAAqB,GAAE,EAA9D,uBAAuB,6BAAA,EAAE,UAAU,gBAA2B,CAAC;IAEtE,IAAM,gBAAgB,GACpB,uBAAwB,IAAI,uBAAuB,CAAC,KAAK,CAAC,CAAC;IAE7D,IAAM,SAAS,GAAG,IAAA,0BAAkB,EAAC,KAAK,EAAE,4BAA4B,CAAC,CAAC;IAE1E,IAAM,YAAY,GAAG,IAAA,mBAAW,EAC9B,UAAC,EAA4B;YAA3B,MAAM,YAAA,EAAE,GAAG,SAAA;QACJ,IAAA,OAAO,GAAI,MAAqB,QAAzB,CAA0B;QACxC,IAAM,UAAU,GAAG,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC;QAClC,IAAM,cAAc,GAAG,CAAC,QAAQ,EAAE,OAAO,EAAE,GAAG,CAAC,CAAC;QAChD,IAAM,WAAW,GAAG,UAAU,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;QAC7C,IAAM,eAAe,GAAG,MAAM,IAAI,cAAc,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QAEnE,IACE,OAAO,UAAU,KAAK,UAAU;YAChC,CAAC,CAAC,WAAW;gBACX,uGAAuG;gBACvG,CAAC,WAAW,IAAI,CAAC,eAAe,CAAC,CAAC,EACpC;YACA,UAAU,EAAE,CAAC;SACd;IACH,CAAC,EACD,CAAC,UAAU,CAAC,CACb,CAAC;IAEF,IAAA,oCAA4B,EAAC;QAC3B,KAAK,EAAE,gBAAmD;QAC1D,QAAQ,EAAE,wBAAwB;QAClC,MAAM,EAAE,YAAY;KACrB,CAAC,CAAC;IAEH,OAAO,CACL,8BAAC,wBAAU,4BACG,gCAAgC,EAC5C,IAAI,EAAE,kBAAU,CAAC,KAAK,EACtB,SAAS,EAAE,SAAS,IAChB,gBAAgB,EACpB,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEW,QAAA,0BAA0B,GAAG,IAAA,6BAAY,EACpD,mCAAmC,CACpC,CAAC,EAAC,QAAQ,oBAAA,EAAC,CAAC,CAAC"}
+{"version":3,"file":"play-pause-button.js","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/play-pause-button/play-pause-button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAyC;AACzC,oDAAgD;AAChD,yCAAoD;AACpD,wDAAkC;AAClC,gEAA2D;AAC3D,qCAA6E;AAG7E,IAAM,wBAAwB,GAAG,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;AAE5C,IAAM,mCAAmC,GAAG,eAAK,CAAC,UAAU,CAG1D,UAAC,EAAU,EAAE,GAAG;QAAX,KAAK,cAAT,EAAU,CAAD;IACJ,IAAA,KAAwC,IAAA,+BAAqB,GAAE,EAA9D,uBAAuB,6BAAA,EAAE,UAAU,gBAA2B,CAAC;IAEtE,IAAM,gBAAgB,GACpB,uBAAwB,IAAI,uBAAuB,CAAC,KAAK,CAAC,CAAC;IAE7D,IAAM,SAAS,GAAG,IAAA,0BAAkB,EAAC,KAAK,EAAE,4BAA4B,CAAC,CAAC;IAE1E,IAAM,YAAY,GAAG,IAAA,mBAAW,EAC9B,UAAC,EAA4B;YAA3B,MAAM,YAAA,EAAE,GAAG,SAAA;QACJ,IAAA,OAAO,GAAI,MAAqB,QAAzB,CAA0B;QACxC,IAAM,UAAU,GAAG,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC;QAClC,IAAM,cAAc,GAAG,CAAC,QAAQ,EAAE,OAAO,EAAE,GAAG,CAAC,CAAC;QAChD,IAAM,WAAW,GAAG,UAAU,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;QAC7C,IAAM,eAAe,GAAG,MAAM,IAAI,cAAc,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QAEnE,IACE,OAAO,UAAU,KAAK,UAAU;YAChC,CAAC,CAAC,WAAW;gBACX,uGAAuG;gBACvG,CAAC,WAAW,IAAI,CAAC,eAAe,CAAC,CAAC,EACpC;YACA,UAAU,EAAE,CAAC;SACd;IACH,CAAC,EACD,CAAC,UAAU,CAAC,CACb,CAAC;IAEF,IAAA,oCAA4B,EAAC;QAC3B,KAAK,EAAE,gBAAmD;QAC1D,QAAQ,EAAE,wBAAwB;QAClC,MAAM,EAAE,YAAY;KACrB,CAAC,CAAC;IAEH,OAAO,CACL,8BAAC,wBAAU,aACT,GAAG,EAAE,GAAG,iBACI,gCAAgC,EAC5C,IAAI,EAAC,OAAO,EACZ,SAAS,EAAE,SAAS,IAChB,gBAAgB,EACpB,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AAEU,QAAA,0BAA0B,GAAG,IAAA,6BAAY,EACpD,mCAAmC,CACpC,CAAC,EAAC,QAAQ,oBAAA,EAAC,CAAC,CAAC"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"playback-speed-control.d.ts","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/playback-speed-control/playback-speed-control.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAC,oCAAoC,EAAC,MAAM,SAAS,CAAC;AAoF7D,eAAO,MAAM,+BAA+B,sGAE3C,CAAC"}
+{"version":3,"file":"playback-speed-control.d.ts","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/playback-speed-control/playback-speed-control.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAI3D,OAAO,EAAC,oCAAoC,EAAC,MAAM,SAAS,CAAC;AAsG7D,eAAO,MAAM,+BAA+B,gJAE/B,CAAC"}

package/cjs/audio-player-composable/components/playback-speed-control/playback-speed-control.js

@@ -36,12 +36,10 @@ var context_1 = require("../../context");
 var playback_speed_list_1 = require("./playback-speed-list");
 var popover_1 = require("../../../popover");
 var utils_1 = require("./utils");
-var button_1 = require("../../../button");
-var context_2 = require("../../../utils/hooks/use-media-query/context");
-var ThemelessAudioPlayerPlaybackSpeedControl = react_1.default.memo(function (props) {
+var ThemelessAudioPlayerPlaybackSpeedControl = react_1.default.forwardRef(function (props, ref) {
     var theme = (0, theme_1.useTheme)();
     var getPlaybackSpeedControlProps = (0, context_1.useAudioPlayerContext)().getPlaybackSpeedControlProps;
-    var _a = getPlaybackSpeedControlProps(props), overrides = _a.overrides, setSpeed = _a.onChange, useModal = _a.useModal, playbackSpeed = _a.playbackSpeed, _b = _a.buttonSize, buttonSize = _b === void 0 ? button_1.ButtonSize.Medium : _b;
+    var _a = getPlaybackSpeedControlProps(props), overrides = _a.overrides, setSpeed = _a.onChange, useModal = _a.useModal, playbackSpeed = _a.playbackSpeed, _b = _a.buttonSize, buttonSize = _b === void 0 ? 'medium' : _b;
     var _c = (0, react_1.useState)(false), isOpen = _c[0], setIsOpen = _c[1];
     var renderInModal = (0, check_breakpoint_prop_1.checkBreakpointProp)(useModal, (0, hooks_1.useBreakpointKey)());
     var selectedOptionRef = (0, react_1.useRef)(null);
@@ -49,11 +47,25 @@ var ThemelessAudioPlayerPlaybackSpeedControl = react_1.default.memo(function (pr
     var dismissHandler = (0, react_1.useCallback)(function () {
         setIsOpen(false);
     }, []);
+    var toggleOpen = (0, react_1.useCallback)(function () {
+        setIsOpen(function (open) { return !open; });
+    }, []);
     return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(popover_1.Popover, { open: isOpen && !renderInModal, content: playbackSpeedList, header: undefined, closePosition: "none", onDismiss: dismissHandler, enableDismiss: true, focusElementRef: selectedOptionRef, overrides: (0, utils_1.popoverOverrides)(theme, overrides) },
-            react_1.default.createElement(icon_button_1.IconButton, { "aria-label": "playback speed", "data-testid": "audio-player-playback-speed-control", overrides: (0, utils_1.iconButtonOverrides)(theme, overrides), onClick: function () { return setIsOpen(function (open) { return !open; }); }, size: buttonSize },
-                react_1.default.createElement(icon_filled_slow_motion_video_1.IconFilledSlowMotionVideo, null))),
+        react_1.default.createElement(popover_1.Popover, { ref: ref, open: isOpen && !renderInModal, content: playbackSpeedList, header: undefined, closePosition: "none", onDismiss: dismissHandler, enableDismiss: true, focusElementRef: selectedOptionRef, overrides: (0, utils_1.popoverOverrides)(theme, overrides) }, props.children ? (
+        // If there are children, trigger the open state
+        // on click and pass the original onClick handler
+        react_1.default.cloneElement(props.children, {
+            onClick: function () {
+                var _a, _b;
+                toggleOpen();
+                /* istanbul ignore next */
+                if ((_b = (_a = props.children) === null || _a === void 0 ? void 0 : _a.props) === null || _b === void 0 ? void 0 : _b.onClick) {
+                    props.children.props.onClick();
+                }
+            },
+        })) : (react_1.default.createElement(icon_button_1.IconButton, { "aria-label": "playback speed", "data-testid": "audio-player-playback-speed-control", overrides: (0, utils_1.iconButtonOverrides)(theme, overrides), onClick: toggleOpen, size: buttonSize },
+            react_1.default.createElement(icon_filled_slow_motion_video_1.IconFilledSlowMotionVideo, null)))),
         renderInModal && (react_1.default.createElement(modal_1.Modal, { open: isOpen, onDismiss: dismissHandler, overrides: (0, utils_1.modalOverrides)(theme, overrides) }, playbackSpeedList))));
 });
-exports.AudioPlayerPlaybackSpeedControl = (0, context_2.withMediaQueryProvider)((0, with_own_theme_1.withOwnTheme)(ThemelessAudioPlayerPlaybackSpeedControl)({ defaults: defaults_1.default }));
+exports.AudioPlayerPlaybackSpeedControl = (0, with_own_theme_1.withOwnTheme)(ThemelessAudioPlayerPlaybackSpeedControl)({ defaults: defaults_1.default });
 //# sourceMappingURL=playback-speed-control.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"playback-speed-control.js","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/playback-speed-control/playback-speed-control.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA2D;AAC3D,oDAAgD;AAChD,wDAAkC;AAClC,gEAA2D;AAE3D,8GAAuG;AACvG,wCAAwC;AACxC,8CAAsD;AACtD,8EAAyE;AACzE,wCAAqC;AACrC,yCAAoD;AACpD,6DAAwD;AACxD,4CAAyC;AACzC,iCAA8E;AAC9E,0CAA2C;AAC3C,wEAAoF;AAEpF,IAAM,wCAAwC,GAAmD,eAAK,CAAC,IAAI,CACzG,UAAA,KAAK;IACH,IAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IAElB,IAAA,4BAA4B,GAAI,IAAA,+BAAqB,GAAE,6BAA3B,CAA4B;IACzD,IAAA,KAMF,4BAA6B,CAAC,KAAK,CAAC,EALtC,SAAS,eAAA,EACC,QAAQ,cAAA,EAClB,QAAQ,cAAA,EACR,aAAa,mBAAA,EACb,kBAA8B,EAA9B,UAAU,mBAAG,mBAAU,CAAC,MAAM,KACQ,CAAC;IAEnC,IAAA,KAAsB,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAApC,MAAM,QAAA,EAAE,SAAS,QAAmB,CAAC;IAE5C,IAAM,aAAa,GAAG,IAAA,2CAAmB,EAAC,QAAQ,EAAE,IAAA,wBAAgB,GAAE,CAAC,CAAC;IACxE,IAAM,iBAAiB,GAAG,IAAA,cAAM,EAAoB,IAAI,CAAC,CAAC;IAE1D,IAAM,iBAAiB,GAAG,CACxB,8BAAC,uCAAiB,IAChB,aAAa,EAAE,aAAa,EAC5B,iBAAiB,EAAE,iBAAiB,EACpC,aAAa,EAAE,aAAa,EAC5B,WAAW,EAAE,QAAQ,EACrB,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,GACZ,CACH,CAAC;IAEF,IAAM,cAAc,GAAG,IAAA,mBAAW,EAAC;QACjC,SAAS,CAAC,KAAK,CAAC,CAAC;IACnB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL;QACE,8BAAC,iBAAO,IACN,IAAI,EAAE,MAAM,IAAI,CAAC,aAAa,EAC9B,OAAO,EAAE,iBAAiB,EAC1B,MAAM,EAAE,SAAS,EACjB,aAAa,EAAC,MAAM,EACpB,SAAS,EAAE,cAAc,EACzB,aAAa,QACb,eAAe,EAAE,iBAAiB,EAClC,SAAS,EAAE,IAAA,wBAAgB,EAAC,KAAK,EAAE,SAAS,CAAC;YAE7C,8BAAC,wBAAU,kBACE,gBAAgB,iBACf,qCAAqC,EACjD,SAAS,EAAE,IAAA,2BAAmB,EAAC,KAAK,EAAE,SAAS,CAAC,EAChD,OAAO,EAAE,cAAM,OAAA,SAAS,CAAC,UAAA,IAAI,IAAI,OAAA,CAAC,IAAI,EAAL,CAAK,CAAC,EAAxB,CAAwB,EACvC,IAAI,EAAE,UAAU;gBAEhB,8BAAC,yDAAyB,OAAG,CAClB,CACL;QAET,aAAa,IAAI,CAChB,8BAAC,aAAK,IACJ,IAAI,EAAE,MAAM,EACZ,SAAS,EAAE,cAAc,EACzB,SAAS,EAAE,IAAA,sBAAc,EAAC,KAAK,EAAE,SAAS,CAAC,IAE1C,iBAAiB,CACZ,CACT,CACA,CACJ,CAAC;AACJ,CAAC,CACF,CAAC;AAEW,QAAA,+BAA+B,GAAG,IAAA,gCAAsB,EACnE,IAAA,6BAAY,EAAC,wCAAwC,CAAC,CAAC,EAAC,QAAQ,oBAAA,EAAC,CAAC,CACnE,CAAC"}
+{"version":3,"file":"playback-speed-control.js","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/playback-speed-control/playback-speed-control.tsx"],"names":[],"mappings":"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"}

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

@@ -1,9 +1,10 @@
+/// <reference types="react" />
 import { PopoverProps } from '../../../popover';
 import { ModalProps } from '../../../modal';
 import { SelectionListOptionProps, SelectionListProps } from '../../../selection-list';
 import { MQ } from '../../../utils';
-import { ButtonSize } from '../../../button';
 import { IconButtonProps } from '../../../icon-button/types';
+import { ButtonSize } from '../../../button/types';
 export interface AudioPlayerPlaybackSpeedControlOverridesProps {
     popover?: PopoverProps['overrides'];
     modal?: ModalProps['overrides'];
@@ -12,6 +13,7 @@ export interface AudioPlayerPlaybackSpeedControlOverridesProps {
     iconButton?: IconButtonProps['overrides'];
 }
 export interface AudioPlayerPlaybackSpeedControlProps {
+    children?: React.ReactElement;
     useModal?: MQ<boolean>;
     buttonSize?: ButtonSize;
     overrides?: AudioPlayerPlaybackSpeedControlOverridesProps;

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/playback-speed-control/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAC,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAC,UAAU,EAAC,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EACL,wBAAwB,EACxB,kBAAkB,EACnB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,UAAU,EAAC,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAC,eAAe,EAAC,MAAM,4BAA4B,CAAC;AAE3D,MAAM,WAAW,6CAA6C;IAC5D,OAAO,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,CAAC;IACpC,KAAK,CAAC,EAAE,UAAU,CAAC,WAAW,CAAC,CAAC;IAChC,aAAa,CAAC,EAAE,kBAAkB,CAAC,WAAW,CAAC,CAAC;IAChD,oBAAoB,CAAC,EAAE,wBAAwB,CAAC,WAAW,CAAC,CAAC;IAC7D,UAAU,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAC;CAC3C;AAED,MAAM,WAAW,oCAAoC;IACnD,QAAQ,CAAC,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC;IACvB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,SAAS,CAAC,EAAE,6CAA6C,CAAC;CAC3D"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/playback-speed-control/types.ts"],"names":[],"mappings":";AAAA,OAAO,EAAC,YAAY,EAAC,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAC,UAAU,EAAC,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EACL,wBAAwB,EACxB,kBAAkB,EACnB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,eAAe,EAAC,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAC,UAAU,EAAC,MAAM,uBAAuB,CAAC;AAEjD,MAAM,WAAW,6CAA6C;IAC5D,OAAO,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,CAAC;IACpC,KAAK,CAAC,EAAE,UAAU,CAAC,WAAW,CAAC,CAAC;IAChC,aAAa,CAAC,EAAE,kBAAkB,CAAC,WAAW,CAAC,CAAC;IAChD,oBAAoB,CAAC,EAAE,wBAAwB,CAAC,WAAW,CAAC,CAAC;IAC7D,UAAU,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAC;CAC3C;AAED,MAAM,WAAW,oCAAoC;IACnD,QAAQ,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC9B,QAAQ,CAAC,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC;IACvB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,SAAS,CAAC,EAAE,6CAA6C,CAAC;CAC3D"}

package/cjs/audio-player-composable/components/replay-button/replay-button.d.ts

@@ -1,3 +1,8 @@
-import { AudioPlayerReplayButtonProps } from './types';
-export declare const AudioPlayerReplayButton: import("../../../utils/with-own-theme").NewsKitReactComponents<AudioPlayerReplayButtonProps>;
+import React from 'react';
+export declare const AudioPlayerReplayButton: import("../../../utils/with-own-theme").NewsKitReactComponents<Omit<import("../types").AudioPlayerIconButtonProps, "onClick"> & {
+    keyboardShortcuts?: string | string[] | undefined;
+    onClick?: ((event: KeyboardEvent | React.MouseEvent<HTMLButtonElement, MouseEvent>) => void) | undefined;
+} & {
+    seconds?: number | undefined;
+} & React.RefAttributes<HTMLButtonElement>>;
 //# sourceMappingURL=replay-button.d.ts.map

package/cjs/audio-player-composable/components/replay-button/replay-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"replay-button.d.ts","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/replay-button/replay-button.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAC,4BAA4B,EAAC,MAAM,SAAS,CAAC;AA6BrD,eAAO,MAAM,uBAAuB,8FAIlC,CAAC"}
+{"version":3,"file":"replay-button.d.ts","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/replay-button/replay-button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAmC1B,eAAO,MAAM,uBAAuB;;;;;2CAIlC,CAAC"}

package/cjs/audio-player-composable/components/replay-button/replay-button.js

@@ -10,20 +10,31 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+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)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AudioPlayerReplayButton = void 0;
 var react_1 = __importDefault(require("react"));
-var types_1 = require("../../../button/types");
 var icon_button_1 = require("../../../icon-button");
 var with_own_theme_1 = require("../../../utils/with-own-theme");
 var context_1 = require("../../context");
 var utils_1 = require("../../utils");
 var defaults_1 = __importDefault(require("./defaults"));
 var defaultKeyboardShortcuts = ['j'];
-var ThemelessAudioPlayerReplayButton = react_1.default.memo(function (props) {
+var ThemelessAudioPlayerReplayButton = react_1.default.forwardRef(function (_a, ref) {
+    var props = __rest(_a, []);
     var getReplayButtonProps = (0, context_1.useAudioPlayerContext)().getReplayButtonProps;
     var overrides = (0, utils_1.useButtonOverrides)(props, 'audioPlayerReplayButton');
     var propsFromContext = getReplayButtonProps && getReplayButtonProps(props);
@@ -31,7 +42,7 @@ var ThemelessAudioPlayerReplayButton = react_1.default.memo(function (props) {
         props: propsFromContext,
         defaults: defaultKeyboardShortcuts,
     });
-    return (react_1.default.createElement(icon_button_1.IconButton, __assign({ "data-testid": "audio-player-replay-button", size: types_1.ButtonSize.Medium, overrides: overrides }, propsFromContext)));
+    return (react_1.default.createElement(icon_button_1.IconButton, __assign({ ref: ref, "data-testid": "audio-player-replay-button", size: "medium", overrides: overrides }, propsFromContext)));
 });
 exports.AudioPlayerReplayButton = (0, with_own_theme_1.withOwnTheme)(ThemelessAudioPlayerReplayButton)({
     defaults: defaults_1.default,

package/cjs/audio-player-composable/components/replay-button/replay-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"replay-button.js","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/replay-button/replay-button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,+CAAiD;AACjD,oDAAgD;AAChD,gEAA2D;AAC3D,yCAAoD;AACpD,qCAA6E;AAC7E,wDAAkC;AAGlC,IAAM,wBAAwB,GAAG,CAAC,GAAG,CAAC,CAAC;AAEvC,IAAM,gCAAgC,GAA2C,eAAK,CAAC,IAAI,CACzF,UAAA,KAAK;IACI,IAAA,oBAAoB,GAAI,IAAA,+BAAqB,GAAE,qBAA3B,CAA4B;IAEvD,IAAM,SAAS,GAAG,IAAA,0BAAkB,EAAC,KAAK,EAAE,yBAAyB,CAAC,CAAC;IAEvE,IAAM,gBAAgB,GACpB,oBAAqB,IAAI,oBAAoB,CAAC,KAAK,CAAC,CAAC;IAEvD,IAAA,oCAA4B,EAAC;QAC3B,KAAK,EAAE,gBAAgD;QACvD,QAAQ,EAAE,wBAAwB;KACnC,CAAC,CAAC;IAEH,OAAO,CACL,8BAAC,wBAAU,4BACG,4BAA4B,EACxC,IAAI,EAAE,kBAAU,CAAC,MAAM,EACvB,SAAS,EAAE,SAAS,IAChB,gBAAgB,EACpB,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEW,QAAA,uBAAuB,GAAG,IAAA,6BAAY,EACjD,gCAAgC,CACjC,CAAC;IACA,QAAQ,oBAAA;CACT,CAAC,CAAC"}
+{"version":3,"file":"replay-button.js","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/replay-button/replay-button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,oDAAgD;AAChD,gEAA2D;AAC3D,yCAAoD;AACpD,qCAA6E;AAC7E,wDAAkC;AAGlC,IAAM,wBAAwB,GAAG,CAAC,GAAG,CAAC,CAAC;AAEvC,IAAM,gCAAgC,GAAG,eAAK,CAAC,UAAU,CAGvD,UAAC,EAAU,EAAE,GAAG;QAAX,KAAK,cAAT,EAAU,CAAD;IACH,IAAA,oBAAoB,GAAI,IAAA,+BAAqB,GAAE,qBAA3B,CAA4B;IAEvD,IAAM,SAAS,GAAG,IAAA,0BAAkB,EAAC,KAAK,EAAE,yBAAyB,CAAC,CAAC;IAEvE,IAAM,gBAAgB,GAAG,oBAAqB,IAAI,oBAAoB,CAAC,KAAK,CAAC,CAAC;IAE9E,IAAA,oCAA4B,EAAC;QAC3B,KAAK,EAAE,gBAAgD;QACvD,QAAQ,EAAE,wBAAwB;KACnC,CAAC,CAAC;IAEH,OAAO,CACL,8BAAC,wBAAU,aACT,GAAG,EAAE,GAAG,iBACI,4BAA4B,EACxC,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,SAAS,IAChB,gBAAgB,EACpB,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AACU,QAAA,uBAAuB,GAAG,IAAA,6BAAY,EACjD,gCAAgC,CACjC,CAAC;IACA,QAAQ,oBAAA;CACT,CAAC,CAAC"}

package/cjs/audio-player-composable/components/seek-bar/seek-bar.d.ts

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

package/cjs/audio-player-composable/components/seek-bar/seek-bar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"seek-bar.d.ts","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/seek-bar/seek-bar.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,uBAAuB,EAAC,MAAM,SAAS,CAAC;AA8IhD,eAAO,MAAM,kBAAkB,yFAG7B,CAAC"}
+{"version":3,"file":"seek-bar.d.ts","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/seek-bar/seek-bar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAGzC,OAAO,EAAC,uBAAuB,EAAC,MAAM,SAAS,CAAC;AAgJhD,eAAO,MAAM,kBAAkB,+HAG7B,CAAC"}

package/cjs/audio-player-composable/components/seek-bar/seek-bar.js

@@ -49,7 +49,7 @@ var style_presets_1 = __importDefault(require("./style-presets"));
 var theme_1 = require("../../../theme");
 var defaults_1 = __importDefault(require("./defaults"));
 var utils_2 = require("./utils");
-var ThemelessSeekBar = function (_a) {
+var ThemelessSeekBar = react_1.default.forwardRef(function (_a, ref) {
     var _b = _a.overrides, overrides = _b === void 0 ? {} : _b;
     var seekBarSliderOverrides = overrides.slider;
     var theme = (0, theme_1.useTheme)();
@@ -86,14 +86,14 @@ var ThemelessSeekBar = function (_a) {
         currentTime,
     ]);
     return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(slider_1.Slider, { min: 0, max: Math.floor(duration) || 1, values: [currentTime], step: 1, ariaLabel: "seek bar", ariaValueText: "Playback time: ".concat((0, utils_2.seekBarAriaValueText)([
+        react_1.default.createElement(slider_1.Slider, { ref: ref, min: 0, max: Math.floor(duration) || 1, values: [currentTime], step: 1, ariaLabel: "seek bar", ariaValueText: "Playback time: ".concat((0, utils_2.seekBarAriaValueText)([
                 currentTime,
             ]), " of ").concat((0, utils_2.seekBarAriaValueText)([duration])), onChange: function (_a) {
                 var value = _a[0];
                 return onChange(value);
             }, renderTrack: renderTrack, dataTestId: "audio-slider", ariaDescribedBy: srOnlyForwardRewind, overrides: __assign(__assign({}, seekBarSliderDefaults), (0, filter_object_1.filterOutFalsyProperties)(seekBarSliderOverrides)) }),
         react_1.default.createElement(screen_reader_only_1.ScreenReaderOnly, { id: srOnlyForwardRewind, "aria-hidden": "true" }, "Use the arrow keys to fast forward or rewind")));
-};
+});
 exports.AudioPlayerSeekBar = (0, with_own_theme_1.withOwnTheme)(ThemelessSeekBar)({
     defaults: defaults_1.default,
     stylePresets: style_presets_1.default,

package/cjs/audio-player-composable/components/seek-bar/seek-bar.js.map

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

package/cjs/audio-player-composable/components/skip-next-button/skip-next-button.d.ts

@@ -1,2 +1,6 @@
-export declare const AudioPlayerSkipNextButton: import("../../../utils/with-own-theme").NewsKitReactComponents<import("../types").AudioPlayerIconButtonWithShortcuts>;
+import React from 'react';
+export declare const AudioPlayerSkipNextButton: import("../../../utils/with-own-theme").NewsKitReactComponents<Omit<import("../types").AudioPlayerIconButtonProps, "onClick"> & {
+    keyboardShortcuts?: string | string[] | undefined;
+    onClick?: ((event: KeyboardEvent | React.MouseEvent<HTMLButtonElement, MouseEvent>) => void) | undefined;
+} & React.RefAttributes<HTMLButtonElement>>;
 //# sourceMappingURL=skip-next-button.d.ts.map

package/cjs/audio-player-composable/components/skip-next-button/skip-next-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"skip-next-button.d.ts","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/skip-next-button/skip-next-button.tsx"],"names":[],"mappings":"AAoCA,eAAO,MAAM,yBAAyB,uHAEzB,CAAC"}
+{"version":3,"file":"skip-next-button.d.ts","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/skip-next-button/skip-next-button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAqC1B,eAAO,MAAM,yBAAyB;;;2CAEzB,CAAC"}

package/cjs/audio-player-composable/components/skip-next-button/skip-next-button.js

@@ -10,6 +10,17 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+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)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -17,13 +28,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.AudioPlayerSkipNextButton = void 0;
 var react_1 = __importDefault(require("react"));
 var icon_button_1 = require("../../../icon-button");
-var types_1 = require("../../../button/types");
 var context_1 = require("../../context");
 var defaults_1 = __importDefault(require("./defaults"));
 var with_own_theme_1 = require("../../../utils/with-own-theme");
 var utils_1 = require("../../utils");
 var defaultKeyboardShortcuts = ['shift + n'];
-var ThemelessAudioPlayerSkipNextButton = react_1.default.memo(function (props) {
+var ThemelessAudioPlayerSkipNextButton = react_1.default.forwardRef(function (_a, ref) {
+    var props = __rest(_a, []);
     var getSkipNextButtonProps = (0, context_1.useAudioPlayerContext)().getSkipNextButtonProps;
     var overrides = (0, utils_1.useButtonOverrides)(props, 'audioPlayerSkipNextButton');
     var propsFromContext = getSkipNextButtonProps && getSkipNextButtonProps(props);
@@ -31,7 +42,7 @@ var ThemelessAudioPlayerSkipNextButton = react_1.default.memo(function (props) {
         props: propsFromContext,
         defaults: defaultKeyboardShortcuts,
     });
-    return (react_1.default.createElement(icon_button_1.IconButton, __assign({ "data-testid": "audio-player-skip-next-button", size: types_1.ButtonSize.Medium, overrides: overrides }, propsFromContext)));
+    return (react_1.default.createElement(icon_button_1.IconButton, __assign({ ref: ref, "data-testid": "audio-player-skip-next-button", size: "medium", overrides: overrides }, propsFromContext)));
 });
 exports.AudioPlayerSkipNextButton = (0, with_own_theme_1.withOwnTheme)(ThemelessAudioPlayerSkipNextButton)({ defaults: defaults_1.default });
 //# sourceMappingURL=skip-next-button.js.map

package/cjs/audio-player-composable/components/skip-next-button/skip-next-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"skip-next-button.js","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/skip-next-button/skip-next-button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,oDAAgD;AAChD,+CAAiD;AACjD,yCAAoD;AACpD,wDAAkC;AAClC,gEAA2D;AAC3D,qCAA6E;AAG7E,IAAM,wBAAwB,GAAG,CAAC,WAAW,CAAC,CAAC;AAE/C,IAAM,kCAAkC,GAA6C,eAAK,CAAC,IAAI,CAC7F,UAAA,KAAK;IACI,IAAA,sBAAsB,GAAI,IAAA,+BAAqB,GAAE,uBAA3B,CAA4B;IAEzD,IAAM,SAAS,GAAG,IAAA,0BAAkB,EAAC,KAAK,EAAE,2BAA2B,CAAC,CAAC;IAEzE,IAAM,gBAAgB,GACpB,sBAAuB,IAAI,sBAAsB,CAAC,KAAK,CAAC,CAAC;IAE3D,IAAA,oCAA4B,EAAC;QAC3B,KAAK,EAAE,gBAAkD;QACzD,QAAQ,EAAE,wBAAwB;KACnC,CAAC,CAAC;IAEH,OAAO,CACL,8BAAC,wBAAU,4BACG,+BAA+B,EAC3C,IAAI,EAAE,kBAAU,CAAC,MAAM,EACvB,SAAS,EAAE,SAAS,IAChB,gBAAgB,EACpB,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEW,QAAA,yBAAyB,GAAG,IAAA,6BAAY,EACnD,kCAAkC,CACnC,CAAC,EAAC,QAAQ,oBAAA,EAAC,CAAC,CAAC"}
+{"version":3,"file":"skip-next-button.js","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/skip-next-button/skip-next-button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,oDAAgD;AAChD,yCAAoD;AACpD,wDAAkC;AAClC,gEAA2D;AAC3D,qCAA6E;AAG7E,IAAM,wBAAwB,GAAG,CAAC,WAAW,CAAC,CAAC;AAE/C,IAAM,kCAAkC,GAAG,eAAK,CAAC,UAAU,CAGzD,UAAC,EAAU,EAAE,GAAG;QAAX,KAAK,cAAT,EAAU,CAAD;IACH,IAAA,sBAAsB,GAAI,IAAA,+BAAqB,GAAE,uBAA3B,CAA4B;IAEzD,IAAM,SAAS,GAAG,IAAA,0BAAkB,EAAC,KAAK,EAAE,2BAA2B,CAAC,CAAC;IAEzE,IAAM,gBAAgB,GACpB,sBAAuB,IAAI,sBAAsB,CAAC,KAAK,CAAC,CAAC;IAE3D,IAAA,oCAA4B,EAAC;QAC3B,KAAK,EAAE,gBAAkD;QACzD,QAAQ,EAAE,wBAAwB;KACnC,CAAC,CAAC;IAEH,OAAO,CACL,8BAAC,wBAAU,aACT,GAAG,EAAE,GAAG,iBACI,+BAA+B,EAC3C,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,SAAS,IAChB,gBAAgB,EACpB,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AAEU,QAAA,yBAAyB,GAAG,IAAA,6BAAY,EACnD,kCAAkC,CACnC,CAAC,EAAC,QAAQ,oBAAA,EAAC,CAAC,CAAC"}

package/cjs/audio-player-composable/components/skip-previous-button/skip-previous-button.d.ts

@@ -1,2 +1,6 @@
-export declare const AudioPlayerSkipPreviousButton: import("../../../utils/with-own-theme").NewsKitReactComponents<import("../types").AudioPlayerIconButtonWithShortcuts>;
+import React from 'react';
+export declare const AudioPlayerSkipPreviousButton: import("../../../utils/with-own-theme").NewsKitReactComponents<Omit<import("../types").AudioPlayerIconButtonProps, "onClick"> & {
+    keyboardShortcuts?: string | string[] | undefined;
+    onClick?: ((event: KeyboardEvent | React.MouseEvent<HTMLButtonElement, MouseEvent>) => void) | undefined;
+} & React.RefAttributes<HTMLButtonElement>>;
 //# sourceMappingURL=skip-previous-button.d.ts.map

package/cjs/audio-player-composable/components/skip-previous-button/skip-previous-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"skip-previous-button.d.ts","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/skip-previous-button/skip-previous-button.tsx"],"names":[],"mappings":"AAuCA,eAAO,MAAM,6BAA6B,uHAE7B,CAAC"}
+{"version":3,"file":"skip-previous-button.d.ts","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/skip-previous-button/skip-previous-button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAqC1B,eAAO,MAAM,6BAA6B;;;2CAE7B,CAAC"}

package/cjs/audio-player-composable/components/skip-previous-button/skip-previous-button.js

@@ -10,6 +10,17 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+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)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -17,13 +28,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.AudioPlayerSkipPreviousButton = void 0;
 var react_1 = __importDefault(require("react"));
 var icon_button_1 = require("../../../icon-button");
-var types_1 = require("../../../button/types");
 var context_1 = require("../../context");
 var defaults_1 = __importDefault(require("./defaults"));
 var with_own_theme_1 = require("../../../utils/with-own-theme");
 var utils_1 = require("../../utils");
 var defaultKeyboardShortcuts = ['shift + p'];
-var ThemelessAudioPlayerSkipPreviousButton = react_1.default.memo(function (props) {
+var ThemelessAudioPlayerSkipPreviousButton = react_1.default.forwardRef(function (_a, ref) {
+    var props = __rest(_a, []);
     var getSkipPreviousButtonProps = (0, context_1.useAudioPlayerContext)().getSkipPreviousButtonProps;
     var overrides = (0, utils_1.useButtonOverrides)(props, 'audioPlayerSkipPreviousButton');
     var propsFromContext = getSkipPreviousButtonProps && getSkipPreviousButtonProps(props);
@@ -31,7 +42,7 @@ var ThemelessAudioPlayerSkipPreviousButton = react_1.default.memo(function (prop
         props: propsFromContext,
         defaults: defaultKeyboardShortcuts,
     });
-    return (react_1.default.createElement(icon_button_1.IconButton, __assign({ "data-testid": "audio-player-skip-previous-button", size: types_1.ButtonSize.Medium, overrides: overrides }, propsFromContext)));
+    return (react_1.default.createElement(icon_button_1.IconButton, __assign({ ref: ref, "data-testid": "audio-player-skip-previous-button", size: "medium", overrides: overrides }, propsFromContext)));
 });
 exports.AudioPlayerSkipPreviousButton = (0, with_own_theme_1.withOwnTheme)(ThemelessAudioPlayerSkipPreviousButton)({ defaults: defaults_1.default });
 //# sourceMappingURL=skip-previous-button.js.map

package/cjs/audio-player-composable/components/skip-previous-button/skip-previous-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"skip-previous-button.js","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/skip-previous-button/skip-previous-button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,oDAAgD;AAChD,+CAAiD;AACjD,yCAAoD;AACpD,wDAAkC;AAClC,gEAA2D;AAC3D,qCAA6E;AAG7E,IAAM,wBAAwB,GAAG,CAAC,WAAW,CAAC,CAAC;AAE/C,IAAM,sCAAsC,GAAiD,eAAK,CAAC,IAAI,CACrG,UAAA,KAAK;IACI,IAAA,0BAA0B,GAAI,IAAA,+BAAqB,GAAE,2BAA3B,CAA4B;IAE7D,IAAM,SAAS,GAAG,IAAA,0BAAkB,EAClC,KAAK,EACL,+BAA+B,CAChC,CAAC;IAEF,IAAM,gBAAgB,GACpB,0BAA2B,IAAI,0BAA0B,CAAC,KAAK,CAAC,CAAC;IAEnE,IAAA,oCAA4B,EAAC;QAC3B,KAAK,EAAE,gBAAsD;QAC7D,QAAQ,EAAE,wBAAwB;KACnC,CAAC,CAAC;IAEH,OAAO,CACL,8BAAC,wBAAU,4BACG,mCAAmC,EAC/C,IAAI,EAAE,kBAAU,CAAC,MAAM,EACvB,SAAS,EAAE,SAAS,IAChB,gBAAgB,EACpB,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEW,QAAA,6BAA6B,GAAG,IAAA,6BAAY,EACvD,sCAAsC,CACvC,CAAC,EAAC,QAAQ,oBAAA,EAAC,CAAC,CAAC"}
+{"version":3,"file":"skip-previous-button.js","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/skip-previous-button/skip-previous-button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,oDAAgD;AAChD,yCAAoD;AACpD,wDAAkC;AAClC,gEAA2D;AAC3D,qCAA6E;AAG7E,IAAM,wBAAwB,GAAG,CAAC,WAAW,CAAC,CAAC;AAE/C,IAAM,sCAAsC,GAAG,eAAK,CAAC,UAAU,CAG7D,UAAC,EAAU,EAAE,GAAG;QAAX,KAAK,cAAT,EAAU,CAAD;IACH,IAAA,0BAA0B,GAAI,IAAA,+BAAqB,GAAE,2BAA3B,CAA4B;IAE7D,IAAM,SAAS,GAAG,IAAA,0BAAkB,EAAC,KAAK,EAAE,+BAA+B,CAAC,CAAC;IAE7E,IAAM,gBAAgB,GACpB,0BAA2B,IAAI,0BAA0B,CAAC,KAAK,CAAC,CAAC;IAEnE,IAAA,oCAA4B,EAAC;QAC3B,KAAK,EAAE,gBAAsD;QAC7D,QAAQ,EAAE,wBAAwB;KACnC,CAAC,CAAC;IAEH,OAAO,CACL,8BAAC,wBAAU,aACT,GAAG,EAAE,GAAG,iBACI,mCAAmC,EAC/C,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,SAAS,IAChB,gBAAgB,EACpB,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AAEU,QAAA,6BAA6B,GAAG,IAAA,6BAAY,EACvD,sCAAsC,CACvC,CAAC,EAAC,QAAQ,oBAAA,EAAC,CAAC,CAAC"}

package/cjs/audio-player-composable/components/time-display/time-display.d.ts

@@ -1,3 +1,9 @@
-import { AudioPlayerTimeDisplayProps } from './types';
-export declare const AudioPlayerTimeDisplay: import("../../../utils/with-own-theme").NewsKitReactComponents<AudioPlayerTimeDisplayProps>;
+import React from 'react';
+export declare const AudioPlayerTimeDisplay: import("../../../utils/with-own-theme").NewsKitReactComponents<{
+    format?: import("./types").AudioPlayerTimeFormatFn | undefined;
+    overrides?: {
+        typographyPreset?: import("../../../utils").MQ<string> | undefined;
+        stylePreset?: import("../../../utils").MQ<string> | undefined;
+    } | undefined;
+} & React.HTMLAttributes<HTMLSpanElement> & React.RefAttributes<HTMLParagraphElement>>;
 //# sourceMappingURL=time-display.d.ts.map

package/cjs/audio-player-composable/components/time-display/time-display.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"time-display.d.ts","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/time-display/time-display.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAC,2BAA2B,EAAC,MAAM,SAAS,CAAC;AA6BpD,eAAO,MAAM,sBAAsB,6FAGjC,CAAC"}
+{"version":3,"file":"time-display.d.ts","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/time-display/time-display.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAmC1B,eAAO,MAAM,sBAAsB;;;;;;sFAGjC,CAAC"}

package/cjs/audio-player-composable/components/time-display/time-display.js

@@ -38,13 +38,13 @@ var defaults_1 = __importDefault(require("./defaults"));
 var style_presets_1 = __importDefault(require("./style-presets"));
 var text_block_1 = require("../../../text-block");
 var StyledTextBlock = (0, utils_1.styled)(text_block_1.TextBlock)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: block;\n  ", "\n  ", ";\n"], ["\n  display: block;\n  ", "\n  ", ";\n"])), (0, utils_1.getStylePreset)("audioPlayerTimeDisplay", ''), (0, utils_1.getTypographyPreset)("audioPlayerTimeDisplay", ''));
-var ThemelessTimeDisplay = function (_a) {
+var ThemelessTimeDisplay = react_1.default.forwardRef(function (_a, ref) {
     var _b = _a.overrides, overrides = _b === void 0 ? {} : _b, format = _a.format, restProps = __rest(_a, ["overrides", "format"]);
     var getTimeDisplayProps = (0, context_1.useAudioPlayerContext)().getTimeDisplayProps;
     var _c = getTimeDisplayProps(), defaultFormat = _c.format, currentTime = _c.currentTime, duration = _c.duration;
     var formatFn = typeof format === 'function' ? format : defaultFormat;
-    return (react_1.default.createElement(StyledTextBlock, __assign({ as: "span", overrides: overrides, "data-testid": "audio-player-time-display" }, restProps), formatFn({ currentTime: currentTime, duration: duration })));
-};
+    return (react_1.default.createElement(StyledTextBlock, __assign({ ref: ref, as: "span", overrides: overrides, "data-testid": "audio-player-time-display" }, restProps), formatFn({ currentTime: currentTime, duration: duration })));
+});
 exports.AudioPlayerTimeDisplay = (0, with_own_theme_1.withOwnTheme)(ThemelessTimeDisplay)({
     defaults: defaults_1.default,
     stylePresets: style_presets_1.default,

package/cjs/audio-player-composable/components/time-display/time-display.js.map

@@ -1 +1 @@
-{"version":3,"file":"time-display.js","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/time-display/time-display.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,wCAA2E;AAC3E,yCAAoD;AACpD,gEAA2D;AAC3D,wDAAkC;AAClC,kEAA2C;AAE3C,kDAA8C;AAE9C,IAAM,eAAe,GAAG,IAAA,cAAM,EAAC,sBAAS,CAAC,2GAA6B,yBAElE,EAA4C,MAC5C,EAAiD,KACpD,KAFG,IAAA,sBAAc,EAAC,wBAAwB,EAAE,EAAE,CAAC,EAC5C,IAAA,2BAAmB,EAAC,wBAAwB,EAAE,EAAE,CAAC,CACpD,CAAC;AAEF,IAAM,oBAAoB,GAAG,UAAC,EAIA;IAH5B,IAAA,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,MAAM,YAAA,EACH,SAAS,cAHgB,uBAI7B,CADa;IAEL,IAAA,mBAAmB,GAAI,IAAA,+BAAqB,GAAE,oBAA3B,CAA4B;IAChD,IAAA,KAAiD,mBAAoB,EAAE,EAA9D,aAAa,YAAA,EAAE,WAAW,iBAAA,EAAE,QAAQ,cAA0B,CAAC;IAC9E,IAAM,QAAQ,GAAG,OAAO,MAAM,KAAK,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC;IACvE,OAAO,CACL,8BAAC,eAAe,aACd,EAAE,EAAC,MAAM,EACT,SAAS,EAAE,SAAS,iBACR,2BAA2B,IACnC,SAAS,GAEZ,QAAQ,CAAC,EAAC,WAAW,aAAA,EAAE,QAAQ,UAAA,EAAC,CAAC,CAClB,CACnB,CAAC;AACJ,CAAC,CAAC;AAEW,QAAA,sBAAsB,GAAG,IAAA,6BAAY,EAAC,oBAAoB,CAAC,CAAC;IACvE,QAAQ,oBAAA;IACR,YAAY,yBAAA;CACb,CAAC,CAAC"}
+{"version":3,"file":"time-display.js","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/time-display/time-display.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,wCAA2E;AAC3E,yCAAoD;AACpD,gEAA2D;AAC3D,wDAAkC;AAClC,kEAA2C;AAE3C,kDAA8C;AAE9C,IAAM,eAAe,GAAG,IAAA,cAAM,EAAC,sBAAS,CAAC,2GAA6B,yBAElE,EAA4C,MAC5C,EAAiD,KACpD,KAFG,IAAA,sBAAc,EAAC,wBAAwB,EAAE,EAAE,CAAC,EAC5C,IAAA,2BAAmB,EAAC,wBAAwB,EAAE,EAAE,CAAC,CACpD,CAAC;AAEF,IAAM,oBAAoB,GAAG,eAAK,CAAC,UAAU,CAG3C,UAAC,EAAsC,EAAE,GAAG;IAA1C,IAAA,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EAAE,MAAM,YAAA,EAAK,SAAS,cAArC,uBAAsC,CAAD;IAC/B,IAAA,mBAAmB,GAAI,IAAA,+BAAqB,GAAE,oBAA3B,CAA4B;IAChD,IAAA,KAAiD,mBAAoB,EAAE,EAA9D,aAAa,YAAA,EAAE,WAAW,iBAAA,EAAE,QAAQ,cAA0B,CAAC;IAC9E,IAAM,QAAQ,GAAG,OAAO,MAAM,KAAK,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC;IACvE,OAAO,CACL,8BAAC,eAAe,aACd,GAAG,EAAE,GAAG,EACR,EAAE,EAAC,MAAM,EACT,SAAS,EAAE,SAAS,iBACR,2BAA2B,IACnC,SAAS,GAEZ,QAAQ,CAAC,EAAC,WAAW,aAAA,EAAE,QAAQ,UAAA,EAAC,CAAC,CAClB,CACnB,CAAC;AACJ,CAAC,CAAC,CAAC;AAEU,QAAA,sBAAsB,GAAG,IAAA,6BAAY,EAAC,oBAAoB,CAAC,CAAC;IACvE,QAAQ,oBAAA;IACR,YAAY,yBAAA;CACb,CAAC,CAAC"}

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

@@ -1,52 +1,33 @@
 declare const _default: {
     audioPlayerVolumeControl: {
-        horizontal: {
-            spaceBetween: string;
-            slider: {
-                track: {
-                    stylePreset: string;
-                    size: string;
-                    length: string;
-                };
-                indicator: {
-                    stylePreset: string;
-                };
-                thumb: {
-                    stylePreset: string;
-                    size: string;
-                };
-                feedback: {
-                    size: string;
-                };
-            };
-            button: {
+        transitionPreset: string;
+        spaceBetween: string;
+        slider: {
+            track: {
                 stylePreset: string;
+                size: string;
+                length: string;
             };
-            stylePreset: string;
-        };
-        vertical: {
-            spaceBetween: string;
-            slider: {
-                track: {
-                    stylePreset: string;
-                    size: string;
-                    length: string;
-                };
-                indicator: {
-                    stylePreset: string;
-                };
-                thumb: {
-                    stylePreset: string;
-                    size: string;
-                };
-                feedback: {
-                    size: string;
-                };
+            indicator: {
+                stylePreset: string;
             };
-            button: {
+            thumb: {
                 stylePreset: string;
+                size: string;
+            };
+            feedback: {
+                size: string;
             };
+        };
+        button: {
+            stylePreset: string;
+        };
+        popover: {
             stylePreset: string;
+            content: {
+                paddingBlock: string;
+                paddingInline: string;
+            };
         };
     };
 };

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

@@ -1 +1 @@
-{"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/volume-control/defaults.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwBA,wBAWE"}
+{"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/volume-control/defaults.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,wBAgCE"}