@finam/web-ui-kit-components 3.24.1

package/dist/DialogContent/DialogContent.d.ts

@@ -0,0 +1,18 @@
+import { ComponentPropsWithoutRef, MouseEvent, ReactNode } from 'react';
+import type { ScrollDecoration } from './types.js';
+import { Root } from './DialogContent.styles.js';
+import { type DialogSize } from '../Dialog/index.js';
+export interface DialogContentScrollHandle {
+    scrollTo(top: number): void;
+}
+export interface Props extends ComponentPropsWithoutRef<typeof Root> {
+    noScrollbar?: boolean;
+    onScroll?: (e: MouseEvent<HTMLDivElement>) => void;
+    size?: DialogSize;
+    scrollApiRef?: React.Ref<DialogContentScrollHandle>;
+    scrollDecoration?: ScrollDecoration;
+    children?: ReactNode;
+}
+declare const _default: import("react").NamedExoticComponent<Props & import("react").RefAttributes<HTMLDivElement>>;
+export default _default;
+//# sourceMappingURL=DialogContent.d.ts.map

package/dist/DialogContent/DialogContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogContent.d.ts","sourceRoot":"","sources":["../../src/DialogContent/DialogContent.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,wBAAwB,EAAE,UAAU,EACwB,SAAS,EAEtE,MAAM,OAAO,CAAC;AAGf,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AACnD,OAAO,EAAE,IAAI,EAAmC,MAAM,2BAA2B,CAAC;AAClF,OAAO,EAAuB,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAE1E,MAAM,WAAW,yBAAyB;IACxC,QAAQ,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,CAAC;CAC7B;AAED,MAAM,WAAW,KAAM,SAAQ,wBAAwB,CAAC,OAAO,IAAI,CAAC;IAClE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IACnD,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,YAAY,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,yBAAyB,CAAC,CAAC;IACpD,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;;AA0ED,wBAAmC"}

package/dist/DialogContent/DialogContent.js

@@ -0,0 +1,41 @@
+import { __rest } from "tslib";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useCallback, useRef, useState, useEffect, memo, useImperativeHandle, } from 'react';
+import classnames from 'clsx';
+import { customScroll, noScroll } from '@finam/web-ui-kit-core/styles/scroll';
+import { Root, Content, TopDivider, BottomFade } from './DialogContent.styles.js';
+import { dialogClassNameSize } from '../Dialog/index.js';
+const DialogContent = forwardRef((_a, ref) => {
+    var { className, children, onScroll, noScrollbar, size = 's', scrollApiRef, scrollDecoration = 'fade-divider' } = _a, otherProps = __rest(_a, ["className", "children", "onScroll", "noScrollbar", "size", "scrollApiRef", "scrollDecoration"]);
+    const [topBorderVisible, setTopBorderVisible] = useState(false);
+    const [bottomFadeVisible, setBottomFadeVisible] = useState(false);
+    const rootClassName = classnames(className, dialogClassNameSize(size));
+    const contentClassName = classnames(noScrollbar ? noScroll : customScroll());
+    const innerRef = useRef(null);
+    const updateClasses = useCallback(() => {
+        const { scrollHeight, clientHeight, scrollTop } = innerRef.current;
+        setTopBorderVisible(scrollTop > 0);
+        setBottomFadeVisible(scrollHeight - clientHeight > scrollTop);
+    }, []);
+    useImperativeHandle(scrollApiRef, () => ({
+        scrollTo(top) {
+            const el = innerRef.current;
+            if (!el)
+                return;
+            el.scrollTop = top;
+            updateClasses();
+        },
+    }), [updateClasses]);
+    const handleScroll = useCallback((e) => {
+        onScroll === null || onScroll === void 0 ? void 0 : onScroll(e);
+        updateClasses();
+    }, [updateClasses, onScroll]);
+    useEffect(() => {
+        updateClasses();
+        window.addEventListener('resize', updateClasses);
+        return () => window.removeEventListener('resize', updateClasses);
+    }, [updateClasses]);
+    return (_jsxs(Root, Object.assign({ className: rootClassName, ref: ref }, otherProps, { children: [(topBorderVisible && scrollDecoration.includes('divider')) && _jsx(TopDivider, {}), _jsx(Content, { className: contentClassName, ref: innerRef, onScroll: handleScroll, children: children }), scrollDecoration.includes('fade') && _jsx(BottomFade, { className: bottomFadeVisible ? 'visible' : undefined })] })));
+});
+export default memo(DialogContent);
+//# sourceMappingURL=DialogContent.js.map

package/dist/DialogContent/DialogContent.js.map

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

package/dist/DialogContent/DialogContent.styles.css

@@ -0,0 +1,4 @@
+.ui_components_r119vgh7{position:relative;flex:1 1 auto;display:flex;flex-direction:column;min-height:0;}
+.ui_components_c1sa1mbv{position:relative;max-height:100%;-webkit-overflow-scrolling:touch;overflow-y:auto;}.ui_components_r119vgh7.size-s>.ui_components_c1sa1mbv{padding:var(--ui-spacing-xs) var(--ui-spacing-3xl) var(--ui-spacing-m) var(--ui-spacing-3xl);}.ui_components_r119vgh7.size-l>.ui_components_c1sa1mbv{padding:var(--ui-spacing-m) var(--ui-spacing-5xl) var(--ui-spacing-m) var(--ui-spacing-5xl);}
+.ui_components_t12d75dn{position:absolute;top:0;height:1px;background-color:var(--ui-colors-border-base);}.ui_components_r119vgh7.size-s>.ui_components_t12d75dn{left:var(--ui-spacing-3xl);right:var(--ui-spacing-3xl);}.ui_components_r119vgh7.size-l>.ui_components_t12d75dn{left:var(--ui-spacing-5xl);right:var(--ui-spacing-5xl);}
+.ui_components_bvew0tf{position:absolute;pointer-events:none;bottom:0;height:64px;background-color:var(--ui-colors-bg-base);mask-image:linear-gradient(to top, rgb(0, 0, 0, 1), rgb(0, 0, 0, 0));opacity:0;will-change:opacity;left:0;right:0;}.ui_components_bvew0tf.visible{opacity:1;}

package/dist/DialogContent/DialogContent.styles.d.ts

@@ -0,0 +1,5 @@
+export declare const Root: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const Content: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const TopDivider: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const BottomFade: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+//# sourceMappingURL=DialogContent.styles.d.ts.map

package/dist/DialogContent/DialogContent.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogContent.styles.d.ts","sourceRoot":"","sources":["../../src/DialogContent/DialogContent.styles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,IAAI,qKAMhB,CAAC;AAEF,eAAO,MAAM,OAAO,qKAanB,CAAC;AAEF,eAAO,MAAM,UAAU,qKAetB,CAAC;AAEF,eAAO,MAAM,UAAU,qKAetB,CAAC"}

package/dist/DialogContent/DialogContent.styles.js

@@ -0,0 +1,23 @@
+import { styled } from '@linaria/react';
+export const Root = /*#__PURE__*/styled('div')({
+  name: "Root",
+  class: "ui_components_r119vgh7",
+  propsAsIs: false
+});
+export const Content = /*#__PURE__*/styled('div')({
+  name: "Content",
+  class: "ui_components_c1sa1mbv",
+  propsAsIs: false
+});
+export const TopDivider = /*#__PURE__*/styled('div')({
+  name: "TopDivider",
+  class: "ui_components_t12d75dn",
+  propsAsIs: false
+});
+export const BottomFade = /*#__PURE__*/styled('div')({
+  name: "BottomFade",
+  class: "ui_components_bvew0tf",
+  propsAsIs: false
+});
+
+import "./DialogContent.styles.css";

package/dist/DialogContent/DialogContent.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogContent.styles.js","sourceRoot":"","sources":["../../src/DialogContent/DialogContent.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,uCAAuC,CAAC;AAC/D,OAAO,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAEzD,MAAM,CAAC,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;CAM7B,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;IAM7B,IAAI,IAAI,mBAAmB,CAAC,GAAG,CAAC;eACrB,MAAM,CAAC,OAAO,CAAC,EAAE,IAAI,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC;;;IAGlG,IAAI,IAAI,mBAAmB,CAAC,GAAG,CAAC;eACrB,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC;;CAEpG,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAA;;;;sBAId,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO;;IAE3D,IAAI,IAAI,mBAAmB,CAAC,GAAG,CAAC;YACxB,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC;aACpB,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC;;;IAG9B,IAAI,IAAI,mBAAmB,CAAC,GAAG,CAAC;YACxB,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC;aACpB,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC;;CAEjC,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;sBAKd,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO;;;;;;;;;;CAU1D,CAAC"}

package/dist/DialogContent/index.d.ts

@@ -0,0 +1,4 @@
+import DialogContent, { Props, DialogContentScrollHandle } from './DialogContent.js';
+export type { Props as DialogContentProps, DialogContentScrollHandle };
+export default DialogContent;
+//# sourceMappingURL=index.d.ts.map

package/dist/DialogContent/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/DialogContent/index.ts"],"names":[],"mappings":"AAAA,OAAO,aAAa,EAAE,EAAE,KAAK,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAErF,YAAY,EAAE,KAAK,IAAI,kBAAkB,EAAE,yBAAyB,EAAE,CAAC;AACvE,eAAe,aAAa,CAAC"}

package/dist/DialogContent/index.js

@@ -0,0 +1,3 @@
+import DialogContent from './DialogContent.js';
+export default DialogContent;
+//# sourceMappingURL=index.js.map

package/dist/DialogContent/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/DialogContent/index.ts"],"names":[],"mappings":"AAAA,OAAO,aAAmD,MAAM,oBAAoB,CAAC;AAGrF,eAAe,aAAa,CAAC"}

package/dist/DialogContent/types.d.ts

@@ -0,0 +1,2 @@
+export type ScrollDecoration = 'fade-divider' | 'fade' | 'divider' | 'none';
+//# sourceMappingURL=types.d.ts.map

package/dist/DialogContent/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/DialogContent/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,gBAAgB,GAAG,cAAc,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,CAAC"}

package/dist/DialogContent/types.js

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

package/dist/DialogContent/types.js.map

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

package/dist/DialogTitle/DialogTitle.d.ts

@@ -0,0 +1,11 @@
+import { ComponentPropsWithoutRef, MouseEventHandler } from 'react';
+import { Root } from './DialogTitle.styles.js';
+import { type DialogSize } from '../Dialog/index.js';
+export interface Props extends ComponentPropsWithoutRef<typeof Root> {
+    disableTypography?: boolean;
+    size?: DialogSize;
+    onClose?: MouseEventHandler<HTMLAnchorElement | HTMLButtonElement>;
+}
+declare const _default: import("react").NamedExoticComponent<Props & import("react").RefAttributes<HTMLDivElement>>;
+export default _default;
+//# sourceMappingURL=DialogTitle.d.ts.map

package/dist/DialogTitle/DialogTitle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogTitle.d.ts","sourceRoot":"","sources":["../../src/DialogTitle/DialogTitle.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,iBAAiB,EAAoB,MAAM,OAAO,CAAC;AAKtF,OAAO,EAAc,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAuB,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAE1E,MAAM,WAAW,KAAM,SAAQ,wBAAwB,CAAC,OAAO,IAAI,CAAC;IAClE,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,GAAG,iBAAiB,CAAC,CAAC;CACpE;;AAwCD,wBAAiC"}

package/dist/DialogTitle/DialogTitle.js

@@ -0,0 +1,19 @@
+import { __rest } from "tslib";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, memo } from 'react';
+import classnames from 'clsx';
+import DismissGhostMid from '@finam/web-ui-kit-icons/Dismiss/DismissGhostMid';
+import Typography from '../Typography/index.js';
+import { IconButton, Root } from './DialogTitle.styles.js';
+import { dialogClassNameSize } from '../Dialog/index.js';
+const DialogTitle = forwardRef((_a, ref) => {
+    var { className, size = 's', disableTypography, children, onClose } = _a, otherProps = __rest(_a, ["className", "size", "disableTypography", "children", "onClose"]);
+    const rootClassName = classnames(dialogClassNameSize(size), className);
+    return (_jsxs(Root, Object.assign({ className: rootClassName, ref: ref }, otherProps, { children: [disableTypography
+                ? children
+                : (size === 's'
+                    ? _jsx(Typography, { variant: "h4", weight: "semiBold", children: children })
+                    : _jsx(Typography, { variant: "h2", weight: "bold", children: children })), onClose && (_jsx(IconButton, { size: size === 's' ? 's' : 'm', onClick: onClose, children: _jsx(DismissGhostMid, {}) }))] })));
+});
+export default memo(DialogTitle);
+//# sourceMappingURL=DialogTitle.js.map

package/dist/DialogTitle/DialogTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogTitle.js","sourceRoot":"","sources":["../../src/DialogTitle/DialogTitle.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAA+C,UAAU,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AACtF,OAAO,UAAU,MAAM,MAAM,CAAC;AAC9B,OAAO,eAAe,MAAM,iDAAiD,CAAC;AAE9E,OAAO,UAAU,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,mBAAmB,EAAmB,MAAM,oBAAoB,CAAC;AAQ1E,MAAM,WAAW,GAAG,UAAU,CAAwB,CAAC,EAO/C,EAAE,GAAG,EAAE,EAAE;QAPsC,EACrD,SAAS,EACT,IAAI,GAAG,GAAG,EACV,iBAAiB,EACjB,QAAQ,EACR,OAAO,OAED,EADH,UAAU,cANwC,iEAOtD,CADc;IAEb,MAAM,aAAa,GAAG,UAAU,CAC9B,mBAAmB,CAAC,IAAI,CAAC,EACzB,SAAS,CACV,CAAC;IAEF,OAAO,CACL,MAAC,IAAI,kBACH,SAAS,EAAE,aAAa,EACxB,GAAG,EAAE,GAAG,IACJ,UAAU,eAGZ,iBAAiB;gBACf,CAAC,CAAC,QAAQ;gBACV,CAAC,CAAC,CAAC,IAAI,KAAK,GAAG;oBACb,CAAC,CAAC,KAAC,UAAU,IAAC,OAAO,EAAC,IAAI,EAAC,MAAM,EAAC,UAAU,YAAE,QAAQ,GAAc;oBACpE,CAAC,CAAC,KAAC,UAAU,IAAC,OAAO,EAAC,IAAI,EAAC,MAAM,EAAC,MAAM,YAAE,QAAQ,GAAc,CAAC,EAEtE,OAAO,IAAI,CACV,KAAC,UAAU,IACT,IAAI,EAAE,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAC9B,OAAO,EAAE,OAAO,YAEhB,KAAC,eAAe,KAAG,GACR,CACd,KACI,CACR,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,IAAI,CAAC,WAAW,CAAC,CAAC"}

package/dist/DialogTitle/DialogTitle.styles.css

@@ -0,0 +1,2 @@
+.ui_components_r12craxc{position:relative;margin:0;flex:0 0 auto;}.ui_components_r12craxc.size-s{padding:var(--ui-spacing-2xl) var(--ui-spacing-3xl) var(--ui-spacing-m) var(--ui-spacing-3xl);}.ui_components_r12craxc.size-l{padding:var(--ui-spacing-3xl) var(--ui-spacing-5xl) var(--ui-spacing-m) var(--ui-spacing-5xl);}
+.ui_components_r12craxc .ui_components_iizwdgy{position:absolute;top:var(--ui-spacing-s);right:var(--ui-spacing-s);}

package/dist/DialogTitle/DialogTitle.styles.d.ts

@@ -0,0 +1,5 @@
+export declare const Root: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const IconButton: {
+    __wyw_meta: unknown;
+} & import("react").NamedExoticComponent<import("../IconButton/IconButton.js").Props & import("react").RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=DialogTitle.styles.d.ts.map

package/dist/DialogTitle/DialogTitle.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogTitle.styles.d.ts","sourceRoot":"","sources":["../../src/DialogTitle/DialogTitle.styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI,qKAYhB,CAAC;AAEF,eAAO,MAAM,UAAU;;wIAMtB,CAAC"}

package/dist/DialogTitle/DialogTitle.styles.js

@@ -0,0 +1,15 @@
+import { styled } from '@linaria/react';
+import IconButtonBase from '../IconButton/index.js';
+export const Root = /*#__PURE__*/styled('div')({
+  name: "Root",
+  class: "ui_components_r12craxc",
+  propsAsIs: false
+});
+const _exp1 = /*#__PURE__*/() => IconButtonBase;
+export const IconButton = /*#__PURE__*/styled(_exp1())({
+  name: "IconButton",
+  class: "ui_components_iizwdgy",
+  propsAsIs: true
+});
+
+import "./DialogTitle.styles.css";

package/dist/DialogTitle/DialogTitle.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogTitle.styles.js","sourceRoot":"","sources":["../../src/DialogTitle/DialogTitle.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,uCAAuC,CAAC;AAC/D,OAAO,cAAc,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAEzD,MAAM,CAAC,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;MAKxB,mBAAmB,CAAC,GAAG,CAAC;eACf,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC;;;MAGpG,mBAAmB,CAAC,GAAG,CAAC;eACf,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC;;CAEzG,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,cAAc,CAAC,CAAA;IAC5C,IAAI;;WAEG,MAAM,CAAC,OAAO,CAAC,CAAC;aACd,MAAM,CAAC,OAAO,CAAC,CAAC;;CAE5B,CAAC"}

package/dist/DialogTitle/index.d.ts

@@ -0,0 +1,4 @@
+import DialogTitle, { Props } from './DialogTitle.js';
+export type { Props as DialogTitleProps };
+export default DialogTitle;
+//# sourceMappingURL=index.d.ts.map

package/dist/DialogTitle/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/DialogTitle/index.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,EAAE,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAEtD,YAAY,EAAE,KAAK,IAAI,gBAAgB,EAAE,CAAC;AAC1C,eAAe,WAAW,CAAC"}

package/dist/DialogTitle/index.js

@@ -0,0 +1,3 @@
+import DialogTitle from './DialogTitle.js';
+export default DialogTitle;
+//# sourceMappingURL=index.js.map

package/dist/DialogTitle/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/DialogTitle/index.ts"],"names":[],"mappings":"AAAA,OAAO,WAAsB,MAAM,kBAAkB,CAAC;AAGtD,eAAe,WAAW,CAAC"}

package/dist/Divider/Divider.d.ts

@@ -0,0 +1,16 @@
+import { ComponentPropsWithoutRef } from 'react';
+import type { Color, Size } from './types.js';
+import { Root } from './Divider.styles.js';
+export interface Props extends ComponentPropsWithoutRef<typeof Root> {
+    /** Цвет разделителя */
+    color?: Color;
+    /** Размер разделителя */
+    size?: Size;
+    /** Растяжение разделителя по ширине контейнера */
+    fullWidth?: boolean;
+    /** Настройка отступов*/
+    noMargin?: boolean;
+}
+declare const Divider: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<HTMLHRElement>>;
+export default Divider;
+//# sourceMappingURL=Divider.d.ts.map

package/dist/Divider/Divider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../src/Divider/Divider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAc,MAAM,OAAO,CAAC;AAE7D,OAAO,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAE9C,OAAO,EAAE,IAAI,EAAqB,MAAM,qBAAqB,CAAC;AAE9D,MAAM,WAAW,KAAM,SAAQ,wBAAwB,CAAC,OAAO,IAAI,CAAC;IAClE,uBAAuB;IACvB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,yBAAyB;IACzB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,kDAAkD;IAClD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,wBAAwB;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,OAAO,iGAiBX,CAAC;AAEH,eAAe,OAAO,CAAC"}

package/dist/Divider/Divider.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import classnames from 'clsx';
+import { mapColorProp, mapSizeProp } from './utils.js';
+import { Root, noMarginClassName } from './Divider.styles.js';
+const Divider = forwardRef(({ className, color = 'default', size = 'default', noMargin = true, fullWidth = true, }, ref) => (_jsx(Root, { ref: ref, className: classnames(className, mapColorProp(color), mapSizeProp(size), noMargin ? noMarginClassName : null, { fullWidth }) })));
+export default Divider;
+//# sourceMappingURL=Divider.js.map

package/dist/Divider/Divider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.js","sourceRoot":"","sources":["../../src/Divider/Divider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAA4B,UAAU,EAAE,MAAM,OAAO,CAAC;AAC7D,OAAO,UAAU,MAAM,MAAM,CAAC;AAE9B,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AACvD,OAAO,EAAE,IAAI,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAa9D,MAAM,OAAO,GAAG,UAAU,CAAuB,CAAC,EAChD,SAAS,EACT,KAAK,GAAG,SAAS,EACjB,IAAI,GAAG,SAAS,EAChB,QAAQ,GAAG,IAAI,EACf,SAAS,GAAG,IAAI,GACjB,EAAE,GAAG,EAAE,EAAE,CAAC,CACT,KAAC,IAAI,IACH,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,UAAU,CACnB,SAAS,EACT,YAAY,CAAC,KAAK,CAAC,EACnB,WAAW,CAAC,IAAI,CAAC,EACjB,QAAQ,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,IAAI,EACnC,EAAE,SAAS,EAAE,CACd,GACD,CACH,CAAC,CAAC;AAEH,eAAe,OAAO,CAAC"}

package/dist/Divider/Divider.styles.css

@@ -0,0 +1,2 @@
+.ui_components_n1gu7iib{margin:0;}
+.ui_components_rfw4yyg{height:1px;border:none;flex-shrink:0;background-color:var(--ui-colors-border-base);}.ui_components_rfw4yyg.fullWidth{width:100%;}.ui_components_rfw4yyg.color-alternative{background-color:var(--ui-colors-border-base-bold);}.ui_components_rfw4yyg.size-bold{height:2px;}

package/dist/Divider/Divider.styles.d.ts

@@ -0,0 +1,3 @@
+export declare const noMarginClassName: import("@linaria/core").LinariaClassName;
+export declare const Root: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLHRElement> & import("react").HTMLAttributes<HTMLHRElement> & Record<never, unknown>>;
+//# sourceMappingURL=Divider.styles.d.ts.map

package/dist/Divider/Divider.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.styles.d.ts","sourceRoot":"","sources":["../../src/Divider/Divider.styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,iBAAiB,0CAE7B,CAAC;AAEF,eAAO,MAAM,IAAI,mKAiBhB,CAAC"}

package/dist/Divider/Divider.styles.js

@@ -0,0 +1,9 @@
+import { styled } from '@linaria/react';
+export const noMarginClassName = "ui_components_n1gu7iib";
+export const Root = /*#__PURE__*/styled('hr')({
+  name: "Root",
+  class: "ui_components_rfw4yyg",
+  propsAsIs: false
+});
+
+import "./Divider.styles.css";

package/dist/Divider/Divider.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.styles.js","sourceRoot":"","sources":["../../src/Divider/Divider.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,uCAAuC,CAAC;AAC/D,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAEvD,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAAA;;CAEnC,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,MAAM,CAAC,EAAE,CAAA;;;;sBAIP,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO;;;;;;MAMzD,YAAY,CAAC,aAAa,CAAC;wBACT,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO;;;MAGxD,WAAW,CAAC,MAAM,CAAC;;;CAGxB,CAAC"}

package/dist/Divider/index.d.ts

@@ -0,0 +1,5 @@
+import Divider, { Props } from './Divider.js';
+export type { Color, Size } from './types.js';
+export type { Props as DividerProps };
+export default Divider;
+//# sourceMappingURL=index.d.ts.map

package/dist/Divider/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Divider/index.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,EAAE,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAE9C,YAAY,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAC9C,YAAY,EAAE,KAAK,IAAI,YAAY,EAAE,CAAC;AACtC,eAAe,OAAO,CAAC"}

package/dist/Divider/index.js

@@ -0,0 +1,3 @@
+import Divider from './Divider.js';
+export default Divider;
+//# sourceMappingURL=index.js.map

package/dist/Divider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Divider/index.ts"],"names":[],"mappings":"AAAA,OAAO,OAAkB,MAAM,cAAc,CAAC;AAI9C,eAAe,OAAO,CAAC"}

package/dist/Divider/types.d.ts

@@ -0,0 +1,3 @@
+export type Color = 'default' | 'alternative';
+export type Size = 'default' | 'bold';
+//# sourceMappingURL=types.d.ts.map

package/dist/Divider/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/Divider/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,KAAK,GAAG,SAAS,GAAG,aAAa,CAAC;AAE9C,MAAM,MAAM,IAAI,GAAG,SAAS,GAAG,MAAM,CAAC"}

package/dist/Divider/types.js

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

package/dist/Divider/types.js.map

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

package/dist/Divider/utils.d.ts

@@ -0,0 +1,4 @@
+import type { Color, Size } from './types.js';
+export declare const mapColorProp: (color: Color) => "color-default" | "color-alternative";
+export declare const mapSizeProp: (size: Size) => "size-default" | "size-bold";
+//# sourceMappingURL=utils.d.ts.map

package/dist/Divider/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/Divider/utils.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAE9C,eAAO,MAAM,YAAY,GAAI,OAAO,KAAK,0CAAqC,CAAC;AAC/E,eAAO,MAAM,WAAW,GAAI,MAAM,IAAI,iCAAmC,CAAC"}

package/dist/Divider/utils.js

@@ -0,0 +1,4 @@
+import { mapPropClassName } from '../utils/className.js';
+export const mapColorProp = (color) => mapPropClassName('color', color);
+export const mapSizeProp = (size) => mapPropClassName('size', size);
+//# sourceMappingURL=utils.js.map

package/dist/Divider/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/Divider/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAGzD,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,KAAY,EAAE,EAAE,CAAC,gBAAgB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;AAC/E,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,IAAU,EAAE,EAAE,CAAC,gBAAgB,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC"}

package/dist/DraggablePopover/DraggablePopover.d.ts

@@ -0,0 +1,25 @@
+import { ReactNode } from 'react';
+import { ControlPosition, DraggableProps } from 'react-draggable';
+import { ModalManager } from '../Modal/index.js';
+export interface Props extends Partial<DraggableProps> {
+    /** Кастомные классы передаваемые в компонент Paper перетаскиваемого окна */
+    className?: string;
+    /** Идентификатор слоя, используется для управления порядком отображения окон */
+    layerId?: string;
+    /** Управление видимостью перетаскиваемого окна */
+    show: boolean;
+    /** Коллбэк, вызываемый на нажатие ESCAPE */
+    onEsc?: () => void;
+    /** Содержимое перетаскиваемого окна */
+    children: ReactNode;
+    /** Коллбэк, вызываемый при изменении позиции перетаскиваемого окна */
+    onChangePosition: (position: ControlPosition) => void;
+    /** from CSSTransition */
+    onExited?: VoidFunction;
+    /** Экземпляр класса ModalManager для управления порядком открытых модальных окон */
+    modalManager?: ModalManager;
+}
+export type { ControlPosition };
+declare const _default: import("react").MemoExoticComponent<({ show, children, onEsc, layerId: layerIdProp, className, onChangePosition, onExited, modalManager: modalManagerProp, ...draggableProps }: Props) => import("react").ReactPortal>;
+export default _default;
+//# sourceMappingURL=DraggablePopover.d.ts.map

package/dist/DraggablePopover/DraggablePopover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DraggablePopover.d.ts","sourceRoot":"","sources":["../../src/DraggablePopover/DraggablePopover.tsx"],"names":[],"mappings":"AAAA,OAAO,EAOL,SAAS,EAGV,MAAM,OAAO,CAAC;AAGf,OAAkB,EAAE,eAAe,EAAiC,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAO5G,OAAO,EAAE,YAAY,EAAuB,MAAM,mBAAmB,CAAC;AAUtE,MAAM,WAAW,KAAM,SAAQ,OAAO,CAAC,cAAc,CAAC;IACpD,4EAA4E;IAC5E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gFAAgF;IAChF,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,kDAAkD;IAClD,IAAI,EAAE,OAAO,CAAC;IACd,4CAA4C;IAC5C,KAAK,CAAC,EAAE,MAAM,IAAI,CAAC;IACnB,uCAAuC;IACvC,QAAQ,EAAE,SAAS,CAAC;IACpB,sEAAsE;IACtE,gBAAgB,EAAE,CAAC,QAAQ,EAAE,eAAe,KAAK,IAAI,CAAC;IACtD,yBAAyB;IACzB,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,oFAAoF;IACpF,YAAY,CAAC,EAAE,YAAY,CAAC;CAC7B;AAED,YAAY,EAAE,eAAe,EAAE,CAAC;wMAY7B,KAAK;AAwMR,wBAAsC"}

package/dist/DraggablePopover/DraggablePopover.js

@@ -0,0 +1,154 @@
+import { __rest } from "tslib";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback, useEffect, useMemo, useRef, memo, useState, useReducer, } from 'react';
+import { createPortal } from 'react-dom';
+import debounce from 'lodash/debounce.js';
+import Draggable from 'react-draggable';
+import { CSSTransition } from 'react-transition-group';
+import { tokens } from '@finam/web-ui-kit-core/theme/contract';
+import { transitionGrow, transitionGrowParent } from '@finam/web-ui-kit-core/styles/transition';
+import classNames from 'clsx';
+import { KeyboardEventKey } from '../types.js';
+import { defaultModalManager } from '../Modal/index.js';
+import { useModalState } from '../ModalsProvider/index.js';
+import { defaultLayersManager } from './layersManager.js';
+import { correctPosition } from './utils.js';
+import { PaperStyled, DraggableWrap, transitionClassName } from './DraggablePopover.styles.js';
+import { useIsomorphicEffect } from '../utils/useIsomorphicEffect.js';
+import { transitionClassNames } from '../utils/transition.js';
+const DEFAULT_OFFSET = 16;
+const DraggablePopover = (_a) => {
+    var _b, _c, _d, _e;
+    var { show, children, onEsc, layerId: layerIdProp, className, onChangePosition, onExited, modalManager: modalManagerProp } = _a, draggableProps = __rest(_a, ["show", "children", "onEsc", "layerId", "className", "onChangePosition", "onExited", "modalManager"]);
+    const { position: positionProp, defaultPosition, onStart, onMouseDown, onStop, } = draggableProps;
+    const { className: modalClassName } = useModalState();
+    const layerIdRef = useRef(layerIdProp || Math.random().toString());
+    const popoverRef = useRef(null);
+    const rootRef = useRef(null);
+    const [zIndex, setZIndex] = useState(0);
+    const [resized, setResized] = useReducer(prev => !prev, false);
+    const positionX = (_c = (_b = positionProp === null || positionProp === void 0 ? void 0 : positionProp.x) !== null && _b !== void 0 ? _b : defaultPosition === null || defaultPosition === void 0 ? void 0 : defaultPosition.x) !== null && _c !== void 0 ? _c : DEFAULT_OFFSET;
+    const positionY = (_e = (_d = positionProp === null || positionProp === void 0 ? void 0 : positionProp.y) !== null && _d !== void 0 ? _d : defaultPosition === null || defaultPosition === void 0 ? void 0 : defaultPosition.y) !== null && _e !== void 0 ? _e : DEFAULT_OFFSET;
+    const position = useMemo(() => (correctPosition(positionX, positionY, popoverRef.current)
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    ), [positionX, positionY, resized]);
+    const modalManager = modalManagerProp || defaultModalManager;
+    const handleMouseDown = useCallback((e) => {
+        const popover = popoverRef.current;
+        const layerId = layerIdRef.current;
+        defaultLayersManager.setLayerActive(layerId);
+        if (popover) {
+            modalManager.remove(popover);
+            modalManager.add(popover);
+        }
+        onMouseDown === null || onMouseDown === void 0 ? void 0 : onMouseDown(e);
+    }, [modalManager, onMouseDown]);
+    const handleDragStart = useCallback((e, data) => {
+        e.preventDefault();
+        onStart === null || onStart === void 0 ? void 0 : onStart(e, data);
+    }, [onStart]);
+    const handleDragStop = useCallback((e, data) => {
+        onChangePosition({ x: data.x, y: data.y });
+        onStop === null || onStop === void 0 ? void 0 : onStop(e, data);
+    }, [onChangePosition, onStop]);
+    useEffect(() => {
+        if (!show)
+            return undefined;
+        const popover = popoverRef.current;
+        const layerId = layerIdRef.current;
+        defaultLayersManager.addLayerListener(layerId, () => {
+            setZIndex(prev => (defaultLayersManager.isLayerActive(layerId) ? 0 : prev + 1));
+        }, () => {
+            setZIndex(prevZIndex => prevZIndex - 1);
+        });
+        defaultLayersManager.setLayerActive(layerId);
+        if (popover) {
+            modalManager.add(popover);
+        }
+        return () => {
+            defaultLayersManager.removeLayerListener(layerId);
+            setZIndex(0);
+            if (popover) {
+                modalManager.remove(popover);
+            }
+        };
+    }, [modalManager, show]);
+    useEffect(() => {
+        if (!show)
+            return undefined;
+        const handleKeyDown = (event) => {
+            const { key } = event;
+            if ((key === KeyboardEventKey.ESCAPE || key === KeyboardEventKey.ESC) &&
+                onEsc && !event.defaultPrevented &&
+                defaultLayersManager.isLayerActive(layerIdRef.current) &&
+                popoverRef.current && modalManager.isTop(popoverRef.current)) {
+                event.preventDefault();
+                onEsc();
+            }
+        };
+        document.addEventListener('keydown', handleKeyDown);
+        return () => {
+            document.removeEventListener('keydown', handleKeyDown);
+        };
+    }, [modalManager, onEsc, show]);
+    useIsomorphicEffect(() => {
+        const popover = popoverRef.current;
+        if (!popover)
+            return;
+        const screenWidth = document.documentElement.scrollWidth;
+        const screenHeight = document.documentElement.scrollHeight;
+        const prevWidth = popover.style.width;
+        const prevHeight = popover.style.height;
+        popover.style.width = '0px';
+        popover.style.height = '0px';
+        const screenWidthWithout = document.documentElement.scrollWidth;
+        const screenHeightWithout = document.documentElement.scrollHeight;
+        popover.style.width = prevWidth;
+        popover.style.height = prevHeight;
+        const screenWidthDiff = screenWidth - screenWidthWithout;
+        const screenHeightDiff = screenHeight - screenHeightWithout;
+        const nextPosition = Object.assign({}, position);
+        if (screenWidthDiff > 0) {
+            nextPosition.x -= screenWidthDiff;
+        }
+        if (screenHeightDiff > 0) {
+            nextPosition.y -= screenHeightDiff;
+        }
+        nextPosition.x = nextPosition.x < 0 ? 0 : nextPosition.x;
+        nextPosition.y = nextPosition.y < 0 ? 0 : nextPosition.y;
+        if (position.x !== nextPosition.x || position.y !== nextPosition.y) {
+            onChangePosition(nextPosition);
+        }
+    }, [position, resized, onChangePosition]);
+    useEffect(() => {
+        const popover = popoverRef.current;
+        if (!show || !popover)
+            return undefined;
+        const handleResize = debounce(() => {
+            setResized();
+        }, 250);
+        setResized();
+        window.addEventListener('resize', handleResize);
+        let resizeObserver;
+        if ('ResizeObserver' in window) {
+            try {
+                resizeObserver = new window.ResizeObserver(handleResize);
+                resizeObserver.observe(popover);
+            }
+            catch (e) {
+                console.warn('Failed to create ResizeObserver for handling element resize', e);
+            }
+        }
+        return () => {
+            handleResize.cancel();
+            window.removeEventListener('resize', handleResize);
+            resizeObserver === null || resizeObserver === void 0 ? void 0 : resizeObserver.disconnect();
+        };
+    }, [onChangePosition, show]);
+    const paperClassName = classNames(transitionGrow(), className);
+    return createPortal(_jsx(Draggable, Object.assign({ bounds: "parent" }, draggableProps, { 
+        // TODO: remove as after https://github.com/react-grid-layout/react-draggable/issues/768
+        nodeRef: popoverRef, position: position, onMouseDown: handleMouseDown, onStart: handleDragStart, onStop: handleDragStop, children: _jsx(DraggableWrap, { ref: popoverRef, className: modalClassName, style: { zIndex: `calc(${tokens.zIndex.draggablePopover} + ${zIndex})` }, children: _jsx(CSSTransition, { nodeRef: rootRef, mountOnEnter: true, unmountOnExit: true, classNames: transitionClassNames([transitionGrowParent, transitionClassName]), timeout: 300, in: show, onExited: onExited, children: _jsx(PaperStyled, { shadow: "modalDialog", ref: rootRef, className: paperClassName, tabIndex: 0, children: children }) }) }) })), document.body);
+};
+export default memo(DraggablePopover);
+//# sourceMappingURL=DraggablePopover.js.map

package/dist/DraggablePopover/DraggablePopover.js.map

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

package/dist/DraggablePopover/DraggablePopover.styles.css

@@ -0,0 +1,3 @@
+
+.ui_components_ppj1yg3.ui_components_tquukmj-appear-active,.ui_components_ppj1yg3.ui_components_tquukmj-enter-active,.ui_components_ppj1yg3.ui_components_tquukmj-exit-active{user-select:none;pointer-events:none;}.ui_components_ppj1yg3.rounded{border-radius:12px;overflow:hidden;}
+.ui_components_dg62omu{position:absolute;top:0;left:0;z-index:var(--ui-zIndex-draggablePopover);}

package/dist/DraggablePopover/DraggablePopover.styles.d.ts

@@ -0,0 +1,6 @@
+export declare const transitionClassName: import("@linaria/core").LinariaClassName;
+export declare const PaperStyled: {
+    __wyw_meta: unknown;
+} & import("react").ForwardRefExoticComponent<import("../Paper/Paper.js").Props & import("react").RefAttributes<HTMLDivElement>>;
+export declare const DraggableWrap: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+//# sourceMappingURL=DraggablePopover.styles.d.ts.map

package/dist/DraggablePopover/DraggablePopover.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DraggablePopover.styles.d.ts","sourceRoot":"","sources":["../../src/DraggablePopover/DraggablePopover.styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,mBAAmB,0CAAQ,CAAC;AAEzC,eAAO,MAAM,WAAW;;gIAYvB,CAAC;AAEF,eAAO,MAAM,aAAa,qKAKzB,CAAC"}