@wix/patterns-fields 1.0.0

package/dist/esm/components/audio/actions/actions-menu/actions-menu.st.css

@@ -0,0 +1,5 @@
+@property st-global(--wds-space-100);
+
+.action {
+    margin-left: calc(var(--wds-space-100, 6px) * -1);
+}

package/dist/esm/components/audio/actions/actions-menu/actions-menu.st.css.js

@@ -0,0 +1,15 @@
+// @ts-nocheck
+import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
+var _namespace_ = "actionsmenu3598247207";
+var _style_ = classesRuntime.bind(null, _namespace_);
+export var cssStates = statesRuntime.bind(null, _namespace_);
+export var style = _style_;
+export var st = _style_;
+export var namespace = _namespace_;
+export var classes = { "root": "actionsmenu3598247207__root", "action": "actionsmenu3598247207__action" };
+export var keyframes = {};
+export var layers = {};
+export var containers = {};
+export var stVars = {};
+export var vars = { "wds-space-100": "--wds-space-100" };
+//# sourceMappingURL=actions-menu.st.css.js.map

package/dist/esm/components/audio/actions/actions-menu/actions-menu.st.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"actions-menu.st.css.js","sourceRoot":"","sources":["../../../../../../src/components/audio/actions/actions-menu/actions-menu.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAIpF,IAAI,WAAW,GAAG,uBAAuB,CAAC;AAC1C,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAA2C,OAAO,CAAC;AACnE,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,6BAA6B,EAAC,QAAQ,EAAC,+BAA+B,EAAC,CAAC;AACrG,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAC,eAAe,EAAC,iBAAiB,EAAC,CAAC"}

package/dist/esm/components/audio/actions/actions-menu/index.js

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

package/dist/esm/components/audio/actions/actions-menu/index.js.map

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

package/dist/esm/components/audio/actions/actions-menu/types.js

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

package/dist/esm/components/audio/actions/actions-menu/types.js.map

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

package/dist/esm/components/audio/audio-field/audio-view.js

@@ -0,0 +1,17 @@
+import React from 'react';
+import { MusicSmall as MusicSmallIcon } from '@wix/wix-ui-icons-common';
+import { getSchemaType, getMediaTitle } from '../../../utils';
+import { smallTooltipCommonProps } from '../../../utils/tooltip';
+import { MediaTag } from '../../media-tag';
+import { HighlightedText } from '../../highlighted-text';
+const audioTagProps = {
+    thumb: React.createElement(MusicSmallIcon, null),
+    titleTextProps: { tooltipProps: smallTooltipCommonProps },
+};
+export const AudioView = ({ data }) => {
+    return data ? (React.createElement(MediaTag, { ...audioTagProps, title: getMediaTitle(data) })) : null;
+};
+export const HighlightedAudioView = ({ metadata: { highlight } = {}, ...props }) => {
+    return (React.createElement(MediaTag, { ...audioTagProps, dataHook: `auto-view-highlight.${props.pointer}.${getSchemaType(props.schema)}`, title: React.createElement(HighlightedText, { highlight: highlight, highlightedBackground: false }) }));
+};
+//# sourceMappingURL=audio-view.js.map

package/dist/esm/components/audio/audio-field/audio-view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"audio-view.js","sourceRoot":"","sources":["../../../../../src/components/audio/audio-field/audio-view.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,UAAU,IAAI,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAExE,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC9D,OAAO,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AAEjE,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAEzD,MAAM,aAAa,GAAG;IACpB,KAAK,EAAE,oBAAC,cAAc,OAAG;IACzB,cAAc,EAAE,EAAE,YAAY,EAAE,uBAAuB,EAAE;CAC1D,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAkB,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE;IACnD,OAAO,IAAI,CAAC,CAAC,CAAC,CACZ,oBAAC,QAAQ,OAAK,aAAa,EAAE,KAAK,EAAE,aAAa,CAAC,IAAI,CAAC,GAAI,CAC5D,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAkB,CAAC,EAClD,QAAQ,EAAE,EAAE,SAAS,EAAE,GAAG,EAAS,EACnC,GAAG,KAAK,EACT,EAAE,EAAE;IACH,OAAO,CACL,oBAAC,QAAQ,OACH,aAAa,EACjB,QAAQ,EAAE,uBAAuB,KAAK,CAAC,OAAO,IAAI,aAAa,CAC7D,KAAK,CAAC,MAAM,CACb,EAAE,EACH,KAAK,EACH,oBAAC,eAAe,IAAC,SAAS,EAAE,SAAS,EAAE,qBAAqB,EAAE,KAAK,GAAI,GAEzE,CACH,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/components/audio/audio-field/form-audio-field.js

@@ -0,0 +1,82 @@
+import React, { useRef, useMemo } from 'react';
+import { getMediaURL } from '../../../auto-field-types';
+import { AddItem, AudioPlayer, Box, Text } from '@wix/design-system';
+import { DownloadImport as Download, Delete, Replace, } from '@wix/wix-ui-icons-common';
+import { useWithCallback, useTranslations } from '../../../hooks';
+import { getMediaTitle, MEDIA_TYPES } from '../../../utils';
+import { Z_INDEX_MODAL_POPOVER } from '../../common';
+import { useMediaControl } from '../../media-control';
+import { MediaLoader } from '../../media-loader';
+import { ActionsButton } from '../actions/actions-button';
+import { ACTIONS_MENU_DIVIDER } from '../actions/actions-menu';
+import { style, classes } from './form-audio-field.st.css.js';
+export const FormAudioField = ({ data, onChange: onChangeAudio, onClear: onClearAudio, onInput, autoFocus, readOnly, invalid, dataHook, }) => {
+    const { t } = useTranslations();
+    const onChange = useWithCallback(onChangeAudio, onInput);
+    const onClear = useWithCallback(onClearAudio, onInput);
+    const inputRef = useRef(null);
+    const viewRef = useRef(null);
+    const { callMedia, onMediaLoad, downloadMedia, loading } = useMediaControl({
+        mediaType: MEDIA_TYPES.AUDIO,
+        value: data,
+        onChange,
+        autoFocus,
+        readOnly,
+        inputRef,
+        viewRef,
+    });
+    const actionsMenuProps = useMemo(() => {
+        const replaceAction = {
+            id: 'AUDIO_REPLACE',
+            dataHook: 'fromAudioInput.button.replace',
+            label: t('CMS.audio.button.replace'),
+            disabled: readOnly,
+            icon: React.createElement(Replace, null),
+            onClick: callMedia,
+        };
+        const downloadAction = {
+            id: 'AUDIO_DOWNLOAD',
+            label: t('CMS.audio.button.download'),
+            disabled: false,
+            icon: React.createElement(Download, null),
+            onClick: downloadMedia,
+        };
+        const clearAction = {
+            id: 'AUDIO_CLEAR',
+            dataHook: 'fromAudioInput.button.delete',
+            label: t('CMS.audio.button.delete'),
+            disabled: readOnly,
+            icon: React.createElement(Delete, null),
+            onClick: onClear,
+        };
+        const actions = [
+            replaceAction,
+            downloadAction,
+            ACTIONS_MENU_DIVIDER,
+            clearAction,
+        ];
+        return {
+            dataHook: 'fromAudioInput.moreActionsMenu',
+            actions,
+            zIndex: Z_INDEX_MODAL_POPOVER,
+        };
+    }, [t, readOnly, callMedia, downloadMedia, onClear]);
+    if (loading) {
+        return React.createElement(MediaLoader, { borderStyle: "dashed", className: classes.addItem });
+    }
+    if (!data) {
+        return (React.createElement(AddItem, { ref: inputRef, dataHook: dataHook, className: style(classes.addItem, {
+                disabled: !!readOnly,
+                error: invalid,
+            }), theme: "dashes", onClick: callMedia, disabled: readOnly, children: t('CMS.audio.button.add') }));
+    }
+    return (React.createElement(Box, { dataHook: dataHook, direction: "vertical", gap: "S1" },
+        React.createElement("div", { ref: viewRef, tabIndex: 0 },
+            React.createElement(Box, { direction: "vertical", verticalAlign: "middle", backgroundColor: "D70", padding: "SP5", borderRadius: 12 },
+                React.createElement(Text, { dataHook: "fromAudioInput.audioName", className: classes.mediaTitle }, getMediaTitle(data)),
+                React.createElement(Box, { direction: "horizontal", marginTop: "9px", marginBottom: "-3px" },
+                    React.createElement(AudioPlayer, { dataHook: "fromAudioInput.player", src: getMediaURL(data), onLoad: onMediaLoad, onLoadError: onMediaLoad }),
+                    React.createElement(Box, { marginLeft: "SP3", gap: "SP1" },
+                        React.createElement(ActionsButton, { dataHook: "fromAudioInput.button.more", actionsMenuProps: actionsMenuProps, priority: "secondary", skin: "inverted" })))))));
+};
+//# sourceMappingURL=form-audio-field.js.map

package/dist/esm/components/audio/audio-field/form-audio-field.js.map

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

package/dist/esm/components/audio/audio-field/form-audio-field.st.css

@@ -0,0 +1,28 @@
+@property st-global(--wds-color-red-100);
+@property st-global(--wds-color-blue-300);
+@property st-global(--wds-border-radius-400);
+@property st-global(--wds-input-shadow-focus-standard);
+@property st-global(--wsr-color-R10);
+@property st-global(--wsr-color-B30);
+
+.addItem {
+    -st-states: disabled, error;
+    height: 120px !important;
+    box-sizing: border-box;
+}
+.addItem:focus-within {
+    box-shadow: var(--wds-input-shadow-focus-standard, 0 0 0 3px var(--wds-color-blue-300, var(--wsr-color-B30)));
+    border-radius: var(--wds-border-radius-400, 8px);
+}
+.addItem:disabled {
+    /* to enable addItem hover styles (cursor) in disabled mode */
+    pointer-events: auto !important;
+}
+.addItem:error {
+    border: 1px solid var(--wds-color-red-100, var(--wsr-color-R10)) !important;
+}
+
+
+.mediaTitle {
+    line-height: 18px !important;
+}

package/dist/esm/components/audio/audio-field/form-audio-field.st.css.js

@@ -0,0 +1,15 @@
+// @ts-nocheck
+import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js";
+var _namespace_ = "formaudiofield3380924506";
+var _style_ = classesRuntime.bind(null, _namespace_);
+export var cssStates = statesRuntime.bind(null, _namespace_);
+export var style = _style_;
+export var st = _style_;
+export var namespace = _namespace_;
+export var classes = { "root": "formaudiofield3380924506__root", "addItem": "formaudiofield3380924506__addItem", "mediaTitle": "formaudiofield3380924506__mediaTitle" };
+export var keyframes = {};
+export var layers = {};
+export var containers = {};
+export var stVars = {};
+export var vars = { "wds-color-red-100": "--wds-color-red-100", "wds-color-blue-300": "--wds-color-blue-300", "wds-border-radius-400": "--wds-border-radius-400", "wds-input-shadow-focus-standard": "--wds-input-shadow-focus-standard", "wsr-color-R10": "--wsr-color-R10", "wsr-color-B30": "--wsr-color-B30" };
+//# sourceMappingURL=form-audio-field.st.css.js.map

package/dist/esm/components/audio/audio-field/form-audio-field.st.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-audio-field.st.css.js","sourceRoot":"","sources":["../../../../../src/components/audio/audio-field/form-audio-field.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAIjF,IAAI,WAAW,GAAG,0BAA0B,CAAC;AAC7C,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAA2C,OAAO,CAAC;AACnE,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,gCAAgC,EAAC,SAAS,EAAC,mCAAmC,EAAC,YAAY,EAAC,sCAAsC,EAAC,CAAC;AACjK,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAC,mBAAmB,EAAC,qBAAqB,EAAC,oBAAoB,EAAC,sBAAsB,EAAC,uBAAuB,EAAC,yBAAyB,EAAC,iCAAiC,EAAC,mCAAmC,EAAC,eAAe,EAAC,iBAAiB,EAAC,eAAe,EAAC,iBAAiB,EAAC,CAAC"}

package/dist/esm/components/audio/audio-field/index.js

@@ -0,0 +1,3 @@
+export * from './form-audio-field';
+export * from './audio-view';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/audio/audio-field/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/audio/audio-field/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC"}

package/dist/esm/components/audio/audio-player/audio-player.js

@@ -0,0 +1,20 @@
+import React, { useEffect, useState } from 'react';
+import { getMediaURL } from '../../../auto-field-types';
+import { Box, AudioPlayer, Card, Text, CloseButton } from '@wix/design-system';
+import { getMediaTitle } from '../../../utils';
+import { classes } from './audio-player.st.css.js';
+export const FloatingAudioPlayer = ({ source, onClose, }) => {
+    const [audioSrc, setAudioSrc] = useState(source);
+    useEffect(() => {
+        setAudioSrc(null);
+        onClose?.();
+    }, [onClose]);
+    if (!audioSrc) {
+        return null;
+    }
+    return (React.createElement(Card, { className: classes.root, showShadow: true, controls: React.createElement(CloseButton, { size: "medium", onClick: onClose }) },
+        React.createElement(Box, { direction: "vertical", paddingLeft: "SP6", paddingRight: "SP6", paddingTop: "SP5", paddingBottom: "SP5", width: "369px", gap: "SP3" },
+            React.createElement(Text, { secondary: true }, getMediaTitle(audioSrc)),
+            React.createElement(AudioPlayer, { autoplay: true, src: getMediaURL(audioSrc) }))));
+};
+//# sourceMappingURL=audio-player.js.map

package/dist/esm/components/audio/audio-player/audio-player.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"audio-player.js","sourceRoot":"","sources":["../../../../../src/components/audio/audio-player/audio-player.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,GAAG,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAE/E,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AAMnD,MAAM,CAAC,MAAM,mBAAmB,GAAiC,CAAC,EAChE,MAAM,EACN,OAAO,GACR,EAAE,EAAE;IACH,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC;IAEjD,SAAS,CAAC,GAAG,EAAE;QACb,WAAW,CAAC,IAAI,CAAC,CAAC;QAClB,OAAO,EAAE,EAAE,CAAC;IACd,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,IAAI,CAAC,QAAQ,EAAE;QACb,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,oBAAC,IAAI,IACH,SAAS,EAAE,OAAO,CAAC,IAAI,EACvB,UAAU,QACV,QAAQ,EAAE,oBAAC,WAAW,IAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,OAAO,GAAI;QAEzD,oBAAC,GAAG,IACF,SAAS,EAAC,UAAU,EACpB,WAAW,EAAC,KAAK,EACjB,YAAY,EAAC,KAAK,EAClB,UAAU,EAAC,KAAK,EAChB,aAAa,EAAC,KAAK,EACnB,KAAK,EAAC,OAAO,EACb,GAAG,EAAC,KAAK;YAET,oBAAC,IAAI,IAAC,SAAS,UAAE,aAAa,CAAC,QAAQ,CAAC,CAAQ;YAChD,oBAAC,WAAW,IAAC,QAAQ,QAAC,GAAG,EAAE,WAAW,CAAC,QAAQ,CAAC,GAAI,CAChD,CACD,CACR,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/components/audio/audio-player/audio-player.st.css

@@ -0,0 +1,11 @@
+.root {
+    width: fit-content;
+    z-index: 1000;
+    position: fixed !important;
+    bottom: 42px;
+    right: 48px;
+    box-sizing: border-box;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}

package/dist/esm/components/audio/audio-player/audio-player.st.css.js

@@ -0,0 +1,15 @@
+// @ts-nocheck
+import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js";
+var _namespace_ = "audioplayer4081132107";
+var _style_ = classesRuntime.bind(null, _namespace_);
+export var cssStates = statesRuntime.bind(null, _namespace_);
+export var style = _style_;
+export var st = _style_;
+export var namespace = _namespace_;
+export var classes = { "root": "audioplayer4081132107__root" };
+export var keyframes = {};
+export var layers = {};
+export var containers = {};
+export var stVars = {};
+export var vars = {};
+//# sourceMappingURL=audio-player.st.css.js.map

package/dist/esm/components/audio/audio-player/audio-player.st.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"audio-player.st.css.js","sourceRoot":"","sources":["../../../../../src/components/audio/audio-player/audio-player.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAIjF,IAAI,WAAW,GAAG,uBAAuB,CAAC;AAC1C,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAA2C,OAAO,CAAC;AACnE,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,6BAA6B,EAAC,CAAC;AAC5D,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

package/dist/esm/components/audio/audio-player/index.js

@@ -0,0 +1,2 @@
+export * from './audio-player';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/audio/audio-player/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/audio/audio-player/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}

package/dist/esm/components/audio/index.js

@@ -0,0 +1,3 @@
+export * from './audio-player';
+export * from './audio-field';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/audio/index.js.map

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

package/dist/esm/components/color-view/color-input.js

@@ -0,0 +1,73 @@
+import React, { forwardRef, useCallback, useState } from 'react';
+import { ColorPicker, FillButton, FillPreview, Input, Popover, } from '@wix/design-system';
+import ColorLib from 'color';
+const omitHash = (value) => value.replace(/^#/, '');
+const isValidHex = (value) => /^#?([0-9A-Fa-f]{3}|[0-9A-Fa-f]{6})$/.test(value);
+const normalizeHex = (value) => {
+    const cleaned = value.startsWith('#') ? value : `#${value}`;
+    if (isValidHex(cleaned)) {
+        return cleaned.toUpperCase();
+    }
+    return undefined;
+};
+const safeColorLib = (value) => {
+    try {
+        return ColorLib(value);
+    }
+    catch {
+        return undefined;
+    }
+};
+export const ColorInput = forwardRef(({ value: colorValue, onChange, onBlur, ...props }, ref) => {
+    const [inputValue, setInputValue] = useState(colorValue ? omitHash(colorValue) : '');
+    const [showPicker, setShowPicker] = useState(false);
+    const [pickerColor, setPickerColor] = useState(colorValue ? safeColorLib(colorValue) : undefined);
+    const onInputChange = useCallback((e) => {
+        const raw = e.target.value;
+        setInputValue(raw);
+        const hex = normalizeHex(raw);
+        if (hex) {
+            onChange?.(hex);
+            setPickerColor(safeColorLib(hex));
+        }
+    }, [onChange]);
+    const onInputBlur = useCallback((e) => {
+        const hex = normalizeHex(inputValue);
+        if (hex) {
+            onChange?.(hex);
+            setInputValue(omitHash(hex));
+        }
+        else if (colorValue) {
+            setInputValue(omitHash(colorValue));
+        }
+        else {
+            setInputValue('');
+        }
+        onBlur?.(e);
+    }, [onChange, onBlur, inputValue, colorValue]);
+    const onPickerConfirm = useCallback((confirmedColor) => {
+        const hex = typeof confirmedColor === 'string'
+            ? confirmedColor
+            : confirmedColor?.hex()?.toUpperCase();
+        if (hex) {
+            onChange?.(hex);
+            setInputValue(omitHash(hex));
+            setPickerColor(safeColorLib(hex));
+        }
+        setShowPicker(false);
+    }, [onChange]);
+    const onPickerCancel = useCallback(() => {
+        setPickerColor(colorValue ? safeColorLib(colorValue) : undefined);
+        setShowPicker(false);
+    }, [colorValue]);
+    const onPreviewClick = useCallback(() => {
+        setShowPicker((prev) => !prev);
+    }, []);
+    return (React.createElement(Input, { ...props, ref: ref, value: inputValue, onChange: onInputChange, onBlur: onInputBlur, prefix: React.createElement(Input.Affix, null, "#"), suffix: React.createElement(Input.Affix, null,
+            React.createElement(Popover, { shown: showPicker, onClickOutside: () => setShowPicker(false), animate: true, flip: true, fixed: false, placement: "left-start", appendTo: "scrollParent", moveBy: { x: 6, y: 6 }, zIndex: 5001 },
+                React.createElement(Popover.Element, null, colorValue ? (React.createElement(FillPreview, { fill: colorValue, onClick: onPreviewClick })) : (React.createElement(FillButton, { onClick: onPreviewClick }))),
+                React.createElement(Popover.Content, null,
+                    React.createElement(ColorPicker, { value: pickerColor, onChange: ((c) => setPickerColor(c)), onConfirm: onPickerConfirm, onCancel: onPickerCancel, showConverter: true, allowEmpty: true })))) }));
+});
+ColorInput.displayName = 'ColorInput';
+//# sourceMappingURL=color-input.js.map

package/dist/esm/components/color-view/color-input.js.map

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

package/dist/esm/components/color-view/color-view.js

@@ -0,0 +1,13 @@
+import React from 'react';
+import { Box, FillPreview, Text } from '@wix/design-system';
+import { classes } from './color-view.st.css.js';
+const ColorPreview = ({ data, children }) => {
+    return (React.createElement(Box, { className: classes.view, align: "left", verticalAlign: "middle", direction: "horizontal", gap: "SP1", dataHook: "color-view" },
+        React.createElement(FillPreview, { className: classes.fillPreview, aspectRatio: 1, fill: data, dataHook: "color-view-fill-preview" }),
+        children));
+};
+export const ColorView = (props) => {
+    return (React.createElement(ColorPreview, { ...props },
+        React.createElement(Text, { size: "small", weight: "normal", dataHook: "color-view-text" }, props.data ?? '#')));
+};
+//# sourceMappingURL=color-view.js.map

package/dist/esm/components/color-view/color-view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-view.js","sourceRoot":"","sources":["../../../../src/components/color-view/color-view.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,GAAG,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAE5D,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAOjD,MAAM,YAAY,GAA6B,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE;IACpE,OAAO,CACL,oBAAC,GAAG,IACF,SAAS,EAAE,OAAO,CAAC,IAAI,EACvB,KAAK,EAAC,MAAM,EACZ,aAAa,EAAC,QAAQ,EACtB,SAAS,EAAC,YAAY,EACtB,GAAG,EAAC,KAAK,EACT,QAAQ,EAAC,YAAY;QAErB,oBAAC,WAAW,IACV,SAAS,EAAE,OAAO,CAAC,WAAW,EAC9B,WAAW,EAAE,CAAC,EACd,IAAI,EAAE,IAAI,EACV,QAAQ,EAAC,yBAAyB,GAClC;QACD,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAA6B,CAAC,KAAK,EAAE,EAAE;IAC3D,OAAO,CACL,oBAAC,YAAY,OAAK,KAAK;QACrB,oBAAC,IAAI,IAAC,IAAI,EAAC,OAAO,EAAC,MAAM,EAAC,QAAQ,EAAC,QAAQ,EAAC,iBAAiB,IAC1D,KAAK,CAAC,IAAI,IAAI,GAAG,CACb,CACM,CAChB,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/components/color-view/color-view.st.css

@@ -0,0 +1,14 @@
+.view {
+    width: 100%;
+}
+
+.fillPreview {
+    flex-shrink: 0;
+}
+
+.view .fillPreview {
+    width: 18px;
+    height: 18px;
+    min-width: 18px !important;
+    min-height: 18px !important;
+}

package/dist/esm/components/color-view/color-view.st.css.js

@@ -0,0 +1,15 @@
+// @ts-nocheck
+import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
+var _namespace_ = "colorview982264768";
+var _style_ = classesRuntime.bind(null, _namespace_);
+export var cssStates = statesRuntime.bind(null, _namespace_);
+export var style = _style_;
+export var st = _style_;
+export var namespace = _namespace_;
+export var classes = { "root": "colorview982264768__root", "view": "colorview982264768__view", "fillPreview": "colorview982264768__fillPreview" };
+export var keyframes = {};
+export var layers = {};
+export var containers = {};
+export var stVars = {};
+export var vars = {};
+//# sourceMappingURL=color-view.st.css.js.map

package/dist/esm/components/color-view/color-view.st.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-view.st.css.js","sourceRoot":"","sources":["../../../../src/components/color-view/color-view.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,oBAAoB,CAAC;AACvC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAA2C,OAAO,CAAC;AACnE,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,0BAA0B,EAAC,MAAM,EAAC,0BAA0B,EAAC,aAAa,EAAC,iCAAiC,EAAC,CAAC;AAC3I,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

package/dist/esm/components/color-view/color-view.uni.driver.js

@@ -0,0 +1,11 @@
+import { FillPreviewUniDriver } from '@wix/design-system/dist/testkit/unidriver';
+import { baseUniDriverFactory } from '../../testkit/base-driver';
+export function ColorViewUniDriver(base, body) {
+    const root = base.$('[data-hook="color-view"]');
+    return {
+        ...baseUniDriverFactory(root),
+        getFillPreview: () => FillPreviewUniDriver(root.$('[data-hook="color-view-fill-preview"]'), body),
+        getText: () => root.$('[data-hook="color-view-text"]').text(),
+    };
+}
+//# sourceMappingURL=color-view.uni.driver.js.map

package/dist/esm/components/color-view/color-view.uni.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-view.uni.driver.js","sourceRoot":"","sources":["../../../../src/components/color-view/color-view.uni.driver.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,2CAA2C,CAAC;AACjF,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAEjE,MAAM,UAAU,kBAAkB,CAAC,IAAe,EAAE,IAAe;IACjE,MAAM,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC;IAEhD,OAAO;QACL,GAAG,oBAAoB,CAAC,IAAI,CAAC;QAC7B,cAAc,EAAE,GAAG,EAAE,CACnB,oBAAoB,CAClB,IAAI,CAAC,CAAC,CAAC,uCAAuC,CAAC,EAC/C,IAAI,CACL;QACH,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,+BAA+B,CAAC,CAAC,IAAI,EAAE;KAC9D,CAAC;AACJ,CAAC"}

package/dist/esm/components/color-view/form-color-input.js

@@ -0,0 +1,11 @@
+import React, { useRef, useImperativeHandle } from 'react';
+import { ColorInput } from './color-input';
+import { useAutoFocus } from '../../hooks';
+export const FormColorInput = React.forwardRef(({ data, onChange, autoFocus, readOnly, dataHook }, ref) => {
+    const inputRef = useRef(null);
+    useAutoFocus(inputRef, autoFocus);
+    useImperativeHandle(ref, () => inputRef.current);
+    return (React.createElement(ColorInput, { dataHook: dataHook, ref: inputRef, value: data, onChange: onChange, readOnly: readOnly }));
+});
+FormColorInput.displayName = 'FormColorInput';
+//# sourceMappingURL=form-color-input.js.map

package/dist/esm/components/color-view/form-color-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-color-input.js","sourceRoot":"","sources":["../../../../src/components/color-view/form-color-input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAI3D,OAAO,EAAE,UAAU,EAAmB,MAAM,eAAe,CAAC;AAE5D,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAI3C,MAAM,CAAC,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAG5C,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,GAAG,EAAE,EAAE;IAC3D,MAAM,QAAQ,GAAG,MAAM,CAAgC,IAAI,CAAC,CAAC;IAC7D,YAAY,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;IAElC,mBAAmB,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,OAAiC,CAAC,CAAC;IAE3E,OAAO,CACL,oBAAC,UAAU,IACT,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,QAAQ,EACb,KAAK,EAAE,IAAI,EACX,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC"}

package/dist/esm/components/color-view/index.js

@@ -0,0 +1,4 @@
+export * from './color-view';
+export * from './color-input';
+export * from './form-color-input';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/color-view/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/color-view/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC"}

package/dist/esm/components/common.js

@@ -0,0 +1,6 @@
+export const Z_INDEX_POPOVER = 99;
+// export const Z_INDEX_BM_TOAST = 1800;
+export const Z_INDEX_MODAL_OVERLAY = 5000;
+// export const Z_INDEX_FRAME_MODAL = Z_INDEX_MODAL_OVERLAY + 1;
+export const Z_INDEX_MODAL_POPOVER = Z_INDEX_MODAL_OVERLAY + 2;
+//# sourceMappingURL=common.js.map

package/dist/esm/components/common.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"common.js","sourceRoot":"","sources":["../../../src/components/common.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,eAAe,GAAG,EAAE,CAAC;AAClC,wCAAwC;AACxC,MAAM,CAAC,MAAM,qBAAqB,GAAG,IAAI,CAAC;AAC1C,gEAAgE;AAChE,MAAM,CAAC,MAAM,qBAAqB,GAAG,qBAAqB,GAAG,CAAC,CAAC"}

package/dist/esm/components/delete-dialog/delete-dialog.js

@@ -0,0 +1,15 @@
+import React from 'react';
+import { CustomModalLayout, Modal } from '@wix/design-system';
+import { useTranslations } from '../../hooks';
+import { style, classes } from './delete-dialog.st.css.js';
+export const DeleteDialog = ({ open, onDelete, className, title, children, primaryButtonText, secondaryButtonText, onClose, }) => {
+    const { t } = useTranslations();
+    return (React.createElement(Modal, { isOpen: open, dataHook: "delete-dialog-modal", onRequestClose: onClose },
+        React.createElement(CustomModalLayout, { dataHook: "delete-dialog-layout", className: style(classes.layout, className), title: title, onCloseButtonClick: onClose, primaryButtonText: primaryButtonText ?? t('CMS.document.delete.confirm'), secondaryButtonText: secondaryButtonText ?? t('CMS.document.delete.cancel'), primaryButtonOnClick: onDelete, secondaryButtonOnClick: onClose, primaryButtonProps: {
+                skin: 'destructive',
+            }, secondaryButtonProps: {
+                skin: 'destructive',
+                priority: 'secondary',
+            } }, children)));
+};
+//# sourceMappingURL=delete-dialog.js.map

package/dist/esm/components/delete-dialog/delete-dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"delete-dialog.js","sourceRoot":"","sources":["../../../../src/components/delete-dialog/delete-dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,iBAAiB,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAE9D,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC;AAG3D,MAAM,CAAC,MAAM,YAAY,GAAgC,CAAC,EACxD,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,KAAK,EACL,QAAQ,EACR,iBAAiB,EACjB,mBAAmB,EACnB,OAAO,GACR,EAAE,EAAE;IACH,MAAM,EAAE,CAAC,EAAE,GAAG,eAAe,EAAE,CAAC;IAEhC,OAAO,CACL,oBAAC,KAAK,IACJ,MAAM,EAAE,IAAI,EACZ,QAAQ,EAAC,qBAAqB,EAC9B,cAAc,EAAE,OAAO;QAEvB,oBAAC,iBAAiB,IAChB,QAAQ,EAAC,sBAAsB,EAC/B,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,EAAE,SAAS,CAAC,EAC3C,KAAK,EAAE,KAAK,EACZ,kBAAkB,EAAE,OAAO,EAC3B,iBAAiB,EACf,iBAAiB,IAAI,CAAC,CAAC,6BAA6B,CAAC,EAEvD,mBAAmB,EACjB,mBAAmB,IAAI,CAAC,CAAC,4BAA4B,CAAC,EAExD,oBAAoB,EAAE,QAAQ,EAC9B,sBAAsB,EAAE,OAAO,EAC/B,kBAAkB,EAAE;gBAClB,IAAI,EAAE,aAAa;aACpB,EACD,oBAAoB,EAAE;gBACpB,IAAI,EAAE,aAAa;gBACnB,QAAQ,EAAE,WAAW;aACtB,IAEA,QAAQ,CACS,CACd,CACT,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/components/delete-dialog/delete-dialog.st.css

@@ -0,0 +1,3 @@
+.layout {
+    max-width: 510px !important;
+}

package/dist/esm/components/delete-dialog/delete-dialog.st.css.js

@@ -0,0 +1,15 @@
+// @ts-nocheck
+import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
+var _namespace_ = "deletedialog2078994546";
+var _style_ = classesRuntime.bind(null, _namespace_);
+export var cssStates = statesRuntime.bind(null, _namespace_);
+export var style = _style_;
+export var st = _style_;
+export var namespace = _namespace_;
+export var classes = { "root": "deletedialog2078994546__root", "layout": "deletedialog2078994546__layout" };
+export var keyframes = {};
+export var layers = {};
+export var containers = {};
+export var stVars = {};
+export var vars = {};
+//# sourceMappingURL=delete-dialog.st.css.js.map

package/dist/esm/components/delete-dialog/delete-dialog.st.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"delete-dialog.st.css.js","sourceRoot":"","sources":["../../../../src/components/delete-dialog/delete-dialog.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,wBAAwB,CAAC;AAC3C,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAA2C,OAAO,CAAC;AACnE,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,8BAA8B,EAAC,QAAQ,EAAC,gCAAgC,EAAC,CAAC;AACvG,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

package/dist/esm/components/delete-dialog/index.js

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

package/dist/esm/components/delete-dialog/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/delete-dialog/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC"}

package/dist/esm/components/delete-dialog/types.js

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

package/dist/esm/components/delete-dialog/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/delete-dialog/types.ts"],"names":[],"mappings":""}

package/dist/esm/components/document/add-document-button.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import { AddItem, Box } from '@wix/design-system';
+import { DocumentLoader } from './document-loader';
+import { style, classes } from './form-document-field.st.css.js';
+import { useTranslations } from '../../hooks';
+export const AddDocumentButton = React.forwardRef(({ loading, error, loaderBorderStyle, className, ...props }, ref) => {
+    const { t } = useTranslations();
+    return loading ? (React.createElement(DocumentLoader, { borderStyle: loaderBorderStyle })) : (React.createElement(Box, { className: style(classes.addItemWrapper, className), dataHook: "add-document-button" },
+        React.createElement(AddItem, { ...props, ref: ref, className: style(classes.addDocument, { error }, className) }, t('CMS.document.add.button.text'))));
+});
+AddDocumentButton.displayName = 'AddDocumentButton';
+//# sourceMappingURL=add-document-button.js.map

package/dist/esm/components/document/add-document-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"add-document-button.js","sourceRoot":"","sources":["../../../../src/components/document/add-document-button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AAElD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAQ9C,MAAM,CAAC,MAAM,iBAAiB,GAAG,KAAK,CAAC,UAAU,CAG/C,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,iBAAiB,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACpE,MAAM,EAAE,CAAC,EAAE,GAAG,eAAe,EAAE,CAAC;IAEhC,OAAO,OAAO,CAAC,CAAC,CAAC,CACf,oBAAC,cAAc,IAAC,WAAW,EAAE,iBAAiB,GAAI,CACnD,CAAC,CAAC,CAAC,CACF,oBAAC,GAAG,IACF,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,cAAc,EAAE,SAAS,CAAC,EACnD,QAAQ,EAAC,qBAAqB;QAE9B,oBAAC,OAAO,OACF,KAAK,EACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,WAAW,EAAE,EAAE,KAAK,EAAE,EAAE,SAAS,CAAC,IAE1D,CAAC,CAAC,8BAA8B,CAAC,CAC1B,CACN,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,iBAAiB,CAAC,WAAW,GAAG,mBAAmB,CAAC"}