@redneckz/wildless-cms-uni-blocks 0.10.0 → 0.10.2

package/src/components/RepresentativeOfficeInfo/RepresentativeOfficeInfo.tsx

@@ -0,0 +1,81 @@
+import { JSX } from '@redneckz/uni-jsx';
+import type { IconName } from '../../icons/IconName';
+import type { UniBlockProps } from '../../model/JSXBlock';
+import type { Picture } from '../../model/Picture';
+import { BlockWrapper } from '../../ui-kit/BlockWrapper';
+import { renderButtonsSection } from '../../ui-kit/Button/renderButtonsSection';
+import { Heading } from '../../ui-kit/Heading/Heading';
+import { Icon } from '../../ui-kit/Icon/Icon';
+import { Img } from '../../ui-kit/Img/Img';
+import { RichText } from '../../ui-kit/RichText/RichText';
+import { Text } from '../../ui-kit/Text/Text';
+import { style } from '../../utils/style';
+import type { RepresentativeOfficeInfoContent } from './RepresentativeOfficeInfoContent';
+
+export interface RepresentativeOfficeInfoProps
+  extends RepresentativeOfficeInfoContent,
+    UniBlockProps {}
+
+export const RepresentativeOfficeInfo = JSX<RepresentativeOfficeInfoProps>(
+  ({
+    address,
+    email,
+    telephone,
+    button,
+    className = '',
+    __html,
+    icon,
+    title,
+    version = 'primary',
+    ...rest
+  }) => (
+    <BlockWrapper
+      className={style('box-border text-left p-9', className)}
+      version={version}
+      {...rest}
+    >
+      <div className="w-full flex justify-between">
+        {title ? <Heading headingType="h4" as="h3" className="mb-6" title={title} /> : null}
+        {renderIconBlock(icon)}
+      </div>
+      <div className="w-full">
+        {__html ? renderDescriptionBlock(__html) : null}
+        {renderBlock('Адрес', address, 'GeolocationIcon')}
+        {renderBlock('Телефон', telephone, 'PhoneIcon')}
+        {renderBlock('E-mail', email, 'MailIcon')}
+        {button?.text
+          ? renderButtonsSection([button], {
+              className: 'mb-6',
+            })
+          : null}
+      </div>
+    </BlockWrapper>
+  ),
+);
+
+const renderIconBlock = (icon?: Picture) => (
+  <div className="self-end">
+    {icon?.src ? <Img image={icon} /> : null}
+    {icon?.icon ? <Img image={icon} asSVG /> : null}
+  </div>
+);
+
+const renderDescriptionBlock = (__html?: string) => (
+  <div className="border-b border-main-divider pb-5 my-5">
+    <RichText __html={__html} />
+  </div>
+);
+
+const renderBlock = (blockName: string, data?: string, iconName?: IconName | undefined) => (
+  <div className="flex mb-4">
+    <Icon className="pr-4" iconVersion="black" name={iconName} width="24" height="24" asSVG />
+    <div className="flex flex-col first:pb-1">
+      <Text size="text-m-light">{blockName}</Text>
+      {data ? (
+        <Text size="text-h6" color="text-green">
+          {data}
+        </Text>
+      ) : null}
+    </div>
+  </div>
+);

package/src/components/RepresentativeOfficeInfo/RepresentativeOfficeInfo.ui.json

@@ -0,0 +1,20 @@
+{
+  "content": {
+    "__html": {
+      "ui:widget": "html"
+    },
+    "button": {
+      "icon": {
+        "ui:field": "icon"
+      },
+      "iconRight": {
+        "ui:field": "icon"
+      }
+    }
+  },
+  "style": {
+    "ui:options": {
+      "maxCols": 6
+    }
+  }
+}

package/src/components/RepresentativeOfficeInfo/RepresentativeOfficeInfoContent.ts

@@ -0,0 +1,22 @@
+import type { ButtonWithIconProps } from '../../ui-kit/Button/ButtonProps';
+import type { IconProps } from '../../model/Picture';
+import type { RichTextProps } from '../../ui-kit/RichText/RichTextProps';
+import type { TitleProps } from '../../model/HeadlineType';
+import type { UniBlockContent } from '../../model/JSXBlock';
+
+/**
+ * @title Блок с информацией о представительстве
+ */
+export type RepresentativeOfficeInfoContent = UniBlockContent &
+  TitleProps &
+  RichTextProps &
+  IconProps & {
+    /** @title Адрес */
+    address?: string;
+    /** @title Телефон (факс) */
+    telephone?: string;
+    /** @title E-mail */
+    email?: string;
+    /** @title Кнопка */
+    button?: ButtonWithIconProps;
+  };

package/src/components/RollupItem/RollupItem.mobile.tsx

@@ -11,7 +11,6 @@ import type { FoldablePartProps } from '../../ui-kit/Foldable/FoldablePartProps'
 import { FoldableSection } from '../../ui-kit/Foldable/FoldableSection';
 import { Img } from '../../ui-kit/Img/Img';
 import { Text } from '../../ui-kit/Text/Text';
-import { getIconWithVersion } from '../../utils/getIconWithVersion';
 import { style } from '../../utils/style';
 import type { RollupItemContent } from './RollupItemContent';
 
@@ -112,24 +111,12 @@ const renderPrimaryFoldButton = ({
   >
     <div className="flex group-hover:text-primary-main">
       {primaryIcon ? (
-        <Img
-          image={{ ...getIconWithVersion({ ...primaryIcon } as Picture) }}
-          className="mr-3 flex-shrink-0"
-          width="24"
-          height="24"
-          asSVG
-        />
+        <Img image={primaryIcon} className="mr-3 flex-shrink-0" width="24" height="24" asSVG />
       ) : null}
       <Text size="text-m-title-xs" font="font-medium">
         {label}
       </Text>
     </div>
-    <Img
-      className="flex-shrink-0"
-      image={{ ...getIconWithVersion({ icon: icon }) }}
-      width="24"
-      height="24"
-      asSVG
-    />
+    <Img className="flex-shrink-0" image={{ icon }} width="24" height="24" asSVG />
   </button>
 );

package/src/components/RollupItem/RollupItem.tsx

@@ -10,7 +10,6 @@ import { FoldableSection } from '../../ui-kit/Foldable/FoldableSection';
 import type { IconName } from '../../ui-kit/Icon/IconProps';
 import { Img } from '../../ui-kit/Img/Img';
 import { Text } from '../../ui-kit/Text/Text';
-import { getIconWithVersion } from '../../utils/getIconWithVersion';
 import type { RollupItemContent } from './RollupItemContent';
 
 export interface RollupItemProps extends RollupItemContent, UniBlockProps {}
@@ -93,6 +92,6 @@ const renderPrimaryFoldButton = ({ label, icon, onToggle }: PrimaryFoldButtonPro
     <Text size="text-xl" font="font-medium">
       {label}
     </Text>
-    {icon ? <Img image={getIconWithVersion({ icon })} width="24" height="24" asSVG /> : null}
+    {icon ? <Img image={{ icon }} width="24" height="24" asSVG /> : null}
   </button>
 );

package/src/components/StepsBlock/StepsBlock.mobile.tsx

@@ -7,7 +7,6 @@ import { Heading } from '../../ui-kit/Heading/Heading';
 import { Img } from '../../ui-kit/Img/Img';
 import { RichText } from '../../ui-kit/RichText/RichText';
 import { assertUnreachable } from '../../utils/assertUnreachable';
-import { getIconWithVersion } from '../../utils/getIconWithVersion';
 import { checkCanRenderIcon } from './checkCanRenderIcon';
 import type { DefaultStep, Step, StepsBlockContent } from './StepsBlockContent';
 import { STEPS_BLOCK_STYLE } from './StepsBlockStyleMaps';
@@ -121,6 +120,8 @@ const renderIconArea = (size: SizeVersion, version: BlockVersion) => (step: Step
   const iconSize = size === 'normal' ? '38' : '27';
   const iconTextSize = size === 'normal' ? 'text-m-title' : 'text-m-title-xs';
 
+  const iconVersion = version === 'secondary' ? 'white' : 'color';
+
   return (
     <div
       className={`${iconAreaSize} ${styleMap.iconBackground} rounded-full z-10 mr-3 flex justify-center content-center`}
@@ -128,7 +129,7 @@ const renderIconArea = (size: SizeVersion, version: BlockVersion) => (step: Step
       <span className={`font-medium flex self-center ${iconTextSize}`}>
         {checkCanRenderIcon(step?.icon) ? (
           <Img
-            image={getIconWithVersion({ ...step.icon }, version)}
+            image={{ ...step.icon, iconVersion: step.icon?.iconVersion || iconVersion }}
             width={iconSize}
             height={iconSize}
             asSVG

package/src/components/StepsBlock/StepsBlock.tsx

@@ -1,18 +1,17 @@
 import { JSX } from '@redneckz/uni-jsx';
+import type { BlockVersion } from '../../model/BlockVersion';
+import type { UniBlockProps } from '../../model/JSXBlock';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
-import { checkCanRenderIcon } from './checkCanRenderIcon';
-import { getIconWithVersion } from '../../utils/getIconWithVersion';
+import { renderButtonsSection } from '../../ui-kit/Button/renderButtonsSection';
 import { Heading } from '../../ui-kit/Heading/Heading';
 import { Img } from '../../ui-kit/Img/Img';
 import { joinList } from '../../utils/joinList';
-import { renderButtonsSection } from '../../ui-kit/Button/renderButtonsSection';
-import { renderStep } from './renderStep';
-import { STEPS_BLOCK_STYLE } from './StepsBlockStyleMaps';
 import { style } from '../../utils/style';
-import type { BlockVersion } from '../../model/BlockVersion';
+import { checkCanRenderIcon } from './checkCanRenderIcon';
+import { renderStep } from './renderStep';
 import type { Step, StepsBlockContent } from './StepsBlockContent';
 import type { StyleType } from './StepsBlockStyleMaps';
-import type { UniBlockProps } from '../../model/JSXBlock';
+import { STEPS_BLOCK_STYLE } from './StepsBlockStyleMaps';
 
 export interface StepsBlockProps extends StepsBlockContent, UniBlockProps {}
 
@@ -85,6 +84,8 @@ const renderStepIcon =
     const stepVersionIconTextStyles =
       stepVersion === 'secondary' ? 'group-data-primary:text-white' : 'text-secondary-text';
 
+    const iconVersion = stepVersion === 'secondary' ? 'white' : 'color';
+
     return (
       <BlockWrapper
         key={String(i)}
@@ -92,7 +93,12 @@ const renderStepIcon =
         version={stepVersion}
       >
         {checkCanRenderIcon(icon) ? (
-          <Img image={getIconWithVersion(icon || {}, stepVersion)} width="48" height="48" asSVG />
+          <Img
+            image={{ ...icon, iconVersion: icon.iconVersion || iconVersion }}
+            width="48"
+            height="48"
+            asSVG
+          />
         ) : (
           <span
             className={style(

package/src/components/StepsBlock/checkCanRenderIcon.ts

@@ -1,3 +1,4 @@
 import type { Picture } from '../../model/Picture';
 
-export const checkCanRenderIcon = (icon?: Picture) => Boolean(icon?.icon || icon?.src);
+export const checkCanRenderIcon = (icon?: Picture): icon is Picture & { src: string } =>
+  Boolean(icon?.icon || icon?.src);

package/src/components/TariffsTable/TariffsTableRow.tsx

@@ -3,7 +3,6 @@ import { useCallback, useState } from '@redneckz/uni-jsx/lib/hooks';
 import type { UniBlockProps } from '../../model/JSXBlock';
 import { Img } from '../../ui-kit/Img/Img';
 import type { TariffsTableInnerContent } from '../../ui-kit/InnerTable/InnerTableProps';
-import { getIconWithVersion } from '../../utils/getIconWithVersion';
 import { TableCarouselContainer } from '../ComparisonTable/TableCarouselContainer';
 import { COLUMN_WIDTH, DIVIDER_CLASSES, FIRST_CELL_CLASSES } from './constants';
 import { TariffsTableCell } from './TariffsTableCell';
@@ -39,13 +38,7 @@ export const TariffsTableRow = JSX<TariffsTableRowProps>(
         <div className={`text-s py-5 ${FIRST_CELL_CLASSES} ${DIVIDER_CLASSES}`}>
           <div className="flex items-center text-primary-text" role="cell">
             {header?.icon ? (
-              <Img
-                className="mr-3.5 max-w-6"
-                image={getIconWithVersion(header.icon)}
-                width="24"
-                height="24"
-                asSVG
-              />
+              <Img className="mr-3.5 max-w-6" image={header.icon} width="24" height="24" asSVG />
             ) : null}
             {header?.title ? <div className="text-m-light">{header?.title}</div> : null}
           </div>

package/src/components/Tile/Tile.example.json

@@ -28,6 +28,7 @@
         "version": "primary"
       }
     ],
-    "version": "primary"
+    "version": "primary",
+    "directionRight": true
   }
 }

package/src/components/Tile/Tile.fixture.tsx

@@ -144,4 +144,9 @@ export default {
       <Tile className="col-span-8" {...TILE} tags={tags} />
     </div>
   ),
+  'direction left': (
+    <div className="container grid grid-cols-12">
+      <Tile className="col-span-8" directionRight={false} {...TILE} />
+    </div>
+  ),
 };

package/src/components/Tile/Tile.tsx

@@ -11,6 +11,7 @@ import { BaseTile } from '../BaseTile/BaseTile';
 import { getTileMinHeight } from '../BaseTile/getTileMinHeight';
 import { getTileRightPadding } from '../BaseTile/getTileRightPadding';
 import type { TileContent } from './TileContent';
+import { style } from '../../utils/style';
 
 export interface TileProps extends TileContent, UniBlockProps {}
 
@@ -27,14 +28,21 @@ export const Tile = JSX<TileProps>(
     className = '',
     tags,
     children,
+    directionRight = true,
     ...rest
   }) => (
     <BlockWrapper
-      className={`overflow-hidden p-9 pr-3 box-border ${getTileRightPadding(
+      className={style(
+        'flex grow justify-between items-stretch h-full p-9 pr-3 box-border',
+        getTileRightPadding(className),
+        getTileMinHeight(className),
         className,
-      )} ${getTileMinHeight(className)} ${className}`}
+      )}
       {...rest}
     >
+      {image?.src ? (
+        <Img className={style('mt-auto ml-7', directionRight ? 'order-2' : '')} image={image} />
+      ) : null}
       <BaseTile
         title={
           title ? (
@@ -50,22 +58,23 @@ export const Tile = JSX<TileProps>(
           className: 'mt-8',
           buttonClassName: 'min-w-[158px]',
         })}
-        image={image?.src ? <Img className="mt-auto ml-7" image={image} /> : null}
       >
-        {__html ? (
-          <div className="max-w-[600px] mt-2.5">
-            <RichText __html={__html} />
-          </div>
-        ) : null}
-        {children}
-        <List
-          className="mt-2.5"
-          itemClassName="mb-1.5"
-          items={items}
-          isDotted={isDotted}
-          listItemSize={listItemSize}
-        />
-        {tags?.length ? <Tags tags={tags} className="mt-5" /> : null}
+        <div>
+          {__html ? (
+            <div className="max-w-[600px] mt-2.5">
+              <RichText __html={__html} />
+            </div>
+          ) : null}
+          {children}
+          <List
+            className="mt-2.5"
+            itemClassName="mb-1.5"
+            items={items}
+            isDotted={isDotted}
+            listItemSize={listItemSize}
+          />
+          {tags?.length ? <Tags tags={tags} className="mt-5" /> : null}
+        </div>
       </BaseTile>
     </BlockWrapper>
   ),

package/src/components/Tile/TileContent.ts

@@ -20,4 +20,6 @@ export type TileContent = UniBlockContent &
   ImageContent &
   BulletsProps & {
     listItemSize?: ListItemSize;
+    /** @title Картинка справа/текст слева */
+    directionRight?: boolean;
   };

package/src/content-page-repository/transformImg.ts

@@ -11,6 +11,7 @@ import { resizeImg } from './resizeImg';
 import type { TransformationOptions } from './TransformationOptions';
 
 const mkdir = util.promisify(fs.mkdir);
+const copyFile = util.promisify(fs.copyFile);
 
 type ImgOutputPath = string;
 type TransformationTaskKey = ImgOutputPath;
@@ -21,13 +22,19 @@ type TransformImgOptions = TransformationOptions &
 
 const defaultTransformationCache: TransformationTasksCache = new Map();
 
+const isNilTransform = ({ size, containerSize, alignment, format }: TransformImgOptions) =>
+  isPictureSizeEmpty(size) && isPictureSizeEmpty(containerSize) && !alignment && !format;
+
+const isVectorInput = (input: string) =>
+  ['.svg', '.eps', '.epsf', '.epsi', '.pdf'].some((ext) => input.toLowerCase().endsWith(ext));
+
 export function transformImg(
   src: string,
   pagePath: string,
   options: TransformImgOptions,
 ): ImgOutputPath | Promise<ImgOutputPath> {
   if (!src) {
-    return '';
+    return src || '';
   }
 
   const input = path.join(path.dirname(pagePath), src);
@@ -43,9 +50,12 @@ export function transformImg(
   const result = (async () => {
     try {
       await mkdir(path.dirname(output), { recursive: true });
-
-      const chain = await computeTransformationChain(options)(sharp(input));
-      await chain.toFile(output);
+      if (isNilTransform(options) || isVectorInput(src)) {
+        await copyFile(input, output);
+      } else {
+        const chain = await computeTransformationChain(options)(sharp(input));
+        await chain.toFile(output);
+      }
     } catch (e) {
       console.error(e);
     }

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

@@ -1,7 +1,6 @@
 import { JSX } from '@redneckz/uni-jsx';
 import type { BlockVersion } from '../../model/BlockVersion';
 import type { IconVersion } from '../../model/IconVersion';
-import { getIconWithVersion } from '../../utils/getIconWithVersion';
 import { Img } from '../Img/Img';
 import type { BenefitItemCommonProps, BenefitItemProps } from './BenefitItemProps';
 
@@ -17,13 +16,16 @@ export const BenefitItem = JSX<BenefitGeneralProps>((props) => {
     benefitsVersion = 'normal',
   } = props;
   const listItemAlign = description ? 'items-start' : 'items-center';
-  const calcVersion = benefitsVersion === 'white' ? 'secondary' : 'primary';
 
   return (
     <div className={`flex gap-5 ${listItemAlign} ${className}`}>
       {icon ? (
         <div className={getBenefitIconBgStyle(version, benefitsVersion)}>
-          <Img className="w-6 h-6" image={getIconWithVersion(icon, calcVersion)} asSVG />
+          <Img
+            className="w-6 h-6"
+            image={{ ...icon, iconVersion: icon.iconVersion || benefitsVersion }}
+            asSVG
+          />
         </div>
       ) : null}
       <div className="gap-0.5">

package/src/ui-kit/Button/ButtonInner.tsx

@@ -1,5 +1,6 @@
 import { JSX } from '@redneckz/uni-jsx';
 import type { ButtonVersion } from '../../model/ButtonVersion';
+import { style } from '../../utils/style';
 import { iconStyleMap } from './buttonClassNameConstants';
 import type { ButtonWithIconProps } from './ButtonProps';
 
@@ -11,7 +12,7 @@ export const ButtonInner = JSX<ButtonInnerProps>((props) => {
   const { text, aboveText, appendLeft, appendRight, version = 'primary' } = props;
 
   return (
-    <div className={getButtonStyle(props)}>
+    <div className={style(getButtonStyle(props), 'flex gap-2')}>
       {appendLeft ? <div className={iconStyleMap[version]}>{appendLeft}</div> : null}
       {isWithText(props) ? (
         <div>
@@ -31,10 +32,10 @@ const getButtonStyle = (props: ButtonInnerProps) => {
     return '';
   }
 
-  const withTextStyle = `gap-2 ${aboveText ? 'py-2.5 px-7' : 'py-4 px-4'}`;
+  const withTextStyle = `${aboveText ? 'py-2.5 px-7' : 'py-4 px-4'}`;
 
   return [
-    'group/btn flex items-center justify-center',
+    'group/btn items-center justify-center',
     isWithText(props) ? withTextStyle : 'h-12 w-12',
     rounded ? 'rounded-full' : '',
   ].join(' ');

package/src/ui-kit/Button/renderButtonsSection.tsx

@@ -24,7 +24,8 @@ const renderButton =
   (buttonClassName = '') =>
   (button?: ButtonWithIconProps, index?: number) => {
     const { text, icon, iconRight, version, ...rest } = button || {};
-    const iconVersion = version === 'secondary' ? 'color' : 'white';
+    const iconVersionDefault = version === 'secondary' ? 'color' : 'white';
+    const iconVersion = icon?.iconVersion ? icon?.iconVersion : iconVersionDefault;
 
     return text || icon?.icon ? (
       <Button

package/src/ui-kit/Img/ImgInner.tsx

@@ -13,7 +13,7 @@ export const ImgInner = JSX<ImageProps>(
       <Icon
         className={className}
         imageClassName={imageClassName}
-        iconVersion={image?.iconVersion || 'normal'}
+        iconVersion={image?.iconVersion}
         name={image.icon}
         {...iconProps}
       />

package/bundle/components/LinkDocs/LinkDocsHorizontalList.d.ts

@@ -1,2 +0,0 @@
-import type { LinkDocsVerticalListProps } from './LinkDocsVerticalList';
-export declare const LinkDocsHorizontalList: import("@redneckz/uni-jsx").UNIComponent<LinkDocsVerticalListProps, any, any>;

package/bundle/components/LinkDocs/LinkDocsList.d.ts

@@ -1,9 +0,0 @@
-import type { Picture } from '../../model/Picture';
-import type { LinkColumnsMode, LinkDocsItem } from './LinkDocsContent';
-export interface LinkDocsListProps {
-    className?: string;
-    documents?: LinkDocsItem[];
-    columnsMode?: LinkColumnsMode;
-    icon?: Picture;
-}
-export declare const LinkDocsList: import("@redneckz/uni-jsx").UNIComponent<LinkDocsListProps, any, any>;

package/bundle/components/LinkDocs/LinkDocsListItem.mobile.d.ts

@@ -1,2 +0,0 @@
-import type { LinkDocsListItemProps } from './LinkDocsListItemBase';
-export declare const LinkDocsListItem: import("@redneckz/uni-jsx").UNIComponent<LinkDocsListItemProps, any, any>;

package/bundle/components/LinkDocs/LinkDocsListItemBase.d.ts

@@ -1,13 +0,0 @@
-import type { Picture } from '../../model/Picture';
-import type { LinkDocsItem } from './LinkDocsContent';
-export interface LinkDocsListItemProps {
-    className?: string;
-    doc: LinkDocsItem;
-    icon?: Picture;
-}
-export interface LinkDocsListItemBaseProps extends LinkDocsListItemProps {
-    iconClassName?: string;
-    textClassName?: string;
-    suffixClassName?: string;
-}
-export declare const LinkDocsListItemBase: import("@redneckz/uni-jsx").UNIComponent<LinkDocsListItemBaseProps, any, any>;

package/bundle/components/LinkDocs/LinkDocsVerticalList.d.ts

@@ -1,8 +0,0 @@
-import type { Picture } from '../../model/Picture';
-import type { LinkDocsItem } from './LinkDocsContent';
-export interface LinkDocsVerticalListProps {
-    hasBorder?: boolean;
-    documents?: LinkDocsItem[];
-    icon?: Picture;
-}
-export declare const LinkDocsVerticalList: import("@redneckz/uni-jsx").UNIComponent<LinkDocsVerticalListProps, any, any>;

package/bundle/utils/getIconWithVersion.d.ts

@@ -1,3 +0,0 @@
-import type { Picture } from '../model/Picture';
-import type { BlockVersion } from '../model/BlockVersion';
-export declare const getIconWithVersion: (icon: Picture, version?: BlockVersion) => Picture;

package/dist/components/LinkDocs/LinkDocsHorizontalList.d.ts

@@ -1,2 +0,0 @@
-import type { LinkDocsVerticalListProps } from './LinkDocsVerticalList';
-export declare const LinkDocsHorizontalList: import("@redneckz/uni-jsx").UNIComponent<LinkDocsVerticalListProps, any, any>;

package/dist/components/LinkDocs/LinkDocsHorizontalList.js

@@ -1,10 +0,0 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.LinkDocsHorizontalList = void 0;
-const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
-const uni_jsx_1 = require("@redneckz/uni-jsx");
-const SwipeListControl_1 = require("../../ui-kit/SwipeListControl/SwipeListControl");
-const LinkDocsListItem_1 = require("./LinkDocsListItem");
-exports.LinkDocsHorizontalList = (0, uni_jsx_1.JSX)(({ hasBorder = true, documents, icon }) => ((0, jsx_runtime_1.jsx)(SwipeListControl_1.SwipeListControl, { className: "text-s text-primary-main mt-5", children: documents?.length
-        ? documents.map((doc, i) => ((0, jsx_runtime_1.jsx)(LinkDocsListItem_1.LinkDocsListItem, { className: hasBorder ? 'rounded-md border-gray border border-solid p-4' : '', doc: doc, icon: icon }, String(i))))
-        : null })));
-//# sourceMappingURL=LinkDocsHorizontalList.js.map

package/dist/components/LinkDocs/LinkDocsHorizontalList.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LinkDocsHorizontalList.js","sourceRoot":"","sources":["../../../src/components/LinkDocs/LinkDocsHorizontalList.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,qFAAkF;AAClF,yDAAsD;AAGzC,QAAA,sBAAsB,GAAG,IAAA,aAAG,EACvC,CAAC,EAAE,SAAS,GAAG,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CACzC,uBAAC,mCAAgB,IAAC,SAAS,EAAC,+BAA+B,YACxD,SAAS,EAAE,MAAM;QAChB,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,CACxB,uBAAC,mCAAgB,IAEf,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,gDAAgD,CAAC,CAAC,CAAC,EAAE,EAC5E,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,IAHL,MAAM,CAAC,CAAC,CAAC,CAId,CACH,CAAC;QACJ,CAAC,CAAC,IAAI,GACS,CACpB,CACF,CAAC"}

package/dist/components/LinkDocs/LinkDocsList.d.ts

@@ -1,9 +0,0 @@
-import type { Picture } from '../../model/Picture';
-import type { LinkColumnsMode, LinkDocsItem } from './LinkDocsContent';
-export interface LinkDocsListProps {
-    className?: string;
-    documents?: LinkDocsItem[];
-    columnsMode?: LinkColumnsMode;
-    icon?: Picture;
-}
-export declare const LinkDocsList: import("@redneckz/uni-jsx").UNIComponent<LinkDocsListProps, any, any>;

package/dist/components/LinkDocs/LinkDocsList.js

@@ -1,9 +0,0 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.LinkDocsList = void 0;
-const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
-const uni_jsx_1 = require("@redneckz/uni-jsx");
-const LinkDocsListItem_1 = require("./LinkDocsListItem");
-exports.LinkDocsList = (0, uni_jsx_1.JSX)(({ className, documents, columnsMode = 'double', icon }) => {
-    return documents?.length ? ((0, jsx_runtime_1.jsx)("div", { className: className, role: "list", children: documents.map((doc, i) => ((0, jsx_runtime_1.jsx)("div", { className: columnsMode === 'double' ? 'basis-[calc(50%-20px)]' : '', role: "listitem", children: (0, jsx_runtime_1.jsx)(LinkDocsListItem_1.LinkDocsListItem, { className: "group/item flex align-middle h-fit w-fit text-primary-text no-underline hover:text-primary-main", doc: doc, icon: icon }) }, String(i)))) })) : null;
-});
-//# sourceMappingURL=LinkDocsList.js.map

package/dist/components/LinkDocs/LinkDocsList.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LinkDocsList.js","sourceRoot":"","sources":["../../../src/components/LinkDocs/LinkDocsList.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAGxC,yDAAsD;AASzC,QAAA,YAAY,GAAG,IAAA,aAAG,EAC7B,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,WAAW,GAAG,QAAQ,EAAE,IAAI,EAAE,EAAE,EAAE;IACzD,OAAO,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC,CACzB,gCAAK,SAAS,EAAE,SAAS,EAAE,IAAI,EAAC,MAAM,YACnC,SAAS,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,CACzB,gCAEE,SAAS,EAAE,WAAW,KAAK,QAAQ,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,EACnE,IAAI,EAAC,UAAU,YAEf,uBAAC,mCAAgB,IACf,SAAS,EAAC,iGAAiG,EAC3G,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,GACV,IARG,MAAM,CAAC,CAAC,CAAC,CASV,CACP,CAAC,GACE,CACP,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CACF,CAAC"}

package/dist/components/LinkDocs/LinkDocsListItem.mobile.d.ts

@@ -1,2 +0,0 @@
-import type { LinkDocsListItemProps } from './LinkDocsListItemBase';
-export declare const LinkDocsListItem: import("@redneckz/uni-jsx").UNIComponent<LinkDocsListItemProps, any, any>;

package/dist/components/LinkDocs/LinkDocsListItem.mobile.js

@@ -1,7 +0,0 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.LinkDocsListItem = void 0;
-const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
-const uni_jsx_1 = require("@redneckz/uni-jsx");
-const LinkDocsListItemBase_1 = require("./LinkDocsListItemBase");
-exports.LinkDocsListItem = (0, uni_jsx_1.JSX)(({ className = '', doc, icon }) => ((0, jsx_runtime_1.jsx)(LinkDocsListItemBase_1.LinkDocsListItemBase, { className: `flex h-full box-border ${className}`, iconClassName: "mr-3 min-w-6 min-h-6", doc: doc, icon: icon })));
-//# sourceMappingURL=LinkDocsListItem.mobile.js.map

package/dist/components/LinkDocs/LinkDocsListItem.mobile.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LinkDocsListItem.mobile.js","sourceRoot":"","sources":["../../../src/components/LinkDocs/LinkDocsListItem.mobile.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,iEAA8D;AAGjD,QAAA,gBAAgB,GAAG,IAAA,aAAG,EAAwB,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,GAAG,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAC5F,uBAAC,2CAAoB,IACnB,SAAS,EAAE,0BAA0B,SAAS,EAAE,EAChD,aAAa,EAAC,sBAAsB,EACpC,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,GACV,CACH,CAAC,CAAC"}

package/dist/components/LinkDocs/LinkDocsListItemBase.d.ts

@@ -1,13 +0,0 @@
-import type { Picture } from '../../model/Picture';
-import type { LinkDocsItem } from './LinkDocsContent';
-export interface LinkDocsListItemProps {
-    className?: string;
-    doc: LinkDocsItem;
-    icon?: Picture;
-}
-export interface LinkDocsListItemBaseProps extends LinkDocsListItemProps {
-    iconClassName?: string;
-    textClassName?: string;
-    suffixClassName?: string;
-}
-export declare const LinkDocsListItemBase: import("@redneckz/uni-jsx").UNIComponent<LinkDocsListItemBaseProps, any, any>;