@redneckz/wildless-cms-uni-blocks 0.6.50 → 0.7.2

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

@@ -2,7 +2,8 @@ import { JSX } from '@redneckz/uni-jsx';
 import { useCallback, useRef } from '@redneckz/uni-jsx/lib/hooks';
 import type { IntersectionObserverOptions } from '../../hooks/useIntersectionObserver';
 import { mapChildren } from '../../utils/mapChildren';
-import type { SwipeContainerProps } from './SwipeListControlProps';
+import { style } from '../../utils/style';
+import type { SwipeContainerProps, SwipeListControlType } from './SwipeListControlProps';
 import { SwipeListItem } from './SwipeListItem';
 
 type ItemsVisibilityList = Array<IntersectionObserverEntry | undefined>;
@@ -20,6 +21,7 @@ interface SwipeListContainerProps extends SwipeContainerProps {
   snapAlign?: 'snap-start' | 'snap-center' | 'snap-end';
   onVisibleItemsChange?: (itemsVisibilityList: ItemsVisibilityList) => void;
   onVisibleIndicesChange?: (indices: number[]) => void;
+  listType?: SwipeListControlType;
 }
 
 const childStyleMap = ['min-w-[100%]', 'min-w-[50%]', 'min-w-[33.33%]', 'min-w-[25%]'];
@@ -32,6 +34,7 @@ export const SwipeListContainer = JSX<SwipeListContainerProps>(
     visibleItemCount = 0,
     gap = 0,
     padding = 0,
+    listType = 'horizontal-list',
     snapAlign = 'snap-center',
     children,
     onVisibleItemsChange,
@@ -54,25 +57,31 @@ export const SwipeListContainer = JSX<SwipeListContainerProps>(
       },
       [onVisibleItemsChange, onVisibleIndicesChange],
     );
+
     const additionPadding = visibleItemCount > 0 ? gap * Number(visibleItemCount) - 1 : 0;
 
+    const isHorizontalList = listType === 'horizontal-list';
+    const containerStyle = {
+      ...(isHorizontalList ? getContainerStyle(padding, additionPadding) : {}),
+      gap: `${gap}px`,
+    };
+
     return (
       <div
-        className={`box-border overflow-auto flex horizontal-list no-scrollbar ${className}`}
-        style={{
-          ...getContainerStyle(padding, additionPadding),
-          gap: `${gap}px`,
-        }}
+        className={style('box-border overflow-auto no-scrollbar', listType, className)}
+        style={containerStyle}
         role="list"
         ref={containerRef}
       >
         {mapChildren((child, idx) => (
           <SwipeListItem
             key={String(idx)}
-            className={`${snapAlign} ${
-              visibleItemCount ? childStyleMap[visibleItemCount - 1] : ''
-            }`}
-            style={getContainerStyle(padding / 4)}
+            className={style(
+              snapAlign,
+              visibleItemCount ? childStyleMap[visibleItemCount - 1] : '',
+              listType === 'vertical-list' ? 'h-full' : '',
+            )}
+            style={isHorizontalList ? getContainerStyle(padding / 4) : {}}
             activeIndex={activeIndex}
             idx={idx}
             observerOptions={observerOptions}

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

@@ -3,7 +3,7 @@ import '../../setup-fixture';
 import { SwipeListControl } from './SwipeListControl';
 
 const renderElement = (_: any, i: number): VNode => (
-  <div key={String(i)} className="border border-gray rounded-md text-center h-12">
+  <div key={String(i)} className="border border-gray rounded-md text-center h-full">
     {`Element #${i}`}
   </div>
 );
@@ -45,4 +45,9 @@ export default {
       <SwipeListControl>string content</SwipeListControl>
     </div>
   ),
+  vertical: (
+    <div className="px-4 py-5 bg-white h-80">
+      <SwipeListControl listType="vertical-list">{generateChildren(3)}</SwipeListControl>
+    </div>
+  ),
 };

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

@@ -1,4 +1,5 @@
 import { JSX } from '@redneckz/uni-jsx';
+import { style } from '../../utils/style';
 import { SwipeListContainer } from './SwipeListContainer';
 import { SwipeListControlDots } from './SwipeListControlDots';
 import type { SwipeListControlProps } from './SwipeListControlProps';
@@ -15,12 +16,13 @@ const DEFAULT_PADDING = 16;
 
 export const SwipeListControl = JSX<SwipeListControlProps>(
   ({
-    className,
+    className = '',
     gap = DEFAULT_GAP,
     padding = DEFAULT_PADDING,
     showDots = true,
     children,
     onVisibleIndicesChange,
+    listType = 'horizontal-list',
   }) => {
     const itemCount = Array.isArray(children) ? children.length : 0;
 
@@ -31,7 +33,7 @@ export const SwipeListControl = JSX<SwipeListControlProps>(
     const [activeIndex] = scroll.visibleIndicesRange;
 
     return (
-      <div className={className}>
+      <div className={style(className, listType === 'vertical-list' ? 'relative h-full' : '')}>
         <SwipeListContainer
           containerRef={containerRef}
           activeIndex={activeIndex}
@@ -39,6 +41,7 @@ export const SwipeListControl = JSX<SwipeListControlProps>(
           gap={gap}
           padding={padding}
           onVisibleIndicesChange={scroll.handleVisibleIndicesChange}
+          listType={listType}
         >
           {children}
         </SwipeListContainer>
@@ -47,6 +50,7 @@ export const SwipeListControl = JSX<SwipeListControlProps>(
             containerRef={containerRef}
             activeIndex={activeIndex}
             dotCount={itemCount}
+            listType={listType}
           />
         ) : null}
       </div>

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

@@ -1,15 +1,29 @@
 import { JSX } from '@redneckz/uni-jsx';
+import type { SwipeListControlType } from './SwipeListControlProps';
 
-const dotStyle = 'cursor-pointer bg-primary-main h-2 rounded-full transition-width duration-300';
+const containerStyles: Record<SwipeListControlType, string> = {
+  'horizontal-list': 'mx-auto mt-5 w-fit',
+  'vertical-list': 'absolute flex-col justify-center h-full top-0 left-4',
+};
+
+const activeDotStyles: Record<SwipeListControlType, string> = {
+  'horizontal-list': 'w-6',
+  'vertical-list': 'h-6',
+};
+
+const dotStyle = 'cursor-pointer bg-primary-main rounded-full transition-width duration-300';
+
+const inactiveDotStyle = 'w-2 h-2 opacity-30';
 
 interface SwipeListControlDotsProps {
   containerRef?: { current: HTMLDivElement | null };
   activeIndex?: number;
   dotCount?: number;
+  listType?: SwipeListControlType;
 }
 
 export const SwipeListControlDots = JSX<SwipeListControlDotsProps>(
-  ({ containerRef, activeIndex, dotCount = 0 }) => {
+  ({ containerRef, activeIndex, dotCount = 0, listType = 'horizontal-list' }) => {
     const handleClick = (idx: number) => {
       if (idx !== activeIndex && containerRef?.current) {
         containerRef.current.children[idx]?.scrollIntoView({
@@ -20,11 +34,13 @@ export const SwipeListControlDots = JSX<SwipeListControlDotsProps>(
     };
 
     return dotCount ? (
-      <div className="flex gap-2 mx-auto mt-5 w-fit">
+      <div className={`flex gap-2 ${containerStyles[listType]}`}>
         {new Array(dotCount).fill(null).map((_, idx: number) => (
           <div
             key={String(idx)}
-            className={`${dotStyle} ${idx === activeIndex ? 'w-6' : 'w-2 opacity-30'}`}
+            className={`${dotStyle} ${
+              idx === activeIndex ? activeDotStyles[listType] : inactiveDotStyle
+            }`}
             role="button"
             aria-hidden
             onClick={() => handleClick(idx)}

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

@@ -1,3 +1,9 @@
+/**
+ * @title Вид
+ * @enumNames ["Горизонтальный", "Вертикальный"]
+ */
+export type SwipeListControlType = 'horizontal-list' | 'vertical-list';
+
 /**
  * @title Контейнер
  */
@@ -15,5 +21,7 @@ export interface SwipeListControlProps extends SwipeContainerProps {
   className?: string;
   /** @title Точки-индикаторы */
   showDots?: boolean;
+  /** @hidden */
   onVisibleIndicesChange?: (indices: number[]) => void;
+  listType?: SwipeListControlType;
 }

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

@@ -8,8 +8,6 @@ interface TextProps {
   font?: FontWeight;
 }
 
-export const Text = JSX<TextProps>(({ size, color, align, font, children }) => (
-  <span className={['font-sans', size, color, align, font].filter(Boolean).join(' ')}>
-    {children}
-  </span>
+export const Text = JSX<TextProps>(({ children, ...style }) => (
+  <span className={['font-sans', ...Object.values(style)].join(' ')}>{children}</span>
 ));

package/src/ui-kit/Text/TextProps.ts

@@ -1,3 +1,5 @@
+import { BlockVersionMolecule } from '../../model/BlockVersion';
+
 /**
  * @title Размер текста
  */
@@ -35,7 +37,7 @@ export type TitleSize =
 /**
  * @title Цвет текста
  */
-export type TextColor =
+export type TextColor = BlockVersionMolecule<
   | ''
   | 'text-main'
   | 'text-primary-text'
@@ -45,7 +47,8 @@ export type TextColor =
   | 'text-error'
   | 'text-white'
   | 'text-white/80'
-  | 'text-green';
+  | 'text-green'
+>;
 
 /**
  * @title Выравнивание

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

@@ -1,7 +1,7 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useLink } from '../../hooks/useLink';
-import type { BgColorVersion } from '../../model/BgColorVersion';
 import type { LinkProps } from '../../model/LinkProps';
+import { style } from '../../utils/style';
 
 export interface TopItemContent extends LinkProps {
   active?: boolean;
@@ -11,50 +11,44 @@ export interface TopItemProps extends TopItemContent {
   className?: string;
   flat?: boolean;
   ariaLabel?: string;
-  bgColor?: BgColorVersion;
   dataItemName?: string;
   onClick?: () => void;
 }
 
-const TEXT_CLASSES = 'font-sans text-s-light';
-const LINK_CLASSES = 'inline-block border border-solid bg-transparent text-center no-underline';
-
 export const TopItem = JSX<TopItemProps>(
-  ({ className = '', active, flat, ariaLabel, bgColor = 'bg-white', children, ...rest }) => {
+  ({ className = '', active, flat, ariaLabel, children, ...rest }) => {
     const link = useLink();
     const { href, target, text, onClick } = link(rest);
 
     return (
       <a
-        className={`${getLinkClasses(bgColor, active, flat)} ${className}`}
+        className={`${getLinkStyle(active, flat)} ${className}`}
         href={href}
         target={target}
         onClick={onClick}
         rel="noopener noreferrer"
         aria-label={ariaLabel}
       >
-        <span className={getTextClasses(bgColor, active, flat)}>{text || children}</span>
+        <span className={getTextStyle(active, flat)}>{text || children}</span>
       </a>
     );
   },
 );
 
-const getLinkClasses = (bgColor: BgColorVersion, active = false, flat = false) => {
-  let classes = 'border-transparent';
-  if (active) {
-    classes = `rounded-md ${bgColor === 'bg-white' ? 'border-primary-main' : 'border-white'}`;
-  }
-
-  return `${classes} ${LINK_CLASSES} ${flat ? '' : 'px-4 py-2'}`;
-};
-
-const getTextClasses = (bgColor: BgColorVersion, active = false, flat = false) => {
-  if (bgColor === 'transparent') {
-    return `text-white hover:text-primary-hover ${TEXT_CLASSES}`;
-  }
-  const nonActiveAtoms = `${
-    flat ? 'text-primary-text' : 'text-secondary-text'
-  } hover:text-primary-main`;
-
-  return `${active ? 'text-primary-main' : nonActiveAtoms} ${TEXT_CLASSES}`;
-};
+const getLinkStyle = (active = false, flat = false) =>
+  style(
+    'inline-block border border-solid bg-transparent text-center no-underline',
+    active
+      ? 'rounded-md border-primary-main group-data-transparent:border-white'
+      : 'border-transparent',
+    flat ? '' : 'px-4 py-2',
+  );
+
+const getTextStyle = (active = false, flat = false) =>
+  style(
+    'font-sans text-s-light',
+    active
+      ? 'text-primary-main'
+      : style(flat ? 'text-primary-text' : 'text-secondary-text', 'hover:text-primary-main'),
+    'group-data-transparent:text-white group-data-transparent:hover:text-primary-hover',
+  );

package/src/utils/getColSpan.ts

@@ -1,6 +1,6 @@
-export const getColSpan = (className: string) => {
+export const getColSpan = (className?: string): number => {
   const colSpanPrefix = 'col-span-';
-  const colSpanStr = className.split(/\s+/).find((_) => _.startsWith(colSpanPrefix));
+  const colSpanStr = className?.split(/\s+/).find((_) => _.startsWith(colSpanPrefix));
 
   return colSpanStr ? parseInt(colSpanStr.substring(colSpanPrefix.length), 10) : 12;
 };

package/src/utils/style.ts

@@ -0,0 +1,7 @@
+type Atom = string | null | undefined;
+
+export const style = (...atoms: Array<Atom | Atom[]>): string =>
+  atoms
+    .flatMap((_) => _)
+    .filter(Boolean)
+    .join(' ');

package/tailwind.config.cjs

@@ -25,6 +25,12 @@ module.exports = {
     container: {
       center: true,
     },
+    data: {
+      primary: 'ver="primary"',
+      secondary: 'ver="secondary"',
+      gray: 'ver="gray"',
+      transparent: 'ver="transparent"',
+    },
     extend: {
       transitionProperty: {
         height: 'height',

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

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import type { ButtonWithIconProps } from '../../ui-kit/Button/ButtonProps';
-export declare function renderButtonSection(buttons?: ButtonWithIconProps[]): JSX.Element | null;

package/bundle/components/Headline/Headline.mobile.d.ts

@@ -1,5 +0,0 @@
-import type { UniBlockProps } from '../../model/JSXBlock';
-import type { HeadlineContent } from './HeadlineContent';
-export interface HeadlineProps extends UniBlockProps, HeadlineContent {
-}
-export declare const Headline: import("@redneckz/uni-jsx").UNIComponent<HeadlineProps, any, any>;

package/bundle/components/Headline/headlineStyles.d.ts

@@ -1,7 +0,0 @@
-import type { BlockVersionWithTransparent } from '../../model/BlockVersion';
-import type { TextColor } from '../../ui-kit/Text/TextProps';
-export declare const headlineStyles: Record<BlockVersionWithTransparent, {
-    wrapper: string;
-    titleColor: TextColor;
-    descriptionColor?: TextColor;
-}>;

package/bundle/components/StepsBlock/renderItems.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import type { BlockVersion } from '../../model/BlockVersion';
-export declare const renderItems: ({ items, isDotted, version, className, }: {
-    items?: string[] | undefined;
-    isDotted?: boolean | undefined;
-    version?: BlockVersion | undefined;
-    className?: string | undefined;
-}) => JSX.Element | null;

package/bundle/model/BorderVersion.d.ts

@@ -1,6 +0,0 @@
-/**
- * @title Цвет бордера
- * @enumNames ["Основной", "Второстепенный"]
- */
-export declare type BorderVersion = 'primary' | 'secondary';
-export declare const BorderVersionStyleMap: Record<BorderVersion, string>;

package/bundle/ui-kit/Button/ButtonSection.d.ts

@@ -1,13 +0,0 @@
-/// <reference types="react" />
-import type { ButtonContent, ButtonWithIconProps } from './ButtonProps';
-export interface ButtonSectionProps extends ButtonContent {
-    className?: string;
-}
-interface RenderButtonProps {
-    button: ButtonWithIconProps;
-    buttonClassName?: string;
-    index?: number;
-}
-export declare const ButtonSection: import("@redneckz/uni-jsx").UNIComponent<ButtonSectionProps, any, any>;
-export declare function renderButton({ button, buttonClassName, index }: RenderButtonProps): JSX.Element | null;
-export {};

package/bundle/utils/style2className.d.ts

@@ -1 +0,0 @@
-export declare function style2className(style: string[] | undefined | null): string;

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

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import type { ButtonWithIconProps } from '../../ui-kit/Button/ButtonProps';
-export declare function renderButtonSection(buttons?: ButtonWithIconProps[]): JSX.Element | null;

package/dist/components/Calculator/renderButtonSection.js

@@ -1,9 +0,0 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.renderButtonSection = void 0;
-const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
-const ButtonSection_1 = require("../../ui-kit/Button/ButtonSection");
-function renderButtonSection(buttons) {
-    return buttons?.length ? ((0, jsx_runtime_1.jsx)(ButtonSection_1.ButtonSection, { buttons: buttons, className: "flex flex-col mt-7 gap-2" })) : null;
-}
-exports.renderButtonSection = renderButtonSection;
-//# sourceMappingURL=renderButtonSection.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"renderButtonSection.js","sourceRoot":"","sources":["../../../src/components/Calculator/renderButtonSection.tsx"],"names":[],"mappings":";;;AACA,qEAAkE;AAElE,SAAgB,mBAAmB,CAAC,OAA+B;IACjE,OAAO,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,CACvB,uBAAC,6BAAa,IAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAC,0BAA0B,GAAG,CACzE,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC;AAJD,kDAIC"}

package/dist/components/Headline/Headline.mobile.d.ts

@@ -1,5 +0,0 @@
-import type { UniBlockProps } from '../../model/JSXBlock';
-import type { HeadlineContent } from './HeadlineContent';
-export interface HeadlineProps extends UniBlockProps, HeadlineContent {
-}
-export declare const Headline: import("@redneckz/uni-jsx").UNIComponent<HeadlineProps, any, any>;

package/dist/components/Headline/Headline.mobile.js

@@ -1,13 +0,0 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Headline = void 0;
-const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
-const uni_jsx_1 = require("@redneckz/uni-jsx");
-const Heading_1 = require("../../ui-kit/Heading/Heading");
-const Img_1 = require("../../ui-kit/Img/Img");
-const Paragraph_1 = require("../../ui-kit/Paragraph/Paragraph");
-const headlineStyles_1 = require("./headlineStyles");
-exports.Headline = (0, uni_jsx_1.JSX)(({ className = '', title, description, image, bgColorHeadline = 'transparent', align = 'text-left', }) => {
-    const style = headlineStyles_1.headlineStyles[bgColorHeadline];
-    return ((0, jsx_runtime_1.jsxs)("section", { className: `px-4 py-6 flex flex-col gap-2.5 ${style.wrapper} ${className}`, children: [title ? ((0, jsx_runtime_1.jsx)(Heading_1.Heading, { headingType: "h2", className: `${style.titleColor} ${align}`, title: title })) : null, description ? ((0, jsx_runtime_1.jsx)(Paragraph_1.Paragraph, { color: style.descriptionColor || style.titleColor, size: "text-m", align: align, children: description })) : null, image?.src && ((0, jsx_runtime_1.jsx)("div", { className: "mt-2.5 mx-auto flex justify-center", children: (0, jsx_runtime_1.jsx)(Img_1.Img, { image: image }) }))] }));
-});
-//# sourceMappingURL=Headline.mobile.js.map

package/dist/components/Headline/Headline.mobile.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Headline.mobile.js","sourceRoot":"","sources":["../../../src/components/Headline/Headline.mobile.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAExC,0DAAuD;AACvD,8CAA2C;AAC3C,gEAA6D;AAE7D,qDAAkD;AAIrC,QAAA,QAAQ,GAAG,IAAA,aAAG,EACzB,CAAC,EACC,SAAS,GAAG,EAAE,EACd,KAAK,EACL,WAAW,EACX,KAAK,EACL,eAAe,GAAG,aAAa,EAC/B,KAAK,GAAG,WAAW,GACpB,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,+BAAc,CAAC,eAAe,CAAC,CAAC;IAE9C,OAAO,CACL,qCAAS,SAAS,EAAE,mCAAmC,KAAK,CAAC,OAAO,IAAI,SAAS,EAAE,aAChF,KAAK,CAAC,CAAC,CAAC,CACP,uBAAC,iBAAO,IAAC,WAAW,EAAC,IAAI,EAAC,SAAS,EAAE,GAAG,KAAK,CAAC,UAAU,IAAI,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,GAAI,CACtF,CAAC,CAAC,CAAC,IAAI,EACP,WAAW,CAAC,CAAC,CAAC,CACb,uBAAC,qBAAS,IAAC,KAAK,EAAE,KAAK,CAAC,gBAAgB,IAAI,KAAK,CAAC,UAAU,EAAE,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAE,KAAK,YACrF,WAAW,GACF,CACb,CAAC,CAAC,CAAC,IAAI,EACP,KAAK,EAAE,GAAG,IAAI,CACb,gCAAK,SAAS,EAAC,oCAAoC,YACjD,uBAAC,SAAG,IAAC,KAAK,EAAE,KAAK,GAAI,GACjB,CACP,IACO,CACX,CAAC;AACJ,CAAC,CACF,CAAC"}

package/dist/components/Headline/headlineStyles.d.ts

@@ -1,7 +0,0 @@
-import type { BlockVersionWithTransparent } from '../../model/BlockVersion';
-import type { TextColor } from '../../ui-kit/Text/TextProps';
-export declare const headlineStyles: Record<BlockVersionWithTransparent, {
-    wrapper: string;
-    titleColor: TextColor;
-    descriptionColor?: TextColor;
-}>;

package/dist/components/Headline/headlineStyles.js

@@ -1,18 +0,0 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.headlineStyles = void 0;
-exports.headlineStyles = {
-    transparent: {
-        wrapper: 'bg-transparent',
-        titleColor: 'text-primary-text',
-    },
-    primary: {
-        wrapper: 'bg-white',
-        titleColor: 'text-primary-text',
-    },
-    secondary: {
-        wrapper: 'bg-primary-main',
-        titleColor: 'text-white',
-        descriptionColor: 'text-white/80',
-    },
-};
-//# sourceMappingURL=headlineStyles.js.map

package/dist/components/Headline/headlineStyles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"headlineStyles.js","sourceRoot":"","sources":["../../../src/components/Headline/headlineStyles.ts"],"names":[],"mappings":";;AAGa,QAAA,cAAc,GAOvB;IACF,WAAW,EAAE;QACX,OAAO,EAAE,gBAAgB;QACzB,UAAU,EAAE,mBAAmB;KAChC;IACD,OAAO,EAAE;QACP,OAAO,EAAE,UAAU;QACnB,UAAU,EAAE,mBAAmB;KAChC;IACD,SAAS,EAAE;QACT,OAAO,EAAE,iBAAiB;QAC1B,UAAU,EAAE,YAAY;QACxB,gBAAgB,EAAE,eAAe;KAClC;CACF,CAAC"}

package/dist/components/StepsBlock/renderItems.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import type { BlockVersion } from '../../model/BlockVersion';
-export declare const renderItems: ({ items, isDotted, version, className, }: {
-    items?: string[] | undefined;
-    isDotted?: boolean | undefined;
-    version?: BlockVersion | undefined;
-    className?: string | undefined;
-}) => JSX.Element | null;

package/dist/components/StepsBlock/renderItems.js

@@ -1,7 +0,0 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.renderItems = void 0;
-const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
-const List_1 = require("../../ui-kit/List/List");
-const renderItems = ({ items, isDotted = true, version = 'primary', className = '', }) => items ? ((0, jsx_runtime_1.jsx)(List_1.List, { className: className, version: version, items: items, listItemSize: "M", isDotted: isDotted })) : null;
-exports.renderItems = renderItems;
-//# sourceMappingURL=renderItems.js.map

package/dist/components/StepsBlock/renderItems.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"renderItems.js","sourceRoot":"","sources":["../../../src/components/StepsBlock/renderItems.tsx"],"names":[],"mappings":";;;AAAA,iDAA8C;AAGvC,MAAM,WAAW,GAAG,CAAC,EAC1B,KAAK,EACL,QAAQ,GAAG,IAAI,EACf,OAAO,GAAG,SAAS,EACnB,SAAS,GAAG,EAAE,GAMf,EAAE,EAAE,CACH,KAAK,CAAC,CAAC,CAAC,CACN,uBAAC,WAAI,IACH,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,YAAY,EAAC,GAAG,EAChB,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC,CAAC,CAAC,IAAI,CAAC;AAnBE,QAAA,WAAW,eAmBb"}

package/dist/model/BorderVersion.d.ts

@@ -1,6 +0,0 @@
-/**
- * @title Цвет бордера
- * @enumNames ["Основной", "Второстепенный"]
- */
-export declare type BorderVersion = 'primary' | 'secondary';
-export declare const BorderVersionStyleMap: Record<BorderVersion, string>;

package/dist/model/BorderVersion.js

@@ -1,7 +0,0 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BorderVersionStyleMap = void 0;
-exports.BorderVersionStyleMap = {
-    primary: 'border-gray',
-    secondary: 'border-white/50',
-};
-//# sourceMappingURL=BorderVersion.js.map

package/dist/model/BorderVersion.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BorderVersion.js","sourceRoot":"","sources":["../../src/model/BorderVersion.ts"],"names":[],"mappings":";;AAMa,QAAA,qBAAqB,GAAkC;IAClE,OAAO,EAAE,aAAa;IACtB,SAAS,EAAE,iBAAiB;CAC7B,CAAC"}

package/dist/ui-kit/Button/ButtonSection.d.ts

@@ -1,13 +0,0 @@
-/// <reference types="react" />
-import type { ButtonContent, ButtonWithIconProps } from './ButtonProps';
-export interface ButtonSectionProps extends ButtonContent {
-    className?: string;
-}
-interface RenderButtonProps {
-    button: ButtonWithIconProps;
-    buttonClassName?: string;
-    index?: number;
-}
-export declare const ButtonSection: import("@redneckz/uni-jsx").UNIComponent<ButtonSectionProps, any, any>;
-export declare function renderButton({ button, buttonClassName, index }: RenderButtonProps): JSX.Element | null;
-export {};

package/dist/ui-kit/Button/ButtonSection.js

@@ -1,23 +0,0 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.renderButton = exports.ButtonSection = void 0;
-const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
-const uni_jsx_1 = require("@redneckz/uni-jsx");
-const Img_1 = require("../Img/Img");
-const Button_1 = require("./Button");
-exports.ButtonSection = (0, uni_jsx_1.JSX)(({ className = '', buttons }) => buttons && buttons?.length ? ((0, jsx_runtime_1.jsx)("div", { className: className, children: buttons.map((button, index) => renderButton({ button, index })) })) : null);
-function renderButton({ button, buttonClassName, index }) {
-    const { icon, iconRight, version, text, ...rest } = button;
-    const iconVersion = version === 'secondary' ? 'color' : 'white';
-    const leftIcon = renderButtonIcon({ ...icon, iconVersion: iconVersion });
-    const rightIcon = renderButtonIcon({ ...iconRight, iconVersion: iconVersion });
-    return text ? ((0, jsx_runtime_1.jsx)(Button_1.Button, { className: buttonClassName, appendLeft: leftIcon, appendRight: rightIcon, version: version, text: text, ...rest }, index ? String(index) : '')) : null;
-}
-exports.renderButton = renderButton;
-const renderButtonIcon = (icon) => {
-    if (!icon?.icon && !icon?.src) {
-        return null;
-    }
-    const iconWidth = icon?.size?.width ? `${icon.size.width}` : '24';
-    return (0, jsx_runtime_1.jsx)(Img_1.Img, { image: icon, width: iconWidth, height: "24", asSVG: true });
-};
-//# sourceMappingURL=ButtonSection.js.map

package/dist/ui-kit/Button/ButtonSection.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ButtonSection.js","sourceRoot":"","sources":["../../../src/ui-kit/Button/ButtonSection.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAExC,oCAAiC;AACjC,qCAAkC;AAYrB,QAAA,aAAa,GAAG,IAAA,aAAG,EAAqB,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,CACnF,OAAO,IAAI,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,CAC3B,gCAAK,SAAS,EAAE,SAAS,YACtB,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,YAAY,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC,GAC5D,CACP,CAAC,CAAC,CAAC,IAAI,CACT,CAAC;AAEF,SAAgB,YAAY,CAAC,EAAE,MAAM,EAAE,eAAe,EAAE,KAAK,EAAqB;IAChF,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,GAAG,MAAM,CAAC;IAE3D,MAAM,WAAW,GAAG,OAAO,KAAK,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC;IAChE,MAAM,QAAQ,GAAG,gBAAgB,CAAC,EAAE,GAAG,IAAI,EAAE,WAAW,EAAE,WAAW,EAAa,CAAC,CAAC;IACpF,MAAM,SAAS,GAAG,gBAAgB,CAAC,EAAE,GAAG,SAAS,EAAE,WAAW,EAAE,WAAW,EAAa,CAAC,CAAC;IAE1F,OAAO,IAAI,CAAC,CAAC,CAAC,CACZ,uBAAC,eAAM,IAEL,SAAS,EAAE,eAAe,EAC1B,UAAU,EAAE,QAAQ,EACpB,WAAW,EAAE,SAAS,EACtB,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,KACN,IAAI,IANH,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAO/B,CACH,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC;AAlBD,oCAkBC;AAED,MAAM,gBAAgB,GAAG,CAAC,IAAa,EAAE,EAAE;IACzC,IAAI,CAAC,IAAI,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,GAAG,EAAE;QAC7B,OAAO,IAAI,CAAC;KACb;IACD,MAAM,SAAS,GAAG,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;IAElE,OAAO,uBAAC,SAAG,IAAC,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAC,IAAI,EAAC,KAAK,SAAG,CAAC;AAClE,CAAC,CAAC"}

package/dist/utils/style2className.d.ts

@@ -1 +0,0 @@
-export declare function style2className(style: string[] | undefined | null): string;

package/dist/utils/style2className.js

@@ -1,7 +0,0 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.style2className = void 0;
-function style2className(style) {
-    return style ? style.filter(Boolean).join(' ') : '';
-}
-exports.style2className = style2className;
-//# sourceMappingURL=style2className.js.map

package/dist/utils/style2className.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"style2className.js","sourceRoot":"","sources":["../../src/utils/style2className.ts"],"names":[],"mappings":";;AAAA,SAAgB,eAAe,CAAC,KAAkC;IAChE,OAAO,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;AACtD,CAAC;AAFD,0CAEC"}

package/lib/components/Calculator/renderButtonSection.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import type { ButtonWithIconProps } from '../../ui-kit/Button/ButtonProps';
-export declare function renderButtonSection(buttons?: ButtonWithIconProps[]): JSX.Element | null;

package/lib/components/Calculator/renderButtonSection.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
-import { ButtonSection } from '../../ui-kit/Button/ButtonSection.js';
-export function renderButtonSection(buttons) {
-    return buttons?.length ? (_jsx(ButtonSection, { buttons: buttons, className: "flex flex-col mt-7 gap-2" })) : null;
-}
-//# sourceMappingURL=renderButtonSection.js.map

package/lib/components/Calculator/renderButtonSection.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"renderButtonSection.js","sourceRoot":"","sources":["../../../src/components/Calculator/renderButtonSection.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAElE,MAAM,UAAU,mBAAmB,CAAC,OAA+B;IACjE,OAAO,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,CACvB,KAAC,aAAa,IAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAC,0BAA0B,GAAG,CACzE,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC"}

package/lib/components/Headline/Headline.fixture.mobile.d.ts

@@ -1,20 +0,0 @@
-/// <reference types="react" />
-import '../../setup-fixture';
-import type { HeadlineContent } from './HeadlineContent';
-export declare const HEADLINE: HeadlineContent;
-declare const _default: {
-    'default left alignment': JSX.Element;
-    'default center alignment': JSX.Element;
-    'default right alignment': JSX.Element;
-    'primary left alignment': JSX.Element;
-    'primary center alignment': JSX.Element;
-    'primary right alignment': JSX.Element;
-    'primary without description': JSX.Element;
-    'primary without title': JSX.Element;
-    'secondary left alignment': JSX.Element;
-    'secondary center alignment': JSX.Element;
-    'secondary right alignment': JSX.Element;
-    'secondary without description': JSX.Element;
-    'secondary without title': JSX.Element;
-};
-export default _default;