@finam/web-ui-kit-components 3.31.0 → 3.32.0

package/dist/DialogContent/DialogContent.js

@@ -1,41 +1,78 @@
-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"]);
+import { _ } from "@swc/helpers/_/_object_spread";
+import { _ as _object_spread_props__ } from "@swc/helpers/_/_object_spread_props";
+import { _ as _object_without_properties__ } from "@swc/helpers/_/_object_without_properties";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { forwardRef, memo, useCallback, useEffect, useImperativeHandle, useRef, useState } from "react";
+import clsx from "clsx";
+import { customScroll, noScroll } from "@finam/web-ui-kit-core/styles/scroll";
+import { BottomFade, Content, Root, TopDivider } from "./DialogContent.styles.js";
+import { dialogClassNameSize } from "../Dialog/index.js";
+const DialogContent = /*#__PURE__*/ forwardRef((_0, _1)=>{
+    let _ref = [
+        _0,
+        _1
+    ], [_ref1, ..._rest] = _ref, { className, children, onScroll, noScrollbar, size = 's', scrollApiRef, scrollDecoration = 'fade-divider' } = _ref1, otherProps = _object_without_properties__(_ref1, [
+        "className",
+        "children",
+        "onScroll",
+        "noScrollbar",
+        "size",
+        "scrollApiRef",
+        "scrollDecoration"
+    ]), [ref] = _rest;
     const [topBorderVisible, setTopBorderVisible] = useState(false);
     const [bottomFadeVisible, setBottomFadeVisible] = useState(false);
-    const rootClassName = classnames(className, dialogClassNameSize(size));
-    const contentClassName = classnames(noScrollbar ? noScroll : customScroll());
+    const rootClassName = clsx(className, dialogClassNameSize(size));
+    const contentClassName = clsx(noScrollbar ? noScroll : customScroll());
     const innerRef = useRef(null);
-    const updateClasses = useCallback(() => {
+    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);
+    useImperativeHandle(scrollApiRef, ()=>({
+            scrollTo (top) {
+                const el = innerRef.current;
+                if (!el) return;
+                el.scrollTop = top;
+                updateClasses();
+            }
+        }), [
+        updateClasses
+    ]);
+    const handleScroll = useCallback((e)=>{
+        null == onScroll || onScroll(e);
         updateClasses();
-    }, [updateClasses, onScroll]);
-    useEffect(() => {
+    }, [
+        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 })] })));
+        return ()=>window.removeEventListener('resize', updateClasses);
+    }, [
+        updateClasses
+    ]);
+    return /*#__PURE__*/ jsxs(Root, _object_spread_props__(_({
+        className: rootClassName,
+        ref: ref
+    }, otherProps), {
+        children: [
+            topBorderVisible && scrollDecoration.includes('divider') && /*#__PURE__*/ jsx(TopDivider, {}),
+            /*#__PURE__*/ jsx(Content, {
+                className: contentClassName,
+                ref: innerRef,
+                onScroll: handleScroll,
+                children: children
+            }),
+            scrollDecoration.includes('fade') && /*#__PURE__*/ jsx(BottomFade, {
+                className: bottomFadeVisible ? 'visible' : void 0
+            })
+        ]
+    }));
 });
-export default memo(DialogContent);
+const DialogContent_DialogContent = /*#__PURE__*/ memo(DialogContent);
+export default DialogContent_DialogContent;
+
 //# sourceMappingURL=DialogContent.js.map

package/dist/DialogContent/DialogContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"DialogContent.js","sourceRoot":"","sources":["../../src/DialogContent/DialogContent.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"DialogContent/DialogContent.js","sources":["../../src/DialogContent/DialogContent.tsx"],"sourcesContent":["import {\n  ComponentPropsWithoutRef, MouseEvent,\n  forwardRef, useCallback, useRef, useState, useEffect, memo, ReactNode,\n  useImperativeHandle,\n} from 'react';\nimport classnames from 'clsx';\nimport { customScroll, noScroll } from '@finam/web-ui-kit-core/styles/scroll';\nimport type { ScrollDecoration } from './types.js';\nimport { Root, Content, TopDivider, BottomFade } from './DialogContent.styles.js';\nimport { dialogClassNameSize, type DialogSize } from '../Dialog/index.js';\n\nexport interface DialogContentScrollHandle {\n  scrollTo(top: number): void;\n}\n\nexport interface Props extends ComponentPropsWithoutRef<typeof Root> {\n  noScrollbar?: boolean;\n  onScroll?: (e: MouseEvent<HTMLDivElement>) => void;\n  size?: DialogSize;\n  scrollApiRef?: React.Ref<DialogContentScrollHandle>;\n  scrollDecoration?: ScrollDecoration;\n  children?: ReactNode;\n}\n\nconst DialogContent = forwardRef<HTMLDivElement, Props>(({\n  className,\n  children,\n  onScroll,\n  noScrollbar,\n  size = 's',\n  scrollApiRef,\n  scrollDecoration = 'fade-divider',\n  ...otherProps\n}: Props, ref) => {\n  const [topBorderVisible, setTopBorderVisible] = useState(false);\n  const [bottomFadeVisible, setBottomFadeVisible] = useState(false);\n\n  const rootClassName = classnames(\n    className,\n    dialogClassNameSize(size),\n  );\n  const contentClassName = classnames(\n    noScrollbar ? noScroll : customScroll(),\n  );\n\n  const innerRef = useRef<HTMLDivElement>(null);\n\n  const updateClasses = useCallback(() => {\n    const { scrollHeight, clientHeight, scrollTop } = innerRef.current!;\n\n    setTopBorderVisible(scrollTop > 0);\n    setBottomFadeVisible(scrollHeight - clientHeight > scrollTop);\n  }, []);\n\n  useImperativeHandle(scrollApiRef, () => ({\n    scrollTo(top: number) {\n      const el = innerRef.current;\n      if (!el) return;\n\n      el.scrollTop = top;\n      updateClasses();\n    },\n  }), [updateClasses]);\n\n  const handleScroll = useCallback((e: MouseEvent<HTMLDivElement>) => {\n    onScroll?.(e);\n    updateClasses();\n  }, [updateClasses, onScroll]);\n\n  useEffect(() => {\n    updateClasses();\n\n    window.addEventListener('resize', updateClasses);\n\n    return () => window.removeEventListener('resize', updateClasses);\n  }, [updateClasses]);\n\n  return (\n    <Root\n      className={rootClassName}\n      ref={ref}\n      {...otherProps}\n    >\n      {(topBorderVisible && scrollDecoration.includes('divider')) && <TopDivider />}\n      <Content\n        className={contentClassName}\n        ref={innerRef}\n        onScroll={handleScroll}\n      >\n        {children}\n      </Content>\n      {scrollDecoration.includes('fade') && <BottomFade className={bottomFadeVisible ? 'visible' : undefined} />}\n    </Root>\n  );\n});\n\nexport default memo(DialogContent);\n"],"names":["DialogContent","forwardRef","className","children","onScroll","noScrollbar","size","scrollApiRef","scrollDecoration","otherProps","ref","topBorderVisible","setTopBorderVisible","useState","bottomFadeVisible","setBottomFadeVisible","rootClassName","classnames","dialogClassNameSize","contentClassName","noScroll","customScroll","innerRef","useRef","updateClasses","useCallback","scrollHeight","clientHeight","scrollTop","useImperativeHandle","top","el","handleScroll","e","useEffect","window","Root","TopDivider","Content","BottomFade","undefined","memo"],"mappings":";;;;;;;;;AAwBA,MAAMA,gBAAgB,WAAHA,GAAGC,WAAkC,CAAC,IAAD;;;;iCAAC,EACvDC,SAAS,EACTC,QAAQ,EACRC,QAAQ,EACRC,WAAW,EACXC,OAAO,GAAG,EACVC,YAAY,EACZC,mBAAmB,cAAc,EAE3B,UADHC,aAAAA,6BAAAA,OAAAA;;;;;;;;SACKC,IAAAA,GAAAA;IACR,MAAM,CAACC,kBAAkBC,oBAAoB,GAAGC,SAAS;IACzD,MAAM,CAACC,mBAAmBC,qBAAqB,GAAGF,SAAS;IAE3D,MAAMG,gBAAgBC,KACpBf,WACAgB,oBAAoBZ;IAEtB,MAAMa,mBAAmBF,KACvBZ,cAAce,WAAWC;IAG3B,MAAMC,WAAWC,OAAuB;IAExC,MAAMC,gBAAgBC,YAAY;QAChC,MAAM,EAAEC,YAAY,EAAEC,YAAY,EAAEC,SAAS,EAAE,GAAGN,SAAS,OAAO;QAElEV,oBAAoBgB,YAAY;QAChCb,qBAAqBW,eAAeC,eAAeC;IACrD,GAAG,EAAE;IAELC,oBAAoBtB,cAAc,IAAO;YACvC,UAASuB,GAAW;gBAClB,MAAMC,KAAKT,SAAS,OAAO;gBAC3B,IAAI,CAACS,IAAI;gBAETA,GAAG,SAAS,GAAGD;gBACfN;YACF;QACF,IAAI;QAACA;KAAc;IAEnB,MAAMQ,eAAeP,YAAY,CAACQ;QAChC7B,QAAAA,YAAAA,SAAW6B;QACXT;IACF,GAAG;QAACA;QAAepB;KAAS;IAE5B8B,UAAU;QACRV;QAEAW,OAAO,gBAAgB,CAAC,UAAUX;QAElC,OAAO,IAAMW,OAAO,mBAAmB,CAAC,UAAUX;IACpD,GAAG;QAACA;KAAc;IAElB,OAAO,WAAP,GACE,KAACY,MAAIA,uBAAAA,EAAAA;QACH,WAAWpB;QACX,KAAKN;OACDD,aAAAA;;YAEFE,oBAAoBH,iBAAiB,QAAQ,CAAC,4BAAe,IAAC6B,YAAUA,CAAAA;0BAC1E,IAACC,SAAOA;gBACN,WAAWnB;gBACX,KAAKG;gBACL,UAAUU;0BAET7B;;YAEFK,iBAAiB,QAAQ,CAAC,WAAW,WAAX,GAAW,IAAC+B,YAAUA;gBAAC,WAAWzB,oBAAoB,YAAY0B;;;;AAGnG;AAEA,kDAAeC,KAAKzC"}

package/dist/DialogContent/DialogContent.styles.js

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

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

@@ -1 +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"}
+{"version":3,"file":"DialogContent/DialogContent.styles.js","sources":["../../src/DialogContent/DialogContent.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { tokens } from '@finam/web-ui-kit-core/theme/contract';\nimport { dialogClassNameSize } from '../Dialog/index.js';\n\nexport const Root = styled.div`\n  position: relative;\n  flex: 1 1 auto;\n  display: flex;\n  flex-direction: column;\n  min-height: 0;\n`;\n\nexport const Content = styled.div`\n  position: relative;\n  max-height: 100%;\n  -webkit-overflow-scrolling: touch;\n  overflow-y: auto;\n\n  ${Root}.${dialogClassNameSize('s')} > & {\n    padding: ${tokens.spacing.xs} ${tokens.spacing['3xl']} ${tokens.spacing.m} ${tokens.spacing['3xl']};\n  }\n\n  ${Root}.${dialogClassNameSize('l')} > & {\n    padding: ${tokens.spacing.m} ${tokens.spacing['5xl']} ${tokens.spacing.m} ${tokens.spacing['5xl']};\n  }\n`;\n\nexport const TopDivider = styled.div`\n  position: absolute;\n  top: 0;\n  height: 1px;\n  background-color: ${tokens.colors.border.base.default.default};\n\n  ${Root}.${dialogClassNameSize('s')} > & {\n    left: ${tokens.spacing['3xl']};\n    right: ${tokens.spacing['3xl']};\n  }\n\n  ${Root}.${dialogClassNameSize('l')} > & {\n    left: ${tokens.spacing['5xl']};\n    right: ${tokens.spacing['5xl']};\n  }\n`;\n\nexport const BottomFade = styled.div`\n  position: absolute;\n  pointer-events: none;\n  bottom: 0;\n  height: 64px;\n  background-color: ${tokens.colors.bg.base.default.default};\n  mask-image: linear-gradient(to top, rgb(0, 0, 0, 1), rgb(0, 0, 0, 0));\n  opacity: 0;\n  will-change: opacity;\n  left: 0;\n  right: 0;\n\n  &.visible {\n    opacity: 1;\n  }\n`;\n"],"names":["Root","styled","Content","dialogClassNameSize","tokens","TopDivider","BottomFade"],"mappings":";;;AAIO,MAAMA,OAAOC,OAAO,GAAG,CAAC;;;;;;AAM/B,CAAC;AAEM,MAAMC,UAAUD,OAAO,GAAG,CAAC;;;;;;EAMhC,EAAED,KAAK,CAAC,EAAEG,oBAAoB,KAAK;aACxB,EAAEC,OAAO,OAAO,CAAC,EAAE,CAAC,CAAC,EAAEA,OAAO,OAAO,CAAC,MAAM,CAAC,CAAC,EAAEA,OAAO,OAAO,CAAC,CAAC,CAAC,CAAC,EAAEA,OAAO,OAAO,CAAC,MAAM,CAAC;;;EAGrG,EAAEJ,KAAK,CAAC,EAAEG,oBAAoB,KAAK;aACxB,EAAEC,OAAO,OAAO,CAAC,CAAC,CAAC,CAAC,EAAEA,OAAO,OAAO,CAAC,MAAM,CAAC,CAAC,EAAEA,OAAO,OAAO,CAAC,CAAC,CAAC,CAAC,EAAEA,OAAO,OAAO,CAAC,MAAM,CAAC;;AAEtG,CAAC;AAEM,MAAMC,aAAaJ,OAAO,GAAG,CAAC;;;;oBAIjB,EAAEG,OAAO,MAAM,CAAC,MAAM,CAAC,IAAI,CAAzBA,UAAAA,CAAAA,UAAyC,CAAC;;EAE9D,EAAEJ,KAAK,CAAC,EAAEG,oBAAoB,KAAK;UAC3B,EAAEC,OAAO,OAAO,CAAC,MAAM,CAAC;WACvB,EAAEA,OAAO,OAAO,CAAC,MAAM,CAAC;;;EAGjC,EAAEJ,KAAK,CAAC,EAAEG,oBAAoB,KAAK;UAC3B,EAAEC,OAAO,OAAO,CAAC,MAAM,CAAC;WACvB,EAAEA,OAAO,OAAO,CAAC,MAAM,CAAC;;AAEnC,CAAC;AAEM,MAAME,aAAaL,OAAO,GAAG,CAAC;;;;;oBAKjB,EAAEG,OAAO,MAAM,CAAC,EAAE,CAAC,IAAI,CAArBA,UAAAA,CAAAA,UAAqC,CAAC;;;;;;;;;;AAU5D,CAAC"}

package/dist/DialogContent/index.js

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

package/dist/DialogContent/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/DialogContent/index.ts"],"names":[],"mappings":"AAAA,OAAO,aAAmD,MAAM,oBAAoB,CAAC;AAGrF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"DialogContent/index.js","sources":["../../src/DialogContent/index.ts"],"sourcesContent":["import DialogContent, { Props, DialogContentScrollHandle } from './DialogContent.js';\n\nexport type { Props as DialogContentProps, DialogContentScrollHandle };\nexport default DialogContent;\n"],"names":["DialogContent"],"mappings":";AAGA,0BAAeA"}

package/dist/DialogContent/types.js

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

package/dist/DialogTitle/DialogTitle.js

@@ -1,19 +1,48 @@
-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, {}) }))] })));
+import { _ } from "@swc/helpers/_/_object_spread";
+import { _ as _object_spread_props__ } from "@swc/helpers/_/_object_spread_props";
+import { _ as _object_without_properties__ } from "@swc/helpers/_/_object_without_properties";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { forwardRef, memo } from "react";
+import clsx 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 = /*#__PURE__*/ forwardRef((_0, _1)=>{
+    let _ref = [
+        _0,
+        _1
+    ], [_ref1, ..._rest] = _ref, { className, size = 's', disableTypography, children, onClose } = _ref1, otherProps = _object_without_properties__(_ref1, [
+        "className",
+        "size",
+        "disableTypography",
+        "children",
+        "onClose"
+    ]), [ref] = _rest;
+    const rootClassName = clsx(dialogClassNameSize(size), className);
+    return /*#__PURE__*/ jsxs(Root, _object_spread_props__(_({
+        className: rootClassName,
+        ref: ref
+    }, otherProps), {
+        children: [
+            disableTypography ? children : 's' === size ? /*#__PURE__*/ jsx(Typography, {
+                variant: "h4",
+                weight: "semiBold",
+                children: children
+            }) : /*#__PURE__*/ jsx(Typography, {
+                variant: "h2",
+                weight: "bold",
+                children: children
+            }),
+            onClose && /*#__PURE__*/ jsx(IconButton, {
+                size: 's' === size ? 's' : 'm',
+                onClick: onClose,
+                children: /*#__PURE__*/ jsx(DismissGhostMid, {})
+            })
+        ]
+    }));
 });
-export default memo(DialogTitle);
+const DialogTitle_DialogTitle = /*#__PURE__*/ memo(DialogTitle);
+export default DialogTitle_DialogTitle;
+
 //# sourceMappingURL=DialogTitle.js.map

package/dist/DialogTitle/DialogTitle.js.map

@@ -1 +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"}
+{"version":3,"file":"DialogTitle/DialogTitle.js","sources":["../../src/DialogTitle/DialogTitle.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef, MouseEventHandler, forwardRef, memo } from 'react';\nimport classnames from 'clsx';\nimport DismissGhostMid from '@finam/web-ui-kit-icons/Dismiss/DismissGhostMid';\n\nimport Typography from '../Typography/index.js';\nimport { IconButton, Root } from './DialogTitle.styles.js';\nimport { dialogClassNameSize, type DialogSize } from '../Dialog/index.js';\n\nexport interface Props extends ComponentPropsWithoutRef<typeof Root> {\n  disableTypography?: boolean;\n  size?: DialogSize;\n  onClose?: MouseEventHandler<HTMLAnchorElement | HTMLButtonElement>;\n}\n\nconst DialogTitle = forwardRef<HTMLDivElement, Props>(({\n  className,\n  size = 's',\n  disableTypography,\n  children,\n  onClose,\n  ...otherProps\n}: Props, ref) => {\n  const rootClassName = classnames(\n    dialogClassNameSize(size),\n    className,\n  );\n\n  return (\n    <Root\n      className={rootClassName}\n      ref={ref}\n      {...otherProps}\n    >\n      {\n        disableTypography\n          ? children\n          : (size === 's'\n            ? <Typography variant=\"h4\" weight=\"semiBold\">{children}</Typography>\n            : <Typography variant=\"h2\" weight=\"bold\">{children}</Typography>)\n      }\n      {onClose && (\n        <IconButton\n          size={size === 's' ? 's' : 'm'}\n          onClick={onClose}\n        >\n          <DismissGhostMid />\n        </IconButton>\n      )}\n    </Root>\n  );\n});\n\nexport default memo(DialogTitle);\n"],"names":["DialogTitle","forwardRef","className","size","disableTypography","children","onClose","otherProps","ref","rootClassName","classnames","dialogClassNameSize","Root","Typography","IconButton","DismissGhostMid","memo"],"mappings":";;;;;;;;;;AAcA,MAAMA,cAAc,WAAHA,GAAGC,WAAkC,CAAC,IAAD;;;;iCAAC,EACrDC,SAAS,EACTC,OAAO,GAAG,EACVC,iBAAiB,EACjBC,QAAQ,EACRC,OAAO,EAED,UADHC,aAAAA,6BAAAA,OAAAA;;;;;;SACKC,IAAAA,GAAAA;IACR,MAAMC,gBAAgBC,KACpBC,oBAAoBR,OACpBD;IAGF,OAAO,WAAP,GACE,KAACU,MAAIA,uBAAAA,EAAAA;QACH,WAAWH;QACX,KAAKD;OACDD,aAAAA;;YAGFH,oBACIC,WACCF,AAAS,QAATA,OAAS,cACR,IAACU,YAAUA;gBAAC,SAAQ;gBAAK,QAAO;0BAAYR;+BAC5C,IAACQ,YAAUA;gBAAC,SAAQ;gBAAK,QAAO;0BAAQR;;YAE/CC,WAAW,WAAXA,GACC,IAACQ,YAAUA;gBACT,MAAMX,AAAS,QAATA,OAAe,MAAM;gBAC3B,SAASG;0BAET,kBAACS,iBAAeA,CAAAA;;;;AAK1B;AAEA,8CAAeC,KAAKhB"}

package/dist/DialogTitle/DialogTitle.styles.css

@@ -1,2 +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);}
+.ui_components_r12craxc .ui_components_dizwdgy{position:absolute;top:var(--ui-spacing-s);right:var(--ui-spacing-s);}

package/dist/DialogTitle/DialogTitle.styles.js

@@ -1,16 +1,17 @@
-import { styled } from '@linaria/react';
-import IconButtonBase from '../IconButton/index.js';
-export const Root = /*#__PURE__*/styled('div')({
+import { styled } from "@linaria/react";
+import IconButton from "../IconButton/index.js";
+const Root = /*#__PURE__*/styled('div')({
   name: "Root",
   class: "ui_components_r12craxc",
   propsAsIs: false
 });
-const _exp11 = () => (IconButtonBase);
-export const IconButton = /*#__PURE__*/styled(_exp11())({
-  name: "IconButton",
-  class: "ui_components_iizwdgy",
+const _exp11 = () => (IconButton);
+const DialogTitle_styles_IconButton = /*#__PURE__*/styled(_exp11())({
+  name: "DialogTitle_styles_IconButton",
+  class: "ui_components_dizwdgy",
   propsAsIs: true
 });
+export { DialogTitle_styles_IconButton as IconButton, Root };
 //# sourceMappingURL=DialogTitle.styles.js.map
 
 import "./DialogTitle.styles.css";

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

@@ -1 +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"}
+{"version":3,"file":"DialogTitle/DialogTitle.styles.js","sources":["../../src/DialogTitle/DialogTitle.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { tokens } from '@finam/web-ui-kit-core/theme/contract';\nimport IconButtonBase from '../IconButton/index.js';\nimport { dialogClassNameSize } from '../Dialog/index.js';\n\nexport const Root = styled.div`\n  position: relative;\n  margin: 0;\n  flex: 0 0 auto;\n\n  &.${dialogClassNameSize('s')} {\n    padding: ${tokens.spacing['2xl']} ${tokens.spacing['3xl']} ${tokens.spacing.m} ${tokens.spacing['3xl']};\n  }\n\n  &.${dialogClassNameSize('l')} {\n    padding: ${tokens.spacing['3xl']} ${tokens.spacing['5xl']} ${tokens.spacing.m} ${tokens.spacing['5xl']};\n  }\n`;\n\nexport const IconButton = styled(IconButtonBase)`\n  ${Root} & {\n    position: absolute;\n    top: ${tokens.spacing.s};\n    right: ${tokens.spacing.s};\n  }\n`;\n"],"names":["Root","styled","dialogClassNameSize","tokens","IconButton","IconButtonBase"],"mappings":";;;;AAKO,MAAMA,OAAOC,OAAO,GAAG,CAAC;;;;;IAK3B,EAAEC,oBAAoB,KAAK;aAClB,EAAEC,OAAO,OAAO,CAAC,MAAM,CAAC,CAAC,EAAEA,OAAO,OAAO,CAAC,MAAM,CAAC,CAAC,EAAEA,OAAO,OAAO,CAAC,CAAC,CAAC,CAAC,EAAEA,OAAO,OAAO,CAAC,MAAM,CAAC;;;IAGvG,EAAED,oBAAoB,KAAK;aAClB,EAAEC,OAAO,OAAO,CAAC,MAAM,CAAC,CAAC,EAAEA,OAAO,OAAO,CAAC,MAAM,CAAC,CAAC,EAAEA,OAAO,OAAO,CAAC,CAAC,CAAC,CAAC,EAAEA,OAAO,OAAO,CAAC,MAAM,CAAC;;AAE3G,CAAC;AAEM,MAAMC,gCAAaH,OAAOI,WAAe,CAAC;EAC/C,EAAEL,KAAK;;SAEA,EAAEG,OAAO,OAAO,CAAC,CAAC,CAAC;WACjB,EAAEA,OAAO,OAAO,CAAC,CAAC,CAAC;;AAE9B,CAAC"}

package/dist/DialogTitle/index.js

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

package/dist/DialogTitle/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/DialogTitle/index.ts"],"names":[],"mappings":"AAAA,OAAO,WAAsB,MAAM,kBAAkB,CAAC;AAGtD,eAAe,WAAW,CAAC"}
+{"version":3,"file":"DialogTitle/index.js","sources":["../../src/DialogTitle/index.ts"],"sourcesContent":["import DialogTitle, { Props } from './DialogTitle.js';\n\nexport type { Props as DialogTitleProps };\nexport default DialogTitle;\n"],"names":["DialogTitle"],"mappings":";AAGA,wBAAeA"}

package/dist/Divider/Divider.js

@@ -1,8 +1,15 @@
-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;
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import clsx from "clsx";
+import { mapColorProp, mapSizeProp } from "./utils.js";
+import { Root, noMarginClassName } from "./Divider.styles.js";
+const Divider = /*#__PURE__*/ forwardRef(({ className, color = 'default', size = 'default', noMargin = true, fullWidth = true }, ref)=>/*#__PURE__*/ jsx(Root, {
+        ref: ref,
+        className: clsx(className, mapColorProp(color), mapSizeProp(size), noMargin ? noMarginClassName : null, {
+            fullWidth
+        })
+    }));
+const Divider_Divider = Divider;
+export default Divider_Divider;
+
 //# sourceMappingURL=Divider.js.map

package/dist/Divider/Divider.js.map

@@ -1 +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"}
+{"version":3,"file":"Divider/Divider.js","sources":["../../src/Divider/Divider.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef, forwardRef } from 'react';\nimport classnames from 'clsx';\nimport type { Color, Size } from './types.js';\nimport { mapColorProp, mapSizeProp } from './utils.js';\nimport { Root, noMarginClassName } from './Divider.styles.js';\n\nexport interface Props extends ComponentPropsWithoutRef<typeof Root> {\n  /** Цвет разделителя */\n  color?: Color;\n  /** Размер разделителя */\n  size?: Size;\n  /** Растяжение разделителя по ширине контейнера */\n  fullWidth?: boolean;\n  /** Настройка отступов*/\n  noMargin?: boolean;\n}\n\nconst Divider = forwardRef<HTMLHRElement, Props>(({\n  className,\n  color = 'default',\n  size = 'default',\n  noMargin = true,\n  fullWidth = true,\n}, ref) => (\n  <Root\n    ref={ref}\n    className={classnames(\n      className,\n      mapColorProp(color),\n      mapSizeProp(size),\n      noMargin ? noMarginClassName : null,\n      { fullWidth },\n    )}\n  />\n));\n\nexport default Divider;\n"],"names":["Divider","forwardRef","className","color","size","noMargin","fullWidth","ref","Root","classnames","mapColorProp","mapSizeProp","noMarginClassName"],"mappings":";;;;;AAiBA,MAAMA,UAAU,WAAHA,GAAGC,WAAiC,CAAC,EAChDC,SAAS,EACTC,QAAQ,SAAS,EACjBC,OAAO,SAAS,EAChBC,WAAW,IAAI,EACfC,YAAY,IAAI,EACjB,EAAEC,MAAAA,WAAAA,GACD,IAACC,MAAIA;QACH,KAAKD;QACL,WAAWE,KACTP,WACAQ,aAAaP,QACbQ,YAAYP,OACZC,WAAWO,oBAAoB,MAC/B;YAAEN;QAAU;;AAKlB,wBAAeN"}

package/dist/Divider/Divider.styles.js

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

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

@@ -1 +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"}
+{"version":3,"file":"Divider/Divider.styles.js","sources":["../../src/Divider/Divider.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\nimport { tokens } from '@finam/web-ui-kit-core/theme/contract';\nimport { mapColorProp, mapSizeProp } from './utils.js';\n\nexport const noMarginClassName = css`\n  margin: 0;\n`;\n\nexport const Root = styled.hr`\n  height: 1px;\n  border: none;\n  flex-shrink: 0;\n  background-color: ${tokens.colors.border.base.default.default};\n\n  &.fullWidth {\n    width: 100%;\n  }\n\n  &.${mapColorProp('alternative')} {\n    background-color: ${tokens.colors.border.base.bold.default};\n  }\n\n  &.${mapSizeProp('bold')} {\n    height: 2px;\n  }\n`;\n"],"names":["noMarginClassName","css","Root","styled","tokens","mapColorProp","mapSizeProp"],"mappings":";;;;AAKO,MAAMA,oBAAoBC,GAAG,CAAC;;AAErC,CAAC;AAEM,MAAMC,OAAOC,OAAO,EAAE,CAAC;;;;oBAIV,EAAEC,OAAO,MAAM,CAAC,MAAM,CAAC,IAAI,CAAzBA,UAAAA,CAAAA,UAAyC,CAAC;;;;;;IAM5D,EAAEC,aAAa,eAAe;sBACZ,EAAED,OAAO,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAA9BA,UAAsC,CAAC;;;IAG3D,EAAEE,YAAY,QAAQ;;;AAG1B,CAAC"}

package/dist/Divider/index.js

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

package/dist/Divider/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Divider/index.ts"],"names":[],"mappings":"AAAA,OAAO,OAAkB,MAAM,cAAc,CAAC;AAI9C,eAAe,OAAO,CAAC"}
+{"version":3,"file":"Divider/index.js","sources":["../../src/Divider/index.ts"],"sourcesContent":["import Divider, { Props } from './Divider.js';\n\nexport type { Color, Size } from './types.js';\nexport type { Props as DividerProps };\nexport default Divider;\n"],"names":["Divider"],"mappings":";AAIA,oBAAeA"}

package/dist/Divider/types.js

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

package/dist/Divider/utils.js

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

package/dist/Divider/utils.js.map

@@ -1 +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"}
+{"version":3,"file":"Divider/utils.js","sources":["../../src/Divider/utils.ts"],"sourcesContent":["import { mapPropClassName } from '../utils/className.js';\nimport type { Color, Size } from './types.js';\n\nexport const mapColorProp = (color: Color) => mapPropClassName('color', color);\nexport const mapSizeProp = (size: Size) => mapPropClassName('size', size);\n"],"names":["mapColorProp","color","mapPropClassName","mapSizeProp","size"],"mappings":";AAGO,MAAMA,eAAe,CAACC,QAAiBC,iBAAiB,SAASD;AACjE,MAAME,cAAc,CAACC,OAAeF,iBAAiB,QAAQE"}