newskit 5.4.6 → 5.7.0

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

@@ -0,0 +1,31 @@
+/// <reference types="react" />
+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>, {}>;
+export declare const StyledGridLayout: import("@emotion/styled").StyledComponent<{
+    rowGap?: import("../../../utils/style").MQ<string> | undefined;
+    columnGap?: import("../../../utils/style").MQ<string> | undefined;
+    rows?: import("../../../utils/style").MQ<string> | undefined;
+    columns?: import("../../../utils/style").MQ<string> | undefined;
+    justifyContent?: import("../../../utils/style").MQ<string> | undefined;
+    alignContent?: import("../../../utils/style").MQ<string> | undefined;
+    justifyItems?: import("../../../utils/style").MQ<string> | undefined;
+    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);
+    as?: import("react").ElementType<any> | undefined;
+    overrides?: ({
+        width?: import("../../../utils/style").MQ<string> | undefined;
+        minWidth?: import("../../../utils/style").MQ<string> | undefined;
+        maxWidth?: import("../../../utils/style").MQ<string> | undefined;
+        height?: import("../../../utils/style").MQ<string> | undefined;
+        minHeight?: import("../../../utils/style").MQ<string> | undefined;
+        maxHeight?: import("../../../utils/style").MQ<string> | undefined;
+    } & import("../../../utils/logical-properties").LogicalProps) | undefined;
+} & import("react").HTMLAttributes<HTMLDivElement> & {
+    theme?: import("@emotion/react").Theme | undefined;
+} & Pick<AudioPlayerVolumeControlProps, "layout" | "overrides" | "collapsed">, {}, {}>;
+//# sourceMappingURL=styled.d.ts.map

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

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

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

@@ -0,0 +1,23 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import { GridLayout } from '../../../grid-layout';
+import { getResponsiveSize, getStylePreset, styled, getResponsiveSpace, } from '../../../utils/style';
+export var StyledVolumeSliderContainer = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (_a) {
+    var layout = _a.layout;
+    return getResponsiveSize(layout === 'vertical' ? 'height' : 'width', "audioPlayerVolumeControl.".concat(layout, ".slider.track"), "slider.track", 'length');
+});
+export var StyledGridLayout = styled(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 && getStylePreset("audioPlayerVolumeControl.".concat(layout), '');
+}, function (_a) {
+    var layout = _a.layout;
+    return layout === 'vertical' &&
+        "\n    position: relative;\n  ";
+}, function (_a) {
+    var layout = _a.layout;
+    return getResponsiveSpace(layout === 'vertical' ? 'rowGap' : 'columnGap', "audioPlayerVolumeControl.".concat(layout, ".spaceBetween"), '', 'spaceBetween');
+});
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/volume-control/styled.ts"],"names":[],"mappings":";;;;AAAA,OAAO,EAAC,UAAU,EAAC,MAAM,sBAAsB,CAAC;AAChD,OAAO,EACL,iBAAiB,EACjB,cAAc,EACd,MAAM,EACN,kBAAkB,GACnB,MAAM,sBAAsB,CAAC;AAG9B,MAAM,CAAC,IAAM,2BAA2B,GAAG,MAAM,CAAC,GAAG,+EAEpD,MACG,EAMC,IACJ,KAPG,UAAC,EAAQ;QAAP,MAAM,YAAA;IACR,OAAA,iBAAiB,CACf,MAAM,KAAK,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,EAC1C,mCAA4B,MAAM,kBAAe,EACjD,cAAc,EACd,QAAQ,CACT;AALD,CAKC,CACJ,CAAC;AAEF,MAAM,CAAC,IAAM,gBAAgB,GAAG,MAAM,CAAC,UAAU,CAAC,kGAEjD,MACG,EACsE,OACtE,EAID,OACC,EAMC,KACJ,KAdG,UAAC,EAAmB;QAAlB,MAAM,YAAA,EAAE,SAAS,eAAA;IACnB,OAAA,CAAC,SAAS,IAAI,cAAc,CAAC,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,kBAAkB,CAChB,MAAM,KAAK,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,EAC9C,mCAA4B,MAAM,kBAAe,EACjD,EAAE,EACF,cAAc,CACf;AALD,CAKC,CACJ,CAAC"}

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

@@ -0,0 +1,42 @@
+import { ButtonSize } from '../../../button';
+import { NewsKitIconProps } from '../../../icons';
+import { SliderOverrideProps } from '../../../slider';
+import { MQ } from '../../../utils';
+import { Override } from '../../../utils/overrides';
+export declare type MuteButtonIconProps = NewsKitIconProps & Pick<MuteButtonProps, 'volume'>;
+export interface AudioPlayerVolumeControlOverridesProps {
+    stylePreset?: MQ<string>;
+    spaceBetween?: MQ<string>;
+    slider?: Omit<SliderOverrideProps, 'track'> & {
+        track?: {
+            stylePreset?: MQ<string>;
+            size?: string;
+            length?: string;
+        };
+    };
+    button?: {
+        stylePreset?: MQ<string>;
+        muteButtonIcon: Override<MuteButtonIconProps>;
+    };
+}
+export interface AudioPlayerVolumeControlProps {
+    layout?: 'horizontal' | 'vertical';
+    collapsed?: boolean;
+    overrides?: AudioPlayerVolumeControlOverridesProps;
+    keyboardShortcuts?: {
+        muteToggle: string | string[];
+    };
+    muteButtonSize?: ButtonSize;
+}
+export interface MuteButtonProps {
+    volume: number;
+    unMutedVolume: number;
+    onChange: (volume: number) => void;
+    size: ButtonSize;
+    muteKeyboardShortcuts?: string[] | string;
+    overrides: {
+        stylePreset: MQ<string>;
+        muteButtonIcon: Override<MuteButtonIconProps>;
+    };
+}
+//# sourceMappingURL=types.d.ts.map

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

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

package/esm/audio-player-composable/components/volume-control/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

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

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

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

@@ -0,0 +1,5 @@
+export declare const useInitialVolume: ({ onChange, initialVolume, }: {
+    onChange: (value: number) => void;
+    initialVolume: number;
+}) => void;
+//# sourceMappingURL=utils.d.ts.map

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

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

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

@@ -0,0 +1,13 @@
+import { useEffect } from 'react';
+// This hook sets the initial volume. If `newskit-audioplayer-volume` is present
+// it's value will be used. If not, the initialVolume will.
+export var useInitialVolume = function (_a) {
+    var onChange = _a.onChange, initialVolume = _a.initialVolume;
+    useEffect(function () {
+        var storedVolume = parseFloat((typeof window !== 'undefined' &&
+            window.localStorage.getItem('newskit-audioplayer-volume')) ||
+            '');
+        onChange(Number.isNaN(storedVolume) ? initialVolume : storedVolume);
+    }, []); // eslint-disable-line react-hooks/exhaustive-deps
+};
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/volume-control/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAEhC,gFAAgF;AAChF,2DAA2D;AAC3D,MAAM,CAAC,IAAM,gBAAgB,GAAG,UAAC,EAMhC;QALC,QAAQ,cAAA,EACR,aAAa,mBAAA;IAKb,SAAS,CAAC;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"}

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

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

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

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

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

@@ -0,0 +1,64 @@
+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);
+};
+import React, { useCallback, useEffect, useState } from 'react';
+import { ScreenReaderOnly } from '../../../screen-reader-only';
+import { Slider } from '../../../slider';
+import { withOwnTheme } from '../../../utils/with-own-theme';
+import { useInitialVolume } from './utils';
+import { useAudioPlayerContext } from '../../context';
+import defaults from './defaults';
+import { MuteButton } from './mute-button';
+import { useTheme } from '../../../theme';
+import stylePresets from './style-presets';
+import { GridLayoutItem } from '../../../grid-layout';
+import { StyledGridLayout, StyledVolumeSliderContainer } from './styled';
+import { useReactKeys } from '../../../utils/hooks';
+import { deepMerge } from '../../../utils/deep-merge';
+import { mergeBreakpointObject } from '../../../utils/merge-breakpoint-object';
+import { filterOutFalsyProperties } from '../../../utils/filter-object';
+import { ButtonSize } from '../../../button/types';
+var ThemelessAudioPlayerVolumeControl = function (props) {
+    var getVolumeControlProps = 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 = useState(volume), unMutedVolume = _d[0], setUnMutedVolume = _d[1];
+    useEffect(function () {
+        // Saves the volume into a state,
+        // for re-using it when clicking the mute unmute button.
+        if (unMutedVolume !== volume && volume > 0) {
+            setUnMutedVolume(volume);
+        }
+    }, [unMutedVolume, volume]);
+    var theme = useTheme();
+    var buttonOverrides = __assign({}, deepMerge(mergeBreakpointObject(Object.keys(theme.breakpoints)), theme.componentDefaults.audioPlayerVolumeControl[layout].button, filterOutFalsyProperties(overrides.button)));
+    var sliderOverrides = __assign({}, deepMerge(mergeBreakpointObject(Object.keys(theme.breakpoints)), theme.componentDefaults.audioPlayerVolumeControl[layout].slider, filterOutFalsyProperties(overrides.slider)));
+    var onSliderChange = useCallback(function (_a) {
+        var newVolume = _a[0];
+        return onChange(newVolume);
+    }, [
+        onChange,
+    ]);
+    // useInitialVolume Sets the initial volume on page load
+    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 = useReactKeys(1)[0];
+    return (React.createElement(StyledGridLayout, { columns: gridColumns, areas: gridAreas, justifyItems: layout === 'vertical' ? 'center' : 'start', alignItems: "center", layout: layout, collapsed: collapsed, overrides: overrides },
+        React.createElement(GridLayoutItem, { area: "muteButton" },
+            React.createElement(MuteButton, { volume: volume, unMutedVolume: unMutedVolume, onChange: onChange, size: muteButtonSize || ButtonSize.Medium, muteKeyboardShortcuts: keyboardShortcuts === null || keyboardShortcuts === void 0 ? void 0 : keyboardShortcuts.muteToggle, overrides: buttonOverrides })),
+        !collapsed && (React.createElement(GridLayoutItem, { area: "slider" },
+            React.createElement(StyledVolumeSliderContainer, { layout: layout, overrides: overrides },
+                React.createElement(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.createElement(ScreenReaderOnly, { id: volumeSliderInstructionId, "aria-hidden": "true" }, "Use the arrow keys to adjust volume"))))));
+};
+export var AudioPlayerVolumeControl = withOwnTheme(ThemelessAudioPlayerVolumeControl)({ defaults: defaults, stylePresets: stylePresets });
+//# sourceMappingURL=volume-control.js.map

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

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

package/esm/audio-player-composable/index.d.ts

@@ -8,4 +8,6 @@ export * from './components/forward-button';
 export * from './components/replay-button';
 export * from './components/skip-next-button';
 export * from './components/skip-previous-button';
+export * from './components/volume-control';
+export * from './components/playback-speed-control';
 //# sourceMappingURL=index.d.ts.map

package/esm/audio-player-composable/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/audio-player-composable/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,aAAa,EAAC,MAAM,iCAAiC,CAAC;AAC9D,OAAO,EAAC,qBAAqB,EAAC,MAAM,2BAA2B,CAAC;AAChE,OAAO,EAAC,qBAAqB,EAAC,MAAM,WAAW,CAAC;AAChD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,uBAAuB,CAAC;AACtC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,mCAAmC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/audio-player-composable/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,aAAa,EAAC,MAAM,iCAAiC,CAAC;AAC9D,OAAO,EAAC,qBAAqB,EAAC,MAAM,2BAA2B,CAAC;AAChE,OAAO,EAAC,qBAAqB,EAAC,MAAM,WAAW,CAAC;AAChD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,uBAAuB,CAAC;AACtC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,mCAAmC,CAAC;AAClD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,qCAAqC,CAAC"}

package/esm/audio-player-composable/index.js

@@ -9,4 +9,6 @@ export * from './components/forward-button';
 export * from './components/replay-button';
 export * from './components/skip-next-button';
 export * from './components/skip-previous-button';
+export * from './components/volume-control';
+export * from './components/playback-speed-control';
 //# sourceMappingURL=index.js.map

package/esm/audio-player-composable/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/audio-player-composable/index.ts"],"names":[],"mappings":"AAAA,0BAA0B;AAC1B,OAAO,EAAC,aAAa,EAAC,MAAM,iCAAiC,CAAC;AAC9D,OAAO,EAAC,qBAAqB,EAAC,MAAM,2BAA2B,CAAC;AAChE,OAAO,EAAC,qBAAqB,EAAC,MAAM,WAAW,CAAC;AAChD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,uBAAuB,CAAC;AACtC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,mCAAmC,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/audio-player-composable/index.ts"],"names":[],"mappings":"AAAA,0BAA0B;AAC1B,OAAO,EAAC,aAAa,EAAC,MAAM,iCAAiC,CAAC;AAC9D,OAAO,EAAC,qBAAqB,EAAC,MAAM,2BAA2B,CAAC;AAChE,OAAO,EAAC,qBAAqB,EAAC,MAAM,WAAW,CAAC;AAChD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,uBAAuB,CAAC;AACtC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,mCAAmC,CAAC;AAClD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,qCAAqC,CAAC"}

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

@@ -1,11 +1,15 @@
 /// <reference types="react" />
 import { IconButtonProps } from '../icon-button/types';
+import { AudioPlayerVolumeControlOverridesProps, AudioPlayerVolumeControlProps } from './components/volume-control/types';
 import { AudioPlayerForwardButtonProps } from './components/forward-button/types';
 import { AudioPlayerPlayPauseButtonProps } from './components/play-pause-button/types';
 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';
 export interface AudioFunctionDependencies {
     autoPlay: boolean;
     src: string;
@@ -19,6 +23,8 @@ export interface AudioFunctionDependencies {
     setLoading: React.Dispatch<React.SetStateAction<boolean>>;
     setCurrentTime: React.Dispatch<React.SetStateAction<number>>;
     setPlayState: React.Dispatch<React.SetStateAction<boolean>>;
+    setVolume: React.Dispatch<React.SetStateAction<number>>;
+    setPlaybackSpeed: React.Dispatch<React.SetStateAction<number>>;
     setDuration: React.Dispatch<React.SetStateAction<number>>;
     setDisplayDuration: React.Dispatch<React.SetStateAction<number>>;
     setBuffered: React.Dispatch<React.SetStateAction<TimeRanges | undefined>>;
@@ -46,6 +52,25 @@ export interface AudioPlayerProviderContext {
         onChange: (value: number) => void;
         buffered: TimeRanges | undefined;
     };
+    getVolumeControlProps: (props: AudioPlayerVolumeControlProps) => {
+        overrides: AudioPlayerVolumeControlOverridesProps;
+        keyboardShortcuts?: {
+            muteToggle: string | string[];
+        };
+        layout?: 'horizontal' | 'vertical';
+        collapsed?: boolean;
+        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;
+        muteButtonSize?: ButtonSize;
+    };
+    getPlaybackSpeedControlProps: (props: AudioPlayerPlaybackSpeedControlProps) => {
+        overrides: AudioPlayerPlaybackSpeedControlOverridesProps;
+        onChange: (value: number) => void;
+        useModal: MQ<boolean>;
+        playbackSpeed: number;
+        buttonSize?: ButtonSize;
+    };
     getSkipPreviousButtonProps: (props: AudioPlayerSkipPreviousButtonProps) => IconButtonProps;
     getSkipNextButtonProps: (props: AudioPlayerSkipNextButtonProps) => IconButtonProps;
     getForwardButtonProps: (props: AudioPlayerForwardButtonProps) => IconButtonProps;
@@ -64,6 +89,8 @@ export interface AudioPlayerComposableProps extends Omit<React.AudioHTMLAttribut
         jumpToStart: string | string[];
         jumpToEnd: string | string[];
     };
+    initialVolume?: 0 | 0.1 | 0.2 | 0.3 | 0.4 | 0.5 | 0.6 | 0.7 | 0.8 | 0.9 | 1;
+    initialTime?: number;
 }
 export declare enum AudioEvents {
     Play = "onPlay",
@@ -71,6 +98,7 @@ export declare enum AudioEvents {
     Waiting = "onWaiting",
     CanPlay = "onCanPlay",
     Ended = "onEnded",
+    VolumeChange = "onVolumeChange",
     DurationChange = "onDurationChange",
     TimeUpdate = "onTimeUpdate",
     Progress = "onProgress"

package/esm/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":";AAAA,OAAO,EAAC,eAAe,EAAC,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAC,6BAA6B,EAAC,MAAM,mCAAmC,CAAC;AAChF,OAAO,EAAC,+BAA+B,EAAC,MAAM,sCAAsC,CAAC;AACrF,OAAO,EAAC,4BAA4B,EAAC,MAAM,kCAAkC,CAAC;AAC9E,OAAO,EAAC,8BAA8B,EAAC,MAAM,qCAAqC,CAAC;AACnF,OAAO,EAAC,kCAAkC,EAAC,MAAM,yCAAyC,CAAC;AAC3F,OAAO,EAAC,uBAAuB,EAAC,MAAM,iCAAiC,CAAC;AAExE,MAAM,WAAW,yBAAyB;IACxC,QAAQ,EAAE,OAAO,CAAC;IAClB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;IAE3B,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IAEjB,oBAAoB,EAAE,KAAK,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC;IACrD,cAAc,EAAE,KAAK,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC;IAC/C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC;IAE5C,UAAU,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IAC1D,cAAc,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;IAC7D,YAAY,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IAE5D,WAAW,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;IAC1D,kBAAkB,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;IACjE,WAAW,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,UAAU,GAAG,SAAS,CAAC,CAAC,CAAC;CAC3E;AAED,MAAM,WAAW,0BAA0B;IACzC,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC;IAC5C,eAAe,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IACjD,UAAU,EAAE,MAAM,IAAI,CAAC;IAGvB,uBAAuB,EAAE,CACvB,KAAK,EAAE,+BAA+B,KACnC,eAAe,GAAG;QACrB,OAAO,EAAE,OAAO,CAAC;QACjB,QAAQ,EAAE,OAAO,CAAC;KACnB,CAAC;IACF,mBAAmB,EAAE,MAAM;QACzB,MAAM,EAAE,uBAAuB,CAAC;QAChC,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;IACF,0BAA0B,EAAE,CAC1B,KAAK,EAAE,kCAAkC,KACtC,eAAe,CAAC;IACrB,sBAAsB,EAAE,CACtB,KAAK,EAAE,8BAA8B,KAClC,eAAe,CAAC;IACrB,qBAAqB,EAAE,CACrB,KAAK,EAAE,6BAA6B,KACjC,eAAe,CAAC;IACrB,oBAAoB,EAAE,CACpB,KAAK,EAAE,4BAA4B,KAChC,eAAe,CAAC;CACtB;AAED,MAAM,WAAW,iBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC;IACrE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC;CAC9C;AAED,MAAM,WAAW,0BACf,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC;IACrE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,GAAG,EAAE,MAAM,CAAC;IACZ,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE;QAClB,WAAW,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;QAC/B,SAAS,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;KAC9B,CAAC;CACH;AAED,oBAAY,WAAW;IACrB,IAAI,WAAW;IACf,KAAK,YAAY;IACjB,OAAO,cAAc;IACrB,OAAO,cAAc;IACrB,KAAK,YAAY;IAEjB,cAAc,qBAAqB;IACnC,UAAU,iBAAiB;IAC3B,QAAQ,eAAe;CACxB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/audio-player-composable/types.ts"],"names":[],"mappings":"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"}

package/esm/audio-player-composable/types.js

@@ -5,7 +5,7 @@ export var AudioEvents;
     AudioEvents["Waiting"] = "onWaiting";
     AudioEvents["CanPlay"] = "onCanPlay";
     AudioEvents["Ended"] = "onEnded";
-    // VolumeChange = 'onVolumeChange',
+    AudioEvents["VolumeChange"] = "onVolumeChange";
     AudioEvents["DurationChange"] = "onDurationChange";
     AudioEvents["TimeUpdate"] = "onTimeUpdate";
     AudioEvents["Progress"] = "onProgress";

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/audio-player-composable/types.ts"],"names":[],"mappings":"AAyFA,MAAM,CAAN,IAAY,WAUX;AAVD,WAAY,WAAW;IACrB,8BAAe,CAAA;IACf,gCAAiB,CAAA;IACjB,oCAAqB,CAAA;IACrB,oCAAqB,CAAA;IACrB,gCAAiB,CAAA;IACjB,mCAAmC;IACnC,kDAAmC,CAAA;IACnC,0CAA2B,CAAA;IAC3B,sCAAuB,CAAA;AACzB,CAAC,EAVW,WAAW,KAAX,WAAW,QAUtB"}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/audio-player-composable/types.ts"],"names":[],"mappings":"AA2HA,MAAM,CAAN,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,KAAX,WAAW,QAUtB"}

package/esm/base-floating-element/base-floating-element.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import { BaseFloatingElementProps } from './types';
+export declare const BaseFloatingElement: React.FC<BaseFloatingElementProps>;
+//# sourceMappingURL=base-floating-element.d.ts.map

package/esm/base-floating-element/base-floating-element.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"base-floating-element.d.ts","sourceRoot":"","sources":["../../../src/base-floating-element/base-floating-element.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAa/B,OAAO,EAAC,wBAAwB,EAAC,MAAM,SAAS,CAAC;AAQjD,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CA2NlE,CAAC"}

package/esm/base-floating-element/base-floating-element.js

@@ -0,0 +1,146 @@
+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 __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));
+};
+import * as React from 'react';
+import { CSSTransition } from 'react-transition-group';
+import { useEffect, useRef } from 'react';
+import { arrow, autoUpdate, useFloating, useId, offset, shift, flip, } from '@floating-ui/react-dom-interactions';
+import composeRefs from '@seznam/compose-react-refs';
+import { StyledFloatingElement, StyledPanel, StyledPointer } from './styled';
+import { useControlled } from '../utils/hooks';
+import { useTheme } from '../theme';
+import { showOverridePxWarnings, getOverridePxValue } from './utils';
+import { getTransitionDuration } from '../utils';
+import { getTransitionClassName } from '../utils/get-transition-class-name';
+export var BaseFloatingElement = function (_a) {
+    var children = _a.children, content = _a.content, _b = _a.placement, placement = _b === void 0 ? 'top' : _b, openProp = _a.open, overrides = _a.overrides, _c = _a.hidePointer, hidePointer = _c === void 0 ? false : _c, role = _a.role, useInteractions = _a.useInteractions, buildRefElAriaAttributes = _a.buildRefElAriaAttributes, buildFloatingElAriaAttributes = _a.buildFloatingElAriaAttributes, path = _a.path, onDismiss = _a.onDismiss, restoreFocusTo = _a.restoreFocusTo, focusElementRef = _a.focusElementRef, className = _a.className, 
+    /* istanbul ignore next */
+    _d = _a.fallbackBehaviour, 
+    /* istanbul ignore next */
+    fallbackBehaviour = _d === void 0 ? ['flip', 'shift'] : _d, boundary = _a.boundary;
+    var _e = useControlled({
+        controlledValue: openProp,
+        defaultValue: false,
+    }), open = _e[0], setOpen = _e[1];
+    var theme = useTheme();
+    var distance = getOverridePxValue(path, { theme: theme, overrides: overrides }, 'distance', 'distance');
+    var pointerPadding = getOverridePxValue("".concat(path, ".pointer"), { theme: theme, overrides: overrides }, 'pointer.edgeOffset', 'edgeOffset');
+    useEffect(function () {
+        showOverridePxWarnings(distance, 'distance');
+        showOverridePxWarnings(pointerPadding, 'pointer.edgeOffset');
+    }, [distance, pointerPadding]);
+    var panelRef = useRef(null);
+    var pointerRef = useRef(null);
+    var _f = useFloating({
+        placement: placement,
+        open: open,
+        onOpenChange: function (isOpen) {
+            // Clicking on the target icon button when controlled doesn't call this.
+            if (!isOpen && onDismiss) {
+                onDismiss();
+            }
+            setOpen(isOpen);
+        },
+        whileElementsMounted: autoUpdate,
+        middleware: __spreadArray(__spreadArray(__spreadArray(__spreadArray([], (!hidePointer && distance ? [offset(distance)] : []), true), (fallbackBehaviour.includes('flip')
+            ? [flip({ boundary: boundary })]
+            : /* istanbul ignore next */ []), true), (fallbackBehaviour.includes('shift')
+            ? [shift({ boundary: boundary })]
+            : /* istanbul ignore next */ []), true), (!hidePointer
+            ? [arrow({ element: pointerRef, padding: pointerPadding })]
+            : []), true),
+    }), x = _f.x, y = _f.y, reference = _f.reference, floating = _f.floating, strategy = _f.strategy, context = _f.context, _g = _f.middlewareData.arrow, _h = _g === void 0 ? {} : _g, pointerX = _h.x, pointerY = _h.y, statefulPlacement = _f.placement, refs = _f.refs;
+    var defaultRefId = "ref-".concat(useId());
+    var floatingId = "floating-".concat(useId());
+    var ariaArgs = {
+        floating: { id: floatingId, open: open },
+        ref: { id: children.props.id || defaultRefId },
+    };
+    var refElAriaAttributes = buildRefElAriaAttributes(ariaArgs);
+    var floatingElAriaAttributes = buildFloatingElAriaAttributes(ariaArgs);
+    var contentIsString = typeof content === 'string';
+    var _j = useInteractions(context), getReferenceProps = _j.getReferenceProps, getFloatingProps = _j.getFloatingProps;
+    // We need to handle changes to the value of 'open' in a useEffect because:
+    // - We can't access context.refs in onOpenChange
+    var isFirstRun = useRef(true);
+    useEffect(function () {
+        var _a, _b, _c;
+        // Don't update focus on the first render.
+        if (isFirstRun.current) {
+            isFirstRun.current = false;
+            return;
+        }
+        // We can't use floating-ui's FloatingFocusManager to update the focus state
+        // because this does not allow tabbing past the floating element without closing it.
+        if (path === 'popover') {
+            if (open) {
+                /* istanbul ignore next */
+                if (focusElementRef === null || focusElementRef === void 0 ? void 0 : focusElementRef.current) {
+                    /* istanbul ignore next */
+                    focusElementRef.current.focus();
+                }
+                else {
+                    /* istanbul ignore next */
+                    (_a = panelRef === null || panelRef === void 0 ? void 0 : panelRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+                }
+            }
+            else if (restoreFocusTo) {
+                restoreFocusTo.focus();
+            }
+            else {
+                /* istanbul ignore next */
+                (_c = (_b = refs.reference) === null || _b === void 0 ? void 0 : _b.current) === null || _c === void 0 ? void 0 : _c.focus();
+            }
+        }
+    }, [
+        open,
+        path,
+        refs.reference,
+        panelRef,
+        focusElementRef,
+        openProp,
+        restoreFocusTo,
+    ]);
+    if (!content) {
+        return children;
+    }
+    // This object contains the event handlers that should be added to the reference
+    // element (e.g. onClick, etc. if useClick is passed to useInteractions). It is
+    // also passed to the content prop (if this is a function) to allow other elements
+    // to trigger these handlers (e.g. the Popover's close button triggers the onClick
+    // handler).
+    var referenceProps = getReferenceProps();
+    var baseTransitionClassname = "nk-".concat(path);
+    return (React.createElement(React.Fragment, null,
+        React.cloneElement(children, __assign(__assign(__assign(__assign({ ref: composeRefs(reference, children.ref) }, refElAriaAttributes), { id: floatingElAriaAttributes['aria-labelledby'] && !children.props.id
+                ? defaultRefId
+                : undefined }), referenceProps), { 
+            // Overriding the referenceProps events and with the user's provided (if any) events.
+            onClick: children.props.onClick || referenceProps.onClick, onKeyDown: children.props.onKeyDown || referenceProps.onKeyDown, onKeyUp: children.props.onKeyUp || referenceProps.onKeyUp, onPointerDown: children.props.onPointerDown || referenceProps.onPointerDown })),
+        React.createElement(CSSTransition, { in: open, timeout: getTransitionDuration(path, '')({ theme: theme, overrides: overrides }), classNames: baseTransitionClassname, mountOnEnter: true, unmountOnExit: true, appear: true }, function (state) { return (React.createElement(StyledFloatingElement, __assign({}, getFloatingProps({
+            ref: floating,
+            id: floatingId,
+        }), { className: "".concat(className || '', " ").concat(getTransitionClassName(baseTransitionClassname, state)), baseTransitionClassname: baseTransitionClassname, strategy: strategy, "$x": x, "$y": y, placement: statefulPlacement, overrides: overrides, hidePointer: hidePointer, role: role }, floatingElAriaAttributes, { path: path }),
+            React.createElement(StyledPanel, { tabIndex: -1, "data-testid": "floating-element-panel", as: contentIsString ? 'p' : 'div', overrides: overrides, path: path, ref: panelRef }, typeof content === 'function'
+                ? content(referenceProps)
+                : content),
+            !hidePointer && (React.createElement(StyledPointer, { path: path, id: "".concat(floatingId, "-pointer"), ref: pointerRef, placement: statefulPlacement, "$x": pointerX, "$y": pointerY, overrides: overrides })))); })));
+};
+//# sourceMappingURL=base-floating-element.js.map

package/esm/base-floating-element/base-floating-element.js.map

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

package/esm/base-floating-element/index.d.ts

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

package/esm/base-floating-element/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/base-floating-element/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC;AACxC,cAAc,SAAS,CAAC"}

package/esm/base-floating-element/index.js

@@ -0,0 +1,3 @@
+export * from './base-floating-element';
+export * from './types';
+//# sourceMappingURL=index.js.map

package/esm/base-floating-element/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/base-floating-element/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC;AACxC,cAAc,SAAS,CAAC"}

package/esm/base-floating-element/styled.d.ts

@@ -0,0 +1,31 @@
+/// <reference types="react" />
+import { Placement, Strategy } from '@floating-ui/react-dom-interactions';
+import { BaseFloatingElementProps } from './types';
+export declare const StyledFloatingElement: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    strategy: Strategy;
+    placement: Placement;
+    $x?: number | undefined;
+    $y?: number | undefined;
+    hidePointer: boolean;
+    baseTransitionClassname: string;
+} & Pick<BaseFloatingElementProps, "path" | "overrides">, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledPanel: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & import("../text-block").TextBlockProps & import("react").ClassAttributes<HTMLParagraphElement> & import("react").HTMLAttributes<HTMLParagraphElement> & {
+    children?: import("react").ReactNode;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+} & Pick<BaseFloatingElementProps, "path" | "overrides">, {}, {}>;
+export declare const StyledPointer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    placement: Placement;
+    $x?: number | undefined;
+    $y?: number | undefined;
+} & Pick<BaseFloatingElementProps, "path" | "overrides">, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+//# sourceMappingURL=styled.d.ts.map

package/esm/base-floating-element/styled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/base-floating-element/styled.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,SAAS,EAAE,QAAQ,EAAC,MAAM,qCAAqC,CAAC;AACxE,OAAO,EAAC,wBAAwB,EAAC,MAAM,SAAS,CAAC;AAYjD,eAAO,MAAM,qBAAqB;;;;cAEpB,QAAQ;eACP,SAAS;;;iBAGP,OAAO;6BACK,MAAM;gKAclC,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;;;iEAOvB,CAAC;AAEF,eAAO,MAAM,aAAa;;;;eAEX,SAAS;;;gKAiCvB,CAAC"}