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

package/dist/ProductCard/ProductCard.js

@@ -1,80 +1,135 @@
-import { __rest } from "tslib";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef, memo, useCallback, useMemo, useState, } from 'react';
-import classNames from 'clsx';
-import { ProductCardProvider } from './ProductCardContext.js';
-import { getProductCardSizeClassName, hexToRgba } from './utils.js';
-import { iipContent, iipLayoutClassName, root, zhekContent, } from './ProductCard.styles.js';
-import ProductCardSkeleton from './skeleton/ProductCardSkeleton.js';
-import ProductCardIipBackground from './layouts/iip/Background.js';
-import ProductCardZhekBackground from './layouts/zhek/Background.js';
-import { ProductCardLayoutId, ProductCardView, } from './types.js';
-const ProductCard = forwardRef((_a, ref) => {
-    var { id, layoutId = ProductCardLayoutId.COMMON, view = ProductCardView.DESKTOP, size, loading = false, imageUrl, blurHash, cardColor, onCardClick, className, style, children } = _a, props = __rest(_a, ["id", "layoutId", "view", "size", "loading", "imageUrl", "blurHash", "cardColor", "onCardClick", "className", "style", "children"]);
-    const clickable = onCardClick != null;
+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, useMemo, useState } from "react";
+import clsx from "clsx";
+import { ProductCardProvider } from "./ProductCardContext.js";
+import { getProductCardSizeClassName, hexToRgba } from "./utils.js";
+import { iipContent, iipLayoutClassName, root, zhekContent } from "./ProductCard.styles.js";
+import ProductCardSkeleton from "./skeleton/ProductCardSkeleton.js";
+import Background from "./layouts/iip/Background.js";
+import zhek_Background from "./layouts/zhek/Background.js";
+import { ProductCardLayoutId, ProductCardView } from "./types.js";
+const ProductCard = /*#__PURE__*/ forwardRef((_0, _1)=>{
+    let _ref = [
+        _0,
+        _1
+    ], [_ref1, ..._rest] = _ref, { id, layoutId = ProductCardLayoutId.COMMON, view = ProductCardView.DESKTOP, size, loading = false, imageUrl, blurHash, cardColor, onCardClick, className, style, children } = _ref1, props = _object_without_properties__(_ref1, [
+        "id",
+        "layoutId",
+        "view",
+        "size",
+        "loading",
+        "imageUrl",
+        "blurHash",
+        "cardColor",
+        "onCardClick",
+        "className",
+        "style",
+        "children"
+    ]), [ref] = _rest;
+    const clickable = null != onCardClick;
     const [failedImageUrl, setFailedImageUrl] = useState();
-    const usableImageUrl = imageUrl != null && imageUrl !== failedImageUrl ? imageUrl : undefined;
-    const handleImageError = useCallback(() => {
+    const usableImageUrl = null != imageUrl && imageUrl !== failedImageUrl ? imageUrl : void 0;
+    const handleImageError = useCallback(()=>{
         setFailedImageUrl(imageUrl);
-    }, [imageUrl]);
-    const resolvedImage = useMemo(() => {
-        if (usableImageUrl == null) {
-            return undefined;
-        }
-        if (layoutId === ProductCardLayoutId.IIP) {
-            return (_jsx(ProductCardIipBackground, { imageUrl: usableImageUrl, blurHash: blurHash, onError: handleImageError }));
-        }
-        if (layoutId === ProductCardLayoutId.ZHEK) {
-            return (_jsx(ProductCardZhekBackground, { imageUrl: usableImageUrl, blurHash: blurHash, onError: handleImageError }));
-        }
-        return undefined;
-    }, [blurHash, handleImageError, layoutId, usableImageUrl]);
-    const hasIipImage = layoutId === ProductCardLayoutId.IIP && resolvedImage != null;
-    const hasZhekImage = layoutId === ProductCardLayoutId.ZHEK && resolvedImage != null;
-    const contextValue = useMemo(() => ({ view, layoutId }), [view, layoutId]);
-    const cardStyle = useMemo(() => {
-        if (cardColor == null) {
-            return style;
-        }
-        return Object.assign(Object.assign({}, style), { backgroundImage: `linear-gradient(180deg, ${hexToRgba(cardColor, 0)} 0%, ${hexToRgba(cardColor, 0.12)} 100%)`, backgroundRepeat: 'no-repeat' });
-    }, [cardColor, style]);
-    const handleCardClick = () => {
-        if (!clickable) {
-            return;
-        }
-        onCardClick === null || onCardClick === void 0 ? void 0 : onCardClick({
+    }, [
+        imageUrl
+    ]);
+    const resolvedImage = useMemo(()=>{
+        if (null == usableImageUrl) return;
+        if (layoutId === ProductCardLayoutId.IIP) return /*#__PURE__*/ jsx(Background, {
+            imageUrl: usableImageUrl,
+            blurHash: blurHash,
+            onError: handleImageError
+        });
+        if (layoutId === ProductCardLayoutId.ZHEK) return /*#__PURE__*/ jsx(zhek_Background, {
+            imageUrl: usableImageUrl,
+            blurHash: blurHash,
+            onError: handleImageError
+        });
+    }, [
+        blurHash,
+        handleImageError,
+        layoutId,
+        usableImageUrl
+    ]);
+    const hasIipImage = layoutId === ProductCardLayoutId.IIP && null != resolvedImage;
+    const hasZhekImage = layoutId === ProductCardLayoutId.ZHEK && null != resolvedImage;
+    const contextValue = useMemo(()=>({
+            view,
+            layoutId
+        }), [
+        view,
+        layoutId
+    ]);
+    const cardStyle = useMemo(()=>{
+        if (null == cardColor) return style;
+        return _object_spread_props__(_({}, style), {
+            backgroundImage: `linear-gradient(180deg, ${hexToRgba(cardColor, 0)} 0%, ${hexToRgba(cardColor, 0.12)} 100%)`,
+            backgroundRepeat: 'no-repeat'
+        });
+    }, [
+        cardColor,
+        style
+    ]);
+    const handleCardClick = ()=>{
+        if (!clickable) return;
+        null == onCardClick || onCardClick({
             id,
-            layoutId,
+            layoutId
         });
     };
-    const handleKeyDown = (event) => {
-        if (!clickable) {
-            return;
-        }
-        if (event.key === 'Enter' || event.key === ' ') {
+    const handleKeyDown = (event)=>{
+        if (!clickable) return;
+        if ('Enter' === event.key || ' ' === event.key) {
             event.preventDefault();
             handleCardClick();
         }
     };
-    const rootClassName = classNames(root, className, view, getProductCardSizeClassName(layoutId, view, size), iipLayoutClassName(layoutId, hasIipImage), {
+    const rootClassName = clsx(root, className, view, getProductCardSizeClassName(layoutId, view, size), iipLayoutClassName(layoutId, hasIipImage), {
         clickable,
-        zhekWithImage: hasZhekImage,
+        zhekWithImage: hasZhekImage
+    });
+    const rootProps = clickable ? {
+        onClick: handleCardClick,
+        onKeyDown: handleKeyDown,
+        role: 'button',
+        tabIndex: 0
+    } : {};
+    if (loading) return /*#__PURE__*/ jsx(ProductCardSkeleton, {
+        ref: ref,
+        view: view,
+        layoutId: layoutId,
+        size: size
+    });
+    return /*#__PURE__*/ jsx(ProductCardProvider, {
+        value: contextValue,
+        children: /*#__PURE__*/ jsxs("div", _object_spread_props__(_({
+            ref: ref
+        }, props, rootProps), {
+            className: rootClassName,
+            style: cardStyle,
+            children: [
+                resolvedImage,
+                hasIipImage ? /*#__PURE__*/ jsx("div", {
+                    className: iipContent,
+                    "data-product-card-content": true,
+                    children: children
+                }) : hasZhekImage ? /*#__PURE__*/ jsx("div", {
+                    className: zhekContent,
+                    "data-product-card-content": true,
+                    children: children
+                }) : children
+            ]
+        }))
     });
-    const rootProps = clickable
-        ? {
-            onClick: handleCardClick,
-            onKeyDown: handleKeyDown,
-            role: 'button',
-            tabIndex: 0,
-        }
-        : {};
-    if (loading) {
-        return (_jsx(ProductCardSkeleton, { ref: ref, view: view, layoutId: layoutId, size: size }));
-    }
-    return (_jsx(ProductCardProvider, { value: contextValue, children: _jsxs("div", Object.assign({ ref: ref }, props, rootProps, { className: rootClassName, style: cardStyle, children: [resolvedImage, hasIipImage ? (_jsx("div", { className: iipContent, "data-product-card-content": true, children: children })) : hasZhekImage ? (_jsx("div", { className: zhekContent, "data-product-card-content": true, children: children })) : children] })) }));
 });
 ProductCard.displayName = 'ProductCard';
-const MemoizedProductCard = memo(ProductCard);
+const MemoizedProductCard = /*#__PURE__*/ memo(ProductCard);
 MemoizedProductCard.displayName = 'ProductCard';
-export default MemoizedProductCard;
+const ProductCard_ProductCard = MemoizedProductCard;
+export default ProductCard_ProductCard;
+
 //# sourceMappingURL=ProductCard.js.map

package/dist/ProductCard/ProductCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProductCard.js","sourceRoot":"","sources":["../../src/ProductCard/ProductCard.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ProductCard/ProductCard.js","sources":["../../src/ProductCard/ProductCard.tsx"],"sourcesContent":["import {\n  type KeyboardEvent,\n  forwardRef,\n  memo,\n  useCallback,\n  useMemo,\n  useState,\n} from 'react';\nimport classNames from 'clsx';\nimport { ProductCardProvider } from './ProductCardContext.js';\nimport { getProductCardSizeClassName, hexToRgba } from './utils.js';\nimport {\n  iipContent,\n  iipLayoutClassName,\n  root,\n  zhekContent,\n} from './ProductCard.styles.js';\nimport ProductCardSkeleton from './skeleton/ProductCardSkeleton.js';\nimport ProductCardIipBackground from './layouts/iip/Background.js';\nimport ProductCardZhekBackground from './layouts/zhek/Background.js';\nimport {\n  ProductCardLayoutId,\n  ProductCardView,\n  type ProductCardProps,\n} from './types.js';\n\nconst ProductCard = forwardRef<HTMLDivElement, ProductCardProps>(({\n  id,\n  layoutId = ProductCardLayoutId.COMMON,\n  view = ProductCardView.DESKTOP,\n  size,\n  loading = false,\n  imageUrl,\n  blurHash,\n  cardColor,\n  onCardClick,\n  className,\n  style,\n  children,\n  ...props\n}, ref) => {\n  const clickable = onCardClick != null;\n  const [failedImageUrl, setFailedImageUrl] = useState<string>();\n  const usableImageUrl = imageUrl != null && imageUrl !== failedImageUrl ? imageUrl : undefined;\n\n  const handleImageError = useCallback(() => {\n    setFailedImageUrl(imageUrl);\n  }, [imageUrl]);\n\n  const resolvedImage = useMemo(() => {\n    if (usableImageUrl == null) {\n      return undefined;\n    }\n\n    if (layoutId === ProductCardLayoutId.IIP) {\n      return (\n        <ProductCardIipBackground\n          imageUrl={usableImageUrl}\n          blurHash={blurHash}\n          onError={handleImageError}\n        />\n      );\n    }\n\n    if (layoutId === ProductCardLayoutId.ZHEK) {\n      return (\n        <ProductCardZhekBackground\n          imageUrl={usableImageUrl}\n          blurHash={blurHash}\n          onError={handleImageError}\n        />\n      );\n    }\n\n    return undefined;\n  }, [blurHash, handleImageError, layoutId, usableImageUrl]);\n  const hasIipImage = layoutId === ProductCardLayoutId.IIP && resolvedImage != null;\n  const hasZhekImage = layoutId === ProductCardLayoutId.ZHEK && resolvedImage != null;\n  const contextValue = useMemo(() => ({ view, layoutId }), [view, layoutId]);\n  const cardStyle = useMemo(() => {\n    if (cardColor == null) {\n      return style;\n    }\n\n    return {\n      ...style,\n      backgroundImage: `linear-gradient(180deg, ${hexToRgba(cardColor, 0)} 0%, ${hexToRgba(cardColor, 0.12)} 100%)`,\n      backgroundRepeat: 'no-repeat',\n    };\n  }, [cardColor, style]);\n\n  const handleCardClick = () => {\n    if (!clickable) {\n      return;\n    }\n\n    onCardClick?.({\n      id,\n      layoutId,\n    });\n  };\n\n  const handleKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n    if (!clickable) {\n      return;\n    }\n\n    if (event.key === 'Enter' || event.key === ' ') {\n      event.preventDefault();\n      handleCardClick();\n    }\n  };\n\n  const rootClassName = classNames(\n    root,\n    className,\n    view,\n    getProductCardSizeClassName(layoutId, view, size),\n    iipLayoutClassName(layoutId, hasIipImage),\n    {\n      clickable,\n      zhekWithImage: hasZhekImage,\n    },\n  );\n\n  const rootProps = clickable\n    ? {\n      onClick: handleCardClick,\n      onKeyDown: handleKeyDown,\n      role: 'button' as const,\n      tabIndex: 0,\n    }\n    : {};\n\n  if (loading) {\n    return (\n      <ProductCardSkeleton\n        ref={ref}\n        view={view}\n        layoutId={layoutId}\n        size={size}\n      />\n    );\n  }\n\n  return (\n    <ProductCardProvider value={contextValue}>\n      <div\n        ref={ref}\n        {...props}\n        {...rootProps}\n        className={rootClassName}\n        style={cardStyle}\n      >\n        {resolvedImage}\n        {hasIipImage ? (\n          <div className={iipContent} data-product-card-content>\n            {children}\n          </div>\n        ) : hasZhekImage ? (\n          <div className={zhekContent} data-product-card-content>\n            {children}\n          </div>\n        ) : children}\n      </div>\n    </ProductCardProvider>\n  );\n});\n\nProductCard.displayName = 'ProductCard';\n\nconst MemoizedProductCard = memo(ProductCard);\nMemoizedProductCard.displayName = 'ProductCard';\n\nexport default MemoizedProductCard;\n"],"names":["ProductCard","forwardRef","id","layoutId","ProductCardLayoutId","view","ProductCardView","size","loading","imageUrl","blurHash","cardColor","onCardClick","className","style","children","props","ref","clickable","failedImageUrl","setFailedImageUrl","useState","usableImageUrl","undefined","handleImageError","useCallback","resolvedImage","useMemo","ProductCardIipBackground","ProductCardZhekBackground","hasIipImage","hasZhekImage","contextValue","cardStyle","hexToRgba","handleCardClick","handleKeyDown","event","rootClassName","classNames","root","getProductCardSizeClassName","iipLayoutClassName","rootProps","ProductCardSkeleton","ProductCardProvider","iipContent","zhekContent","MemoizedProductCard","memo"],"mappings":"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"}

package/dist/ProductCard/ProductCard.styles.js

@@ -1,16 +1,15 @@
-import { ProductCardLayoutId} from './types.js';
-export const iipContent = "ui_components_i1mbik64";
-export const zhekContent = iipContent;
-export const root = "ui_components_r1b142ms";
-export const iipLayoutClassName = (layoutId, hasImage) => {
-    if (layoutId !== ProductCardLayoutId.IIP) {
-        return undefined;
-    }
+import { ProductCardLayoutId} from "./types.js";
+const iipContent = "ui_components_i1mbik64";
+const zhekContent = iipContent;
+const root = "ui_components_r1b142ms";
+const iipLayoutClassName = (layoutId, hasImage)=>{
+    if (layoutId !== ProductCardLayoutId.IIP) return;
     return {
         [ProductCardLayoutId.IIP]: true,
-        iipWithImage: hasImage === true,
+        iipWithImage: true === hasImage
     };
 };
+export { iipContent, iipLayoutClassName, root, zhekContent };
 //# sourceMappingURL=ProductCard.styles.js.map
 
 import "./ProductCard.styles.css";

package/dist/ProductCard/ProductCard.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProductCard.styles.js","sourceRoot":"","sources":["../../src/ProductCard/ProductCard.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,uCAAuC,CAAC;AAC/D,OAAO,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAElE,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAAA;;;;;;;CAO5B,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CAAC;AAEtC,MAAM,CAAC,MAAM,IAAI,GAAG,GAAG,CAAA;;;;;;;;;;mBAUJ,MAAM,CAAC,MAAM,CAAC,CAAC;gBAClB,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO;;;;;;;;;oBASjC,MAAM,CAAC,MAAM,CAAC,OAAO;;;;oBAIrB,MAAM,CAAC,MAAM,CAAC,OAAO;;;;MAInC,eAAe,CAAC,OAAO;;;;MAIvB,eAAe,CAAC,OAAO;;;;MAIvB,eAAe,CAAC,MAAM;;;;;MAKtB,eAAe,CAAC,MAAM;;;;MAItB,eAAe,CAAC,MAAM;;;;;;;;;;MAUtB,eAAe,CAAC,OAAO,IAAI,mBAAmB,CAAC,GAAG;;;;;;;;CAQvD,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAChC,QAA8B,EAC9B,QAAkB,EAClB,EAAE;IACF,IAAI,QAAQ,KAAK,mBAAmB,CAAC,GAAG,EAAE,CAAC;QACzC,OAAO,SAAS,CAAC;IACnB,CAAC;IAED,OAAO;QACL,CAAC,mBAAmB,CAAC,GAAG,CAAC,EAAE,IAAI;QAC/B,YAAY,EAAE,QAAQ,KAAK,IAAI;KAChC,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"ProductCard/ProductCard.styles.js","sources":["../../src/ProductCard/ProductCard.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\nimport { tokens } from '@finam/web-ui-kit-core/theme/contract';\nimport { ProductCardLayoutId, ProductCardView } from './types.js';\n\nexport const iipContent = css`\n  position: relative;\n  z-index: 1;\n  display: flex;\n  flex-direction: column;\n  flex: 1 1 auto;\n  min-height: 0;\n`;\n\nexport const zhekContent = iipContent;\n\nexport const root = css`\n  border: none;\n  appearance: none;\n  margin: 0;\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  min-width: 320px;\n  max-width: 100%;\n  box-sizing: border-box;\n  border-radius: ${tokens.radius.l};\n  background: ${tokens.colors.bg.base.default.default};\n  text-align: left;\n  overflow: hidden;\n\n  &.clickable {\n    cursor: pointer;\n    transition: box-shadow 120ms ease-out;\n\n    &:hover {\n      box-shadow: ${tokens.shadow.cardMid};\n    }\n\n    &:active {\n      box-shadow: ${tokens.shadow.cardLow};\n    }\n  }\n\n  &.${ProductCardView.DESKTOP}.sizeL {\n    height: 270px;\n  }\n\n  &.${ProductCardView.DESKTOP}.sizeM {\n    height: 240px;\n  }\n\n  &.${ProductCardView.MOBILE} {\n    min-width: 164px;\n    max-width: 100%;\n  }\n\n  &.${ProductCardView.MOBILE}.sizeL {\n    height: 250px;\n  }\n\n  &.${ProductCardView.MOBILE}.sizeM {\n    height: 200px;\n  }\n\n  &.iipWithImage {\n    position: relative;\n    overflow: hidden;\n    justify-content: flex-end;\n  }\n\n  &.${ProductCardView.DESKTOP}.${ProductCardLayoutId.IIP}:not(.iipWithImage) {\n    justify-content: space-between;\n  }\n\n  &.zhekWithImage {\n    position: relative;\n    overflow: hidden;\n  }\n`;\n\nexport const iipLayoutClassName = (\n  layoutId?: ProductCardLayoutId,\n  hasImage?: boolean,\n) => {\n  if (layoutId !== ProductCardLayoutId.IIP) {\n    return undefined;\n  }\n\n  return {\n    [ProductCardLayoutId.IIP]: true,\n    iipWithImage: hasImage === true,\n  };\n};\n"],"names":["iipContent","css","zhekContent","root","tokens","ProductCardView","ProductCardLayoutId","iipLayoutClassName","layoutId","hasImage"],"mappings":";;;AAIO,MAAMA,aAAaC,GAAG,CAAC;;;;;;;AAO9B,CAAC;AAEM,MAAMC,cAAcF;AAEpB,MAAMG,OAAOF,GAAG,CAAC;;;;;;;;;;iBAUP,EAAEG,OAAO,MAAM,CAAC,CAAC,CAAC;cACrB,EAAEA,OAAO,MAAM,CAAC,EAAE,CAAC,IAAI,CAArBA,UAAAA,CAAAA,UAAqC,CAAC;;;;;;;;;kBASpC,EAAEA,OAAO,MAAM,CAAC,OAAO,CAAC;;;;kBAIxB,EAAEA,OAAO,MAAM,CAAC,OAAO,CAAC;;;;IAItC,EAAEC,gBAAgB,OAAO,CAAC;;;;IAI1B,EAAEA,gBAAgB,OAAO,CAAC;;;;IAI1B,EAAEA,gBAAgB,MAAM,CAAC;;;;;IAKzB,EAAEA,gBAAgB,MAAM,CAAC;;;;IAIzB,EAAEA,gBAAgB,MAAM,CAAC;;;;;;;;;;IAUzB,EAAEA,gBAAgB,OAAO,CAAC,CAAC,EAAEC,oBAAoB,GAAG,CAAC;;;;;;;;AAQzD,CAAC;AAEM,MAAMC,qBAAqB,CAChCC,UACAC;IAEA,IAAID,aAAaF,oBAAoB,GAAG,EACtC;IAGF,OAAO;QACL,CAACA,oBAAoB,GAAG,CAAC,EAAE;QAC3B,cAAcG,AAAa,SAAbA;IAChB;AACF"}

package/dist/ProductCard/ProductCardBadgesHeader/ProductCardBadgesHeader.js

@@ -1,53 +1,94 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { memo } from 'react';
-import classNames from 'clsx';
-import BellFilled from '@finam/web-ui-kit-icons/Bell/BellFilled';
-import BellPlus from '@finam/web-ui-kit-icons/Bell/BellPlus';
-import IconButton from '../../IconButton/index.js';
-import Tag from '../../Tag/index.js';
-import Tooltip from '../../Tooltip/index.js';
-import ProductCardHeader from '../ProductCardHeader/index.js';
-import { useProductCardContext } from '../ProductCardContext.js';
-import ProductCardRiskBadge from '../badges/ProductCardRiskBadge/index.js';
-import { getHeaderBadgeSize } from '../badges/utils.js';
-import { ProductCardView } from '../types.js';
-import { BadgesRow, bellButtonWrap, headerSizePlaceholder, LeftBadges, notificationSlot, notificationSlotSizeL, notificationSlotSizeM, notificationSlotSizeS, RightBadges, trailingStart, } from './ProductCardBadgesHeader.styles.js';
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { memo } from "react";
+import clsx from "clsx";
+import BellFilled from "@finam/web-ui-kit-icons/Bell/BellFilled";
+import BellPlus from "@finam/web-ui-kit-icons/Bell/BellPlus";
+import IconButton from "../../IconButton/index.js";
+import Tag from "../../Tag/index.js";
+import Tooltip from "../../Tooltip/index.js";
+import ProductCardHeader from "../ProductCardHeader/index.js";
+import { useProductCardContext } from "../ProductCardContext.js";
+import ProductCardRiskBadge from "../badges/ProductCardRiskBadge/index.js";
+import { getHeaderBadgeSize } from "../badges/utils.js";
+import { ProductCardView } from "../types.js";
+import { BadgesRow, LeftBadges, RightBadges, bellButtonWrap, headerSizePlaceholder, notificationSlot, notificationSlotSizeL, notificationSlotSizeM, notificationSlotSizeS, trailingStart } from "./ProductCardBadgesHeader.styles.js";
 const notificationSlotSizeClassName = {
     l: notificationSlotSizeL,
     m: notificationSlotSizeM,
-    s: notificationSlotSizeS,
+    s: notificationSlotSizeS
 };
-const ProductCardBadgesHeader = ({ leftSlot, rightSlot, riskLevel, notification, badgeTagSize, }) => {
-    var _a, _b;
+const ProductCardBadgesHeader = ({ leftSlot, rightSlot, riskLevel, notification, badgeTagSize })=>{
+    var _ref, _ref1;
     const { view, layoutId } = useProductCardContext();
-    const resolvedBadgeSize = badgeTagSize !== null && badgeTagSize !== void 0 ? badgeTagSize : getHeaderBadgeSize(layoutId, view);
-    const hasLeftContent = leftSlot != null || riskLevel != null;
-    const hasRightContent = rightSlot != null;
+    const resolvedBadgeSize = null != badgeTagSize ? badgeTagSize : getHeaderBadgeSize(layoutId, view);
+    const hasLeftContent = null != leftSlot || null != riskLevel;
+    const hasRightContent = null != rightSlot;
     const showLeftPlaceholder = !hasLeftContent;
-    const showNotification = notification != null && view === ProductCardView.DESKTOP;
-    const notificationDisabled = (_a = notification === null || notification === void 0 ? void 0 : notification.disabled) !== null && _a !== void 0 ? _a : ((notification === null || notification === void 0 ? void 0 : notification.orderingId) == null && (notification === null || notification === void 0 ? void 0 : notification.subscribed) == null);
-    const notificationSize = (_b = notification === null || notification === void 0 ? void 0 : notification.size) !== null && _b !== void 0 ? _b : 'l';
-    const handleNotificationClick = (event) => {
-        var _a;
+    const showNotification = null != notification && view === ProductCardView.DESKTOP;
+    const notificationDisabled = null != (_ref = null == notification ? void 0 : notification.disabled) ? _ref : (null == notification ? void 0 : notification.orderingId) == null && (null == notification ? void 0 : notification.subscribed) == null;
+    const notificationSize = null != (_ref1 = null == notification ? void 0 : notification.size) ? _ref1 : 'l';
+    const handleNotificationClick = (event)=>{
+        var _notification_onClick;
         event.stopPropagation();
-        (_a = notification === null || notification === void 0 ? void 0 : notification.onClick) === null || _a === void 0 ? void 0 : _a.call(notification, event);
+        null == notification || null == (_notification_onClick = notification.onClick) || _notification_onClick.call(notification, event);
     };
-    const notificationButton = (_jsx(IconButton, { size: notificationSize, color: "secondary", disabled: notificationDisabled, "aria-label": notification === null || notification === void 0 ? void 0 : notification.ariaLabel, onClick: handleNotificationClick, children: (notification === null || notification === void 0 ? void 0 : notification.subscribed) ? _jsx(BellFilled, {}) : _jsx(BellPlus, {}) }));
-    const renderRiskBadge = () => {
-        if (riskLevel == null) {
-            return null;
-        }
-        return _jsx(ProductCardRiskBadge, { riskLevel: riskLevel, size: resolvedBadgeSize });
+    const notificationButton = /*#__PURE__*/ jsx(IconButton, {
+        size: notificationSize,
+        color: "secondary",
+        disabled: notificationDisabled,
+        "aria-label": null == notification ? void 0 : notification.ariaLabel,
+        onClick: handleNotificationClick,
+        children: (null == notification ? void 0 : notification.subscribed) ? /*#__PURE__*/ jsx(BellFilled, {}) : /*#__PURE__*/ jsx(BellPlus, {})
+    });
+    const renderRiskBadge = ()=>{
+        if (null == riskLevel) return null;
+        return /*#__PURE__*/ jsx(ProductCardRiskBadge, {
+            riskLevel: riskLevel,
+            size: resolvedBadgeSize
+        });
     };
-    const renderNotificationSlot = () => {
-        if (!showNotification) {
-            return null;
-        }
-        return (_jsx("div", { className: classNames(notificationSlot, notificationSlotSizeClassName[notificationSize], !hasRightContent && trailingStart), children: _jsx("div", { className: bellButtonWrap, children: (notification === null || notification === void 0 ? void 0 : notification.tooltip) != null ? (_jsx(Tooltip, { title: notification.tooltip, placement: "bottom-start", children: notificationButton })) : notificationButton }) }));
+    const renderNotificationSlot = ()=>{
+        if (!showNotification) return null;
+        return /*#__PURE__*/ jsx("div", {
+            className: clsx(notificationSlot, notificationSlotSizeClassName[notificationSize], !hasRightContent && trailingStart),
+            children: /*#__PURE__*/ jsx("div", {
+                className: bellButtonWrap,
+                children: (null == notification ? void 0 : notification.tooltip) != null ? /*#__PURE__*/ jsx(Tooltip, {
+                    title: notification.tooltip,
+                    placement: "bottom-start",
+                    children: notificationButton
+                }) : notificationButton
+            })
+        });
     };
-    return (_jsx(ProductCardHeader, { children: _jsxs(BadgesRow, { children: [_jsx(LeftBadges, { children: showLeftPlaceholder ? (_jsx(Tag, { className: headerSizePlaceholder, size: resolvedBadgeSize, "aria-hidden": true, children: '\u00A0' })) : (_jsxs(_Fragment, { children: [leftSlot, riskLevel != null && renderRiskBadge()] })) }), hasRightContent ? (_jsx(RightBadges, { className: trailingStart, children: rightSlot })) : null, renderNotificationSlot()] }) }));
+    return /*#__PURE__*/ jsx(ProductCardHeader, {
+        children: /*#__PURE__*/ jsxs(BadgesRow, {
+            children: [
+                /*#__PURE__*/ jsx(LeftBadges, {
+                    children: showLeftPlaceholder ? /*#__PURE__*/ jsx(Tag, {
+                        className: headerSizePlaceholder,
+                        size: resolvedBadgeSize,
+                        "aria-hidden": true,
+                        children: '\u00A0'
+                    }) : /*#__PURE__*/ jsxs(Fragment, {
+                        children: [
+                            leftSlot,
+                            null != riskLevel && renderRiskBadge()
+                        ]
+                    })
+                }),
+                hasRightContent ? /*#__PURE__*/ jsx(RightBadges, {
+                    className: trailingStart,
+                    children: rightSlot
+                }) : null,
+                renderNotificationSlot()
+            ]
+        })
+    });
 };
-const MemoizedProductCardBadgesHeader = memo(ProductCardBadgesHeader);
+const MemoizedProductCardBadgesHeader = /*#__PURE__*/ memo(ProductCardBadgesHeader);
 MemoizedProductCardBadgesHeader.displayName = 'ProductCardBadgesHeader';
-export default MemoizedProductCardBadgesHeader;
+const ProductCardBadgesHeader_ProductCardBadgesHeader = MemoizedProductCardBadgesHeader;
+export default ProductCardBadgesHeader_ProductCardBadgesHeader;
+
 //# sourceMappingURL=ProductCardBadgesHeader.js.map

package/dist/ProductCard/ProductCardBadgesHeader/ProductCardBadgesHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProductCardBadgesHeader.js","sourceRoot":"","sources":["../../../src/ProductCard/ProductCardBadgesHeader/ProductCardBadgesHeader.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ProductCard/ProductCardBadgesHeader/ProductCardBadgesHeader.js","sources":["../../../src/ProductCard/ProductCardBadgesHeader/ProductCardBadgesHeader.tsx"],"sourcesContent":["import { memo, type MouseEvent, type ReactNode } from 'react';\nimport classNames from 'clsx';\nimport BellFilled from '@finam/web-ui-kit-icons/Bell/BellFilled';\nimport BellPlus from '@finam/web-ui-kit-icons/Bell/BellPlus';\nimport IconButton from '../../IconButton/index.js';\nimport type { Size as IconButtonSize } from '../../IconButton/index.js';\nimport Tag from '../../Tag/index.js';\nimport Tooltip from '../../Tooltip/index.js';\nimport ProductCardHeader from '../ProductCardHeader/index.js';\nimport { useProductCardContext } from '../ProductCardContext.js';\nimport ProductCardRiskBadge from '../badges/ProductCardRiskBadge/index.js';\nimport { getHeaderBadgeSize } from '../badges/utils.js';\nimport type {\n  ProductCardIpoNotification,\n  ProductCardRiskLevel,\n} from '../types.js';\nimport { ProductCardView } from '../types.js';\nimport type { Size } from '../../Tag/types.js';\nimport {\n  BadgesRow,\n  bellButtonWrap,\n  headerSizePlaceholder,\n  LeftBadges,\n  notificationSlot,\n  notificationSlotSizeL,\n  notificationSlotSizeM,\n  notificationSlotSizeS,\n  RightBadges,\n  trailingStart,\n} from './ProductCardBadgesHeader.styles.js';\n\nexport interface ProductCardBadgesHeaderProps {\n  /** Слот с бейджами слева (обычные бейджи + опционально ProductCardRiskBadge). */\n  leftSlot?: ReactNode;\n  /** Слот с бейджами справа (New, Hit и т.д.). */\n  rightSlot?: ReactNode;\n  /** Уровень риска — бейдж отображается в левом слоте. */\n  riskLevel?: ProductCardRiskLevel;\n  /** Кнопка подписки на IPO-уведомления (только desktop). */\n  notification?: ProductCardIpoNotification;\n  /**\n   * Переопределяет размер бейджей в шапке.\n   * По умолчанию берётся из `getHeaderBadgeSize(layoutId, view)`.\n   *\n   * Бейджи в `leftSlot` / `rightSlot` задают размер при рендере\n   * (используйте `getHeaderBadgeSize` для согласованности).\n   */\n  badgeTagSize?: Size;\n}\n\nconst notificationSlotSizeClassName: Record<IconButtonSize, string> = {\n  l: notificationSlotSizeL,\n  m: notificationSlotSizeM,\n  s: notificationSlotSizeS,\n};\n\nconst ProductCardBadgesHeader = ({\n  leftSlot,\n  rightSlot,\n  riskLevel,\n  notification,\n  badgeTagSize,\n}: ProductCardBadgesHeaderProps) => {\n  const { view, layoutId } = useProductCardContext();\n  const resolvedBadgeSize = badgeTagSize ?? getHeaderBadgeSize(layoutId, view);\n  const hasLeftContent = leftSlot != null || riskLevel != null;\n  const hasRightContent = rightSlot != null;\n  const showLeftPlaceholder = !hasLeftContent;\n  const showNotification = notification != null && view === ProductCardView.DESKTOP;\n\n  const notificationDisabled = notification?.disabled ??\n    (notification?.orderingId == null && notification?.subscribed == null);\n  const notificationSize = notification?.size ?? 'l';\n\n  const handleNotificationClick = (event: MouseEvent<HTMLButtonElement>) => {\n    event.stopPropagation();\n    notification?.onClick?.(event);\n  };\n\n  const notificationButton = (\n    <IconButton\n      size={notificationSize}\n      color=\"secondary\"\n      disabled={notificationDisabled}\n      aria-label={notification?.ariaLabel}\n      onClick={handleNotificationClick}\n    >\n      {notification?.subscribed ? <BellFilled /> : <BellPlus />}\n    </IconButton>\n  );\n\n  const renderRiskBadge = () => {\n    if (riskLevel == null) {\n      return null;\n    }\n    return <ProductCardRiskBadge riskLevel={riskLevel} size={resolvedBadgeSize} />;\n  };\n\n  const renderNotificationSlot = () => {\n    if (!showNotification) {\n      return null;\n    }\n\n    return (\n      <div\n        className={classNames(\n          notificationSlot,\n          notificationSlotSizeClassName[notificationSize],\n          !hasRightContent && trailingStart,\n        )}\n      >\n        <div className={bellButtonWrap}>\n          {notification?.tooltip != null ? (\n            <Tooltip title={notification.tooltip} placement=\"bottom-start\">\n              {notificationButton}\n            </Tooltip>\n          ) : notificationButton}\n        </div>\n      </div>\n    );\n  };\n\n  return (\n    <ProductCardHeader>\n      <BadgesRow>\n        <LeftBadges>\n          {showLeftPlaceholder ? (\n            <Tag\n              className={headerSizePlaceholder}\n              size={resolvedBadgeSize}\n              aria-hidden\n            >\n              {'\\u00A0'}\n            </Tag>\n          ) : (\n            <>\n              {leftSlot}\n              {riskLevel != null && renderRiskBadge()}\n            </>\n          )}\n        </LeftBadges>\n\n        {hasRightContent ? (\n          <RightBadges className={trailingStart}>\n            {rightSlot}\n          </RightBadges>\n        ) : null}\n\n        {renderNotificationSlot()}\n      </BadgesRow>\n    </ProductCardHeader>\n  );\n};\n\nconst MemoizedProductCardBadgesHeader = memo(ProductCardBadgesHeader);\nMemoizedProductCardBadgesHeader.displayName = 'ProductCardBadgesHeader';\n\nexport default MemoizedProductCardBadgesHeader;\n"],"names":["notificationSlotSizeClassName","notificationSlotSizeL","notificationSlotSizeM","notificationSlotSizeS","ProductCardBadgesHeader","leftSlot","rightSlot","riskLevel","notification","badgeTagSize","view","layoutId","useProductCardContext","resolvedBadgeSize","getHeaderBadgeSize","hasLeftContent","hasRightContent","showLeftPlaceholder","showNotification","ProductCardView","notificationDisabled","notificationSize","handleNotificationClick","event","notificationButton","IconButton","BellFilled","BellPlus","renderRiskBadge","ProductCardRiskBadge","renderNotificationSlot","classNames","notificationSlot","trailingStart","bellButtonWrap","Tooltip","ProductCardHeader","BadgesRow","LeftBadges","Tag","headerSizePlaceholder","RightBadges","MemoizedProductCardBadgesHeader","memo"],"mappings":";;;;;;;;;;;;;;AAkDA,MAAMA,gCAAgE;IACpE,GAAGC;IACH,GAAGC;IACH,GAAGC;AACL;AAEA,MAAMC,0BAA0B,CAAC,EAC/BC,QAAQ,EACRC,SAAS,EACTC,SAAS,EACTC,YAAY,EACZC,YAAY,EACiB;;IAC7B,MAAM,EAAEC,IAAI,EAAEC,QAAQ,EAAE,GAAGC;IAC3B,MAAMC,oBAAoBJ,QAAAA,eAAAA,eAAgBK,mBAAmBH,UAAUD;IACvE,MAAMK,iBAAiBV,AAAY,QAAZA,YAAoBE,AAAa,QAAbA;IAC3C,MAAMS,kBAAkBV,AAAa,QAAbA;IACxB,MAAMW,sBAAsB,CAACF;IAC7B,MAAMG,mBAAmBV,AAAgB,QAAhBA,gBAAwBE,SAASS,gBAAgB,OAAO;IAEjF,MAAMC,uBAAuB,QAAvBA,CAAAA,OAAuBZ,QAAAA,eAAAA,KAAAA,IAAAA,aAAc,QAAQ,AAAD,IAAC,OAChDA,AAAAA,CAAAA,QAAAA,eAAAA,KAAAA,IAAAA,aAAc,UAAU,AAAD,KAAK,QAAQA,AAAAA,CAAAA,QAAAA,eAAAA,KAAAA,IAAAA,aAAc,UAAU,AAAD,KAAK;IACnE,MAAMa,mBAAmB,QAAnBA,CAAAA,QAAmBb,QAAAA,eAAAA,KAAAA,IAAAA,aAAc,IAAI,AAAD,IAAC,QAAI;IAE/C,MAAMc,0BAA0B,CAACC;YAE/Bf;QADAe,MAAM,eAAe;QACrBf,QAAAA,gBAAAA,QAAAA,CAAAA,wBAAAA,aAAc,OAAO,AAAD,KAApBA,sBAAAA,IAAAA,CAAAA,cAAwBe;IAC1B;IAEA,MAAMC,qBAAqB,WAArBA,GACJ,IAACC,YAAUA;QACT,MAAMJ;QACN,OAAM;QACN,UAAUD;QACV,cAAYZ,QAAAA,eAAAA,KAAAA,IAAAA,aAAc,SAAS;QACnC,SAASc;kBAERd,AAAAA,CAAAA,QAAAA,eAAAA,KAAAA,IAAAA,aAAc,UAAU,AAAD,IAAC,cAAG,IAACkB,YAAUA,CAAAA,KAAAA,WAAAA,GAAM,IAACC,UAAQA,CAAAA;;IAI1D,MAAMC,kBAAkB;QACtB,IAAIrB,AAAa,QAAbA,WACF,OAAO;QAET,OAAO,WAAP,GAAO,IAACsB,sBAAoBA;YAAC,WAAWtB;YAAW,MAAMM;;IAC3D;IAEA,MAAMiB,yBAAyB;QAC7B,IAAI,CAACZ,kBACH,OAAO;QAGT,OAAO,WAAP,GACE,IAAC;YACC,WAAWa,KACTC,kBACAhC,6BAA6B,CAACqB,iBAAiB,EAC/C,CAACL,mBAAmBiB;sBAGtB,kBAAC;gBAAI,WAAWC;0BACb1B,AAAAA,CAAAA,QAAAA,eAAAA,KAAAA,IAAAA,aAAc,OAAO,AAAD,KAAK,OAAO,WAAP,GACxB,IAAC2B,SAAOA;oBAAC,OAAO3B,aAAa,OAAO;oBAAE,WAAU;8BAC7CgB;qBAEDA;;;IAIZ;IAEA,OAAO,WAAP,GACE,IAACY,mBAAiBA;kBAChB,mBAACC,WAASA;;8BACR,IAACC,YAAUA;8BACRrB,sBAAsB,WAAtBA,GACC,IAACsB,KAAGA;wBACF,WAAWC;wBACX,MAAM3B;wBACN,eAAW;kCAEV;uCAGH;;4BACGR;4BACa,QAAbE,aAAqBqB;;;;gBAK3BZ,kBAAkB,WAAlBA,GACC,IAACyB,aAAWA;oBAAC,WAAWR;8BACrB3B;qBAED;gBAEHwB;;;;AAIT;AAEA,MAAMY,kCAAkC,WAAHA,GAAGC,KAAKvC;AAC7CsC,gCAAgC,WAAW,GAAG;AAE9C,wDAAeA"}

package/dist/ProductCard/ProductCardBadgesHeader/ProductCardBadgesHeader.styles.js

@@ -1,28 +1,27 @@
-import { styled } from '@linaria/react';
-/** Прижимает accent-бейджи и слот колокольчика к правому краю header. */
-export const trailingStart = "ui_components_t1cusfrw";
-export const BadgesRow = /*#__PURE__*/styled('div')({
+import { styled } from "@linaria/react";
+const trailingStart = "ui_components_t1cusfrw";
+const BadgesRow = /*#__PURE__*/styled('div')({
   name: "BadgesRow",
   class: "ui_components_b13d6z41",
   propsAsIs: false
 });
-export const LeftBadges = /*#__PURE__*/styled('div')({
+const LeftBadges = /*#__PURE__*/styled('div')({
   name: "LeftBadges",
   class: "ui_components_l1nkxon",
   propsAsIs: false
 });
-export const RightBadges = /*#__PURE__*/styled('div')({
+const RightBadges = /*#__PURE__*/styled('div')({
   name: "RightBadges",
   class: "ui_components_r1tafnfw",
   propsAsIs: false
 });
-/** Базовый слот под колокольчик: фиксированная ширина, не влияет на высоту строки. */
-export const notificationSlot = "ui_components_n93kuj3";
-export const notificationSlotSizeL = "ui_components_n1ozrtj";
-export const notificationSlotSizeM = "ui_components_nzdcxh9";
-export const notificationSlotSizeS = "ui_components_n14enej5";
-export const bellButtonWrap = "ui_components_b1vor2l8";
-export const headerSizePlaceholder = "ui_components_h1p72ip";
+const notificationSlot = "ui_components_n93kuj3";
+const notificationSlotSizeL = "ui_components_n1ozrtj";
+const notificationSlotSizeM = "ui_components_nzdcxh9";
+const notificationSlotSizeS = "ui_components_n14enej5";
+const bellButtonWrap = "ui_components_b1vor2l8";
+const headerSizePlaceholder = "ui_components_h1p72ip";
+export { BadgesRow, LeftBadges, RightBadges, bellButtonWrap, headerSizePlaceholder, notificationSlot, notificationSlotSizeL, notificationSlotSizeM, notificationSlotSizeS, trailingStart };
 //# sourceMappingURL=ProductCardBadgesHeader.styles.js.map
 
 import "./ProductCardBadgesHeader.styles.css";

package/dist/ProductCard/ProductCardBadgesHeader/ProductCardBadgesHeader.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProductCardBadgesHeader.styles.js","sourceRoot":"","sources":["../../../src/ProductCard/ProductCardBadgesHeader/ProductCardBadgesHeader.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;AAE/D,yEAAyE;AACzE,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAAA;;CAE/B,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;;CAGlC,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;mBAQjB,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC;;CAEvC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAA;;;;iBAIpB,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC;;MAEhC,aAAa;;;;;mBAKA,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC;;CAEvC,CAAC;AAEF,sFAAsF;AACtF,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CAAA;;;;;;;iBAOlB,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC;;MAEhC,aAAa;;;CAGlB,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAAG,CAAA;gBACxB,MAAM,CAAC,OAAO,CAAC,EAAE,MAAM,MAAM,CAAC,OAAO,CAAC,EAAE;CACvD,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAAG,CAAA;;MAElC,MAAM,CAAC,OAAO,CAAC,CAAC,MAAM,MAAM,CAAC,OAAO,CAAC,KAAK,UAAU,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC;;CAE9E,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAAG,CAAA;gBACxB,MAAM,CAAC,OAAO,CAAC,CAAC,MAAM,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC;CAC1D,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAA;;oBAEb,MAAM,CAAC,OAAO,CAAC,EAAE;sBACf,MAAM,CAAC,OAAO,CAAC,EAAE;;;WAG5B,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,OAAO;CACnD,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAAG,CAAA;;;CAGvC,CAAC"}
+{"version":3,"file":"ProductCard/ProductCardBadgesHeader/ProductCardBadgesHeader.styles.js","sources":["../../../src/ProductCard/ProductCardBadgesHeader/ProductCardBadgesHeader.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\nimport { tokens } from '@finam/web-ui-kit-core/theme/contract';\n\n/** Прижимает accent-бейджи и слот колокольчика к правому краю header. */\nexport const trailingStart = css`\n  margin-left: auto;\n`;\n\nexport const BadgesRow = styled.div`\n  display: flex;\n  align-items: center;\n`;\n\nexport const LeftBadges = styled.div`\n  display: flex;\n  align-items: center;\n  flex: 1 1 auto;\n  min-width: 0;\n  overflow: hidden;\n\n  & > :not(:first-child) {\n    margin-left: ${tokens.spacing['2xs']};\n  }\n`;\n\nexport const RightBadges = styled.div`\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  margin-left: ${tokens.spacing['2xs']};\n\n  &.${trailingStart} {\n    margin-left: auto;\n  }\n\n  & > :not(:first-child) {\n    margin-left: ${tokens.spacing['2xs']};\n  }\n`;\n\n/** Базовый слот под колокольчик: фиксированная ширина, не влияет на высоту строки. */\nexport const notificationSlot = css`\n  position: relative;\n  flex-shrink: 0;\n  height: 0;\n  min-height: 0;\n  overflow: visible;\n  align-self: flex-start;\n  margin-left: ${tokens.spacing['2xs']};\n\n  &.${trailingStart} {\n    margin-left: auto;\n  }\n`;\n\nexport const notificationSlotSizeL = css`\n  width: calc(${tokens.spacing.xl} + ${tokens.spacing.xs} * 2);\n`;\n\nexport const notificationSlotSizeM = css`\n  width: calc(\n    ${tokens.spacing.l} + ${tokens.spacing.micro} * 2 + ${tokens.spacing['2xs']} * 2\n  );\n`;\n\nexport const notificationSlotSizeS = css`\n  width: calc(${tokens.spacing.m} + ${tokens.spacing['2xs']} * 2);\n`;\n\nexport const bellButtonWrap = css`\n  position: absolute;\n  top: calc(0px - ${tokens.spacing.xs});\n  right: calc(0px - ${tokens.spacing.xs});\n  display: inline-flex;\n  align-items: center;\n  color: ${tokens.colors.text.base.secondary.default};\n`;\n\nexport const headerSizePlaceholder = css`\n  visibility: hidden;\n  pointer-events: none;\n`;\n"],"names":["trailingStart","css","BadgesRow","styled","LeftBadges","tokens","RightBadges","notificationSlot","notificationSlotSizeL","notificationSlotSizeM","notificationSlotSizeS","bellButtonWrap","headerSizePlaceholder"],"mappings":";;;AAKO,MAAMA,gBAAgBC,GAAG,CAAC;;AAEjC,CAAC;AAEM,MAAMC,YAAYC,OAAO,GAAG,CAAC;;;AAGpC,CAAC;AAEM,MAAMC,aAAaD,OAAO,GAAG,CAAC;;;;;;;;iBAQpB,EAAEE,OAAO,OAAO,CAAC,MAAM,CAAC;;AAEzC,CAAC;AAEM,MAAMC,cAAcH,OAAO,GAAG,CAAC;;;;eAIvB,EAAEE,OAAO,OAAO,CAAC,MAAM,CAAC;;IAEnC,EAAEL,cAAc;;;;;iBAKH,EAAEK,OAAO,OAAO,CAAC,MAAM,CAAC;;AAEzC,CAAC;AAGM,MAAME,mBAAmBN,GAAG,CAAC;;;;;;;eAOrB,EAAEI,OAAO,OAAO,CAAC,MAAM,CAAC;;IAEnC,EAAEL,cAAc;;;AAGpB,CAAC;AAEM,MAAMQ,wBAAwBP,GAAG,CAAC;cAC3B,EAAEI,OAAO,OAAO,CAAC,EAAE,CAAC,GAAG,EAAEA,OAAO,OAAO,CAAC,EAAE,CAAC;AACzD,CAAC;AAEM,MAAMI,wBAAwBR,GAAG,CAAC;;IAErC,EAAEI,OAAO,OAAO,CAAC,CAAC,CAAC,GAAG,EAAEA,OAAO,OAAO,CAAC,KAAK,CAAC,OAAO,EAAEA,OAAO,OAAO,CAAC,MAAM,CAAC;;AAEhF,CAAC;AAEM,MAAMK,wBAAwBT,GAAG,CAAC;cAC3B,EAAEI,OAAO,OAAO,CAAC,CAAC,CAAC,GAAG,EAAEA,OAAO,OAAO,CAAC,MAAM,CAAC;AAC5D,CAAC;AAEM,MAAMM,iBAAiBV,GAAG,CAAC;;kBAEhB,EAAEI,OAAO,OAAO,CAAC,EAAE,CAAC;oBAClB,EAAEA,OAAO,OAAO,CAAC,EAAE,CAAC;;;SAG/B,EAAEA,OAAO,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAjCA,UAAyC,CAAC;AACrD,CAAC;AAEM,MAAMO,wBAAwBX,GAAG,CAAC;;;AAGzC,CAAC"}

package/dist/ProductCard/ProductCardBadgesHeader/index.js

@@ -1,2 +1 @@
-export { default } from './ProductCardBadgesHeader.js';
-//# sourceMappingURL=index.js.map
+export { default } from "./ProductCardBadgesHeader.js";

package/dist/ProductCard/ProductCardContent/ProductCardContent.js

@@ -1,9 +1,14 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef, memo } from 'react';
-import { Root } from './ProductCardContent.styles.js';
-const ProductCardContent = forwardRef((props, ref) => (_jsx(Root, Object.assign({ ref: ref }, props))));
+import { _ } from "@swc/helpers/_/_object_spread";
+import { jsx } from "react/jsx-runtime";
+import { forwardRef, memo } from "react";
+import { Root } from "./ProductCardContent.styles.js";
+const ProductCardContent = /*#__PURE__*/ forwardRef((props, ref)=>/*#__PURE__*/ jsx(Root, _({
+        ref: ref
+    }, props)));
 ProductCardContent.displayName = 'ProductCardContent';
-const MemoizedProductCardContent = memo(ProductCardContent);
+const MemoizedProductCardContent = /*#__PURE__*/ memo(ProductCardContent);
 MemoizedProductCardContent.displayName = 'ProductCardContent';
-export default MemoizedProductCardContent;
+const ProductCardContent_ProductCardContent = MemoizedProductCardContent;
+export default ProductCardContent_ProductCardContent;
+
 //# sourceMappingURL=ProductCardContent.js.map

package/dist/ProductCard/ProductCardContent/ProductCardContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProductCardContent.js","sourceRoot":"","sources":["../../../src/ProductCard/ProductCardContent/ProductCardContent.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAE,IAAI,EAAE,MAAM,gCAAgC,CAAC;AAQtD,MAAM,kBAAkB,GAAG,UAAU,CAA0C,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,CAAC,CAC7F,KAAC,IAAI,kBAAC,GAAG,EAAE,GAAG,IAAM,KAAK,EAAI,CAC9B,CAAC,CAAC;AAEH,kBAAkB,CAAC,WAAW,GAAG,oBAAoB,CAAC;AAEtD,MAAM,0BAA0B,GAAG,IAAI,CAAC,kBAAkB,CAAC,CAAC;AAC5D,0BAA0B,CAAC,WAAW,GAAG,oBAAoB,CAAC;AAE9D,eAAe,0BAA0B,CAAC"}
+{"version":3,"file":"ProductCard/ProductCardContent/ProductCardContent.js","sources":["../../../src/ProductCard/ProductCardContent/ProductCardContent.tsx"],"sourcesContent":["import { forwardRef, memo } from 'react';\nimport type { ComponentPropsWithoutRef } from 'react';\nimport { Root } from './ProductCardContent.styles.js';\n\n/**\n * Слот основного контента карточки.\n * Layout-agnostic — стили и структура не зависят от `view`.\n */\nexport interface ProductCardContentProps extends ComponentPropsWithoutRef<typeof Root> {}\n\nconst ProductCardContent = forwardRef<HTMLDivElement, ProductCardContentProps>((props, ref) => (\n  <Root ref={ref} {...props} />\n));\n\nProductCardContent.displayName = 'ProductCardContent';\n\nconst MemoizedProductCardContent = memo(ProductCardContent);\nMemoizedProductCardContent.displayName = 'ProductCardContent';\n\nexport default MemoizedProductCardContent;\n"],"names":["ProductCardContent","forwardRef","props","ref","Root","MemoizedProductCardContent","memo"],"mappings":";;;;AAUA,MAAMA,qBAAqB,WAAHA,GAAGC,WAAoD,CAACC,OAAOC,MAAAA,WAAAA,GACrF,IAACC,MAAIA,EAAAA;QAAC,KAAKD;OAASD;AAGtBF,mBAAmB,WAAW,GAAG;AAEjC,MAAMK,6BAA6B,WAAHA,GAAGC,KAAKN;AACxCK,2BAA2B,WAAW,GAAG;AAEzC,8CAAeA"}

package/dist/ProductCard/ProductCardContent/ProductCardContent.styles.js

@@ -1,9 +1,10 @@
-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_r1ohwm1f",
   propsAsIs: false
 });
+export { Root };
 //# sourceMappingURL=ProductCardContent.styles.js.map
 
 import "./ProductCardContent.styles.css";

package/dist/ProductCard/ProductCardContent/ProductCardContent.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProductCardContent.styles.js","sourceRoot":"","sources":["../../../src/ProductCard/ProductCardContent/ProductCardContent.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAExC,MAAM,CAAC,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;CAK7B,CAAC"}
+{"version":3,"file":"ProductCard/ProductCardContent/ProductCardContent.styles.js","sources":["../../../src/ProductCard/ProductCardContent/ProductCardContent.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nexport const Root = styled.div`\n  display: flex;\n  flex-direction: column;\n  flex: 1 1 auto;\n  min-height: 0;\n`;\n"],"names":["Root","styled"],"mappings":";AAEO,MAAMA,OAAOC,OAAO,GAAG,CAAC;;;;;AAK/B,CAAC"}

package/dist/ProductCard/ProductCardContent/index.js

@@ -1,2 +1 @@
-export { default } from './ProductCardContent.js';
-//# sourceMappingURL=index.js.map
+export { default } from "./ProductCardContent.js";