@redneckz/wildless-cms-uni-blocks 0.14.46 → 0.14.48

package/mobile/bundle/components/RollupItem/{PrimaryFoldButton.d.ts → AccordionFoldButton.d.ts}

@@ -1,12 +1,12 @@
 import { type IconName } from '../../icons/IconName';
 import { type Picture } from '../../model/Picture';
 import { type IconBgVersion } from '../../ui-kit/Icon/IconProps';
-interface PrimaryFoldButtonProps {
+interface RollupButtonProps {
     label?: string;
     labelIcon?: Picture;
     labelIconBgVersion?: IconBgVersion;
     icon?: IconName;
     onToggle?: () => void;
 }
-export declare const PrimaryFoldButton: import("@redneckz/uni-jsx").UNIComponent<PrimaryFoldButtonProps, any, any>;
+export declare const AccordionFoldButton: import("@redneckz/uni-jsx").UNIComponent<RollupButtonProps, any, any>;
 export {};

package/mobile/bundle/components/RollupItem/RollupItemContent.d.ts

@@ -1,5 +1,10 @@
 import { type LabelProps } from '../../model/HeadlineType';
 import { type UniBlockContent } from '../../model/JSXBlock';
+/**
+ * @title Вид кнопки сворачивания
+ * @enumNames ["Основная", "Аккордион"]
+ */
+export declare type FoldButtonVersion = 'default' | 'accordion';
 /**
  * @title Сворачивающаяся секция
  */
@@ -8,4 +13,5 @@ export declare type RollupItemContent = UniBlockContent & LabelProps & {
     isExpanded?: boolean;
     /** @title Кнопка сверху */
     isFoldButtonOnTop?: boolean;
+    foldButtonVersion?: FoldButtonVersion;
 };

package/mobile/dist/components/RollupItem/AccordionFoldButton.d.ts

@@ -0,0 +1,12 @@
+import { type IconName } from '../../icons/IconName';
+import { type Picture } from '../../model/Picture';
+import { type IconBgVersion } from '../../ui-kit/Icon/IconProps';
+interface RollupButtonProps {
+    label?: string;
+    labelIcon?: Picture;
+    labelIconBgVersion?: IconBgVersion;
+    icon?: IconName;
+    onToggle?: () => void;
+}
+export declare const AccordionFoldButton: import("@redneckz/uni-jsx").UNIComponent<RollupButtonProps, any, any>;
+export {};

package/mobile/dist/components/RollupItem/AccordionFoldButton.js

@@ -0,0 +1,12 @@
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AccordionFoldButton = void 0;
+const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
+const uni_jsx_1 = require("@redneckz/uni-jsx");
+const Icon_1 = require("../../ui-kit/Icon/Icon");
+const Text_1 = require("../../ui-kit/Text/Text");
+const TextWithIcon_1 = require("../../ui-kit/TextWithIcon/TextWithIcon");
+const style_1 = require("../../utils/style");
+const renderRoundedIcon_1 = require("./renderRoundedIcon");
+const rollupIconVersion_1 = require("./rollupIconVersion");
+exports.AccordionFoldButton = (0, uni_jsx_1.JSX)(({ label, labelIconBgVersion, icon, onToggle, labelIcon }) => ((0, jsx_runtime_1.jsx)(TextWithIcon_1.TextWithIcon, { tag: "button", className: (0, style_1.style)('border-none bg-transparent items-center group/button', labelIcon?.icon ? 'py-xs' : 'py-lg'), onClick: onToggle, textNode: (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center text-start group-hover/button:text-primary-main gap-s", children: [(0, renderRoundedIcon_1.renderRoundedIcon)(labelIcon, labelIconBgVersion), label ? ((0, jsx_runtime_1.jsx)(Text_1.Text, { size: "text-h6", font: "font-normal", children: label })) : null] }), iconNode: icon ? (0, jsx_runtime_1.jsx)(Icon_1.Icon, { name: icon, iconVersion: rollupIconVersion_1.rollupIconVersion, width: "24", height: "24" }) : null })));
+//# sourceMappingURL=AccordionFoldButton.js.map

package/mobile/dist/components/RollupItem/AccordionFoldButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionFoldButton.js","sourceRoot":"","sources":["../../../src/components/RollupItem/AccordionFoldButton.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAGxC,iDAA8C;AAE9C,iDAA8C;AAC9C,yEAAsE;AACtE,6CAA0C;AAC1C,2DAAwD;AACxD,2DAAwD;AAU3C,QAAA,mBAAmB,GAAG,IAAA,aAAG,EACpC,CAAC,EAAE,KAAK,EAAE,kBAAkB,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CAC5D,uBAAC,2BAAY,IACX,GAAG,EAAC,QAAQ,EACZ,SAAS,EAAE,IAAA,aAAK,EACd,sDAAsD,EACtD,SAAS,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CACpC,EACD,OAAO,EAAE,QAAQ,EACjB,QAAQ,EACN,iCAAK,SAAS,EAAC,yEAAyE,aACrF,IAAA,qCAAiB,EAAC,SAAS,EAAE,kBAAkB,CAAC,EAChD,KAAK,CAAC,CAAC,CAAC,CACP,uBAAC,WAAI,IAAC,IAAI,EAAC,SAAS,EAAC,IAAI,EAAC,aAAa,YACpC,KAAK,GACD,CACR,CAAC,CAAC,CAAC,IAAI,IACJ,EAER,QAAQ,EACN,IAAI,CAAC,CAAC,CAAC,uBAAC,WAAI,IAAC,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE,qCAAiB,EAAE,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,GAAG,CAAC,CAAC,CAAC,IAAI,GAE3F,CACH,CACF,CAAC"}

package/mobile/dist/components/RollupItem/RollupItem.js

@@ -8,15 +8,15 @@ 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 style_1 = require("../../utils/style");
+const AccordionFoldButton_1 = require("./AccordionFoldButton");
 const foldableSectionStyles_1 = require("./foldableSectionStyles");
 const getIconName_1 = require("./getIconName");
-const PrimaryFoldButton_1 = require("./PrimaryFoldButton");
 const rollupItemStyles_1 = require("./rollupItemStyles");
-exports.RollupItem = (0, uni_jsx_1.JSX)(({ className = '', isExpanded, isFoldButtonOnTop = true, label = 'Развернуть', labelIcon, labelIconBgVersion, version = 'primary', ...rest }) => ((0, jsx_runtime_1.jsx)(BlockWrapper_1.BlockWrapper, { className: (0, style_1.style)('w-full', rollupItemStyles_1.rollupItemStyles, className), defaultPadding: "p-0", tag: "div", version: "transparent", ...rest, children: (0, jsx_runtime_1.jsx)(Foldable_1.Foldable, { isFoldButtonOnTop: isFoldButtonOnTop, unfoldedByDefault: isExpanded, renderFoldableSection: ({ isUnfolded }) => ((0, jsx_runtime_1.jsx)(FoldableSection_1.FoldableSection, { className: (0, style_1.style)('gap-lg', foldableSectionStyles_1.foldableSectionStyles), isUnfolded: isUnfolded, children: (0, renderChildren_1.renderChildren)({
+exports.RollupItem = (0, uni_jsx_1.JSX)(({ className = '', isExpanded, isFoldButtonOnTop = true, label = 'Развернуть', labelIcon, labelIconBgVersion, foldButtonVersion = 'accordion', ...rest }) => ((0, jsx_runtime_1.jsx)(BlockWrapper_1.BlockWrapper, { className: (0, style_1.style)('w-full', rollupItemStyles_1.rollupItemStyles, className), defaultPadding: "p-0", tag: "div", version: "transparent", ...rest, children: (0, jsx_runtime_1.jsx)(Foldable_1.Foldable, { isFoldButtonOnTop: isFoldButtonOnTop, unfoldedByDefault: isExpanded, renderFoldableSection: ({ isUnfolded }) => ((0, jsx_runtime_1.jsx)(FoldableSection_1.FoldableSection, { className: (0, style_1.style)('gap-lg', foldableSectionStyles_1.foldableSectionStyles), isUnfolded: isUnfolded, children: (0, renderChildren_1.renderChildren)({
                 ...rest,
                 extraProps: { className: 'w-full', padding: 'p-0' },
             }) })), renderFoldButton: ({ isUnfolded, onToggle }) => renderFoldButton({
-            version,
+            foldButtonVersion,
             label,
             labelIcon,
             labelIconBgVersion,
@@ -26,9 +26,9 @@ exports.RollupItem = (0, uni_jsx_1.JSX)(({ className = '', isExpanded, isFoldBut
 exports.RollupItem.childrenTypes = {
     exclude: ['RollupItem'],
 };
-const renderFoldButton = ({ version, label: defaultLabel, labelIcon, labelIconBgVersion, isUnfolded, onToggle, }) => {
+const renderFoldButton = ({ foldButtonVersion, label: defaultLabel, labelIcon, labelIconBgVersion, isUnfolded, onToggle, }) => {
     const label = defaultLabel || (isUnfolded ? 'Скрыть' : 'Развернуть');
     const icon = (0, getIconName_1.getIconName)(isUnfolded);
-    return version === 'primary' ? ((0, jsx_runtime_1.jsx)(PrimaryFoldButton_1.PrimaryFoldButton, { label: label, labelIcon: labelIcon, labelIconBgVersion: labelIconBgVersion, icon: icon, onToggle: onToggle })) : ((0, jsx_runtime_1.jsx)(DefaultFoldButton_1.DefaultFoldButton, { label: label, icon: isUnfolded ? 'ArrowUpIcon' : 'ArrowDownIcon', onClick: onToggle }));
+    return foldButtonVersion === 'accordion' ? ((0, jsx_runtime_1.jsx)(AccordionFoldButton_1.AccordionFoldButton, { label: label, labelIcon: labelIcon, labelIconBgVersion: labelIconBgVersion, icon: icon, onToggle: onToggle })) : ((0, jsx_runtime_1.jsx)(DefaultFoldButton_1.DefaultFoldButton, { label: label, icon: isUnfolded ? 'ArrowUpIcon' : 'ArrowDownIcon', onClick: onToggle }));
 };
 //# sourceMappingURL=RollupItem.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"RollupItem.js","sourceRoot":"","sources":["../../../src/components/RollupItem/RollupItem.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,uEAAoE;AAIpE,4DAAyD;AACzD,+EAA4E;AAC5E,6DAA0D;AAE1D,2EAAwE;AAExE,6CAA0C;AAC1C,mEAAgE;AAChE,+CAA4C;AAC5C,2DAAwD;AAExD,yDAAsD;AAOzC,QAAA,UAAU,GAA8B,IAAA,aAAG,EACtD,CAAC,EACC,SAAS,GAAG,EAAE,EACd,UAAU,EACV,iBAAiB,GAAG,IAAI,EACxB,KAAK,GAAG,YAAY,EACpB,SAAS,EACT,kBAAkB,EAClB,OAAO,GAAG,SAAS,EACnB,GAAG,IAAI,EACR,EAAE,EAAE,CAAC,CACJ,uBAAC,2BAAY,IACX,SAAS,EAAE,IAAA,aAAK,EAAC,QAAQ,EAAE,mCAAgB,EAAE,SAAS,CAAC,EACvD,cAAc,EAAC,KAAK,EACpB,GAAG,EAAC,KAAK,EACT,OAAO,EAAC,aAAa,KACjB,IAAI,YAER,uBAAC,mBAAQ,IACP,iBAAiB,EAAE,iBAAiB,EACpC,iBAAiB,EAAE,UAAU,EAC7B,qBAAqB,EAAE,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC,CACzC,uBAAC,iCAAe,IACd,SAAS,EAAE,IAAA,aAAK,EAAC,QAAQ,EAAE,6CAAqB,CAAC,EACjD,UAAU,EAAE,UAAU,YAErB,IAAA,+BAAc,EAAC;gBACd,GAAG,IAAI;gBACP,UAAU,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE;aACpD,CAAC,GACc,CACnB,EACD,gBAAgB,EAAE,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,EAAE,CAC7C,gBAAgB,CAAC;YACf,OAAO;YACP,KAAK;YACL,SAAS;YACT,kBAAkB;YAClB,UAAU;YACV,QAAQ;SACT,CAAC,GAEJ,GACW,CAChB,CACF,CAAC;AAEF,kBAAU,CAAC,aAAa,GAAG;IACzB,OAAO,EAAE,CAAC,YAAY,CAAC;CACxB,CAAC;AAUF,MAAM,gBAAgB,GAAG,CAAC,EACxB,OAAO,EACP,KAAK,EAAE,YAAY,EACnB,SAAS,EACT,kBAAkB,EAClB,UAAU,EACV,QAAQ,GACQ,EAAE,EAAE;IACpB,MAAM,KAAK,GAAG,YAAY,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC;IACrE,MAAM,IAAI,GAAG,IAAA,yBAAW,EAAC,UAAU,CAAC,CAAC;IAErC,OAAO,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,CAC7B,uBAAC,qCAAiB,IAChB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,kBAAkB,EAAE,kBAAkB,EACtC,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC,CAAC,CAAC,CACF,uBAAC,qCAAiB,IAChB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,eAAe,EAClD,OAAO,EAAE,QAAQ,GACjB,CACH,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"RollupItem.js","sourceRoot":"","sources":["../../../src/components/RollupItem/RollupItem.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,uEAAoE;AAGpE,4DAAyD;AACzD,+EAA4E;AAC5E,6DAA0D;AAE1D,2EAAwE;AAExE,6CAA0C;AAC1C,+DAA4D;AAC5D,mEAAgE;AAChE,+CAA4C;AAE5C,yDAAsD;AAOzC,QAAA,UAAU,GAA8B,IAAA,aAAG,EACtD,CAAC,EACC,SAAS,GAAG,EAAE,EACd,UAAU,EACV,iBAAiB,GAAG,IAAI,EACxB,KAAK,GAAG,YAAY,EACpB,SAAS,EACT,kBAAkB,EAClB,iBAAiB,GAAG,WAAW,EAC/B,GAAG,IAAI,EACR,EAAE,EAAE,CAAC,CACJ,uBAAC,2BAAY,IACX,SAAS,EAAE,IAAA,aAAK,EAAC,QAAQ,EAAE,mCAAgB,EAAE,SAAS,CAAC,EACvD,cAAc,EAAC,KAAK,EACpB,GAAG,EAAC,KAAK,EACT,OAAO,EAAC,aAAa,KACjB,IAAI,YAER,uBAAC,mBAAQ,IACP,iBAAiB,EAAE,iBAAiB,EACpC,iBAAiB,EAAE,UAAU,EAC7B,qBAAqB,EAAE,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC,CACzC,uBAAC,iCAAe,IACd,SAAS,EAAE,IAAA,aAAK,EAAC,QAAQ,EAAE,6CAAqB,CAAC,EACjD,UAAU,EAAE,UAAU,YAErB,IAAA,+BAAc,EAAC;gBACd,GAAG,IAAI;gBACP,UAAU,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE;aACpD,CAAC,GACc,CACnB,EACD,gBAAgB,EAAE,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,EAAE,CAC7C,gBAAgB,CAAC;YACf,iBAAiB;YACjB,KAAK;YACL,SAAS;YACT,kBAAkB;YAClB,UAAU;YACV,QAAQ;SACT,CAAC,GAEJ,GACW,CAChB,CACF,CAAC;AAEF,kBAAU,CAAC,aAAa,GAAG;IACzB,OAAO,EAAE,CAAC,YAAY,CAAC;CACxB,CAAC;AAUF,MAAM,gBAAgB,GAAG,CAAC,EACxB,iBAAiB,EACjB,KAAK,EAAE,YAAY,EACnB,SAAS,EACT,kBAAkB,EAClB,UAAU,EACV,QAAQ,GACQ,EAAE,EAAE;IACpB,MAAM,KAAK,GAAG,YAAY,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC;IACrE,MAAM,IAAI,GAAG,IAAA,yBAAW,EAAC,UAAU,CAAC,CAAC;IAErC,OAAO,iBAAiB,KAAK,WAAW,CAAC,CAAC,CAAC,CACzC,uBAAC,yCAAmB,IAClB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,kBAAkB,EAAE,kBAAkB,EACtC,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC,CAAC,CAAC,CACF,uBAAC,qCAAiB,IAChB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,eAAe,EAClD,OAAO,EAAE,QAAQ,GACjB,CACH,CAAC;AACJ,CAAC,CAAC"}

package/mobile/dist/components/RollupItem/RollupItemContent.d.ts

@@ -1,5 +1,10 @@
 import { type LabelProps } from '../../model/HeadlineType';
 import { type UniBlockContent } from '../../model/JSXBlock';
+/**
+ * @title Вид кнопки сворачивания
+ * @enumNames ["Основная", "Аккордион"]
+ */
+export declare type FoldButtonVersion = 'default' | 'accordion';
 /**
  * @title Сворачивающаяся секция
  */
@@ -8,4 +13,5 @@ export declare type RollupItemContent = UniBlockContent & LabelProps & {
     isExpanded?: boolean;
     /** @title Кнопка сверху */
     isFoldButtonOnTop?: boolean;
+    foldButtonVersion?: FoldButtonVersion;
 };

package/mobile/lib/components/RollupItem/AccordionFoldButton.d.ts

@@ -0,0 +1,12 @@
+import { type IconName } from '../../icons/IconName';
+import { type Picture } from '../../model/Picture';
+import { type IconBgVersion } from '../../ui-kit/Icon/IconProps';
+interface RollupButtonProps {
+    label?: string;
+    labelIcon?: Picture;
+    labelIconBgVersion?: IconBgVersion;
+    icon?: IconName;
+    onToggle?: () => void;
+}
+export declare const AccordionFoldButton: import("@redneckz/uni-jsx").UNIComponent<RollupButtonProps, any, any>;
+export {};

package/mobile/lib/components/RollupItem/AccordionFoldButton.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
+import { JSX } from '@redneckz/uni-jsx';
+import { Icon } from '../../ui-kit/Icon/Icon.js';
+import { Text } from '../../ui-kit/Text/Text.js';
+import { TextWithIcon } from '../../ui-kit/TextWithIcon/TextWithIcon.js';
+import { style } from '../../utils/style.js';
+import { renderRoundedIcon } from './renderRoundedIcon.js';
+import { rollupIconVersion } from './rollupIconVersion.js';
+export const AccordionFoldButton = JSX(({ label, labelIconBgVersion, icon, onToggle, labelIcon }) => (_jsx(TextWithIcon, { tag: "button", className: style('border-none bg-transparent items-center group/button', labelIcon?.icon ? 'py-xs' : 'py-lg'), onClick: onToggle, textNode: _jsxs("div", { className: "flex items-center text-start group-hover/button:text-primary-main gap-s", children: [renderRoundedIcon(labelIcon, labelIconBgVersion), label ? (_jsx(Text, { size: "text-h6", font: "font-normal", children: label })) : null] }), iconNode: icon ? _jsx(Icon, { name: icon, iconVersion: rollupIconVersion, width: "24", height: "24" }) : null })));
+//# sourceMappingURL=AccordionFoldButton.js.map

package/mobile/lib/components/RollupItem/AccordionFoldButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionFoldButton.js","sourceRoot":"","sources":["../../../src/components/RollupItem/AccordionFoldButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGxC,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAE9C,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,wCAAwC,CAAC;AACtE,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAUxD,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,CACpC,CAAC,EAAE,KAAK,EAAE,kBAAkB,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CAC5D,KAAC,YAAY,IACX,GAAG,EAAC,QAAQ,EACZ,SAAS,EAAE,KAAK,CACd,sDAAsD,EACtD,SAAS,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CACpC,EACD,OAAO,EAAE,QAAQ,EACjB,QAAQ,EACN,eAAK,SAAS,EAAC,yEAAyE,aACrF,iBAAiB,CAAC,SAAS,EAAE,kBAAkB,CAAC,EAChD,KAAK,CAAC,CAAC,CAAC,CACP,KAAC,IAAI,IAAC,IAAI,EAAC,SAAS,EAAC,IAAI,EAAC,aAAa,YACpC,KAAK,GACD,CACR,CAAC,CAAC,CAAC,IAAI,IACJ,EAER,QAAQ,EACN,IAAI,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE,iBAAiB,EAAE,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,GAAG,CAAC,CAAC,CAAC,IAAI,GAE3F,CACH,CACF,CAAC"}

package/mobile/lib/components/RollupItem/RollupItem.js

@@ -6,15 +6,15 @@ 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 { style } from '../../utils/style.js';
+import { AccordionFoldButton } from './AccordionFoldButton.js';
 import { foldableSectionStyles } from './foldableSectionStyles.js';
 import { getIconName } from './getIconName.js';
-import { PrimaryFoldButton } from './PrimaryFoldButton.js';
 import { rollupItemStyles } from './rollupItemStyles.js';
-export const RollupItem = JSX(({ className = '', isExpanded, isFoldButtonOnTop = true, label = 'Развернуть', labelIcon, labelIconBgVersion, version = 'primary', ...rest }) => (_jsx(BlockWrapper, { className: style('w-full', rollupItemStyles, className), defaultPadding: "p-0", tag: "div", version: "transparent", ...rest, children: _jsx(Foldable, { isFoldButtonOnTop: isFoldButtonOnTop, unfoldedByDefault: isExpanded, renderFoldableSection: ({ isUnfolded }) => (_jsx(FoldableSection, { className: style('gap-lg', foldableSectionStyles), isUnfolded: isUnfolded, children: renderChildren({
+export const RollupItem = JSX(({ className = '', isExpanded, isFoldButtonOnTop = true, label = 'Развернуть', labelIcon, labelIconBgVersion, foldButtonVersion = 'accordion', ...rest }) => (_jsx(BlockWrapper, { className: style('w-full', rollupItemStyles, className), defaultPadding: "p-0", tag: "div", version: "transparent", ...rest, children: _jsx(Foldable, { isFoldButtonOnTop: isFoldButtonOnTop, unfoldedByDefault: isExpanded, renderFoldableSection: ({ isUnfolded }) => (_jsx(FoldableSection, { className: style('gap-lg', foldableSectionStyles), isUnfolded: isUnfolded, children: renderChildren({
                 ...rest,
                 extraProps: { className: 'w-full', padding: 'p-0' },
             }) })), renderFoldButton: ({ isUnfolded, onToggle }) => renderFoldButton({
-            version,
+            foldButtonVersion,
             label,
             labelIcon,
             labelIconBgVersion,
@@ -24,9 +24,9 @@ export const RollupItem = JSX(({ className = '', isExpanded, isFoldButtonOnTop =
 RollupItem.childrenTypes = {
     exclude: ['RollupItem'],
 };
-const renderFoldButton = ({ version, label: defaultLabel, labelIcon, labelIconBgVersion, isUnfolded, onToggle, }) => {
+const renderFoldButton = ({ foldButtonVersion, label: defaultLabel, labelIcon, labelIconBgVersion, isUnfolded, onToggle, }) => {
     const label = defaultLabel || (isUnfolded ? 'Скрыть' : 'Развернуть');
     const icon = getIconName(isUnfolded);
-    return version === 'primary' ? (_jsx(PrimaryFoldButton, { label: label, labelIcon: labelIcon, labelIconBgVersion: labelIconBgVersion, icon: icon, onToggle: onToggle })) : (_jsx(DefaultFoldButton, { label: label, icon: isUnfolded ? 'ArrowUpIcon' : 'ArrowDownIcon', onClick: onToggle }));
+    return foldButtonVersion === 'accordion' ? (_jsx(AccordionFoldButton, { label: label, labelIcon: labelIcon, labelIconBgVersion: labelIconBgVersion, icon: icon, onToggle: onToggle })) : (_jsx(DefaultFoldButton, { label: label, icon: isUnfolded ? 'ArrowUpIcon' : 'ArrowDownIcon', onClick: onToggle }));
 };
 //# sourceMappingURL=RollupItem.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"RollupItem.js","sourceRoot":"","sources":["../../../src/components/RollupItem/RollupItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AAIpE,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,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAExD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAOtD,MAAM,CAAC,MAAM,UAAU,GAA8B,GAAG,CACtD,CAAC,EACC,SAAS,GAAG,EAAE,EACd,UAAU,EACV,iBAAiB,GAAG,IAAI,EACxB,KAAK,GAAG,YAAY,EACpB,SAAS,EACT,kBAAkB,EAClB,OAAO,GAAG,SAAS,EACnB,GAAG,IAAI,EACR,EAAE,EAAE,CAAC,CACJ,KAAC,YAAY,IACX,SAAS,EAAE,KAAK,CAAC,QAAQ,EAAE,gBAAgB,EAAE,SAAS,CAAC,EACvD,cAAc,EAAC,KAAK,EACpB,GAAG,EAAC,KAAK,EACT,OAAO,EAAC,aAAa,KACjB,IAAI,YAER,KAAC,QAAQ,IACP,iBAAiB,EAAE,iBAAiB,EACpC,iBAAiB,EAAE,UAAU,EAC7B,qBAAqB,EAAE,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC,CACzC,KAAC,eAAe,IACd,SAAS,EAAE,KAAK,CAAC,QAAQ,EAAE,qBAAqB,CAAC,EACjD,UAAU,EAAE,UAAU,YAErB,cAAc,CAAC;gBACd,GAAG,IAAI;gBACP,UAAU,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE;aACpD,CAAC,GACc,CACnB,EACD,gBAAgB,EAAE,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,EAAE,CAC7C,gBAAgB,CAAC;YACf,OAAO;YACP,KAAK;YACL,SAAS;YACT,kBAAkB;YAClB,UAAU;YACV,QAAQ;SACT,CAAC,GAEJ,GACW,CAChB,CACF,CAAC;AAEF,UAAU,CAAC,aAAa,GAAG;IACzB,OAAO,EAAE,CAAC,YAAY,CAAC;CACxB,CAAC;AAUF,MAAM,gBAAgB,GAAG,CAAC,EACxB,OAAO,EACP,KAAK,EAAE,YAAY,EACnB,SAAS,EACT,kBAAkB,EAClB,UAAU,EACV,QAAQ,GACQ,EAAE,EAAE;IACpB,MAAM,KAAK,GAAG,YAAY,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC;IACrE,MAAM,IAAI,GAAG,WAAW,CAAC,UAAU,CAAC,CAAC;IAErC,OAAO,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,CAC7B,KAAC,iBAAiB,IAChB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,kBAAkB,EAAE,kBAAkB,EACtC,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC,CAAC,CAAC,CACF,KAAC,iBAAiB,IAChB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,eAAe,EAClD,OAAO,EAAE,QAAQ,GACjB,CACH,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"RollupItem.js","sourceRoot":"","sources":["../../../src/components/RollupItem/RollupItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AAGpE,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,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAOtD,MAAM,CAAC,MAAM,UAAU,GAA8B,GAAG,CACtD,CAAC,EACC,SAAS,GAAG,EAAE,EACd,UAAU,EACV,iBAAiB,GAAG,IAAI,EACxB,KAAK,GAAG,YAAY,EACpB,SAAS,EACT,kBAAkB,EAClB,iBAAiB,GAAG,WAAW,EAC/B,GAAG,IAAI,EACR,EAAE,EAAE,CAAC,CACJ,KAAC,YAAY,IACX,SAAS,EAAE,KAAK,CAAC,QAAQ,EAAE,gBAAgB,EAAE,SAAS,CAAC,EACvD,cAAc,EAAC,KAAK,EACpB,GAAG,EAAC,KAAK,EACT,OAAO,EAAC,aAAa,KACjB,IAAI,YAER,KAAC,QAAQ,IACP,iBAAiB,EAAE,iBAAiB,EACpC,iBAAiB,EAAE,UAAU,EAC7B,qBAAqB,EAAE,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC,CACzC,KAAC,eAAe,IACd,SAAS,EAAE,KAAK,CAAC,QAAQ,EAAE,qBAAqB,CAAC,EACjD,UAAU,EAAE,UAAU,YAErB,cAAc,CAAC;gBACd,GAAG,IAAI;gBACP,UAAU,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE;aACpD,CAAC,GACc,CACnB,EACD,gBAAgB,EAAE,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,EAAE,CAC7C,gBAAgB,CAAC;YACf,iBAAiB;YACjB,KAAK;YACL,SAAS;YACT,kBAAkB;YAClB,UAAU;YACV,QAAQ;SACT,CAAC,GAEJ,GACW,CAChB,CACF,CAAC;AAEF,UAAU,CAAC,aAAa,GAAG;IACzB,OAAO,EAAE,CAAC,YAAY,CAAC;CACxB,CAAC;AAUF,MAAM,gBAAgB,GAAG,CAAC,EACxB,iBAAiB,EACjB,KAAK,EAAE,YAAY,EACnB,SAAS,EACT,kBAAkB,EAClB,UAAU,EACV,QAAQ,GACQ,EAAE,EAAE;IACpB,MAAM,KAAK,GAAG,YAAY,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC;IACrE,MAAM,IAAI,GAAG,WAAW,CAAC,UAAU,CAAC,CAAC;IAErC,OAAO,iBAAiB,KAAK,WAAW,CAAC,CAAC,CAAC,CACzC,KAAC,mBAAmB,IAClB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,kBAAkB,EAAE,kBAAkB,EACtC,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC,CAAC,CAAC,CACF,KAAC,iBAAiB,IAChB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,eAAe,EAClD,OAAO,EAAE,QAAQ,GACjB,CACH,CAAC;AACJ,CAAC,CAAC"}

package/mobile/lib/components/RollupItem/RollupItemContent.d.ts

@@ -1,5 +1,10 @@
 import { type LabelProps } from '../../model/HeadlineType';
 import { type UniBlockContent } from '../../model/JSXBlock';
+/**
+ * @title Вид кнопки сворачивания
+ * @enumNames ["Основная", "Аккордион"]
+ */
+export declare type FoldButtonVersion = 'default' | 'accordion';
 /**
  * @title Сворачивающаяся секция
  */
@@ -8,4 +13,5 @@ export declare type RollupItemContent = UniBlockContent & LabelProps & {
     isExpanded?: boolean;
     /** @title Кнопка сверху */
     isFoldButtonOnTop?: boolean;
+    foldButtonVersion?: FoldButtonVersion;
 };

package/mobile/src/components/RollupItem/{PrimaryFoldButton.tsx → AccordionFoldButton.tsx}

@@ -9,7 +9,7 @@ import { style } from '../../utils/style';
 import { renderRoundedIcon } from './renderRoundedIcon';
 import { rollupIconVersion } from './rollupIconVersion';
 
-interface PrimaryFoldButtonProps {
+interface RollupButtonProps {
   label?: string;
   labelIcon?: Picture;
   labelIconBgVersion?: IconBgVersion;
@@ -17,7 +17,7 @@ interface PrimaryFoldButtonProps {
   onToggle?: () => void;
 }
 
-export const PrimaryFoldButton = JSX<PrimaryFoldButtonProps>(
+export const AccordionFoldButton = JSX<RollupButtonProps>(
   ({ label, labelIconBgVersion, icon, onToggle, labelIcon }) => (
     <TextWithIcon
       tag="button"

package/mobile/src/components/RollupItem/RollupItem.example.json

@@ -2,7 +2,8 @@
   "content": {
     "label": "Сворачивающаяся секция 1",
     "isExpanded": true,
-    "isFoldButtonOnTop": true
+    "isFoldButtonOnTop": true,
+    "foldButtonVersion": "default"
   },
   "blocks": [
     {

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

@@ -1,6 +1,5 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { renderChildren } from '../../BlockRenderer/renderChildren';
-import { type BlockVersion } from '../../model/BlockVersion';
 import { type JSXBlock, type UniBlockProps } from '../../model/JSXBlock';
 import { type Picture } from '../../model/Picture';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
@@ -10,10 +9,10 @@ import { type FoldablePartProps } from '../../ui-kit/Foldable/FoldablePartProps'
 import { FoldableSection } from '../../ui-kit/Foldable/FoldableSection';
 import { type IconBgVersion, type IconProps } from '../../ui-kit/Icon/IconProps';
 import { style } from '../../utils/style';
+import { AccordionFoldButton } from './AccordionFoldButton';
 import { foldableSectionStyles } from './foldableSectionStyles';
 import { getIconName } from './getIconName';
-import { PrimaryFoldButton } from './PrimaryFoldButton';
-import { type RollupItemContent } from './RollupItemContent';
+import { type FoldButtonVersion, type RollupItemContent } from './RollupItemContent';
 import { rollupItemStyles } from './rollupItemStyles';
 
 interface RollupItemProps extends RollupItemContent, UniBlockProps {
@@ -29,7 +28,7 @@ export const RollupItem: JSXBlock<RollupItemProps> = JSX<RollupItemProps>(
     label = 'Развернуть',
     labelIcon,
     labelIconBgVersion,
-    version = 'primary',
+    foldButtonVersion = 'accordion',
     ...rest
   }) => (
     <BlockWrapper
@@ -55,7 +54,7 @@ export const RollupItem: JSXBlock<RollupItemProps> = JSX<RollupItemProps>(
         )}
         renderFoldButton={({ isUnfolded, onToggle }) =>
           renderFoldButton({
-            version,
+            foldButtonVersion,
             label,
             labelIcon,
             labelIconBgVersion,
@@ -73,7 +72,7 @@ RollupItem.childrenTypes = {
 };
 
 interface FoldButtonProps extends FoldablePartProps {
-  version?: BlockVersion;
+  foldButtonVersion?: FoldButtonVersion;
   label?: string;
   labelIcon?: IconProps;
   labelIconBgVersion?: IconBgVersion;
@@ -81,7 +80,7 @@ interface FoldButtonProps extends FoldablePartProps {
 }
 
 const renderFoldButton = ({
-  version,
+  foldButtonVersion,
   label: defaultLabel,
   labelIcon,
   labelIconBgVersion,
@@ -91,8 +90,8 @@ const renderFoldButton = ({
   const label = defaultLabel || (isUnfolded ? 'Скрыть' : 'Развернуть');
   const icon = getIconName(isUnfolded);
 
-  return version === 'primary' ? (
-    <PrimaryFoldButton
+  return foldButtonVersion === 'accordion' ? (
+    <AccordionFoldButton
       label={label}
       labelIcon={labelIcon}
       labelIconBgVersion={labelIconBgVersion}

package/mobile/src/components/RollupItem/RollupItemContent.ts

@@ -1,6 +1,12 @@
 import { type LabelProps } from '../../model/HeadlineType';
 import { type UniBlockContent } from '../../model/JSXBlock';
 
+/**
+ * @title Вид кнопки сворачивания
+ * @enumNames ["Основная", "Аккордион"]
+ */
+export type FoldButtonVersion = 'default' | 'accordion';
+
 /**
  * @title Сворачивающаяся секция
  */
@@ -10,4 +16,5 @@ export type RollupItemContent = UniBlockContent &
     isExpanded?: boolean;
     /** @title Кнопка сверху */
     isFoldButtonOnTop?: boolean;
+    foldButtonVersion?: FoldButtonVersion;
   };

package/package.json

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

package/src/components/RollupItem/{PrimaryFoldButton.tsx → AccordionFoldButton.tsx}

@@ -9,7 +9,7 @@ import { style } from '../../utils/style';
 import { renderRoundedIcon } from './renderRoundedIcon';
 import { rollupIconVersion } from './rollupIconVersion';
 
-interface PrimaryFoldButtonProps {
+interface RollupButtonProps {
   label?: string;
   labelIcon?: Picture;
   labelIconBgVersion?: IconBgVersion;
@@ -17,7 +17,7 @@ interface PrimaryFoldButtonProps {
   onToggle?: () => void;
 }
 
-export const PrimaryFoldButton = JSX<PrimaryFoldButtonProps>(
+export const AccordionFoldButton = JSX<RollupButtonProps>(
   ({ label, labelIconBgVersion, icon, onToggle, labelIcon }) => (
     <TextWithIcon
       tag="button"

package/src/components/RollupItem/RollupItem.example.json

@@ -2,7 +2,8 @@
   "content": {
     "label": "Сворачивающаяся секция 1",
     "isExpanded": true,
-    "isFoldButtonOnTop": true
+    "isFoldButtonOnTop": true,
+    "foldButtonVersion": "default"
   },
   "blocks": [
     {

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

@@ -34,7 +34,7 @@ export default {
         labelIcon={labelIcon}
         labelIconBgVersion="primary"
         options={options}
-        version="secondary"
+        foldButtonVersion="default"
       />
       <RollupItem {...ROLLUP_ITEM.content} block={ROLLUP_ITEM} options={options} />
     </div>

package/src/components/RollupItem/RollupItem.fixture.tsx

@@ -13,7 +13,9 @@ export default {
   default: (
     <RollupItem
       label="Rollup button 1"
-      isExpanded={true}
+      foldButtonVersion="default"
+      isFoldButtonOnTop={false}
+      isExpanded={false}
       block={{
         type: 'RollupItem',
         blocks: [
@@ -24,11 +26,9 @@ export default {
       options={options}
     />
   ),
-  secondary: (
+  accordion: (
     <RollupItem
       label="Rollup button 2"
-      version="secondary"
-      isFoldButtonOnTop={false}
       isExpanded={true}
       block={{
         type: 'RollupItem',
@@ -40,10 +40,10 @@ export default {
       options={options}
     />
   ),
-  'secondary default-open': (
+  'default-open': (
     <RollupItem
-      version="secondary"
       label="Rollup button 2"
+      foldButtonVersion="default"
       isExpanded={true}
       block={{
         type: 'RollupItem',

package/src/components/RollupItem/RollupItem.tsx

@@ -1,6 +1,5 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { renderChildren } from '../../BlockRenderer/renderChildren';
-import { type BlockVersion } from '../../model/BlockVersion';
 import { type JSXBlock, type UniBlockProps } from '../../model/JSXBlock';
 import { type Picture } from '../../model/Picture';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
@@ -10,10 +9,10 @@ import { type FoldablePartProps } from '../../ui-kit/Foldable/FoldablePartProps'
 import { FoldableSection } from '../../ui-kit/Foldable/FoldableSection';
 import { type IconBgVersion, type IconProps } from '../../ui-kit/Icon/IconProps';
 import { style } from '../../utils/style';
+import { AccordionFoldButton } from './AccordionFoldButton';
 import { foldableSectionStyles } from './foldableSectionStyles';
 import { getIconName } from './getIconName';
-import { PrimaryFoldButton } from './PrimaryFoldButton';
-import { type RollupItemContent } from './RollupItemContent';
+import { type FoldButtonVersion, type RollupItemContent } from './RollupItemContent';
 import { rollupItemStyles } from './rollupItemStyles';
 
 interface RollupItemProps extends RollupItemContent, UniBlockProps {
@@ -29,7 +28,7 @@ export const RollupItem: JSXBlock<RollupItemProps> = JSX<RollupItemProps>(
     label = 'Развернуть',
     labelIcon,
     labelIconBgVersion,
-    version = 'primary',
+    foldButtonVersion = 'accordion',
     ...rest
   }) => (
     <BlockWrapper
@@ -55,7 +54,7 @@ export const RollupItem: JSXBlock<RollupItemProps> = JSX<RollupItemProps>(
         )}
         renderFoldButton={({ isUnfolded, onToggle }) =>
           renderFoldButton({
-            version,
+            foldButtonVersion,
             label,
             labelIcon,
             labelIconBgVersion,
@@ -73,7 +72,7 @@ RollupItem.childrenTypes = {
 };
 
 interface FoldButtonProps extends FoldablePartProps {
-  version?: BlockVersion;
+  foldButtonVersion?: FoldButtonVersion;
   label?: string;
   labelIcon?: IconProps;
   labelIconBgVersion?: IconBgVersion;
@@ -81,7 +80,7 @@ interface FoldButtonProps extends FoldablePartProps {
 }
 
 const renderFoldButton = ({
-  version,
+  foldButtonVersion,
   label: defaultLabel,
   labelIcon,
   labelIconBgVersion,
@@ -91,8 +90,8 @@ const renderFoldButton = ({
   const label = defaultLabel || (isUnfolded ? 'Скрыть' : 'Развернуть');
   const icon = getIconName(isUnfolded);
 
-  return version === 'primary' ? (
-    <PrimaryFoldButton
+  return foldButtonVersion === 'accordion' ? (
+    <AccordionFoldButton
       label={label}
       labelIcon={labelIcon}
       labelIconBgVersion={labelIconBgVersion}

package/src/components/RollupItem/RollupItemContent.ts

@@ -1,6 +1,12 @@
 import { type LabelProps } from '../../model/HeadlineType';
 import { type UniBlockContent } from '../../model/JSXBlock';
 
+/**
+ * @title Вид кнопки сворачивания
+ * @enumNames ["Основная", "Аккордион"]
+ */
+export type FoldButtonVersion = 'default' | 'accordion';
+
 /**
  * @title Сворачивающаяся секция
  */
@@ -10,4 +16,5 @@ export type RollupItemContent = UniBlockContent &
     isExpanded?: boolean;
     /** @title Кнопка сверху */
     isFoldButtonOnTop?: boolean;
+    foldButtonVersion?: FoldButtonVersion;
   };

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

@@ -137,19 +137,23 @@ export default {
       />
     </div>
   ),
+
   rollup: (
     <div className="container grid grid-cols-12">
       <VerticalLayout
+        gap="XS"
+        version="transparent"
         className="col-span-12"
-        version="primary"
-        isPadding={true}
         block={{
           type: 'VerticalLayout',
           blocks: [
             {
               type: 'RollupItem',
               content: {
-                label: 'Rollup button 1',
+                label: 'Rollup button 1 with TEXT_BLOCK',
+                foldButtonVersion: 'default',
+                isFoldButtonOnTop: false,
+                isExpanded: true,
               },
               blocks: [
                 { type: 'TextBlock', content: TEXT_BLOCK },
@@ -159,22 +163,14 @@ export default {
             {
               type: 'RollupItem',
               content: {
-                label: 'Rollup button 2',
-                isExpanded: true,
-              },
-              blocks: [{ type: 'LinkDocs', content: linkDocsExample }],
-            },
-            {
-              type: 'RollupItem',
-              content: {
-                label: 'Rollup button 3 RichText',
+                label: 'Rollup button 2 with TEXT_BLOCK',
+                foldButtonVersion: 'default',
+                isFoldButtonOnTop: false,
                 isExpanded: true,
               },
               blocks: [
-                {
-                  type: 'RichTextBlock',
-                  content: RICH_TEXT_SEPARATOR,
-                },
+                { type: 'TextBlock', content: TEXT_BLOCK },
+                { type: 'TextBlock', content: TEXT_BLOCK },
               ],
             },
           ],
@@ -183,22 +179,19 @@ export default {
       />
     </div>
   ),
-  'rollup secondary': (
+  'rollup accordion': (
     <div className="container grid grid-cols-12">
       <VerticalLayout
-        gap="XS"
-        version="transparent"
         className="col-span-12"
+        version="primary"
+        isPadding={true}
         block={{
           type: 'VerticalLayout',
           blocks: [
             {
               type: 'RollupItem',
               content: {
-                label: 'Rollup button 1 with TEXT_BLOCK',
-                version: 'secondary',
-                isFoldButtonOnTop: false,
-                isExpanded: true,
+                label: 'Rollup button 1',
               },
               blocks: [
                 { type: 'TextBlock', content: TEXT_BLOCK },
@@ -208,14 +201,22 @@ export default {
             {
               type: 'RollupItem',
               content: {
-                label: 'Rollup button 2 with TEXT_BLOCK',
-                version: 'secondary',
-                isFoldButtonOnTop: false,
+                label: 'Rollup button 2',
+                isExpanded: true,
+              },
+              blocks: [{ type: 'LinkDocs', content: linkDocsExample }],
+            },
+            {
+              type: 'RollupItem',
+              content: {
+                label: 'Rollup button 3 RichText',
                 isExpanded: true,
               },
               blocks: [
-                { type: 'TextBlock', content: TEXT_BLOCK },
-                { type: 'TextBlock', content: TEXT_BLOCK },
+                {
+                  type: 'RichTextBlock',
+                  content: RICH_TEXT_SEPARATOR,
+                },
               ],
             },
           ],

package/dist/components/RollupItem/PrimaryFoldButton.js

@@ -1,12 +0,0 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PrimaryFoldButton = void 0;
-const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
-const uni_jsx_1 = require("@redneckz/uni-jsx");
-const Icon_1 = require("../../ui-kit/Icon/Icon");
-const Text_1 = require("../../ui-kit/Text/Text");
-const TextWithIcon_1 = require("../../ui-kit/TextWithIcon/TextWithIcon");
-const style_1 = require("../../utils/style");
-const renderRoundedIcon_1 = require("./renderRoundedIcon");
-const rollupIconVersion_1 = require("./rollupIconVersion");
-exports.PrimaryFoldButton = (0, uni_jsx_1.JSX)(({ label, labelIconBgVersion, icon, onToggle, labelIcon }) => ((0, jsx_runtime_1.jsx)(TextWithIcon_1.TextWithIcon, { tag: "button", className: (0, style_1.style)('border-none bg-transparent items-center group/button', labelIcon?.icon ? 'py-xs' : 'py-lg'), onClick: onToggle, textNode: (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center text-start group-hover/button:text-primary-main gap-s", children: [(0, renderRoundedIcon_1.renderRoundedIcon)(labelIcon, labelIconBgVersion), label ? ((0, jsx_runtime_1.jsx)(Text_1.Text, { size: "text-h6", font: "font-normal", children: label })) : null] }), iconNode: icon ? (0, jsx_runtime_1.jsx)(Icon_1.Icon, { name: icon, iconVersion: rollupIconVersion_1.rollupIconVersion, width: "24", height: "24" }) : null })));
-//# sourceMappingURL=PrimaryFoldButton.js.map