@redneckz/wildless-cms-uni-blocks 0.14.209 → 0.14.210

package/mobile/src/components/CarouselLinks/CarouselLinks.tsx

@@ -1,75 +1,65 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { type LinkProps } from '../../model/LinkProps';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
-import { DefaultFoldButton } from '../../ui-kit/Foldable/DefaultFoldButton';
-import { Foldable } from '../../ui-kit/Foldable/Foldable';
-import { type FoldablePartProps } from '../../ui-kit/Foldable/FoldablePartProps';
-import { FoldableSection } from '../../ui-kit/Foldable/FoldableSection';
 import { type UniBlockProps } from '../../UniBlock/UniBlockProps';
+import { style } from '../../utils/style';
+import { Carousel } from '../Carousel/Carousel';
 import { Headline } from '../Headline/Headline';
 import { CarouselLinkButton } from './CarouselLinkButton';
 import { type CarouselLinksContent } from './CarouselLinksContent';
+// import { MAX_LINKS_COUNT } from './maxLinksCount';
 
 export interface CarouselLinksProps extends CarouselLinksContent, UniBlockProps {}
 
 export const CarouselLinks = JSX<CarouselLinksProps>(
-  ({ className, additionalDescription, description, links = [], title, ...rest }) => (
-    <BlockWrapper className={className} {...rest}>
-      <div>
-        <Headline
-          isEmbedded={true}
-          title={title}
-          description={description}
-          as="h1"
-          align="text-left"
-        />
-        <Headline
-          className="pt-m"
-          description={additionalDescription}
-          align="text-left"
-          isEmbedded={true}
-        />
+  ({ className, additionalDescription, description, links, title, ...rest }) => (
+    <BlockWrapper defaultPadding="p-5xl" className={style('overflow-hidden', className)} {...rest}>
+      <div className="flex flex-col m:flex-row gap-s justify-between">
+        <div className="w-full m:w-1/3">
+          <Headline
+            isEmbedded={true}
+            title={title}
+            description={description}
+            as="h1"
+            align="text-left"
+          />
+          <Headline
+            className="pt-m"
+            description={additionalDescription}
+            align="text-left"
+            isEmbedded={true}
+          />
+        </div>
+        {links?.length ? renderLinks(links, 'm:justify-self-end m:pt-s w-full m:w-2/3') : null}
       </div>
-      {links?.length ? renderLinks(links) : null}
     </BlockWrapper>
   ),
 );
 
-const renderLinks = (links: LinkProps[], visibleLinksNum = 3) => {
-  const carouselLinks = (links || []).map((link, index) => (
-    <CarouselLinkButton key={String(index)} {...link} />
-  ));
-
-  const [visibleLinks, hiddenLinks] =
-    visibleLinksNum > 0
-      ? [carouselLinks.slice(0, visibleLinksNum), carouselLinks.slice(visibleLinksNum)]
-      : [carouselLinks, []];
+const renderLinks = (links: LinkProps[], className = '') => {
+  const itemCount = Math.ceil(links.length / 3);
 
   return (
-    <div className="mt-4xl">
-      {hiddenLinks.length > 0 ? (
-        <Foldable
-          renderFoldableSection={({ isUnfolded }) => (
-            <div>
-              <div className="mb-1">{visibleLinks}</div>
-              <FoldableSection isUnfolded={isUnfolded}>{hiddenLinks}</FoldableSection>
-            </div>
-          )}
-          renderFoldButton={renderFoldButton}
-        />
-      ) : (
-        <div>{visibleLinks}</div>
-      )}
-    </div>
+    <Carousel
+      className={className}
+      version="secondary"
+      itemCount={itemCount}
+      arrowsPadded={false}
+      padding="p-0"
+      visibleItemCount={0}
+    >
+      {Array.from({ length: itemCount })
+        .fill(null)
+        .map((_, groupIndex) => (
+          <div
+            key={String(groupIndex)}
+            className={style('flex flex-wrap gap-2xs m:justify-center')}
+          >
+            {links.slice(groupIndex * 3, (groupIndex + 1) * 3).map((link, index) => (
+              <CarouselLinkButton key={String(index)} {...link} />
+            ))}
+          </div>
+        ))}
+    </Carousel>
   );
 };
-
-const renderFoldButton = ({ isUnfolded, onToggle }: FoldablePartProps) =>
-  isUnfolded ? null : (
-    <DefaultFoldButton
-      className="border-t-main-divider/50"
-      icon="PlusIcon"
-      label="Показать еще"
-      onClick={onToggle}
-    />
-  );

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redneckz/wildless-cms-uni-blocks",
-  "version": "0.14.209",
+  "version": "0.14.210",
   "private": false,
   "license": "MIT",
   "author": "ЦК",

package/src/components/Carousel/CarouselScrollButtons.tsx

@@ -51,17 +51,17 @@ export const CarouselScrollButtons = JSX<CarouselScrollButtonsProps>(
     }, [scrollRight, onScrollRight, hasEdgeBlocks, canScrollLeft, activeIndex, itemCount]);
 
     return (
-      <div className="hidden @lg:block">
+      <div className="m:hidden block">
         {renderBlur(scroll)}
         {canMoveLeft ? (
           <ScrollLeftButton
-            className={style(scrollButtonStyle, arrowsPadded ? 'left-1 @lg:left-8' : 'left-0')}
+            className={style(scrollButtonStyle, arrowsPadded ? 'left-1 m:left-8' : 'left-0')}
             onClick={handleScrollLeft}
           />
         ) : null}
         {canMoveRight ? (
           <ScrollRightButton
-            className={style(scrollButtonStyle, arrowsPadded ? 'right-1 @lg:right-8' : 'right-0')}
+            className={style(scrollButtonStyle, arrowsPadded ? 'right-1 m:right-8' : 'right-0')}
             onClick={handleScrollRight}
           />
         ) : null}

package/src/components/CarouselLinks/ArrowIconStyles.mobile.ts

@@ -0,0 +1,2 @@
+export const IconSize = '20';
+export const IconVersion = 'color';

package/src/components/CarouselLinks/ArrowIconStyles.ts

@@ -0,0 +1,2 @@
+export const IconSize = '24';
+export const IconVersion = 'black';

package/src/components/CarouselLinks/CarouselLinkButton.tsx

@@ -1,50 +1,66 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useLink } from '../../hooks/useLink';
-import { type LinkProps } from '../../model/LinkProps';
 import { Img } from '../../ui-kit/Img/Img';
 import { Text } from '../../ui-kit/Text/Text';
 import { style } from '../../utils/style';
+import { IconSize, IconVersion } from './ArrowIconStyles';
+import { type CarouselLinkProps } from './CarouselLinksContent';
 
 const LINK_CLASS_NAME = `absolute border
-  bg-white flex justify-between group-hover/link:text-primary-main`;
+  bg-white flex items-center justify-between group-hover/link:text-primary-main`;
 
-const LINK_BORDER_CLASS_NAME = 'hidden xl:block absolute w-full h-full border border-white';
+const LINK_BORDER_CLASS_NAME = 'absolute w-full h-full border border-white';
 
-export type CarouselLinkButtonProps = LinkProps & {
+export type CarouselLinkButtonProps = CarouselLinkProps & {
   className?: string;
 };
 
 export const CarouselLinkButton = JSX<CarouselLinkButtonProps>(
-  ({ className = '', ...linkProps }) => {
+  ({ className = '', icon, ...linkProps }) => {
     const link = useLink();
     const { text, href, target, onClick } = link(linkProps);
 
     return text ? (
-      <div className={style('flex relative group/link pl-s pb-s min-w-64 xl:min-w-72', className)}>
-        <div className="relative min-h-16 w-full">
+      <div
+        className={style(
+          'flex relative group/link pl-s pb-s sm:pr-2xs min-w-64 sm:min-w-72',
+          className,
+        )}
+      >
+        <div className="relative min-h-16 w-full pb-lg sm:pb-0">
           <a
             className={style(
               LINK_CLASS_NAME,
-              'rounded-md lg:rounded-none w-full p-lg whitespace-nowrap z-10',
+              'flex rounded-md lg:rounded-none w-full w-full p-lg whitespace-nowrap z-10',
             )}
             role="link"
             href={href}
             target={target}
             onClick={onClick}
           >
-            <Text size="text-l" font="font-light" color="text-primary-text">
-              {text}
-            </Text>
+            <div className="flex items-center space-x-lg">
+              {icon ? (
+                <Img
+                  imageClassName="text-green-dark"
+                  image={icon}
+                  width={IconSize}
+                  height={IconSize}
+                />
+              ) : null}
+              <Text size="text-l" font="font-light" color="text-primary-text">
+                {text}
+              </Text>
+            </div>
             <Img
-              className="group-hover/link:brightness-100 hidden xl:block ml-2xs"
-              image={{ icon: 'ArrowRightIcon', iconVersion: 'black' }}
-              imageClassName="group-hover/link:text-primary-main hidden xl:block"
-              width="24"
-              height="24"
+              className="group-hover/link:brightness-100 sm:ml-2xs"
+              image={{ icon: 'ArrowRightIcon', iconVersion: IconVersion }}
+              imageClassName="group-hover/link:text-primary-main"
+              width={IconSize}
+              height={IconSize}
             />
           </a>
-          <div className={style(LINK_BORDER_CLASS_NAME, '-bottom-1.5 -left-1.5')} />
-          <div className={style(LINK_BORDER_CLASS_NAME, '-bottom-3 -left-3')} />
+          <div className={style(LINK_BORDER_CLASS_NAME, '-bottom-1 -left-1')} />
+          <div className={style(LINK_BORDER_CLASS_NAME, '-bottom-2 -left-2')} />
         </div>
       </div>
     ) : null;

package/src/components/CarouselLinks/CarouselLinks.fixture.mobile.tsx

@@ -25,7 +25,7 @@ const links = [
     icon: { icon: 'BriefcaseIcon' },
   },
   {
-    text: 'Противодействие коррупции',
+    text: 'Меры безопасности',
     href: '#',
     icon: { icon: 'ShieldTickIcon' },
   },
@@ -55,7 +55,7 @@ const links = [
     icon: { icon: 'ChartRoundIcon' },
   },
   {
-    text: 'Аудиторские заключения',
+    text: 'Меры безопасности',
     href: '#',
     icon: { icon: 'CopyIcon' },
   },

package/src/components/CarouselLinks/CarouselLinks.tsx

@@ -7,15 +7,15 @@ import { Carousel } from '../Carousel/Carousel';
 import { Headline } from '../Headline/Headline';
 import { CarouselLinkButton } from './CarouselLinkButton';
 import { type CarouselLinksContent } from './CarouselLinksContent';
-import { MAX_LINKS_COUNT } from './maxLinksCount';
+// import { MAX_LINKS_COUNT } from './maxLinksCount';
 
 export interface CarouselLinksProps extends CarouselLinksContent, UniBlockProps {}
 
 export const CarouselLinks = JSX<CarouselLinksProps>(
   ({ className, additionalDescription, description, links, title, ...rest }) => (
-    <BlockWrapper className={style('overflow-hidden', className)} {...rest}>
-      <div className="flex flex-col @6xl:flex-row gap-m">
-        <div>
+    <BlockWrapper defaultPadding="p-5xl" className={style('overflow-hidden', className)} {...rest}>
+      <div className="flex flex-col m:flex-row gap-s justify-between">
+        <div className="w-full m:w-1/3">
           <Headline
             isEmbedded={true}
             title={title}
@@ -30,14 +30,14 @@ export const CarouselLinks = JSX<CarouselLinksProps>(
             isEmbedded={true}
           />
         </div>
-        {links?.length ? renderLinks(links, '@6xl:min-w-[672px] p-0 justify-self-end') : null}
+        {links?.length ? renderLinks(links, 'm:justify-self-end m:pt-s w-full m:w-2/3') : null}
       </div>
     </BlockWrapper>
   ),
 );
 
 const renderLinks = (links: LinkProps[], className = '') => {
-  const itemCount = Math.ceil(links.length / MAX_LINKS_COUNT);
+  const itemCount = Math.ceil(links.length / 3);
 
   return (
     <Carousel
@@ -46,21 +46,18 @@ const renderLinks = (links: LinkProps[], className = '') => {
       itemCount={itemCount}
       arrowsPadded={false}
       padding="p-0"
+      visibleItemCount={0}
     >
       {Array.from({ length: itemCount })
         .fill(null)
         .map((_, groupIndex) => (
           <div
             key={String(groupIndex)}
-            className={style(
-              'flex flex-wrap gap-2xs self-start xl:justify-center @5xl:grid @5xl:grid-cols-2',
-            )}
+            className={style('flex flex-wrap gap-2xs m:justify-center')}
           >
-            {links
-              .slice(groupIndex * MAX_LINKS_COUNT, (groupIndex + 1) * MAX_LINKS_COUNT)
-              .map((link, index) => (
-                <CarouselLinkButton key={String(index)} {...link} />
-              ))}
+            {links.slice(groupIndex * 3, (groupIndex + 1) * 3).map((link, index) => (
+              <CarouselLinkButton key={String(index)} {...link} />
+            ))}
           </div>
         ))}
     </Carousel>

package/bundle/components/CarouselLinks/CarouselLinkButton.mobile.d.ts

@@ -1,5 +0,0 @@
-import { type CarouselLinkProps } from './CarouselLinksContent';
-export declare type CarouselLinkButtonProps = CarouselLinkProps & {
-    className?: string;
-};
-export declare const CarouselLinkButton: import("@redneckz/uni-jsx").UNIComponent<CarouselLinkButtonProps, any, any>;

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

@@ -1,5 +0,0 @@
-import { type UniBlockProps } from '../../UniBlock/UniBlockProps';
-import { type CarouselLinksContent } from './CarouselLinksContent';
-export interface CarouselLinksProps extends CarouselLinksContent, UniBlockProps {
-}
-export declare const CarouselLinks: import("@redneckz/uni-jsx").UNIComponent<CarouselLinksProps, any, any>;

package/dist/components/CarouselLinks/CarouselLinkButton.mobile.d.ts

@@ -1,5 +0,0 @@
-import { type CarouselLinkProps } from './CarouselLinksContent';
-export declare type CarouselLinkButtonProps = CarouselLinkProps & {
-    className?: string;
-};
-export declare const CarouselLinkButton: import("@redneckz/uni-jsx").UNIComponent<CarouselLinkButtonProps, any, any>;

package/dist/components/CarouselLinks/CarouselLinkButton.mobile.js

@@ -1,15 +0,0 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CarouselLinkButton = void 0;
-const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
-const uni_jsx_1 = require("@redneckz/uni-jsx");
-const useLink_1 = require("../../hooks/useLink");
-const Icon_1 = require("../../ui-kit/Icon/Icon");
-const Img_1 = require("../../ui-kit/Img/Img");
-const Text_1 = require("../../ui-kit/Text/Text");
-const style_1 = require("../../utils/style");
-exports.CarouselLinkButton = (0, uni_jsx_1.JSX)(({ className = '', icon, ...linkProps }) => {
-    const link = (0, useLink_1.useLink)();
-    const { text, href, target, onClick } = link(linkProps);
-    return text ? ((0, jsx_runtime_1.jsx)("div", { className: (0, style_1.style)('w-full pb-lg', className), children: (0, jsx_runtime_1.jsxs)("a", { className: "bg-white flex justify-between rounded-md w-full p-lg whitespace-nowrap", role: "link", href: href, target: target, onClick: onClick, children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center space-x-lg", children: [icon ? ((0, jsx_runtime_1.jsx)(Img_1.Img, { imageClassName: "text-green-dark", image: icon, width: "20", height: "20" })) : null, (0, jsx_runtime_1.jsx)(Text_1.Text, { size: "text-l", font: "font-light", color: "text-primary-text", children: text })] }), (0, jsx_runtime_1.jsx)(Icon_1.Icon, { className: "text-green", name: "ArrowRightIcon", width: "20", height: "20" })] }) })) : null;
-});
-//# sourceMappingURL=CarouselLinkButton.mobile.js.map

package/dist/components/CarouselLinks/CarouselLinkButton.mobile.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CarouselLinkButton.mobile.js","sourceRoot":"","sources":["../../../src/components/CarouselLinks/CarouselLinkButton.mobile.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,iDAA8C;AAC9C,iDAA8C;AAC9C,8CAA2C;AAC3C,iDAA8C;AAC9C,6CAA0C;AAO7B,QAAA,kBAAkB,GAAG,IAAA,aAAG,EACnC,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,IAAI,EAAE,GAAG,SAAS,EAAE,EAAE,EAAE;IACzC,MAAM,IAAI,GAAG,IAAA,iBAAO,GAAE,CAAC;IACvB,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC;IAExD,OAAO,IAAI,CAAC,CAAC,CAAC,CACZ,gCAAK,SAAS,EAAE,IAAA,aAAK,EAAC,cAAc,EAAE,SAAS,CAAC,YAC9C,+BACE,SAAS,EAAC,wEAAwE,EAClF,IAAI,EAAC,MAAM,EACX,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,aAEhB,iCAAK,SAAS,EAAC,8BAA8B,aAC1C,IAAI,CAAC,CAAC,CAAC,CACN,uBAAC,SAAG,IAAC,cAAc,EAAC,iBAAiB,EAAC,KAAK,EAAE,IAAI,EAAE,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,GAAG,CAC7E,CAAC,CAAC,CAAC,IAAI,EACR,uBAAC,WAAI,IAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,YAAY,EAAC,KAAK,EAAC,mBAAmB,YAC5D,IAAI,GACA,IACH,EACN,uBAAC,WAAI,IAAC,SAAS,EAAC,YAAY,EAAC,IAAI,EAAC,gBAAgB,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,GAAG,IAC1E,GACA,CACP,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CACF,CAAC"}

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

@@ -1,5 +0,0 @@
-import { type UniBlockProps } from '../../UniBlock/UniBlockProps';
-import { type CarouselLinksContent } from './CarouselLinksContent';
-export interface CarouselLinksProps extends CarouselLinksContent, UniBlockProps {
-}
-export declare const CarouselLinks: import("@redneckz/uni-jsx").UNIComponent<CarouselLinksProps, any, any>;

package/dist/components/CarouselLinks/CarouselLinks.mobile.js

@@ -1,20 +0,0 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CarouselLinks = void 0;
-const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
-const uni_jsx_1 = require("@redneckz/uni-jsx");
-const BlockWrapper_1 = require("../../ui-kit/BlockWrapper");
-const DefaultFoldButton_1 = require("../../ui-kit/Foldable/DefaultFoldButton");
-const Foldable_1 = require("../../ui-kit/Foldable/Foldable");
-const FoldableSection_1 = require("../../ui-kit/Foldable/FoldableSection");
-const Headline_1 = require("../Headline/Headline");
-const CarouselLinkButton_1 = require("./CarouselLinkButton");
-exports.CarouselLinks = (0, uni_jsx_1.JSX)(({ className, additionalDescription, description, links = [], title, ...rest }) => ((0, jsx_runtime_1.jsxs)(BlockWrapper_1.BlockWrapper, { className: className, ...rest, children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(Headline_1.Headline, { isEmbedded: true, title: title, description: description, as: "h1", align: "text-left" }), (0, jsx_runtime_1.jsx)(Headline_1.Headline, { className: "pt-m", description: additionalDescription, align: "text-left", isEmbedded: true })] }), links?.length ? renderLinks(links) : null] })));
-const renderLinks = (links, visibleLinksNum = 3) => {
-    const carouselLinks = (links || []).map((link, index) => ((0, jsx_runtime_1.jsx)(CarouselLinkButton_1.CarouselLinkButton, { ...link }, String(index))));
-    const [visibleLinks, hiddenLinks] = visibleLinksNum > 0
-        ? [carouselLinks.slice(0, visibleLinksNum), carouselLinks.slice(visibleLinksNum)]
-        : [carouselLinks, []];
-    return ((0, jsx_runtime_1.jsx)("div", { className: "mt-4xl", children: hiddenLinks.length > 0 ? ((0, jsx_runtime_1.jsx)(Foldable_1.Foldable, { renderFoldableSection: ({ isUnfolded }) => ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", { className: "mb-1", children: visibleLinks }), (0, jsx_runtime_1.jsx)(FoldableSection_1.FoldableSection, { isUnfolded: isUnfolded, children: hiddenLinks })] })), renderFoldButton: renderFoldButton })) : ((0, jsx_runtime_1.jsx)("div", { children: visibleLinks })) }));
-};
-const renderFoldButton = ({ isUnfolded, onToggle }) => isUnfolded ? null : ((0, jsx_runtime_1.jsx)(DefaultFoldButton_1.DefaultFoldButton, { className: "border-t-main-divider/50", icon: "PlusIcon", label: "\u041F\u043E\u043A\u0430\u0437\u0430\u0442\u044C \u0435\u0449\u0435", onClick: onToggle }));
-//# sourceMappingURL=CarouselLinks.mobile.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"CarouselLinks.mobile.js","sourceRoot":"","sources":["../../../src/components/CarouselLinks/CarouselLinks.mobile.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAExC,4DAAyD;AACzD,+EAA4E;AAC5E,6DAA0D;AAE1D,2EAAwE;AAExE,mDAAgD;AAChD,6DAA0D;AAK7C,QAAA,aAAa,GAAG,IAAA,aAAG,EAC9B,CAAC,EAAE,SAAS,EAAE,qBAAqB,EAAE,WAAW,EAAE,KAAK,GAAG,EAAE,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE,CAAC,CACjF,wBAAC,2BAAY,IAAC,SAAS,EAAE,SAAS,KAAM,IAAI,aAC1C,4CACE,uBAAC,mBAAQ,IACP,UAAU,EAAE,IAAI,EAChB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,EAAE,EAAC,IAAI,EACP,KAAK,EAAC,WAAW,GACjB,EACF,uBAAC,mBAAQ,IACP,SAAS,EAAC,MAAM,EAChB,WAAW,EAAE,qBAAqB,EAClC,KAAK,EAAC,WAAW,EACjB,UAAU,EAAE,IAAI,GAChB,IACE,EACL,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,IAC7B,CAChB,CACF,CAAC;AAEF,MAAM,WAAW,GAAG,CAAC,KAAkB,EAAE,eAAe,GAAG,CAAC,EAAE,EAAE;IAC9D,MAAM,aAAa,GAAG,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CACvD,uBAAC,uCAAkB,OAAyB,IAAI,IAAvB,MAAM,CAAC,KAAK,CAAC,CAAc,CACrD,CAAC,CAAC;IAEH,MAAM,CAAC,YAAY,EAAE,WAAW,CAAC,GAC/B,eAAe,GAAG,CAAC;QACjB,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,EAAE,eAAe,CAAC,EAAE,aAAa,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC;QACjF,CAAC,CAAC,CAAC,aAAa,EAAE,EAAE,CAAC,CAAC;IAE1B,OAAO,CACL,gCAAK,SAAS,EAAC,QAAQ,YACpB,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACxB,uBAAC,mBAAQ,IACP,qBAAqB,EAAE,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC,CACzC,4CACE,gCAAK,SAAS,EAAC,MAAM,YAAE,YAAY,GAAO,EAC1C,uBAAC,iCAAe,IAAC,UAAU,EAAE,UAAU,YAAG,WAAW,GAAmB,IACpE,CACP,EACD,gBAAgB,EAAE,gBAAgB,GAClC,CACH,CAAC,CAAC,CAAC,CACF,0CAAM,YAAY,GAAO,CAC1B,GACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,gBAAgB,GAAG,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAqB,EAAE,EAAE,CACvE,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAClB,uBAAC,qCAAiB,IAChB,SAAS,EAAC,0BAA0B,EACpC,IAAI,EAAC,UAAU,EACf,KAAK,EAAC,qEAAc,EACpB,OAAO,EAAE,QAAQ,GACjB,CACH,CAAC"}

package/lib/components/CarouselLinks/CarouselLinkButton.mobile.d.ts

@@ -1,5 +0,0 @@
-import { type CarouselLinkProps } from './CarouselLinksContent';
-export declare type CarouselLinkButtonProps = CarouselLinkProps & {
-    className?: string;
-};
-export declare const CarouselLinkButton: import("@redneckz/uni-jsx").UNIComponent<CarouselLinkButtonProps, any, any>;

package/lib/components/CarouselLinks/CarouselLinkButton.mobile.js

@@ -1,13 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
-import { JSX } from '@redneckz/uni-jsx';
-import { useLink } from '../../hooks/useLink.js';
-import { Icon } from '../../ui-kit/Icon/Icon.js';
-import { Img } from '../../ui-kit/Img/Img.js';
-import { Text } from '../../ui-kit/Text/Text.js';
-import { style } from '../../utils/style.js';
-export const CarouselLinkButton = JSX(({ className = '', icon, ...linkProps }) => {
-    const link = useLink();
-    const { text, href, target, onClick } = link(linkProps);
-    return text ? (_jsx("div", { className: style('w-full pb-lg', className), children: _jsxs("a", { className: "bg-white flex justify-between rounded-md w-full p-lg whitespace-nowrap", role: "link", href: href, target: target, onClick: onClick, children: [_jsxs("div", { className: "flex items-center space-x-lg", children: [icon ? (_jsx(Img, { imageClassName: "text-green-dark", image: icon, width: "20", height: "20" })) : null, _jsx(Text, { size: "text-l", font: "font-light", color: "text-primary-text", children: text })] }), _jsx(Icon, { className: "text-green", name: "ArrowRightIcon", width: "20", height: "20" })] }) })) : null;
-});
-//# sourceMappingURL=CarouselLinkButton.mobile.js.map

package/lib/components/CarouselLinks/CarouselLinkButton.mobile.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CarouselLinkButton.mobile.js","sourceRoot":"","sources":["../../../src/components/CarouselLinks/CarouselLinkButton.mobile.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAO1C,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,CACnC,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,IAAI,EAAE,GAAG,SAAS,EAAE,EAAE,EAAE;IACzC,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC;IAExD,OAAO,IAAI,CAAC,CAAC,CAAC,CACZ,cAAK,SAAS,EAAE,KAAK,CAAC,cAAc,EAAE,SAAS,CAAC,YAC9C,aACE,SAAS,EAAC,wEAAwE,EAClF,IAAI,EAAC,MAAM,EACX,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,aAEhB,eAAK,SAAS,EAAC,8BAA8B,aAC1C,IAAI,CAAC,CAAC,CAAC,CACN,KAAC,GAAG,IAAC,cAAc,EAAC,iBAAiB,EAAC,KAAK,EAAE,IAAI,EAAE,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,GAAG,CAC7E,CAAC,CAAC,CAAC,IAAI,EACR,KAAC,IAAI,IAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,YAAY,EAAC,KAAK,EAAC,mBAAmB,YAC5D,IAAI,GACA,IACH,EACN,KAAC,IAAI,IAAC,SAAS,EAAC,YAAY,EAAC,IAAI,EAAC,gBAAgB,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,GAAG,IAC1E,GACA,CACP,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CACF,CAAC"}

package/lib/components/CarouselLinks/CarouselLinks.mobile.d.ts

@@ -1,5 +0,0 @@
-import { type UniBlockProps } from '../../UniBlock/UniBlockProps';
-import { type CarouselLinksContent } from './CarouselLinksContent';
-export interface CarouselLinksProps extends CarouselLinksContent, UniBlockProps {
-}
-export declare const CarouselLinks: import("@redneckz/uni-jsx").UNIComponent<CarouselLinksProps, any, any>;

package/lib/components/CarouselLinks/CarouselLinks.mobile.js

@@ -1,18 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
-import { JSX } from '@redneckz/uni-jsx';
-import { BlockWrapper } from '../../ui-kit/BlockWrapper.js';
-import { DefaultFoldButton } from '../../ui-kit/Foldable/DefaultFoldButton.js';
-import { Foldable } from '../../ui-kit/Foldable/Foldable.js';
-import { FoldableSection } from '../../ui-kit/Foldable/FoldableSection.js';
-import { Headline } from '../Headline/Headline.js';
-import { CarouselLinkButton } from './CarouselLinkButton.js';
-export const CarouselLinks = JSX(({ className, additionalDescription, description, links = [], title, ...rest }) => (_jsxs(BlockWrapper, { className: className, ...rest, children: [_jsxs("div", { children: [_jsx(Headline, { isEmbedded: true, title: title, description: description, as: "h1", align: "text-left" }), _jsx(Headline, { className: "pt-m", description: additionalDescription, align: "text-left", isEmbedded: true })] }), links?.length ? renderLinks(links) : null] })));
-const renderLinks = (links, visibleLinksNum = 3) => {
-    const carouselLinks = (links || []).map((link, index) => (_jsx(CarouselLinkButton, { ...link }, String(index))));
-    const [visibleLinks, hiddenLinks] = visibleLinksNum > 0
-        ? [carouselLinks.slice(0, visibleLinksNum), carouselLinks.slice(visibleLinksNum)]
-        : [carouselLinks, []];
-    return (_jsx("div", { className: "mt-4xl", children: hiddenLinks.length > 0 ? (_jsx(Foldable, { renderFoldableSection: ({ isUnfolded }) => (_jsxs("div", { children: [_jsx("div", { className: "mb-1", children: visibleLinks }), _jsx(FoldableSection, { isUnfolded: isUnfolded, children: hiddenLinks })] })), renderFoldButton: renderFoldButton })) : (_jsx("div", { children: visibleLinks })) }));
-};
-const renderFoldButton = ({ isUnfolded, onToggle }) => isUnfolded ? null : (_jsx(DefaultFoldButton, { className: "border-t-main-divider/50", icon: "PlusIcon", label: "\u041F\u043E\u043A\u0430\u0437\u0430\u0442\u044C \u0435\u0449\u0435", onClick: onToggle }));
-//# sourceMappingURL=CarouselLinks.mobile.js.map

package/lib/components/CarouselLinks/CarouselLinks.mobile.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CarouselLinks.mobile.js","sourceRoot":"","sources":["../../../src/components/CarouselLinks/CarouselLinks.mobile.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,yCAAyC,CAAC;AAC5E,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAE1D,OAAO,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAC;AAExE,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAK1D,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAC9B,CAAC,EAAE,SAAS,EAAE,qBAAqB,EAAE,WAAW,EAAE,KAAK,GAAG,EAAE,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE,CAAC,CACjF,MAAC,YAAY,IAAC,SAAS,EAAE,SAAS,KAAM,IAAI,aAC1C,0BACE,KAAC,QAAQ,IACP,UAAU,EAAE,IAAI,EAChB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,EAAE,EAAC,IAAI,EACP,KAAK,EAAC,WAAW,GACjB,EACF,KAAC,QAAQ,IACP,SAAS,EAAC,MAAM,EAChB,WAAW,EAAE,qBAAqB,EAClC,KAAK,EAAC,WAAW,EACjB,UAAU,EAAE,IAAI,GAChB,IACE,EACL,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,IAC7B,CAChB,CACF,CAAC;AAEF,MAAM,WAAW,GAAG,CAAC,KAAkB,EAAE,eAAe,GAAG,CAAC,EAAE,EAAE;IAC9D,MAAM,aAAa,GAAG,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CACvD,KAAC,kBAAkB,OAAyB,IAAI,IAAvB,MAAM,CAAC,KAAK,CAAC,CAAc,CACrD,CAAC,CAAC;IAEH,MAAM,CAAC,YAAY,EAAE,WAAW,CAAC,GAC/B,eAAe,GAAG,CAAC;QACjB,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,EAAE,eAAe,CAAC,EAAE,aAAa,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC;QACjF,CAAC,CAAC,CAAC,aAAa,EAAE,EAAE,CAAC,CAAC;IAE1B,OAAO,CACL,cAAK,SAAS,EAAC,QAAQ,YACpB,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACxB,KAAC,QAAQ,IACP,qBAAqB,EAAE,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC,CACzC,0BACE,cAAK,SAAS,EAAC,MAAM,YAAE,YAAY,GAAO,EAC1C,KAAC,eAAe,IAAC,UAAU,EAAE,UAAU,YAAG,WAAW,GAAmB,IACpE,CACP,EACD,gBAAgB,EAAE,gBAAgB,GAClC,CACH,CAAC,CAAC,CAAC,CACF,wBAAM,YAAY,GAAO,CAC1B,GACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,gBAAgB,GAAG,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAqB,EAAE,EAAE,CACvE,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAClB,KAAC,iBAAiB,IAChB,SAAS,EAAC,0BAA0B,EACpC,IAAI,EAAC,UAAU,EACf,KAAK,EAAC,qEAAc,EACpB,OAAO,EAAE,QAAQ,GACjB,CACH,CAAC"}

package/src/components/CarouselLinks/CarouselLinkButton.mobile.tsx

@@ -1,40 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { useLink } from '../../hooks/useLink';
-import { Icon } from '../../ui-kit/Icon/Icon';
-import { Img } from '../../ui-kit/Img/Img';
-import { Text } from '../../ui-kit/Text/Text';
-import { style } from '../../utils/style';
-import { type CarouselLinkProps } from './CarouselLinksContent';
-
-export type CarouselLinkButtonProps = CarouselLinkProps & {
-  className?: string;
-};
-
-export const CarouselLinkButton = JSX<CarouselLinkButtonProps>(
-  ({ className = '', icon, ...linkProps }) => {
-    const link = useLink();
-    const { text, href, target, onClick } = link(linkProps);
-
-    return text ? (
-      <div className={style('w-full pb-lg', className)}>
-        <a
-          className="bg-white flex justify-between rounded-md w-full p-lg whitespace-nowrap"
-          role="link"
-          href={href}
-          target={target}
-          onClick={onClick}
-        >
-          <div className="flex items-center space-x-lg">
-            {icon ? (
-              <Img imageClassName="text-green-dark" image={icon} width="20" height="20" />
-            ) : null}
-            <Text size="text-l" font="font-light" color="text-primary-text">
-              {text}
-            </Text>
-          </div>
-          <Icon className="text-green" name="ArrowRightIcon" width="20" height="20" />
-        </a>
-      </div>
-    ) : null;
-  },
-);

package/src/components/CarouselLinks/CarouselLinks.mobile.tsx

@@ -1,75 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { type LinkProps } from '../../model/LinkProps';
-import { BlockWrapper } from '../../ui-kit/BlockWrapper';
-import { DefaultFoldButton } from '../../ui-kit/Foldable/DefaultFoldButton';
-import { Foldable } from '../../ui-kit/Foldable/Foldable';
-import { type FoldablePartProps } from '../../ui-kit/Foldable/FoldablePartProps';
-import { FoldableSection } from '../../ui-kit/Foldable/FoldableSection';
-import { type UniBlockProps } from '../../UniBlock/UniBlockProps';
-import { Headline } from '../Headline/Headline';
-import { CarouselLinkButton } from './CarouselLinkButton';
-import { type CarouselLinksContent } from './CarouselLinksContent';
-
-export interface CarouselLinksProps extends CarouselLinksContent, UniBlockProps {}
-
-export const CarouselLinks = JSX<CarouselLinksProps>(
-  ({ className, additionalDescription, description, links = [], title, ...rest }) => (
-    <BlockWrapper className={className} {...rest}>
-      <div>
-        <Headline
-          isEmbedded={true}
-          title={title}
-          description={description}
-          as="h1"
-          align="text-left"
-        />
-        <Headline
-          className="pt-m"
-          description={additionalDescription}
-          align="text-left"
-          isEmbedded={true}
-        />
-      </div>
-      {links?.length ? renderLinks(links) : null}
-    </BlockWrapper>
-  ),
-);
-
-const renderLinks = (links: LinkProps[], visibleLinksNum = 3) => {
-  const carouselLinks = (links || []).map((link, index) => (
-    <CarouselLinkButton key={String(index)} {...link} />
-  ));
-
-  const [visibleLinks, hiddenLinks] =
-    visibleLinksNum > 0
-      ? [carouselLinks.slice(0, visibleLinksNum), carouselLinks.slice(visibleLinksNum)]
-      : [carouselLinks, []];
-
-  return (
-    <div className="mt-4xl">
-      {hiddenLinks.length > 0 ? (
-        <Foldable
-          renderFoldableSection={({ isUnfolded }) => (
-            <div>
-              <div className="mb-1">{visibleLinks}</div>
-              <FoldableSection isUnfolded={isUnfolded}>{hiddenLinks}</FoldableSection>
-            </div>
-          )}
-          renderFoldButton={renderFoldButton}
-        />
-      ) : (
-        <div>{visibleLinks}</div>
-      )}
-    </div>
-  );
-};
-
-const renderFoldButton = ({ isUnfolded, onToggle }: FoldablePartProps) =>
-  isUnfolded ? null : (
-    <DefaultFoldButton
-      className="border-t-main-divider/50"
-      icon="PlusIcon"
-      label="Показать еще"
-      onClick={onToggle}
-    />
-  );