pds-dev-kit-web-test 2.5.315 → 2.5.316

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/index.d.ts

@@ -0,0 +1 @@
+export { default as ContentsCarousel } from './ContentsCarousel';

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/index.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ContentsCarousel = void 0;
+var ContentsCarousel_1 = require("./ContentsCarousel");
+Object.defineProperty(exports, "ContentsCarousel", { enumerable: true, get: function () { return __importDefault(ContentsCarousel_1).default; } });

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/types.d.ts

@@ -0,0 +1,90 @@
+import type { NUMBER_INTEGER } from '@sub/DynamicLayout/sections/CustomSection/util/types';
+export type ContentsCarouselPropsKeys = keyof CB_STYLE_PROP_CONTENTSCAROUSEL_SPECS;
+export type CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_STYLE_TYPE = 'OPTION_1' | 'OPTION_2';
+export type CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_ITEMSPACING_TYPE = 'WIDE' | 'NORMAL' | 'NARROW';
+export type CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_ITEMCURSOR_TYPE = 'ONCE' | 'ALL' | 'SCROLL';
+export type CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_INFINITESCROLL_TYPE = 'NONE' | 'USE';
+export type CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PAGINATIONSTYLE_TYPE = 'NONE' | 'OPTION_2' | 'OPTION_3' | 'OPTION_4' | 'OPTION_5' | 'OPTION_6' | 'OPTION_7' | 'OPTION_8' | 'OPTION_9' | 'OPTION_10' | 'OPTION_11' | 'OPTION_12' | 'OPTION_13' | 'OPTION_14' | 'OPTION_15' | 'OPTION_16' | 'OPTION_17';
+export type CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PAGINATIONLOCATION_TYPE = 'OPTION_1' | 'OPTION_2' | 'OPTION_3' | 'OPTION_4' | 'OPTION_5' | 'OPTION_6' | 'OPTION_7' | 'OPTION_8' | 'OPTION_9' | 'OPTION_10' | 'OPTION_11' | 'OPTION_12' | 'OPTION_13' | 'OPTION_14' | 'OPTION_15' | 'OPTION_16' | 'OPTION_17' | 'OPTION_18' | 'OPTION_19' | 'OPTION_20';
+export type CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PAGINATIONSIZE_TYPE = 'SMALL' | 'MEDIUM' | 'LARGE';
+export type CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PREVBTNSTYLE_TYPE = 'NONE' | 'OPTION_2' | 'OPTION_3' | 'OPTION_4' | 'OPTION_5' | 'OPTION_6' | 'OPTION_7' | 'OPTION_8' | 'OPTION_9' | 'OPTION_10' | 'OPTION_11' | 'OPTION_12' | 'OPTION_13' | 'OPTION_14' | 'OPTION_15' | 'OPTION_16' | 'OPTION_17' | 'OPTION_18' | 'OPTION_19' | 'OPTION_20';
+export type CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PREVBTNLOCATION_TYPE = 'OPTION_1' | 'OPTION_2' | 'OPTION_3' | 'OPTION_4' | 'OPTION_5' | 'OPTION_6' | 'OPTION_7' | 'OPTION_8' | 'OPTION_9' | 'OPTION_10' | 'OPTION_11' | 'OPTION_12' | 'OPTION_13' | 'OPTION_14' | 'OPTION_15' | 'OPTION_16' | 'OPTION_17' | 'OPTION_18' | 'OPTION_19' | 'OPTION_20';
+export type CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PREVBTNSIZE_TYPE = 'SMALL' | 'MEDIUM' | 'LARGE';
+export type CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_NEXTBTNSTYLE_TYPE = 'NONE' | 'OPTION_2' | 'OPTION_3' | 'OPTION_4' | 'NONE' | 'OPTION_2' | 'OPTION_3' | 'OPTION_4' | 'OPTION_5' | 'OPTION_6' | 'OPTION_7' | 'OPTION_8' | 'OPTION_9' | 'OPTION_10' | 'OPTION_11' | 'OPTION_12' | 'OPTION_13' | 'OPTION_14' | 'OPTION_15' | 'OPTION_16' | 'OPTION_17' | 'OPTION_18' | 'OPTION_19' | 'OPTION_20';
+export type CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC__NEXTBTNLOCATION_TYPE = 'OPTION_1' | 'OPTION_2' | 'OPTION_3' | 'OPTION_4' | 'OPTION_5' | 'OPTION_6' | 'OPTION_7' | 'OPTION_8' | 'OPTION_9' | 'OPTION_10' | 'OPTION_11' | 'OPTION_12' | 'OPTION_13' | 'OPTION_14' | 'OPTION_15' | 'OPTION_16' | 'OPTION_17' | 'OPTION_18' | 'OPTION_19' | 'OPTION_20';
+export type CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_NEXTBTNSIZE_TYPE = 'SMALL' | 'MEDIUM' | 'LARGE';
+export type CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PROGRESSBAR_TYPE = 'NONE' | 'OPTION_2' | 'OPTION_3' | 'OPTION_4' | 'OPTION_5' | 'OPTION_6' | 'OPTION_7' | 'OPTION_8';
+export type CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PROGRESSBARSIZE_TYPE = 'SMALL' | 'MEDIUM' | 'LARGE';
+export type CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_AUTOPLAYUSE_TYPE = 'NONE' | 'USE';
+export type CB_STYLE_PROP_CONTENTSCAROUSEL_SPECS_BASE = {
+    CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_STYLE: CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_STYLE_TYPE;
+    CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_ITEMSPACING: CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_ITEMSPACING_TYPE;
+    CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_ITEMCURSOR: CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_ITEMCURSOR_TYPE;
+    CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PAGINATIONSTYLE: CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PAGINATIONSTYLE_TYPE;
+    CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PAGINATIONLOCATION: CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PAGINATIONLOCATION_TYPE;
+    CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PAGINATIONSIZE: CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PAGINATIONSIZE_TYPE;
+    CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PREVBTNSTYLE: CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PREVBTNSTYLE_TYPE;
+    CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PREVBTNLOCATION: CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PREVBTNLOCATION_TYPE;
+    CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PREVBTNSIZE: CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PREVBTNSIZE_TYPE;
+    CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_NEXTBTNSTYLE: CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_NEXTBTNSTYLE_TYPE;
+    CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_NEXTBTNLOCATION: CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC__NEXTBTNLOCATION_TYPE;
+    CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_NEXTBTNSIZE: CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_NEXTBTNSIZE_TYPE;
+    CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PROGRESSBAR: CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PROGRESSBAR_TYPE;
+    CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PROGRESSBARSIZE: CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PROGRESSBARSIZE_TYPE;
+    CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_AUTOPLAYUSE: CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_AUTOPLAYUSE_TYPE;
+    CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_AUTOPLAYTIME: NUMBER_INTEGER;
+    CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_INFINITESCROLL: CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_INFINITESCROLL_TYPE;
+};
+export type CB_STYLE_PROP_CONTENTSCAROUSEL_SPECS = CB_STYLE_PROP_CONTENTSCAROUSEL_SPECS_BASE & {
+    'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_STYLE:HOVER': CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_STYLE_TYPE;
+    'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_STYLE:MOBILE': CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_STYLE_TYPE;
+    'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_STYLE:MOBILE:HOVER': CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_STYLE_TYPE;
+    'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_ITEMSPACING:HOVER': CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_ITEMSPACING_TYPE;
+    'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_ITEMSPACING:MOBILE': CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_ITEMSPACING_TYPE;
+    'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_ITEMSPACING:MOBILE:HOVER': CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_ITEMSPACING_TYPE;
+    'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_ITEMCURSOR:HOVER': CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_ITEMCURSOR_TYPE;
+    'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_ITEMCURSOR:MOBILE': CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_ITEMCURSOR_TYPE;
+    'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_ITEMCURSOR:MOBILE:HOVER': CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_ITEMCURSOR_TYPE;
+    'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PAGINATIONSTYLE:HOVER': CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PAGINATIONSTYLE_TYPE;
+    'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PAGINATIONSTYLE:MOBILE': CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PAGINATIONSTYLE_TYPE;
+    'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PAGINATIONSTYLE:MOBILE:HOVER': CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PAGINATIONSTYLE_TYPE;
+    'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PAGINATIONLOCATION:HOVER': CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PAGINATIONLOCATION_TYPE;
+    'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PAGINATIONLOCATION:MOBILE': CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PAGINATIONLOCATION_TYPE;
+    'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PAGINATIONLOCATION:MOBILE:HOVER': CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PAGINATIONLOCATION_TYPE;
+    'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PAGINATIONSIZE:HOVER': CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PAGINATIONSIZE_TYPE;
+    'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PAGINATIONSIZE:MOBILE': CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PAGINATIONSIZE_TYPE;
+    'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PAGINATIONSIZE:MOBILE:HOVER': CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PAGINATIONSIZE_TYPE;
+    'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PREVBTNSTYLE:HOVER': CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PREVBTNSTYLE_TYPE;
+    'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PREVBTNSTYLE:MOBILE': CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PREVBTNSTYLE_TYPE;
+    'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PREVBTNSTYLE:MOBILE:HOVER': CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PREVBTNSTYLE_TYPE;
+    'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PREVBTNLOCATION:HOVER': CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PREVBTNLOCATION_TYPE;
+    'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PREVBTNLOCATION:MOBILE': CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PREVBTNLOCATION_TYPE;
+    'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PREVBTNLOCATION:MOBILE:HOVER': CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PREVBTNLOCATION_TYPE;
+    'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PREVBTNSIZE:HOVER': CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PREVBTNSIZE_TYPE;
+    'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PREVBTNSIZE:MOBILE': CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PREVBTNSIZE_TYPE;
+    'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PREVBTNSIZE:MOBILE:HOVER': CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PREVBTNSIZE_TYPE;
+    'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_NEXTBTNSTYLE:HOVER': CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_NEXTBTNSTYLE_TYPE;
+    'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_NEXTBTNSTYLE:MOBILE': CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_NEXTBTNSTYLE_TYPE;
+    'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_NEXTBTNSTYLE:MOBILE:HOVER': CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_NEXTBTNSTYLE_TYPE;
+    'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_NEXTBTNLOCATION:HOVER': CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC__NEXTBTNLOCATION_TYPE;
+    'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_NEXTBTNLOCATION:MOBILE': CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC__NEXTBTNLOCATION_TYPE;
+    'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_NEXTBTNLOCATION:MOBILE:HOVER': CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC__NEXTBTNLOCATION_TYPE;
+    'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_NEXTBTNSIZE:HOVER': CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_NEXTBTNSIZE_TYPE;
+    'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_NEXTBTNSIZE:MOBILE': CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_NEXTBTNSIZE_TYPE;
+    'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_NEXTBTNSIZE:MOBILE:HOVER': CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_NEXTBTNSIZE_TYPE;
+    'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PROGRESSBAR:HOVER': CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PROGRESSBAR_TYPE;
+    'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PROGRESSBAR:MOBILE': CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PROGRESSBAR_TYPE;
+    'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PROGRESSBAR:MOBILE:HOVER': CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PROGRESSBAR_TYPE;
+    'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PROGRESSBARSIZE:HOVER': CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PROGRESSBARSIZE_TYPE;
+    'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PROGRESSBARSIZE:MOBILE': CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PROGRESSBARSIZE_TYPE;
+    'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PROGRESSBARSIZE:MOBILE:HOVER': CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PROGRESSBARSIZE_TYPE;
+    'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_AUTOPLAYUSE:HOVER': CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_AUTOPLAYUSE_TYPE;
+    'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_AUTOPLAYUSE:MOBILE': CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_AUTOPLAYUSE_TYPE;
+    'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_AUTOPLAYUSE:MOBILE:HOVER': CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_AUTOPLAYUSE_TYPE;
+    'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_AUTOPLAYTIME:HOVER': NUMBER_INTEGER;
+    'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_AUTOPLAYTIME:MOBILE': NUMBER_INTEGER;
+    'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_AUTOPLAYTIME:MOBILE:HOVER': NUMBER_INTEGER;
+    'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_INFINITESCROLL:HOVER': CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_INFINITESCROLL_TYPE;
+    'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_INFINITESCROLL:MOBILE': CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_INFINITESCROLL_TYPE;
+    'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_INFINITESCROLL:MOBILE:HOVER': CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_INFINITESCROLL_TYPE;
+};

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Divider/Divider.js

@@ -40,7 +40,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
-var DynamicLayout_1 = require("../../../../../../../DynamicLayout");
+var DynamicLayout_1 = require("@sub/DynamicLayout");
 var styled_components_1 = __importStar(require("styled-components"));
 var hooks_1 = require("../../../../hooks");
 var util_1 = require("../../../../util");

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Embed/Embed.js

@@ -16,7 +16,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
-var DynamicLayout_1 = require("../../../../../../../DynamicLayout");
+var DynamicLayout_1 = require("@sub/DynamicLayout");
 var hooks_1 = require("../../../../hooks");
 var util_1 = require("../../../../util");
 var S_CB_AnimationObserverBox_1 = require("../components/S_CB_AnimationObserverBox");

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Embed/IframeDenied.js

@@ -10,7 +10,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 require("react");
 var react_i18next_1 = require("react-i18next");
-var components_1 = require("../../../../../../../DynamicLayout/components");
+var components_1 = require("@sub/DynamicLayout/components");
 var styled_components_1 = __importDefault(require("styled-components"));
 function IframeDenied() {
     var t = (0, react_i18next_1.useTranslation)().t;

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Embed/types.d.ts

@@ -1,4 +1,4 @@
-import type { DefaultBrightTheme } from '../../../../../../../DynamicLayout/sections/CustomSection/util/types';
+import type { DefaultBrightTheme } from '@sub/DynamicLayout/sections/CustomSection/util/types';
 export type TwitterPropsKeys = keyof CB_TWITTER_STYLE_PROPS;
 export type CB_TWITTER_STYLE_PROPS = {
     CB_STYLE_PROP_TWITTER_SPEC_THEME: DefaultBrightTheme;

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Image/Image.js

@@ -43,7 +43,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
-var DynamicLayout_1 = require("../../../../../../../DynamicLayout");
+var DynamicLayout_1 = require("@sub/DynamicLayout");
 var styled_components_1 = __importStar(require("styled-components"));
 var hooks_1 = require("../../../../hooks");
 var util_1 = require("../../../../util");

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Image/types.d.ts

@@ -1,4 +1,4 @@
-import type { ENUM_STRING, STRING_PLAIN } from '../../../../../../../DynamicLayout/sections/CustomSection/util/types';
+import type { ENUM_STRING, STRING_PLAIN } from '@sub/DynamicLayout/sections/CustomSection/util/types';
 export type ImagePropsKeys = keyof CB_IMAGE_STYLE_PROPS;
 export type CB_IMAGE_STYLE_PROPS = {
     CB_STYLE_PROP_IMAGE_SPEC_FIT: STRING_PLAIN;

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/RichText/RichText.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { CB_RICHTEXT_PROPERTIES_TYPE, IndexForIntersection } from '../../../../../../../DynamicLayout/sections/CustomSection/util/types';
+import type { CB_RICHTEXT_PROPERTIES_TYPE, IndexForIntersection } from '@sub/DynamicLayout/sections/CustomSection/util/types';
 type Props = CB_RICHTEXT_PROPERTIES_TYPE & IndexForIntersection;
 declare function RichText(props: Props): JSX.Element;
 export default RichText;

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/RichText/RichText.js

@@ -21,11 +21,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 /* eslint-disable react/destructuring-assignment */
 var react_1 = require("react");
-var DynamicLayout_1 = require("../../../../../../../DynamicLayout");
-var RichText_1 = require("../../../../../../../DynamicLayout/components/ComponentBlocks/RichText");
-var hooks_1 = require("../../../../../../../DynamicLayout/sections/CustomSection/hooks");
-var colorUtil_1 = require("../../../../../../../DynamicLayout/sections/CustomSection/newUtils/colorUtil");
-var util_1 = require("../../../../../../../DynamicLayout/sections/CustomSection/util");
+var DynamicLayout_1 = require("@sub/DynamicLayout");
+var RichText_1 = require("@sub/DynamicLayout/components/ComponentBlocks/RichText");
+var hooks_1 = require("@sub/DynamicLayout/sections/CustomSection/hooks");
+var colorUtil_1 = require("@sub/DynamicLayout/sections/CustomSection/newUtils/colorUtil");
+var util_1 = require("@sub/DynamicLayout/sections/CustomSection/util");
 var styled_components_1 = __importDefault(require("styled-components"));
 var S_CB_AnimationObserverBox_1 = require("../components/S_CB_AnimationObserverBox");
 var S_CB_BoxWithShadow_1 = require("../components/S_CB_BoxWithShadow");

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/RichText/types.d.ts

@@ -1,5 +1,5 @@
 import type { BGColorPropsKeys, CB_STYLE_PROP_BGCOLOR_SPECS } from '../Youtube/types';
-import type { ENUM_STRING, NUMBER_INTEGER } from '../../../../../../../DynamicLayout/sections/CustomSection/util/types';
+import type { ENUM_STRING, NUMBER_INTEGER } from '@sub/DynamicLayout/sections/CustomSection/util/types';
 export type CB_STYLE_PROP_BGOVERLAY_ENUM_GRADIENT = 'LINEAR' | 'RADIAL';
 export type CB_STYLE_PROP_BGOVERLAY_ENUM_TYPE = 'NONE' | 'SOLID' | 'GRADIENT';
 export type CB_STYLE_PROP_BGOVERLAY_SPECS_BASE = {

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/SlideBanner.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import type { CB_SLIDE_BANNER } from '@sub/DynamicLayout/sections/CustomSection/types';
+import type { CB_SLIDE_BANNER_PROPERTIES_TYPE, IndexForIntersection } from '@sub/DynamicLayout/sections/CustomSection/util/types';
+type Props = CB_SLIDE_BANNER_PROPERTIES_TYPE & IndexForIntersection & {
+    compositions: CB_SLIDE_BANNER['compositions'];
+};
+declare function SlideBanner(props: Props): JSX.Element;
+export default SlideBanner;

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/SlideBanner.js

@@ -0,0 +1,143 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var Composition_1 = __importDefault(require("@sub/DynamicLayout/CompositionRenderer/Composition"));
+var dynamicLayoutContext_1 = require("@sub/DynamicLayout/dynamicLayoutContext");
+var hooks_1 = require("@sub/DynamicLayout/sections/CustomSection/hooks");
+var util_1 = require("@sub/DynamicLayout/sections/CustomSection/util");
+var styled_components_1 = __importDefault(require("styled-components"));
+var S_CB_AnimationObserverBox_1 = require("../components/S_CB_AnimationObserverBox");
+var S_CB_BoxWithShadow_1 = require("../components/S_CB_BoxWithShadow");
+var CustomNavigation_1 = require("./components/CustomNavigation");
+var CustomPagination_1 = require("./components/CustomPagination");
+var CustomProgressbar_1 = require("./components/CustomProgressbar");
+var SlideBannerCore_1 = __importDefault(require("./SlideBannerCore"));
+var slideBannerUtils_1 = require("./slideBannerUtils");
+function SlideBanner(props) {
+    var _a = (0, react_1.useContext)(dynamicLayoutContext_1.dynamicLayoutContext), device = _a.device, mode = _a.mode;
+    var index = props.index, CB_CONTENT_PROP_SLIDE_BANNER_SPEC_DISPLAYCOUNTS = props.CB_CONTENT_PROP_SLIDE_BANNER.CB_CONTENT_PROP_SLIDE_BANNER_SPEC_DISPLAYCOUNTS, 
+    // STYLE: 슬라이드배너
+    CB_STYLE_PROP_SLIDE_BANNER = props.CB_STYLE_PROP_SLIDE_BANNER, 
+    // STYLE: 그림자
+    CB_STYLE_PROP_SHADOW = props.CB_STYLE_PROP_SHADOW, 
+    // EFFECT: 진입
+    CB_EFFECT_PROP_ENTANIM = props.CB_EFFECT_PROP_ENTANIM;
+    var compositions = props.compositions;
+    var _b = (0, react_1.useState)(false), isHovered = _b[0], setIsHovered = _b[1];
+    var _c = (0, react_1.useState)(1), currentSlide = _c[0], setCurrentSlide = _c[1];
+    var _d = (0, react_1.useState)(0), totalPages = _d[0], setTotalPages = _d[1];
+    var _e = (0, react_1.useState)(true), isBeginning = _e[0], setIsBeginning = _e[1];
+    var _f = (0, react_1.useState)(false), isEnd = _f[0], setIsEnd = _f[1];
+    var _g = (0, react_1.useState)(0), progress = _g[0], setProgress = _g[1];
+    var _h = (0, react_1.useState)(0), leftTime = _h[0], setLeftTime = _h[1];
+    var swiperRef = (0, react_1.useRef)(null);
+    var _j = (0, slideBannerUtils_1.parseSlideBannerStyleToSlideBannerCoreProp)({
+        props: CB_STYLE_PROP_SLIDE_BANNER,
+        device: device
+    }), slideBannerNormalStyle = _j.normalStyle, slideBannerHoverStyle = _j.hoverStyle;
+    var _k = (0, slideBannerUtils_1.parseSlideBannerStyleToCustomPaginationProp)({
+        props: CB_STYLE_PROP_SLIDE_BANNER,
+        device: device
+    }), customPaginationNormalStyle = _k.normalStyle, customPaginationHoverStyle = _k.hoverStyle;
+    var _l = (0, slideBannerUtils_1.parseSlideBannerStyleToCustomNavigationProp)({
+        props: CB_STYLE_PROP_SLIDE_BANNER,
+        device: device
+    }), customNavigationNormalStyle = _l.normalStyle, customNavigationHoverStyle = _l.hoverStyle;
+    var _m = (0, slideBannerUtils_1.parseSlideBannerStyleToCustomProgressbarProp)({
+        props: CB_STYLE_PROP_SLIDE_BANNER,
+        device: device
+    }), customProgressbarNormalStyle = _m.normalStyle, customProgressbarHoverStyle = _m.hoverStyle;
+    var _o = (0, util_1.parseProperties)(props, device), style = _o.style, hoverStyle = _o.hoverStyle, layout = _o.layout, effect = _o.effect;
+    // NOTE: edit모드에서는 그리드의 이벤트만 작동하도록 CB의 포인터 이벤트는 막습니다.
+    var editModeStyle = mode === 'EDIT' ? { pointerEvents: 'none' } : {};
+    // NOTE: EFFECT와 관련된 함수들입니다.
+    var cbRef = (0, react_1.useRef)(null);
+    var entry = (0, hooks_1.useIntersectionObserver)(cbRef, { threshold: 0.2, freezeOnceVisible: false }, [
+        index
+    ]);
+    var isVisible = !!(entry === null || entry === void 0 ? void 0 : entry.isIntersecting);
+    var effectCssProperties = isVisible ? effect : {};
+    var isNoneEffectType = device === 'DESKTOP'
+        ? CB_EFFECT_PROP_ENTANIM.CB_EFFECT_PROP_ENTANIM_SPEC_TYPE === 'NONE'
+        : CB_EFFECT_PROP_ENTANIM['CB_EFFECT_PROP_ENTANIM_SPEC_TYPE:MOBILE'] === 'NONE';
+    var hasEffect = !isNoneEffectType;
+    var effectVisibleStyle = hasEffect ? { opacity: isVisible ? 1 : 0 } : {};
+    (0, react_1.useEffect)(function () {
+        var _a, _b, _c;
+        (_b = (_a = swiperRef.current) === null || _a === void 0 ? void 0 : _a.swiper) === null || _b === void 0 ? void 0 : _b.update();
+        (_c = swiperRef.current) === null || _c === void 0 ? void 0 : _c.swiper.update();
+    }, [isHovered]);
+    var handleSwiper = function (swiper) {
+        var totalSlides = swiper.slides.length;
+        var slidesPerView = typeof swiper.params.slidesPerView === 'number' ? swiper.params.slidesPerView : 1;
+        var slidesPerGroup = typeof swiper.params.slidesPerGroup === 'number' ? swiper.params.slidesPerGroup : 1;
+        var totalPages = Math.ceil((totalSlides - slidesPerView) / slidesPerGroup) + 1;
+        setTotalPages(totalPages);
+        setIsBeginning(swiper.isBeginning);
+        setIsEnd(swiper.isEnd);
+        setCurrentSlide(swiper.activeIndex + 1);
+    };
+    var handleSlideChange = function (swiper) {
+        setIsBeginning(swiper.isBeginning);
+        setIsEnd(swiper.isEnd);
+        setCurrentSlide(swiper.activeIndex + 1);
+    };
+    var handleAutoplayTimeLeft = function (swiper, time, progress) {
+        setProgress(progress);
+        setLeftTime(time);
+    };
+    var handleBulletClick = function (index) {
+        if (swiperRef.current) {
+            var targetIndex = (swiperRef.current.swiper.params.slidesPerGroup || 1) * index;
+            swiperRef.current.swiper.slideTo(targetIndex);
+        }
+    };
+    var handlePrevBtnClick = function () {
+        if (swiperRef.current) {
+            swiperRef.current.swiper.slidePrev();
+        }
+    };
+    var handleNextBtnClick = function () {
+        if (swiperRef.current) {
+            swiperRef.current.swiper.slideNext();
+        }
+    };
+    return ((0, jsx_runtime_1.jsx)(S_CB_AnimationObserverBox_1.S_CB_AnimationObserverBox, __assign({ ref: hasEffect ? cbRef : null, effectVisibleStyle: effectVisibleStyle }, { children: (0, jsx_runtime_1.jsx)(S_CB_BoxWithShadow_1.S_CB_BoxWithShadow, __assign({ className: "cb-layout-box", normalStyle: __assign(__assign(__assign(__assign(__assign({}, style), layout), effectCssProperties), editModeStyle), { position: 'relative', overflow: 'hidden' }), hoverStyle: __assign(__assign({}, hoverStyle), { position: 'relative', overflow: 'hidden' }), cbStylePropsShadowSpecs: CB_STYLE_PROP_SHADOW, device: device, onMouseEnter: function () { return setIsHovered(true); }, onMouseLeave: function () { return setIsHovered(false); } }, { children: (0, jsx_runtime_1.jsxs)(S_SwiperWrapper, __assign({ customStyle: isHovered ? slideBannerHoverStyle === null || slideBannerHoverStyle === void 0 ? void 0 : slideBannerHoverStyle.customStyle : slideBannerNormalStyle === null || slideBannerNormalStyle === void 0 ? void 0 : slideBannerNormalStyle.customStyle }, { children: [(0, jsx_runtime_1.jsx)(SlideBannerCore_1.default, __assign({ ref: swiperRef, onSwiper: handleSwiper, onSlideChange: handleSlideChange, onAutoplayTimeLeft: handleAutoplayTimeLeft, slidesPerView: CB_CONTENT_PROP_SLIDE_BANNER_SPEC_DISPLAYCOUNTS, scrollbar: isHovered ? slideBannerHoverStyle.scrollbar : slideBannerNormalStyle.scrollbar, freeMode: isHovered ? slideBannerHoverStyle.freeMode : slideBannerNormalStyle.freeMode, autoplay: isHovered ? slideBannerHoverStyle.autoplay : slideBannerNormalStyle.autoplay, useAutoplay: isHovered ? slideBannerHoverStyle.useAutoplay : slideBannerNormalStyle.useAutoplay, loop: isHovered ? slideBannerHoverStyle.loop : slideBannerNormalStyle.loop }, { children: compositions.map(function (composition) { return ((0, jsx_runtime_1.jsx)(Composition_1.default, __assign({}, composition), composition.id)); }) })), (0, jsx_runtime_1.jsx)(CustomPagination_1.CustomPagination, { type: isHovered ? customPaginationHoverStyle.type : customPaginationNormalStyle.type, offset: isHovered ? customPaginationHoverStyle.offset : customPaginationNormalStyle.offset, current: currentSlide, total: totalPages, size: isHovered ? customPaginationHoverStyle.size : customPaginationNormalStyle.size, onBulletClick: handleBulletClick }), (0, jsx_runtime_1.jsx)(CustomNavigation_1.CustomNavigation, { prevBtnDisabled: isBeginning, prevBtnType: isHovered
+                            ? customNavigationHoverStyle.prevBtnType
+                            : customNavigationNormalStyle.prevBtnType, prevBtnOffset: isHovered
+                            ? customNavigationHoverStyle.prevBtnOffset
+                            : customNavigationNormalStyle.prevBtnOffset, prevBtnSize: isHovered
+                            ? customNavigationHoverStyle.prevBtnSize
+                            : customNavigationNormalStyle.prevBtnSize, onPrevBtnClick: handlePrevBtnClick, nextBtnDisabled: isEnd, nextBtnType: isHovered
+                            ? customNavigationHoverStyle.nextBtnType
+                            : customNavigationNormalStyle.nextBtnType, nextBtnOffset: isHovered
+                            ? customNavigationHoverStyle.nextBtnOffset
+                            : customNavigationNormalStyle.nextBtnOffset, nextBtnSize: isHovered
+                            ? customNavigationHoverStyle.nextBtnSize
+                            : customNavigationNormalStyle.nextBtnSize, onNextBtnClick: handleNextBtnClick }), (0, jsx_runtime_1.jsx)(CustomProgressbar_1.CustomProgressbar, { progress: progress, leftTime: leftTime, type: isHovered ? customProgressbarHoverStyle.type : customProgressbarNormalStyle.type, size: isHovered ? customProgressbarHoverStyle.size : customProgressbarNormalStyle.size, offset: isHovered ? customProgressbarHoverStyle.offset : customProgressbarNormalStyle.offset })] })) })) })));
+}
+var S_SwiperWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  height: 100%;\n  width: 100%;\n  ", "\n"], ["\n  height: 100%;\n  width: 100%;\n  ", "\n"])), function (_a) {
+    var customStyle = _a.customStyle;
+    return customStyle;
+});
+exports.default = SlideBanner;
+var templateObject_1;

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/SlideBannerCore.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import 'swiper/modules/navigation/navigation.min.css';
+import 'swiper/swiper-bundle.css';
+import type { SwiperProps, SwiperRef } from 'swiper/react/swiper-react.js';
+export interface SlideBannerCoreProps extends SwiperProps {
+    scrollbar?: SwiperProps['scrollbar'];
+    slidesPerView?: SwiperProps['slidesPerView'];
+    freeMode?: SwiperProps['freeMode'];
+    autoplay?: SwiperProps['autoplay'];
+    useAutoplay?: boolean;
+    loop?: SwiperProps['loop'];
+    children?: React.ReactNode[];
+}
+declare const SlideBannerCore: import("react").ForwardRefExoticComponent<SlideBannerCoreProps & import("react").RefAttributes<SwiperRef>>;
+export default SlideBannerCore;

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/SlideBannerCore.js

@@ -0,0 +1,39 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var swiper_1 = require("swiper");
+require("swiper/modules/navigation/navigation.min.css");
+var react_2 = require("swiper/react");
+require("swiper/swiper-bundle.css");
+var SlideBannerCore = (0, react_1.forwardRef)(function (_a, ref) {
+    var scrollbar = _a.scrollbar, slidesPerView = _a.slidesPerView, freeMode = _a.freeMode, autoplay = _a.autoplay, useAutoplay = _a.useAutoplay, loop = _a.loop, children = _a.children, props = __rest(_a, ["scrollbar", "slidesPerView", "freeMode", "autoplay", "useAutoplay", "loop", "children"]);
+    return ((0, jsx_runtime_1.jsx)(react_2.Swiper, __assign({ ref: ref, style: {
+            width: '100%',
+            height: '100%'
+        }, modules: [swiper_1.Pagination, swiper_1.Navigation, swiper_1.Scrollbar, swiper_1.FreeMode, swiper_1.Autoplay], slidesPerView: slidesPerView, scrollbar: scrollbar, freeMode: freeMode, autoplay: useAutoplay ? autoplay : false, loop: loop }, props, { children: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children === null || children === void 0 ? void 0 : children.map(function (slide, index) { return ((0, jsx_runtime_1.jsx)(react_2.SwiperSlide, { children: slide }, index)); }) }) })));
+});
+SlideBannerCore.displayName = 'SlideBannerCore';
+exports.default = SlideBannerCore;

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/components/CustomNavigation.d.ts

@@ -0,0 +1,31 @@
+/// <reference types="react" />
+import type { CB_STYLE_PROP_SLIDE_BANNER_SPEC_PREVBTNSTYLE_TYPE, CB_STYLE_PROP_SLIDE_BANNER_SPEC_NEXTBTNSTYLE_TYPE } from '../types';
+export type NavigationOffset = {
+    top?: string;
+    bottom?: string;
+    left?: string;
+    right?: string;
+    translateX?: number;
+    translateY?: number;
+    transformOrigin?: string;
+};
+export interface CustomNavigationProps {
+    prevBtnDisabled?: boolean;
+    prevBtnType?: CB_STYLE_PROP_SLIDE_BANNER_SPEC_PREVBTNSTYLE_TYPE;
+    prevBtnOffset?: NavigationOffset;
+    prevBtnSize?: number;
+    nextBtnDisabled?: boolean;
+    nextBtnType?: CB_STYLE_PROP_SLIDE_BANNER_SPEC_NEXTBTNSTYLE_TYPE;
+    nextBtnOffset?: NavigationOffset;
+    nextBtnSize?: number;
+    onPrevBtnClick?: () => void;
+    onNextBtnClick?: () => void;
+}
+export declare const CustomNavigation: ({ prevBtnDisabled, prevBtnType, prevBtnOffset, prevBtnSize, nextBtnDisabled, nextBtnType, nextBtnOffset, nextBtnSize, onPrevBtnClick, onNextBtnClick }: CustomNavigationProps) => JSX.Element;
+export interface FlexBoxProps {
+    direction?: 'row' | 'column';
+    justifyContent?: string;
+    alignItems?: string;
+    gap?: string;
+}
+export default CustomNavigation;