newskit 5.2.0 → 5.3.0

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

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    audioPlayerSeekBar: {
+        slider: {
+            track: {
+                stylePreset: 'seekBarTrack',
+                size: 'sizing020',
+            },
+            indicator: {
+                stylePreset: 'seekBarIndicator',
+            },
+            thumb: {
+                stylePreset: 'seekBarThumb',
+                size: 'sizing040',
+            },
+        },
+        buffering: {
+            stylePreset: 'seekBarBuffering',
+        },
+    },
+};
+//# sourceMappingURL=defaults.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.js","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/seek-bar/defaults.ts"],"names":[],"mappings":";;AAAA,kBAAe;IACb,kBAAkB,EAAE;QAClB,MAAM,EAAE;YACN,KAAK,EAAE;gBACL,WAAW,EAAE,cAAc;gBAC3B,IAAI,EAAE,WAAW;aAClB;YACD,SAAS,EAAE;gBACT,WAAW,EAAE,kBAAkB;aAChC;YACD,KAAK,EAAE;gBACL,WAAW,EAAE,cAAc;gBAC3B,IAAI,EAAE,WAAW;aAClB;SACF;QACD,SAAS,EAAE;YACT,WAAW,EAAE,kBAAkB;SAChC;KACF;CACF,CAAC"}

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

@@ -0,0 +1,3 @@
+export * from './seek-bar';
+export * from './types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/seek-bar/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC"}

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

@@ -0,0 +1,15 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./seek-bar"), exports);
+__exportStar(require("./types"), exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/seek-bar/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,6CAA2B;AAC3B,0CAAwB"}

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import { SeekBarProps } from './types';
+export declare const AudioPlayerSeekBar: React.FC<SeekBarProps>;
+//# sourceMappingURL=seek-bar.d.ts.map

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

@@ -0,0 +1 @@
+{"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,YAAY,EAAC,MAAM,SAAS,CAAC;AA4IrC,eAAO,MAAM,kBAAkB,wBAG7B,CAAC"}

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

@@ -0,0 +1,101 @@
+"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);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AudioPlayerSeekBar = void 0;
+var react_1 = __importStar(require("react"));
+var react_range_1 = require("react-range");
+var context_1 = require("../../context");
+var slider_1 = require("../../../slider");
+var screen_reader_only_1 = require("../../../screen-reader-only");
+var hooks_1 = require("../../../utils/hooks");
+var filter_object_1 = require("../../../utils/filter-object");
+var get_token_1 = require("../../../utils/get-token");
+var utils_1 = require("../../../utils");
+var styled_1 = require("../../../slider/styled");
+var with_own_theme_1 = require("../../../utils/with-own-theme");
+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 _b = _a.overrides, overrides = _b === void 0 ? {} : _b;
+    var seekBarSliderOverrides = overrides.slider;
+    var theme = (0, theme_1.useTheme)();
+    var seekBarSliderDefaults = theme.componentDefaults.audioPlayerSeekBar.slider;
+    var getSeekBarProps = (0, context_1.useAudioPlayerContext)().getSeekBarProps;
+    var _c = getSeekBarProps && getSeekBarProps(), duration = _c.duration, currentTime = _c.currentTime, onChange = _c.onChange, buffered = _c.buffered;
+    var srOnlyForwardRewind = (0, hooks_1.useReactKeys)(1)[0];
+    var renderTrack = (0, react_1.useCallback)(function (_a) {
+        var trackProps = _a.props, trackChildren = _a.children, isDragged = _a.isDragged;
+        var sliderTrackStylePreset = (0, get_token_1.getToken)({ theme: theme, overrides: overrides }, 'audioPlayerSeekBar.slider.track', 'slider.track', 'stylePreset');
+        var sliderIndicatorTrackStylePreset = (0, get_token_1.getToken)({ theme: theme, overrides: overrides }, 'audioPlayerSeekBar.slider.indicator', 'slider.indicator', 'stylePreset');
+        var bufferingStylePreset = (0, get_token_1.getToken)({ theme: theme, overrides: overrides }, 'audioPlayerSeekBar.buffering', 'buffering', 'stylePreset');
+        var _b = (0, utils_2.formatTrackData)((0, utils_1.getSingleStylePreset)(theme, 'base', 'backgroundColor', sliderTrackStylePreset), (0, utils_1.getSingleStylePreset)(theme, 'base', 'backgroundColor', sliderIndicatorTrackStylePreset), (0, utils_1.getSingleStylePreset)(theme, 'base', 'backgroundColor', bufferingStylePreset), [currentTime], buffered), values = _b.values, colors = _b.colors;
+        return (react_1.default.createElement(styled_1.StyledTrack, __assign({}, trackProps, { values: [currentTime], dragged: isDragged, onKeyDown: function (e) {
+                var spaceKeyCode = 32;
+                /* istanbul ignore next */
+                if (e.keyCode === spaceKeyCode)
+                    e.preventDefault();
+            }, style: {
+                background: (0, react_range_1.getTrackBackground)({
+                    values: values,
+                    colors: colors,
+                    min: 0,
+                    max: Math.floor(duration),
+                }),
+            }, "data-testid": "audio-slider-track", overrides: __assign(__assign({}, seekBarSliderDefaults), (0, filter_object_1.filterOutFalsyProperties)(seekBarSliderOverrides)) }), trackChildren));
+    }, [
+        buffered,
+        duration,
+        overrides,
+        seekBarSliderDefaults,
+        seekBarSliderOverrides,
+        theme,
+        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)([
+                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,
+});
+//# sourceMappingURL=seek-bar.js.map

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

@@ -0,0 +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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"}

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

@@ -0,0 +1,4 @@
+import { StylePreset } from '../../../theme/types';
+declare const _default: Record<string, StylePreset>;
+export default _default;
+//# sourceMappingURL=style-presets.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"style-presets.d.ts","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/seek-bar/style-presets.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,sBAAsB,CAAC;;AAEjD,wBAqCiC"}

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

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    seekBarTrack: {
+        base: {
+            backgroundColor: '{{colors.interface020}}',
+            borderRadius: '{{borders.borderRadiusPill}}',
+        },
+    },
+    seekBarIndicator: {
+        base: {
+            backgroundColor: '{{colors.interactivePrimary030}}',
+            borderRadius: '{{borders.borderRadiusPill}}',
+        },
+    },
+    seekBarBuffering: {
+        base: {
+            backgroundColor: '{{colors.interface030}}',
+            borderRadius: '{{borders.borderRadiusPill}}',
+        },
+    },
+    seekBarThumb: {
+        base: {
+            boxShadow: '{{shadows.shadow010}}',
+            borderStyle: 'solid',
+            borderWidth: '{{borders.borderWidth010}}',
+            borderRadius: '{{borders.borderRadiusCircle}}',
+            iconColor: '{{colors.inkNonEssential}}',
+            backgroundColor: '{{colors.interactivePrimary030}}',
+            borderColor: '{{colors.interfaceBackground}}',
+        },
+        hover: {
+            backgroundColor: '{{colors.interactivePrimary040}}',
+        },
+        active: {
+            backgroundColor: '{{colors.interactivePrimary050}}',
+            iconColor: '{{colors.inkSubtle}}',
+        },
+    },
+};
+//# sourceMappingURL=style-presets.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"style-presets.js","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/seek-bar/style-presets.ts"],"names":[],"mappings":";;AAEA,kBAAe;IACb,YAAY,EAAE;QACZ,IAAI,EAAE;YACJ,eAAe,EAAE,yBAAyB;YAC1C,YAAY,EAAE,8BAA8B;SAC7C;KACF;IACD,gBAAgB,EAAE;QAChB,IAAI,EAAE;YACJ,eAAe,EAAE,kCAAkC;YACnD,YAAY,EAAE,8BAA8B;SAC7C;KACF;IACD,gBAAgB,EAAE;QAChB,IAAI,EAAE;YACJ,eAAe,EAAE,yBAAyB;YAC1C,YAAY,EAAE,8BAA8B;SAC7C;KACF;IACD,YAAY,EAAE;QACZ,IAAI,EAAE;YACJ,SAAS,EAAE,uBAAuB;YAClC,WAAW,EAAE,OAAO;YACpB,WAAW,EAAE,4BAA4B;YACzC,YAAY,EAAE,gCAAgC;YAC9C,SAAS,EAAE,4BAA4B;YACvC,eAAe,EAAE,kCAAkC;YACnD,WAAW,EAAE,gCAAgC;SAC9C;QACD,KAAK,EAAE;YACL,eAAe,EAAE,kCAAkC;SACpD;QACD,MAAM,EAAE;YACN,eAAe,EAAE,kCAAkC;YACnD,SAAS,EAAE,sBAAsB;SAClC;KACF;CAC6B,CAAC"}

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

@@ -0,0 +1,11 @@
+import { SliderOverrideProps } from '../../../slider';
+import { MQ } from '../../../utils';
+export declare type SeekBarProps = {
+    overrides?: {
+        slider?: SliderOverrideProps;
+        buffering?: {
+            stylePreset?: MQ<string>;
+        };
+    };
+};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/seek-bar/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,mBAAmB,EAAC,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAElC,oBAAY,YAAY,GAAG;IACzB,SAAS,CAAC,EAAE;QACV,MAAM,CAAC,EAAE,mBAAmB,CAAC;QAC7B,SAAS,CAAC,EAAE;YACV,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;SAC1B,CAAC;KACH,CAAC;CACH,CAAC"}

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

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/seek-bar/types.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,6 @@
+export declare const formatTrackData: (trackColor: string, indicatorColor: string, bufferColor: string, timeArr: number[], buffered: TimeRanges | undefined) => {
+    colors: string[];
+    values: number[];
+};
+export declare const seekBarAriaValueText: (seekTime: number[]) => string;
+//# sourceMappingURL=utils.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/seek-bar/utils.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe,eACd,MAAM,kBACF,MAAM,eACT,MAAM,WACV,MAAM,EAAE,YACP,UAAU,GAAG,SAAS;;;CA6BjC,CAAC;AAEF,eAAO,MAAM,oBAAoB,aAAc,MAAM,EAAE,WAgBtD,CAAC"}

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

@@ -0,0 +1,53 @@
+"use strict";
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.seekBarAriaValueText = exports.formatTrackData = void 0;
+var formatTrackData = function (trackColor, indicatorColor, bufferColor, timeArr, buffered) {
+    if (!buffered) {
+        return { colors: [], values: [] };
+    }
+    var time = timeArr[0];
+    var bufferPositions = [];
+    var length = buffered.length;
+    for (var i = 0; i < length; i += 1) {
+        var startPosition = buffered.start(i);
+        if (startPosition > time) {
+            bufferPositions.push(startPosition);
+        }
+        var endPosition = buffered.end(i);
+        if (endPosition > time) {
+            bufferPositions.push(endPosition);
+        }
+    }
+    var colors = __spreadArray(__spreadArray([
+        indicatorColor
+    ], bufferPositions.map(function (x, i) { return (i % 2 ? trackColor : bufferColor); }), true), [
+        trackColor,
+    ], false);
+    var values = __spreadArray([time], bufferPositions, true);
+    return { colors: colors, values: values };
+};
+exports.formatTrackData = formatTrackData;
+var seekBarAriaValueText = function (seekTime) {
+    var time = new Date(seekTime[0] * 1000)
+        .toISOString()
+        .substr(11, 8)
+        .split(':')
+        .map(function (x) { return (+x < 10 ? (+x).toString() : x); });
+    var hour = time[0] !== '0' ? "".concat(time[0], " ").concat(time[0] === '1' ? 'hour' : 'hours') : '';
+    var min = hour || time[1] !== '0'
+        ? "".concat(time[1], " ").concat(time[1] === '1' ? 'minute' : 'minutes')
+        : '';
+    var sec = "".concat(time[2], " ").concat(time[2] === '1' ? 'second' : 'seconds');
+    return [hour, min, sec].filter(Boolean).join(' ');
+};
+exports.seekBarAriaValueText = seekBarAriaValueText;
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/seek-bar/utils.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAO,IAAM,eAAe,GAAG,UAC7B,UAAkB,EAClB,cAAsB,EACtB,WAAmB,EACnB,OAAiB,EACjB,QAAgC;IAEhC,IAAI,CAAC,QAAQ,EAAE;QACb,OAAO,EAAC,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAC,CAAC;KACjC;IAED,IAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;IACxB,IAAM,eAAe,GAAG,EAAE,CAAC;IAEpB,IAAA,MAAM,GAAI,QAAQ,OAAZ,CAAa;IAC1B,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,MAAM,EAAE,CAAC,IAAI,CAAC,EAAE;QAClC,IAAM,aAAa,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;QACxC,IAAI,aAAa,GAAG,IAAI,EAAE;YACxB,eAAe,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;SACrC;QAED,IAAM,WAAW,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;QACpC,IAAI,WAAW,GAAG,IAAI,EAAE;YACtB,eAAe,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;SACnC;KACF;IAED,IAAM,MAAM;QACV,cAAc;OACX,eAAe,CAAC,GAAG,CAAC,UAAC,CAAC,EAAE,CAAC,IAAK,OAAA,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC,EAAlC,CAAkC,CAAC;QACpE,UAAU;aACX,CAAC;IACF,IAAM,MAAM,kBAAI,IAAI,GAAK,eAAe,OAAC,CAAC;IAC1C,OAAO,EAAC,MAAM,QAAA,EAAE,MAAM,QAAA,EAAC,CAAC;AAC1B,CAAC,CAAC;AAlCW,QAAA,eAAe,mBAkC1B;AAEK,IAAM,oBAAoB,GAAG,UAAC,QAAkB;IACrD,IAAM,IAAI,GAAG,IAAI,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;SACtC,WAAW,EAAE;SACb,MAAM,CAAC,EAAE,EAAE,CAAC,CAAC;SACb,KAAK,CAAC,GAAG,CAAC;SACV,GAAG,CAAC,UAAA,CAAC,IAAI,OAAA,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,EAA/B,CAA+B,CAAC,CAAC;IAE7C,IAAM,IAAI,GACR,IAAI,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,UAAG,IAAI,CAAC,CAAC,CAAC,cAAI,IAAI,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IAC5E,IAAM,GAAG,GACP,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,KAAK,GAAG;QACrB,CAAC,CAAC,UAAG,IAAI,CAAC,CAAC,CAAC,cAAI,IAAI,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAE;QACxD,CAAC,CAAC,EAAE,CAAC;IACT,IAAM,GAAG,GAAG,UAAG,IAAI,CAAC,CAAC,CAAC,cAAI,IAAI,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAE,CAAC;IAEnE,OAAO,CAAC,IAAI,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AACpD,CAAC,CAAC;AAhBW,QAAA,oBAAoB,wBAgB/B"}

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

@@ -0,0 +1,8 @@
+declare const _default: {
+    audioPlayerTimeDisplay: {
+        stylePreset: string;
+        typographyPreset: string;
+    };
+};
+export default _default;
+//# sourceMappingURL=defaults.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/time-display/defaults.ts"],"names":[],"mappings":";;;;;;AAAA,wBAKE"}

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

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    audioPlayerTimeDisplay: {
+        stylePreset: 'timeDisplay',
+        typographyPreset: 'utilityButton030',
+    },
+};
+//# sourceMappingURL=defaults.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.js","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/time-display/defaults.ts"],"names":[],"mappings":";;AAAA,kBAAe;IACb,sBAAsB,EAAE;QACtB,WAAW,EAAE,aAAa;QAC1B,gBAAgB,EAAE,kBAAkB;KACrC;CACF,CAAC"}

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

@@ -0,0 +1,3 @@
+export * from './time-display';
+export * from './types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/time-display/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC"}

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

@@ -0,0 +1,15 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./time-display"), exports);
+__exportStar(require("./types"), exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/time-display/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,iDAA+B;AAC/B,0CAAwB"}

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

@@ -0,0 +1,4 @@
+import { StylePreset } from '../../../theme/types';
+declare const _default: Record<string, StylePreset>;
+export default _default;
+//# sourceMappingURL=style-presets.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"style-presets.d.ts","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/time-display/style-presets.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,sBAAsB,CAAC;;AAEjD,wBAMiC"}

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

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    timeDisplay: {
+        base: {
+            backgroundColor: '{{colors.transparent}}',
+        },
+    },
+};
+//# sourceMappingURL=style-presets.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"style-presets.js","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/time-display/style-presets.ts"],"names":[],"mappings":";;AAEA,kBAAe;IACb,WAAW,EAAE;QACX,IAAI,EAAE;YACJ,eAAe,EAAE,wBAAwB;SAC1C;KACF;CAC6B,CAAC"}

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

@@ -0,0 +1,5 @@
+import React from 'react';
+import { StyledLabelProps } from './types';
+export declare const ThemelessTimeDisplay: ({ overrides, format, }: StyledLabelProps) => JSX.Element;
+export declare const AudioPlayerTimeDisplay: React.FC<StyledLabelProps>;
+//# sourceMappingURL=time-display.d.ts.map

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

@@ -0,0 +1 @@
+{"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;AAM1B,OAAO,EAAC,gBAAgB,EAAC,MAAM,SAAS,CAAC;AASzC,eAAO,MAAM,oBAAoB,2BAG9B,gBAAgB,gBASlB,CAAC;AAEF,eAAO,MAAM,sBAAsB,4BAGjC,CAAC"}

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

@@ -0,0 +1,32 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AudioPlayerTimeDisplay = exports.ThemelessTimeDisplay = void 0;
+var react_1 = __importDefault(require("react"));
+var utils_1 = require("../../../utils");
+var context_1 = require("../../context");
+var with_own_theme_1 = require("../../../utils/with-own-theme");
+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 _b = _a.overrides, overrides = _b === void 0 ? {} : _b, format = _a.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, { as: "span", overrides: overrides }, formatFn({ currentTime: currentTime, duration: duration })));
+};
+exports.ThemelessTimeDisplay = ThemelessTimeDisplay;
+exports.AudioPlayerTimeDisplay = (0, with_own_theme_1.withOwnTheme)(exports.ThemelessTimeDisplay)({
+    defaults: defaults_1.default,
+    stylePresets: style_presets_1.default,
+});
+var templateObject_1;
+//# sourceMappingURL=time-display.js.map

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

@@ -0,0 +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,2GAAkB,yBAEvD,EAA4C,MAC5C,EAAiD,KACpD,KAFG,IAAA,sBAAc,EAAC,wBAAwB,EAAE,EAAE,CAAC,EAC5C,IAAA,2BAAmB,EAAC,wBAAwB,EAAE,EAAE,CAAC,CACpD,CAAC;AAEK,IAAM,oBAAoB,GAAG,UAAC,EAGlB;QAFjB,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,MAAM,YAAA;IAEC,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,IAAC,EAAE,EAAC,MAAM,EAAC,SAAS,EAAE,SAAS,IAC5C,QAAQ,CAAC,EAAC,WAAW,aAAA,EAAE,QAAQ,UAAA,EAAC,CAAC,CAClB,CACnB,CAAC;AACJ,CAAC,CAAC;AAZW,QAAA,oBAAoB,wBAY/B;AAEW,QAAA,sBAAsB,GAAG,IAAA,6BAAY,EAAC,4BAAoB,CAAC,CAAC;IACvE,QAAQ,oBAAA;IACR,YAAY,yBAAA;CACb,CAAC,CAAC"}

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

@@ -0,0 +1,13 @@
+import { MQ } from '../../../utils';
+export declare type FormatFn = ({ currentTime, duration, }: {
+    currentTime: number;
+    duration: number;
+}) => string;
+export interface StyledLabelProps {
+    format?: FormatFn;
+    overrides?: {
+        typographyPreset?: MQ<string>;
+        stylePreset?: MQ<string>;
+    };
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/time-display/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAElC,oBAAY,QAAQ,GAAG,CAAC,EACtB,WAAW,EACX,QAAQ,GACT,EAAE;IACD,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;CAClB,KAAK,MAAM,CAAC;AACb,MAAM,WAAW,gBAAgB;IAC/B,MAAM,CAAC,EAAE,QAAQ,CAAC;IAElB,SAAS,CAAC,EAAE;QACV,gBAAgB,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QAC9B,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;KAC1B,CAAC;CACH"}

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

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/time-display/types.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,4 @@
+import { FormatFn } from './types';
+export declare const calculateTime: (secs: number) => string;
+export declare const formatFunction: FormatFn;
+//# sourceMappingURL=utils.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/time-display/utils.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AAEjC,eAAO,MAAM,aAAa,SAAU,MAAM,WAWzC,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,QAO5B,CAAC"}

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

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.formatFunction = exports.calculateTime = void 0;
+var calculateTime = function (secs) {
+    var hours = Math.floor(secs / 3600);
+    var minutes = Math.floor((secs % 3600) / 60);
+    var seconds = Math.floor(secs % 60);
+    var returnedSeconds = seconds < 10 ? "0".concat(seconds) : "".concat(seconds);
+    var returnedMinutes = minutes < 10 ? "0".concat(minutes) : "".concat(minutes);
+    var returnedHours = hours < 10 ? "0".concat(hours) : "".concat(hours);
+    if (hours > 0) {
+        return "".concat(returnedHours, ":").concat(returnedMinutes, ":").concat(returnedSeconds);
+    }
+    return "".concat(returnedMinutes, ":").concat(returnedSeconds);
+};
+exports.calculateTime = calculateTime;
+// change to formattedcurrentime
+var formatFunction = function (_a) {
+    var currentTime = _a.currentTime, duration = _a.duration;
+    var currentFormattedTime = (0, exports.calculateTime)(currentTime);
+    var totalDuration = (0, exports.calculateTime)(duration);
+    return "".concat(currentFormattedTime, "/").concat(totalDuration, " ");
+};
+exports.formatFunction = formatFunction;
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/time-display/utils.tsx"],"names":[],"mappings":";;;AAEO,IAAM,aAAa,GAAG,UAAC,IAAY;IACxC,IAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC;IACtC,IAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,IAAI,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC;IAC/C,IAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,EAAE,CAAC,CAAC;IACtC,IAAM,eAAe,GAAG,OAAO,GAAG,EAAE,CAAC,CAAC,CAAC,WAAI,OAAO,CAAE,CAAC,CAAC,CAAC,UAAG,OAAO,CAAE,CAAC;IACpE,IAAM,eAAe,GAAG,OAAO,GAAG,EAAE,CAAC,CAAC,CAAC,WAAI,OAAO,CAAE,CAAC,CAAC,CAAC,UAAG,OAAO,CAAE,CAAC;IACpE,IAAM,aAAa,GAAG,KAAK,GAAG,EAAE,CAAC,CAAC,CAAC,WAAI,KAAK,CAAE,CAAC,CAAC,CAAC,UAAG,KAAK,CAAE,CAAC;IAC5D,IAAI,KAAK,GAAG,CAAC,EAAE;QACb,OAAO,UAAG,aAAa,cAAI,eAAe,cAAI,eAAe,CAAE,CAAC;KACjE;IACD,OAAO,UAAG,eAAe,cAAI,eAAe,CAAE,CAAC;AACjD,CAAC,CAAC;AAXW,QAAA,aAAa,iBAWxB;AACF,gCAAgC;AACzB,IAAM,cAAc,GAAa,UAAC,EAAuB;QAAtB,WAAW,iBAAA,EAAE,QAAQ,cAAA;IAC7D,IAAM,oBAAoB,GAAG,IAAA,qBAAa,EACvC,WAAiC,CACnC,CAAC;IACF,IAAM,aAAa,GAAG,IAAA,qBAAa,EAAE,QAA8B,CAAC,CAAC;IAErE,OAAO,UAAG,oBAAoB,cAAI,aAAa,MAAG,CAAC;AACrD,CAAC,CAAC;AAPW,QAAA,cAAc,kBAOzB"}

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

@@ -0,0 +1,48 @@
+import { ReactJSXElement } from '@emotion/react/types/jsx-namespace';
+import React, { SyntheticEvent } from 'react';
+import { FormatFn } from './components/time-display/types';
+interface AudioPlayerProviderContext {
+    id: string;
+    src: string;
+    autoPlay?: boolean;
+    audioRef: React.RefObject<HTMLAudioElement>;
+    playing: boolean;
+    canPause: boolean;
+    loading: boolean;
+    togglePlay: () => void;
+    audioEvents: {
+        onCanPlay: () => void;
+        onDurationChange: ({ target, }: SyntheticEvent<HTMLAudioElement, Event>) => void;
+        onTimeUpdate: ({ target }: SyntheticEvent<HTMLAudioElement, Event>) => void;
+        onWaiting: ({ target }: SyntheticEvent<HTMLAudioElement, Event>) => void;
+        onEnded: ({ target }: SyntheticEvent<HTMLAudioElement, Event>) => void;
+        onProgress: ({ target }: SyntheticEvent<HTMLAudioElement, Event>) => void;
+    };
+    getPlayPauseButtonProps: (args: {
+        onClick?: () => void;
+    }) => {
+        ariaLabel: string;
+        ariaPressed: boolean;
+        loading: boolean;
+        onClick: () => void;
+        playing: boolean;
+        canPause: boolean;
+        playStateIcon: ReactJSXElement;
+    };
+    getTimeDisplayProps: () => {
+        format: FormatFn;
+        currentTime: number;
+        duration: number;
+    };
+    getSeekBarProps: () => {
+        duration: number;
+        currentTime: number;
+        onChange: (value: number) => void;
+        buffered: TimeRanges | undefined;
+    };
+}
+export declare const AudioPlayerContext: React.Context<Partial<AudioPlayerProviderContext>>;
+export declare const AudioPlayerProvider: React.Provider<Partial<AudioPlayerProviderContext>>;
+export declare const useAudioPlayerContext: () => Partial<AudioPlayerProviderContext>;
+export {};
+//# sourceMappingURL=context.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/audio-player-composable/context.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,eAAe,EAAC,MAAM,oCAAoC,CAAC;AACnE,OAAO,KAAK,EAAE,EAAgB,cAAc,EAAa,MAAM,OAAO,CAAC;AACvE,OAAO,EAAC,QAAQ,EAAC,MAAM,iCAAiC,CAAC;AAEzD,UAAU,0BAA0B;IAClC,EAAE,EAAE,MAAM,CAAC;IACX,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC;IAC5C,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,WAAW,EAAE;QACX,SAAS,EAAE,MAAM,IAAI,CAAC;QACtB,gBAAgB,EAAE,CAAC,EACjB,MAAM,GACP,EAAE,cAAc,CAAC,gBAAgB,EAAE,KAAK,CAAC,KAAK,IAAI,CAAC;QACpD,YAAY,EAAE,CAAC,EAAC,MAAM,EAAC,EAAE,cAAc,CAAC,gBAAgB,EAAE,KAAK,CAAC,KAAK,IAAI,CAAC;QAC1E,SAAS,EAAE,CAAC,EAAC,MAAM,EAAC,EAAE,cAAc,CAAC,gBAAgB,EAAE,KAAK,CAAC,KAAK,IAAI,CAAC;QACvE,OAAO,EAAE,CAAC,EAAC,MAAM,EAAC,EAAE,cAAc,CAAC,gBAAgB,EAAE,KAAK,CAAC,KAAK,IAAI,CAAC;QACrE,UAAU,EAAE,CAAC,EAAC,MAAM,EAAC,EAAE,cAAc,CAAC,gBAAgB,EAAE,KAAK,CAAC,KAAK,IAAI,CAAC;KACzE,CAAC;IAGF,uBAAuB,EAAE,CAAC,IAAI,EAAE;QAC9B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;KACtB,KAAK;QACJ,SAAS,EAAE,MAAM,CAAC;QAClB,WAAW,EAAE,OAAO,CAAC;QACrB,OAAO,EAAE,OAAO,CAAC;QACjB,OAAO,EAAE,MAAM,IAAI,CAAC;QACpB,OAAO,EAAE,OAAO,CAAC;QACjB,QAAQ,EAAE,OAAO,CAAC;QAClB,aAAa,EAAE,eAAe,CAAC;KAChC,CAAC;IACF,mBAAmB,EAAE,MAAM;QACzB,MAAM,EAAE,QAAQ,CAAC;QACjB,WAAW,EAAE,MAAM,CAAC;QACpB,QAAQ,EAAE,MAAM,CAAC;KAClB,CAAC;IACF,eAAe,EAAE,MAAM;QACrB,QAAQ,EAAE,MAAM,CAAC;QACjB,WAAW,EAAE,MAAM,CAAC;QACpB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;QAClC,QAAQ,EAAE,UAAU,GAAG,SAAS,CAAC;KAClC,CAAC;CACH;AAED,eAAO,MAAM,kBAAkB,oDAE1B,CAAC;AAEN,eAAO,MAAM,mBAAmB,qDAA8B,CAAC;AAE/D,eAAO,MAAM,qBAAqB,2CAejC,CAAC"}

package/cjs/audio-player-composable/context.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useAudioPlayerContext = exports.AudioPlayerProvider = exports.AudioPlayerContext = void 0;
+var react_1 = require("react");
+exports.AudioPlayerContext = (0, react_1.createContext)({});
+exports.AudioPlayerProvider = exports.AudioPlayerContext.Provider;
+var useAudioPlayerContext = function () {
+    var context = (0, react_1.useContext)(exports.AudioPlayerContext);
+    /* istanbul ignore if */
+    if (process.env.NODE_ENV !== 'production' &&
+        Object.keys(context).length === 0) {
+        // eslint-disable-next-line no-console
+        console.error('You are using a component which needs to be a child of <AudioPlayerComposable />');
+    }
+    return context;
+};
+exports.useAudioPlayerContext = useAudioPlayerContext;
+//# sourceMappingURL=context.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sourceRoot":"","sources":["../../../src/audio-player-composable/context.tsx"],"names":[],"mappings":";;;AACA,+BAAuE;AAiD1D,QAAA,kBAAkB,GAAG,IAAA,qBAAa,EAE7C,EAAE,CAAC,CAAC;AAEO,QAAA,mBAAmB,GAAG,0BAAkB,CAAC,QAAQ,CAAC;AAExD,IAAM,qBAAqB,GAAG;IACnC,IAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,0BAAkB,CAAC,CAAC;IAE/C,wBAAwB;IACxB,IACE,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY;QACrC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,MAAM,KAAK,CAAC,EACjC;QACA,sCAAsC;QACtC,OAAO,CAAC,KAAK,CACX,kFAAkF,CACnF,CAAC;KACH;IAED,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAfW,QAAA,qBAAqB,yBAehC"}