@redneckz/wildless-cms-uni-blocks 0.12.11 → 0.12.13

package/src/components/VerticalLayout/VerticalLayout.fixture.tsx

@@ -24,7 +24,6 @@ const options = {
 const carouselProductCard = {
   content: {
     headlineSmallVersion: 'L_R',
-    align: 'left',
     isDotted: true,
     title: 'Новость 1',
     version: 'primary',
@@ -56,11 +55,10 @@ export default {
       />
     </div>
   ),
-  'white center': (
+  white: (
     <div className="container grid grid-cols-12">
       <VerticalLayout
         className="col-span-12"
-        align="center"
         version="primary"
         block={{
           type: 'VerticalLayout',
@@ -73,11 +71,10 @@ export default {
       />
     </div>
   ),
-  'secondary right': (
+  secondary: (
     <div className="container grid grid-cols-12">
       <VerticalLayout
         className="col-span-12"
-        align="right"
         version="secondary"
         isTheme={false}
         block={{
@@ -96,7 +93,6 @@ export default {
       <VerticalLayout
         className="col-span-12"
         gap="XL"
-        align="left"
         version="secondary"
         isTheme={false}
         block={{
@@ -113,7 +109,6 @@ export default {
   rollup: (
     <div className="container grid grid-cols-12">
       <VerticalLayout
-        align="left"
         className="col-span-12"
         version="primary"
         isPadding={true}
@@ -161,7 +156,6 @@ export default {
     <div className="container grid grid-cols-12">
       <VerticalLayout
         gap="XS"
-        align="left"
         version="transparent"
         className="col-span-12"
         block={{
@@ -202,7 +196,6 @@ export default {
   carousel: (
     <div className="container grid grid-cols-12">
       <VerticalLayout
-        align="center"
         className="col-span-12"
         version="primary"
         gap="XL"

package/src/components/VerticalLayout/VerticalLayout.tsx

@@ -1,7 +1,5 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { renderBlock } from '../../BlockRenderer/renderBlock';
 import { renderChildren } from '../../BlockRenderer/renderChildren';
-import type { AlignTypeWithStretch } from '../../model/AlignType';
 import type { JSXBlock, UniBlockProps } from '../../model/JSXBlock';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import { style } from '../../utils/style';
@@ -10,48 +8,29 @@ import type { VerticalLayoutContent } from './VerticalLayoutContent';
 
 export interface VerticalLayoutProps extends VerticalLayoutContent, UniBlockProps {}
 
-const alignStyle: Record<AlignTypeWithStretch, string> = {
-  stretch: 'items-stretch',
-  left: 'items-start',
-  center: 'items-center',
-  right: 'items-end',
-};
-
 export const VerticalLayout: JSXBlock<VerticalLayoutProps> = JSX<VerticalLayoutProps>(
   ({
     className = '',
     gap = '',
-    align = 'stretch',
     isPadding = false,
     isInnerPadding = true,
     version = 'transparent',
     isTheme = false,
     ...rest
-  }) => {
-    const innerPaddingStyle = isInnerPadding ? '' : '!p-0';
-
-    return (
-      <BlockWrapper
-        className={style(
-          'relative',
-          'flex flex-col [&>*]:max-w-full',
-          gapStyles[gap],
-          align && alignStyle[align],
-          className,
-        )}
-        defaultPadding={isPadding ? 'p-6xl' : ''}
-        version={version}
-        isTheme={isTheme}
-        {...rest}
-      >
-        {renderChildren({
-          ...rest,
-          renderProps: (block, options) =>
-            renderBlock(block, options, { className: innerPaddingStyle }),
-        })}
-      </BlockWrapper>
-    );
-  },
+  }) => (
+    <BlockWrapper
+      className={style('relative flex flex-col', gapStyles[gap], className)}
+      defaultPadding={isPadding ? 'p-6xl' : ''}
+      version={version}
+      isTheme={isTheme}
+      {...rest}
+    >
+      {renderChildren({
+        ...rest,
+        extraProps: { className: 'w-full', padding: isInnerPadding ? '' : 'p-0' },
+      })}
+    </BlockWrapper>
+  ),
 );
 
 VerticalLayout.childrenTypes = [];

package/src/components/VerticalLayout/VerticalLayoutContent.ts

@@ -1,4 +1,3 @@
-import type { AlignTypeWithStretch } from '../../model/AlignType';
 import type { UniBlockContent } from '../../model/JSXBlock';
 import type { GapVersion } from '../HorizontalLayout/HorizontalLayoutContent';
 
@@ -6,7 +5,6 @@ import type { GapVersion } from '../HorizontalLayout/HorizontalLayoutContent';
  * @title Вертикальный компоновщик
  */
 export type VerticalLayoutContent = UniBlockContent & {
-  align?: AlignTypeWithStretch;
   gap?: GapVersion;
   /** @title Внутренний отступ компоновщика */
   isPadding?: boolean;

package/src/hooks/useCarouselControls.ts

@@ -13,15 +13,20 @@ interface CarouselControlsProps {
   visibleItemCount?: number;
 }
 
-export const useCarouselControls = (props: CarouselControlsProps): [number, CarouselControls] => {
+export const useCarouselControls = (
+  props: CarouselControlsProps,
+  initialIndex = 0,
+): [number, CarouselControls] => {
   const { itemCount, visibleItemCount } = props;
 
-  const [activeIndex, setActiveIndex] = useState(0);
+  const [activeIndex, setActiveIndex] = useState(initialIndex);
 
   const inc = useCallback(() => setActiveIndex((_) => Math.min(_ + 1, itemCount - 1)), [itemCount]);
   const dec = useCallback(() => setActiveIndex((_) => Math.max(_ - 1, 0)), [itemCount]);
 
-  const canInc = isScrollable(props) && activeIndex < itemCount - (visibleItemCount || 1);
+  const canInc = visibleItemCount
+    ? itemCount > visibleItemCount && activeIndex < itemCount - visibleItemCount
+    : activeIndex < itemCount - 1;
   const canDec = activeIndex > 0;
   const isScrollAvailable = canDec || canInc;
 
@@ -36,7 +41,3 @@ export const useCarouselControls = (props: CarouselControlsProps): [number, Caro
     },
   ];
 };
-
-function isScrollable({ itemCount, visibleItemCount }: CarouselControlsProps): boolean {
-  return Boolean(visibleItemCount && itemCount > visibleItemCount);
-}

package/src/services/regionsGrantSupport/RegionsGrantSupportData.ts

@@ -0,0 +1,8 @@
+export interface RegionProps {
+  name?: string;
+  href?: string;
+}
+
+export interface RegionsGrantSupportData {
+  regions?: RegionProps[];
+}

package/src/ui-kit/BaseProductTile/BaseProductTileContent.ts

@@ -1,11 +1,11 @@
 import type { Align } from '../../model/Align';
 import type { BulletsProps } from '../../model/Bullets';
 import type { HeadlineProps } from '../../model/HeadlineType';
-import type { ButtonContent } from '../../ui-kit/Button/ButtonProps';
-import type { ImageContent } from '../../ui-kit/Img/ImgProps';
-import type { ListContent } from '../../ui-kit/List/ListContent';
-import type { RichTextProps } from '../../ui-kit/RichText/RichTextProps';
-import type { TagsContent } from '../../ui-kit/Tags/TagsContent';
+import type { ButtonContent } from '../Button/ButtonProps';
+import type { ImageContent } from '../Img/ImgProps';
+import type { ListContent } from '../List/ListContent';
+import type { RichTextProps } from '../RichText/RichTextProps';
+import type { TagsContent } from '../Tags/TagsContent';
 import type { BenefitsListContent } from '../BenefitsList/BenefitsListContent';
 
 /** @title Доп. настройки картинки */

package/src/ui-kit/BaseTile/BaseTile.tsx

@@ -41,9 +41,8 @@ export const BaseTile = JSX<BaseTileProps>(
         className,
       )}
     >
-      {backImage ? <div className="absolute bottom-0 right-0 z-0">{backImage}</div> : null}
       {title ? <div className="relative">{title}</div> : null}
-      <div className="grow relative flex flex-wrap sm:flex-nowrap justify-between items-stretch gap-3xl">
+      <div className="grow relative flex flex-wrap @xl:flex-nowrap justify-between items-stretch gap-3xl">
         {renderImageContainer(leftImage, { imageAlign })}
         <div
           className={style(
@@ -53,9 +52,12 @@ export const BaseTile = JSX<BaseTileProps>(
         >
           {insetTitle}
           <div className="grow">{children}</div>
+          {backImage ? (
+            <div className="mx-auto sm:absolute sm:-z-10 sm:-bottom-4 sm:-right-4">{backImage}</div>
+          ) : null}
           {buttons}
         </div>
-        {renderImageContainer(rightImage, { className: '-order-1 sm:order-1', imageAlign })}
+        {renderImageContainer(rightImage, { className: '-order-1 @xl:order-1', imageAlign })}
       </div>
     </div>
   ),

package/src/ui-kit/BlockWrapper.tsx

@@ -51,7 +51,7 @@ export const BlockWrapper = JSX<BlockWrapperProps>(
     return (
       <Tag
         className={style(
-          'font-sans',
+          '@container font-sans',
           isGroup ? 'group' : '',
           blockStyles[version],
           isHidden ? 'hidden' : '',

package/src/ui-kit/LinkButton/LinkButton.fixture.mobile.tsx

@@ -0,0 +1,11 @@
+import '../../setup-fixture';
+
+import { LinkButton } from './LinkButton';
+
+export default {
+  primary: (
+    <div>
+      <LinkButton href="#" text="Оформить кредит" />
+    </div>
+  ),
+};

package/src/ui-kit/LinkButton/LinkButton.fixture.tsx

@@ -4,7 +4,7 @@ import { LinkButton } from './LinkButton';
 
 export default {
   primary: (
-    <div className="flex p-10 max-w-sm">
+    <div>
       <LinkButton href="#" text="Оформить кредит" />
     </div>
   ),

package/src/ui-kit/LinkButton/LinkButton.tsx

@@ -2,9 +2,10 @@ import { JSX } from '@redneckz/uni-jsx';
 import { useLink } from '../../hooks/useLink';
 import type { LinkProps } from '../../model/LinkProps';
 import { Img } from '../Img/Img';
+import { style } from '../../utils/style';
 
-const LINK_CLASS_NAME = `absolute border border-primary-main ml-s px-xl py-lg
-  text-l font-light bg-white text-primary-text flex w-[316px]
+const LINK_CLASS_NAME = `absolute border border-primary-main px-xl py-lg
+  text-l font-light bg-white text-primary-text flex
   justify-between items-center group-hover/link:text-primary-main z-10`;
 
 const LINK_BORDER_CLASS_NAME =
@@ -20,12 +21,24 @@ export const LinkButton = JSX<LinkButtonProps>(
     const adjustedProps = link({ href, target });
 
     return text ? (
-      <div className={`relative group/link cursor-pointer w-[328px] h-[82px] ${className}`}>
-        <a className={LINK_CLASS_NAME} role="link" {...adjustedProps}>
-          <div className="p-3xs">{text}</div>
-          <div className="w-6 h-6">
+      <div
+        className={style(
+          'flex max-w-sm relative group/link cursor-pointer w-64 h-16 sm:w-[47%] sm:h-20 sm:mr-m',
+          className,
+        )}
+      >
+        <a
+          className={style(
+            LINK_CLASS_NAME,
+            'rounded-md sm:rounded-none w-full h-12 sm:ml-s sm:w-full sm:h-auto',
+          )}
+          role="link"
+          {...adjustedProps}
+        >
+          <div className="p-0.5">{text}</div>
+          <div className="w-6 h-6 hidden sm:block">
             <Img
-              className="w-4 h-4 min-w-4 min-h-4 rounded-full box-border brightness-0 group-hover/link:brightness-100"
+              className="w-4 h-4 rounded-full box-border brightness-0 group-hover/link:brightness-100"
               image={{ icon: 'ArrowRightIcon', iconVersion: 'black' }}
               imageClassName="group-hover/link:text-primary-main"
               width="24"
@@ -33,8 +46,8 @@ export const LinkButton = JSX<LinkButtonProps>(
             />
           </div>
         </a>
-        <div className={`${LINK_BORDER_CLASS_NAME} mx-1.5 mt-1.5`} />
-        <div className={`${LINK_BORDER_CLASS_NAME} mt-3 mr-3`} />
+        <div className={LINK_BORDER_CLASS_NAME + ' hidden sm:block mx-1.5 mt-1.5'} />
+        <div className={LINK_BORDER_CLASS_NAME + ' hidden sm:block mt-3 mr-3'} />
       </div>
     ) : null;
   },

package/src/ui-kit/LinkList/LinkList.tsx

@@ -6,7 +6,7 @@ import { linkListStyles } from './linkListStyles';
 
 export const LinkList = JSX<LinkListProps>(({ className = '', items }) =>
   items?.length ? (
-    <ul className={style('flex flex-col p-0', linkListStyles, className)}>
+    <ul className={style('flex flex-col', linkListStyles, className)}>
       {items.map(renderLinkListItem)}
     </ul>
   ) : null,
@@ -16,8 +16,8 @@ const renderLinkListItem = (item: LinkProps, i: number) => {
   const { text, ...linkProps } = item;
 
   return (
-    <li key={`list_item_${String(i)}`} className="list-none mb-4 sm:mb-6 sm:last:mb-0">
-      <a className="hover:text-primary-main sm:font-light" role="link" {...linkProps}>
+    <li key={`list_item_${String(i)}`} className="list-none my-xs">
+      <a className="hover:text-primary-main font-light" role="link" {...linkProps}>
         {text ? text : null}
       </a>
     </li>

package/src/ui-kit/LocationDialog/LocationDialog.tsx

@@ -49,7 +49,7 @@ export const LocationDialog = JSX<LocationDialogProps>(
               currentLocation={currentLocation}
               onChangeLocation={handleChangeLocation}
             />
-            <SearchBar onSearch={setQuery} searchTerm={query} className="mb-7" />
+            <SearchBar onSearch={setQuery} searchTerm={query} />
           </div>
         }
       >
@@ -69,7 +69,6 @@ export const LocationDialog = JSX<LocationDialogProps>(
             )}
           </div>
         )}
-
         <ForeignOffices foreignOffices={foreignOffices} />
       </Dialog>
     );
@@ -106,7 +105,7 @@ const renderRegionGroup =
   (onChangeLocation?: (region: Region) => void) =>
   ([letter, regions]: [string, Region[]]) =>
     (
-      <div key={letter} className="break-inside-avoid mb-2xl w-[224px]">
+      <div key={letter} className="break-inside-avoid mb-2xl w-56">
         <div className="mb-s">
           <Text size="text-h6">{letter}</Text>
         </div>

package/src/ui-kit/LocationDialog/SearchBar.tsx

@@ -9,7 +9,7 @@ export interface SearchBarInnerProps {
 export const SearchBar = JSX<SearchBarInnerProps>(({ className, searchTerm, onSearch }) => {
   return (
     <form className={`font-sans relative ${className}`}>
-      <div className="absolute rounded h-full flex items-center justify-center pl-4 max-w-[170px] gap-3.5 pointer-events-none">
+      <div className="absolute rounded h-full flex items-center justify-center pl-4 max-w-44 gap-3.5 pointer-events-none">
         {searchTerm ? null : (
           <label htmlFor="search-bar-input" className={`text-secondary-text `}>
             Поиск по филиалам

package/src/ui-kit/SearchDialog/SearchDialog.tsx

@@ -34,10 +34,7 @@ export const SearchDialog = JSX<SearchDialogProps>(({ topItems }) => {
   useEffect(() => printSearchItems(searchItems), [searchItems]); // Temp
 
   return (
-    <Dialog
-      {...dialogProps}
-      head={<SearchInput className="my-5" autoFocus={true} {...searchInputProps} />}
-    >
+    <Dialog {...dialogProps} head={<SearchInput autoFocus={true} {...searchInputProps} />}>
       <Sitemap topItems={searchItems} />
     </Dialog>
   );

package/src/ui-kit/SlideCheckbox/SlideCheckbox.tsx

@@ -13,19 +13,19 @@ export const SlideCheckbox = JSX<SlideCheckboxProps>(
     <div
       role={type}
       aria-checked={value}
-      className="flex justify-start items-center w-full cursor-pointer mb-3"
+      className="flex justify-start items-center w-full cursor-pointer mb-s"
       onClick={() => onChange && onChange(!value)}
     >
       <div
         className={style(
-          'relative flex-shrink-0 duration-300 w-9 h-5 mr-3 rounded-2xl',
+          'relative flex-shrink-0 duration-300 w-9 h-5 mr-s rounded-2xl',
           value ? 'bg-primary-main' : 'bg-main-divider',
         )}
       >
         <div
           className={style(
             'absolute opacity-80 duration-500 top-0.5 w-4 h-4 bg-white rounded-full',
-            value ? 'left-[50%]' : 'left-[5%]',
+            value ? 'left-1/2' : 'left-[5%]',
           )}
         />
       </div>

package/src/ui-kit/SwipeListControl/SwipeListContainer.tsx

@@ -26,7 +26,7 @@ interface SwipeListContainerProps extends SwipeListContainerContent {
   onVisibleIndicesChange?: (indices: number[]) => void;
 }
 
-const childStyleMap = ['min-w-[100%]', 'min-w-[50%]', 'min-w-[33.33%]', 'min-w-[25%]'];
+const childStyleMap = ['min-w-full', 'min-w-1/2', 'min-w-1/3', 'min-w-1/4'];
 
 export const SwipeListContainer = JSX<SwipeListContainerProps>(
   ({

package/src/ui-kit/SwipeListControl/useSwipeListScroll.ts

@@ -17,13 +17,11 @@ export interface SwipeListScroll {
 
 interface SwipeListScrollProps {
   itemCount: number;
-  isCyclic?: boolean;
   onVisibleIndicesChange?: (indices: number[]) => void;
 }
 
 export const useSwipeListScroll = <E extends HTMLElement>({
   itemCount,
-  isCyclic,
   onVisibleIndicesChange,
 }: SwipeListScrollProps): [containerRef: { current: E | null }, scroll: SwipeListScroll] => {
   const containerRef = useRef<E | null>(null);
@@ -51,32 +49,32 @@ export const useSwipeListScroll = <E extends HTMLElement>({
       return;
     }
 
-    if (isCyclic && !canScrollLeft) {
-      scrollToEnd(containerRef.current);
-    } else {
+    if (canScrollLeft) {
       scrollBy(containerRef.current)(itemCount, -1);
+    } else {
+      scrollToEnd(containerRef.current);
     }
-  }, [isCyclic, itemCount, canScrollLeft]);
+  }, [itemCount, canScrollLeft]);
 
   const scrollRight = useCallback(() => {
     if (!containerRef.current) {
       return;
     }
 
-    if (isCyclic && !canScrollRight) {
-      scrollToStart(containerRef.current);
-    } else {
+    if (canScrollRight) {
       scrollBy(containerRef.current)(itemCount, 1);
+    } else {
+      scrollToStart(containerRef.current);
     }
-  }, [itemCount, isCyclic, canScrollRight]);
+  }, [itemCount, canScrollRight]);
 
   return [
     containerRef,
     {
       scrollLeft,
       scrollRight,
-      canScrollLeft: isCyclic || canScrollLeft,
-      canScrollRight: isCyclic || canScrollRight,
+      canScrollLeft,
+      canScrollRight,
       visibleIndicesRange: [minIndex, maxIndex],
       handleVisibleIndicesChange,
     },

package/src/ui-kit/TableArrowScrollControl/TableArrowScrollControl.tsx

@@ -11,7 +11,7 @@ export const TableArrowScrollControl = JSX<TableArrowScrollControlProps>(
           inc: onNextClick,
           canDec: showPrevButton,
           canInc: showNextButton,
-          btnClass: ['top-[108px]', 'top-[44px]'],
+          btnClass: ['top-28', 'top-12'],
           className: 'right-7',
           isDisabled: true,
         })}

package/src/ui-kit/YandexMap/YandexMap.tsx

@@ -91,7 +91,7 @@ export const YandexMap = JSX<YandexMapProps>(
 
     return (
       <div id="map" className={`${isFullScreen ? '' : 'relative'} w-full ${className}`}>
-        <div className={`absolute flex left-2 top-4 w-[50%] ${zIndex}`}>
+        <div className={`absolute flex left-2 top-4 w-1/2 ${zIndex}`}>
           {showSearchField
             ? renderSearchField(mockPoints, yandexMaps, updatePointsToRender)
             : renderOpenMap(pointsCenter)}

package/tailwind.config.cjs

@@ -1,4 +1,3 @@
-/* eslint-disable no-undef */
 /* eslint-disable @typescript-eslint/no-var-requires */
 
 const defaultTheme = require('tailwindcss/defaultTheme');
@@ -38,19 +37,14 @@ module.exports = {
         '4xl': '2.25rem', // 36px
         '3xl': '2rem', // 32px
         '2xl': '1.75rem', // 28px
-        'xl': '1.5rem', // 24px
-        'lg': '1.25rem', // 20px
-        'm': '1rem', // 16px
-        's': '0.75rem', // 12px
-        'xs': '0.5rem', // 8px
+        xl: '1.5rem', // 24px
+        lg: '1.25rem', // 20px
+        m: '1rem', // 16px
+        s: '0.75rem', // 12px
+        xs: '0.5rem', // 8px
         '2xs': '0.25rem', // 4px
         '3xs': '0.125rem', // 2px
       },
-      padding: {
-        '6xl': '3rem', // 48px
-        '5xl': '2.5rem', // 40px
-        '4xl': '2.25rem', // 36px
-      },
       transitionProperty: {
         height: 'height',
       },
@@ -272,6 +266,6 @@ module.exports = {
       },
     },
   },
-  plugins: [],
+  plugins: [require('@tailwindcss/container-queries')],
   safelist: [],
 };

package/bundle/components/Calculator/renderProposalMortgage.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-declare type porposalMortgage = {
-    credit: number;
-    period: number;
-    taxRefund: number;
-};
-export declare function renderProposalMortgage({ credit, period, taxRefund }: porposalMortgage): JSX.Element;
-export {};

package/bundle/components/CarouselCard/getCardWidth.d.ts

@@ -1 +0,0 @@
-export declare function getCardWidth(className?: string, carouselVersion?: string): string;

package/bundle/components/CarouselRecommendationCard/cardStyle.d.ts

@@ -1 +0,0 @@
-export declare const BORDER_STYLE = "border border-solid border-gray group-data-secondary:border-white/50 group-data-gray:border-main-divider";

package/bundle/components/Footer/SocialMedia.mobile.d.ts

@@ -1,6 +0,0 @@
-import type { LinkProps } from '../../model/LinkProps';
-export interface SocialMediaProps {
-    className?: string;
-    media?: Omit<LinkProps, 'text'>[];
-}
-export declare const SocialMedia: import("@redneckz/uni-jsx").UNIComponent<SocialMediaProps, any, any>;

package/bundle/components/Footer/buttonStylesWithText.mobile.d.ts

@@ -1,2 +0,0 @@
-import { ButtonSize } from './MediaButton';
-export declare const buttonStylesWithText: (text: string, buttonSize: ButtonSize) => string;

package/bundle/components/Header/HeaderBurger.d.ts

@@ -1,9 +0,0 @@
-import type { VNode } from '../../model/VNode';
-import type { DispositionItem } from './HeaderContent';
-export interface HeaderBurgerProps {
-    onClick: () => void;
-    burgerSubMenu?: DispositionItem[];
-    defaultLocation?: string;
-    children?: VNode;
-}
-export declare const HeaderBurger: import("@redneckz/uni-jsx").UNIComponent<HeaderBurgerProps, any, any>;

package/bundle/components/SafeDepositRental/RenderRadioButtons.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare const RenderRadioButtons: import("@redneckz/uni-jsx").UNIComponent<{}, any, JSX.Element>;

package/dist/components/Calculator/renderProposalMortgage.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-declare type porposalMortgage = {
-    credit: number;
-    period: number;
-    taxRefund: number;
-};
-export declare function renderProposalMortgage({ credit, period, taxRefund }: porposalMortgage): JSX.Element;
-export {};

package/dist/components/Calculator/renderProposalMortgage.js

@@ -1,10 +0,0 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.renderProposalMortgage = void 0;
-const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
-const CalculatorValueBlock_1 = require("./CalculatorValueBlock");
-const monthlyPayment = 777777; // TODO: hardcode
-function renderProposalMortgage({ credit, period, taxRefund }) {
-    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex justify-between", children: [(0, jsx_runtime_1.jsx)(CalculatorValueBlock_1.CalculatorValueBlock, { title: "\u0421\u0443\u043C\u043C\u0430 \u043A\u0440\u0435\u0434\u0438\u0442\u0430", value: credit, postfix: "\u20BD" }), (0, jsx_runtime_1.jsx)(CalculatorValueBlock_1.CalculatorValueBlock, { title: "\u0421\u0440\u043E\u043A", value: period, postfix: "\u043B\u0435\u0442", className: "w-[120px]" })] }), (0, jsx_runtime_1.jsx)(CalculatorValueBlock_1.CalculatorValueBlock, { title: "\u0415\u0436\u0435\u043C\u0435\u0441\u044F\u0447\u043D\u044B\u0439 \u043F\u043B\u0430\u0442\u0435\u0436", value: monthlyPayment, postfix: "\u20BD" }), (0, jsx_runtime_1.jsx)(CalculatorValueBlock_1.CalculatorValueBlock, { title: "\u041D\u0430\u043B\u043E\u0433\u043E\u0432\u044B\u0439 \u0432\u044B\u0447\u0435\u0442", value: taxRefund, postfix: "\u20BD" })] }));
-}
-exports.renderProposalMortgage = renderProposalMortgage;
-//# sourceMappingURL=renderProposalMortgage.js.map

package/dist/components/Calculator/renderProposalMortgage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"renderProposalMortgage.js","sourceRoot":"","sources":["../../../src/components/Calculator/renderProposalMortgage.tsx"],"names":[],"mappings":";;;AAAA,iEAA8D;AAQ9D,MAAM,cAAc,GAAG,MAAM,CAAC,CAAC,iBAAiB;AAEhD,SAAgB,sBAAsB,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAoB;IACpF,OAAO,CACL,4CACE,iCAAK,SAAS,EAAC,sBAAsB,aAClC,uBAAC,2CAAoB,IAAC,KAAK,EAAC,2EAAe,EAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAC,QAAG,GAAG,EACzE,uBAAC,2CAAoB,IAAC,KAAK,EAAC,0BAAM,EAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAC,oBAAK,EAAC,SAAS,EAAC,WAAW,GAAG,IACrF,EACL,uBAAC,2CAAoB,IAAC,KAAK,EAAC,yGAAoB,EAAC,KAAK,EAAE,cAAc,EAAE,OAAO,EAAC,QAAG,GAAG,EACtF,uBAAC,2CAAoB,IAAC,KAAK,EAAC,uFAAiB,EAAC,KAAK,EAAE,SAAS,EAAE,OAAO,EAAC,QAAG,GAAG,IAC3E,CACP,CAAC;AACJ,CAAC;AAXD,wDAWC"}

package/dist/components/CarouselCard/getCardWidth.d.ts

@@ -1 +0,0 @@
-export declare function getCardWidth(className?: string, carouselVersion?: string): string;

package/dist/components/CarouselCard/getCardWidth.js

@@ -1,18 +0,0 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getCardWidth = void 0;
-const getColSpan_1 = require("../../utils/getColSpan");
-const CARD_WIDTH_MAP = {
-    normal: 'min-w-[970px]',
-    small: 'min-w-[355px]',
-};
-function getCardWidth(className = '', carouselVersion = 'normal') {
-    const colSpan = (0, getColSpan_1.getColSpan)(className);
-    if (colSpan <= 4) {
-        return 'w-[375px]';
-    }
-    else {
-        return CARD_WIDTH_MAP[carouselVersion];
-    }
-}
-exports.getCardWidth = getCardWidth;
-//# sourceMappingURL=getCardWidth.js.map

package/dist/components/CarouselCard/getCardWidth.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"getCardWidth.js","sourceRoot":"","sources":["../../../src/components/CarouselCard/getCardWidth.tsx"],"names":[],"mappings":";;AACA,uDAAoD;AAEpD,MAAM,cAAc,GAAgC;IAClD,MAAM,EAAE,eAAe;IACvB,KAAK,EAAE,eAAe;CACvB,CAAC;AAEF,SAAgB,YAAY,CAAC,SAAS,GAAG,EAAE,EAAE,eAAe,GAAG,QAAQ;IACrE,MAAM,OAAO,GAAG,IAAA,uBAAU,EAAC,SAAS,CAAC,CAAC;IACtC,IAAI,OAAO,IAAI,CAAC,EAAE;QAChB,OAAO,WAAW,CAAC;KACpB;SAAM;QACL,OAAO,cAAc,CAAC,eAAe,CAAW,CAAC;KAClD;AACH,CAAC;AAPD,oCAOC"}

package/dist/components/CarouselRecommendationCard/cardStyle.d.ts

@@ -1 +0,0 @@
-export declare const BORDER_STYLE = "border border-solid border-gray group-data-secondary:border-white/50 group-data-gray:border-main-divider";