pds-dev-kit-web-test 2.5.405 → 2.5.407

package/dist/index.d.ts

@@ -16,12 +16,12 @@ export { LayoutWT, WTGlobalMenuContainer, WTContainersBox };
 export { D_AdminList, D_AdminListHeader, D_AdminListItem, D_BasicButtonGroup, D_BasicChatListItem, D_BasicFormGroup, D_BasicList, D_BasicListItem, D_BlogTextField, D_BodyTextGroup, D_Card, D_CardList, D_ChatBubbleListItem, D_ChatList, D_Checkbox, D_Chip, D_ContextMenu, D_ContextMenuItem, D_DesktopAlertDialog, D_DesktopHeaderBar, D_DesktopTabBar, D_Dropdown, D_DynamicDesktopNavBar, D_DynamicDesktopNavBarTemplates, D_EditApplyTextField, D_FilterBar, D_FloatingActionButton, D_Hero, D_HorizontalFormGroup, D_IconButton, D_ImageSlide, D_LottieReactionButton, D_MainButton, D_PageTitleTextGroup, D_Radio, D_ReactionButton, D_SegmentedButtonGroup, D_Select, D_Slider, D_StatusBlock, D_TextButton, D_TextField, D_TextLabel, D_UploadIconButton, D_UploadMainButton, D_UploadTextButton, D_UserDesktopNavBar, D_UserDesktopTabBar, D_UserDesktopSideTab };
 export { D_AnnotationSheet, D_ContentSheet, D_DesktopBasicModal, D_DesktopBasicModalWithTab, D_DesktopHeadlessModal, D_DesktopTutorialModal, D_SectionSheet };
 export type { DesktopBasicModalWithTabInfoType, DesktopTutorialModalInfoType };
-import { LayoutMF, MFContainersBox, LayoutMM, MMNavigationContainer, MMContainersBox, LayoutMP, MPNavigationContainer, MPTabContainer, MPContainersBox, LayoutMS, MSNavigationContainer, MSContainersBox, M_BasicButtonGroup, M_BasicChatListItem, M_BasicFormGroup, M_BasicList, M_BasicListItem, M_BlogTextField, M_BodyTextGroup, M_Card, M_CardList, M_ChatBubbleListItem, M_ChatList, M_Checkbox, M_Chip, M_ContextMenu, M_ContextMenuItem, M_Dropdown, M_FloatingActionButton, M_HorizontalFormGroup, M_IconButton, M_ImageSlide, M_LottieReactionButton, M_MainButton, M_MobileAlertDialog, M_MobileHeaderBar, M_MobileTabBar, M_Radio, M_ReactionButton, M_SegmentedButtonGroup, M_Select, M_Slider, M_StatusBlock, M_TextButton, M_TextField, M_TextLabel, M_UploadIconButton, M_UploadMainButton, M_UploadTextButton, M_AnnotationSheet, M_ContentSheet, M_MobileBasicModal, M_SectionSheet } from './src/mobile';
+import { LayoutMF, MFContainersBox, LayoutMM, MMNavigationContainer, MMContainersBox, LayoutMP, MPNavigationContainer, MPTabContainer, MPContainersBox, LayoutMS, MSNavigationContainer, MSContainersBox, M_BasicButtonGroup, M_BasicChatListItem, M_BasicFormGroup, M_BasicList, M_BasicListItem, M_BlogTextField, M_BodyTextGroup, M_Card, M_CardList, M_ChatBubbleListItem, M_ChatList, M_Checkbox, M_Chip, M_ContextMenu, M_ContextMenuItem, M_DatePicker, M_Dropdown, M_FloatingActionButton, M_HorizontalFormGroup, M_IconButton, M_ImageSlide, M_LottieReactionButton, M_MainButton, M_MobileAlertDialog, M_MobileHeaderBar, M_MobileTabBar, M_Radio, M_ReactionButton, M_SegmentedButtonGroup, M_Select, M_Slider, M_StatusBlock, M_TextButton, M_TextField, M_TextLabel, M_UploadIconButton, M_UploadMainButton, M_UploadTextButton, M_AnnotationSheet, M_ContentSheet, M_MobileBasicModal, M_SectionSheet } from './src/mobile';
 export { LayoutMF, MFContainersBox };
 export { LayoutMM, MMNavigationContainer, MMContainersBox };
 export { LayoutMP, MPNavigationContainer, MPTabContainer, MPContainersBox };
 export { LayoutMS, MSNavigationContainer, MSContainersBox };
-export { M_BasicButtonGroup, M_BasicChatListItem, M_BasicFormGroup, M_BasicList, M_BasicListItem, M_BlogTextField, M_BodyTextGroup, M_Card, M_CardList, M_ChatBubbleListItem, M_ChatList, M_Checkbox, M_Chip, M_ContextMenu, M_ContextMenuItem, M_Dropdown, M_FloatingActionButton, M_HorizontalFormGroup, M_IconButton, M_ImageSlide, M_LottieReactionButton, M_MainButton, M_MobileAlertDialog, M_MobileHeaderBar, M_MobileTabBar, M_Radio, M_ReactionButton, M_SegmentedButtonGroup, M_Select, M_Slider, M_StatusBlock, M_TextButton, M_TextField, M_TextLabel, M_UploadIconButton, M_UploadMainButton, M_UploadTextButton };
+export { M_BasicButtonGroup, M_BasicChatListItem, M_BasicFormGroup, M_BasicList, M_BasicListItem, M_BlogTextField, M_BodyTextGroup, M_Card, M_CardList, M_ChatBubbleListItem, M_ChatList, M_Checkbox, M_Chip, M_ContextMenu, M_ContextMenuItem, M_DatePicker, M_Dropdown, M_FloatingActionButton, M_HorizontalFormGroup, M_IconButton, M_ImageSlide, M_LottieReactionButton, M_MainButton, M_MobileAlertDialog, M_MobileHeaderBar, M_MobileTabBar, M_Radio, M_ReactionButton, M_SegmentedButtonGroup, M_Select, M_Slider, M_StatusBlock, M_TextButton, M_TextField, M_TextLabel, M_UploadIconButton, M_UploadMainButton, M_UploadTextButton };
 export { M_AnnotationSheet, M_ContentSheet, M_MobileBasicModal, M_SectionSheet };
 import { DynamicLayout } from './src/sub';
 export { DynamicLayout };

package/dist/index.js

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.LayoutWF = exports.Switch = exports.Spacing = exports.LottieIcon = exports.LinearProgress = exports.ImageView = exports.Icon = exports.Divider = exports.Form = exports.ButtonTransition = exports.InputTransition = exports.AdminListItemTransition = exports.scaleBounceOutIncludeTranslate02 = exports.scaleBounceInIncludeTranslate02 = exports.scaleBounceOutIncludeTranslate = exports.scaleBounceInIncludeTranslate = exports.scaleBounceOut02 = exports.scaleBounceOut = exports.scaleBounceIn02 = exports.scaleBounceIn = exports.gelatine = exports.scaleDownIncludeTranslate = exports.scaleUpIncludeTranslate = exports.scaleDown = exports.scaleUp = exports.glow = exports.fadeOut = exports.fadeIn = exports.modalOverlayOffAni = exports.modalOverlayOnAni = exports.modalOffAni = exports.modalOnAni = exports.dialogOverlayOffAni = exports.dialogOverlayOnAni = exports.dialogOffAni = exports.dialogOnAni = exports.theme = exports.customTheme = exports.uiColors = exports.spacing = exports.boxShadow = exports.mobileEditorLineHeight = exports.mobileEditorFontSize = exports.mobileLineHeight = exports.mobileFontSize = exports.desktopEditorLineHeight = exports.desktopEditorFontSize = exports.desktopLineHeight = exports.desktopFontSize = exports.fontWeight = void 0;
 exports.D_TextButton = exports.D_StatusBlock = exports.D_Slider = exports.D_Select = exports.D_SegmentedButtonGroup = exports.D_ReactionButton = exports.D_Radio = exports.D_PageTitleTextGroup = exports.D_MainButton = exports.D_LottieReactionButton = exports.D_ImageSlide = exports.D_IconButton = exports.D_HorizontalFormGroup = exports.D_Hero = exports.D_FloatingActionButton = exports.D_FilterBar = exports.D_EditApplyTextField = exports.D_DynamicDesktopNavBarTemplates = exports.D_DynamicDesktopNavBar = exports.D_Dropdown = exports.D_DesktopTabBar = exports.D_DesktopHeaderBar = exports.D_DesktopAlertDialog = exports.D_ContextMenuItem = exports.D_ContextMenu = exports.D_Chip = exports.D_Checkbox = exports.D_ChatList = exports.D_ChatBubbleListItem = exports.D_CardList = exports.D_Card = exports.D_BodyTextGroup = exports.D_BlogTextField = exports.D_BasicListItem = exports.D_BasicList = exports.D_BasicFormGroup = exports.D_BasicChatListItem = exports.D_BasicButtonGroup = exports.D_AdminListItem = exports.D_AdminListHeader = exports.D_AdminList = exports.WTContainersBox = exports.WTGlobalMenuContainer = exports.LayoutWT = exports.WSContainersBox = exports.WSGlobalMenuContainer = exports.LayoutWS = exports.WHContainersBox = exports.LayoutWH = exports.WFContainersBox = void 0;
-exports.M_MobileAlertDialog = exports.M_MainButton = exports.M_LottieReactionButton = exports.M_ImageSlide = exports.M_IconButton = exports.M_HorizontalFormGroup = exports.M_FloatingActionButton = exports.M_Dropdown = exports.M_ContextMenuItem = exports.M_ContextMenu = exports.M_Chip = exports.M_Checkbox = exports.M_ChatList = exports.M_ChatBubbleListItem = exports.M_CardList = exports.M_Card = exports.M_BodyTextGroup = exports.M_BlogTextField = exports.M_BasicListItem = exports.M_BasicList = exports.M_BasicFormGroup = exports.M_BasicChatListItem = exports.M_BasicButtonGroup = exports.MSContainersBox = exports.MSNavigationContainer = exports.LayoutMS = exports.MPContainersBox = exports.MPTabContainer = exports.MPNavigationContainer = exports.LayoutMP = exports.MMContainersBox = exports.MMNavigationContainer = exports.LayoutMM = exports.MFContainersBox = exports.LayoutMF = exports.D_SectionSheet = exports.D_DesktopTutorialModal = exports.D_DesktopHeadlessModal = exports.D_DesktopBasicModalWithTab = exports.D_DesktopBasicModal = exports.D_ContentSheet = exports.D_AnnotationSheet = exports.D_UserDesktopSideTab = exports.D_UserDesktopTabBar = exports.D_UserDesktopNavBar = exports.D_UploadTextButton = exports.D_UploadMainButton = exports.D_UploadIconButton = exports.D_TextLabel = exports.D_TextField = void 0;
-exports.ToolBar = exports.BulkActionBar = exports.AdminListItem = exports.AdminListHeader = exports.AdminList = exports.DynamicLayout = exports.M_SectionSheet = exports.M_MobileBasicModal = exports.M_ContentSheet = exports.M_AnnotationSheet = exports.M_UploadTextButton = exports.M_UploadMainButton = exports.M_UploadIconButton = exports.M_TextLabel = exports.M_TextField = exports.M_TextButton = exports.M_StatusBlock = exports.M_Slider = exports.M_Select = exports.M_SegmentedButtonGroup = exports.M_ReactionButton = exports.M_Radio = exports.M_MobileTabBar = exports.M_MobileHeaderBar = void 0;
+exports.M_MainButton = exports.M_LottieReactionButton = exports.M_ImageSlide = exports.M_IconButton = exports.M_HorizontalFormGroup = exports.M_FloatingActionButton = exports.M_Dropdown = exports.M_DatePicker = exports.M_ContextMenuItem = exports.M_ContextMenu = exports.M_Chip = exports.M_Checkbox = exports.M_ChatList = exports.M_ChatBubbleListItem = exports.M_CardList = exports.M_Card = exports.M_BodyTextGroup = exports.M_BlogTextField = exports.M_BasicListItem = exports.M_BasicList = exports.M_BasicFormGroup = exports.M_BasicChatListItem = exports.M_BasicButtonGroup = exports.MSContainersBox = exports.MSNavigationContainer = exports.LayoutMS = exports.MPContainersBox = exports.MPTabContainer = exports.MPNavigationContainer = exports.LayoutMP = exports.MMContainersBox = exports.MMNavigationContainer = exports.LayoutMM = exports.MFContainersBox = exports.LayoutMF = exports.D_SectionSheet = exports.D_DesktopTutorialModal = exports.D_DesktopHeadlessModal = exports.D_DesktopBasicModalWithTab = exports.D_DesktopBasicModal = exports.D_ContentSheet = exports.D_AnnotationSheet = exports.D_UserDesktopSideTab = exports.D_UserDesktopTabBar = exports.D_UserDesktopNavBar = exports.D_UploadTextButton = exports.D_UploadMainButton = exports.D_UploadIconButton = exports.D_TextLabel = exports.D_TextField = void 0;
+exports.ToolBar = exports.BulkActionBar = exports.AdminListItem = exports.AdminListHeader = exports.AdminList = exports.DynamicLayout = exports.M_SectionSheet = exports.M_MobileBasicModal = exports.M_ContentSheet = exports.M_AnnotationSheet = exports.M_UploadTextButton = exports.M_UploadMainButton = exports.M_UploadIconButton = exports.M_TextLabel = exports.M_TextField = exports.M_TextButton = exports.M_StatusBlock = exports.M_Slider = exports.M_Select = exports.M_SegmentedButtonGroup = exports.M_ReactionButton = exports.M_Radio = exports.M_MobileTabBar = exports.M_MobileHeaderBar = exports.M_MobileAlertDialog = void 0;
 /* eslint-disable import/order */
 /* eslint-disable import/first */
 // common
@@ -162,6 +162,7 @@ Object.defineProperty(exports, "M_Checkbox", { enumerable: true, get: function (
 Object.defineProperty(exports, "M_Chip", { enumerable: true, get: function () { return mobile_1.M_Chip; } });
 Object.defineProperty(exports, "M_ContextMenu", { enumerable: true, get: function () { return mobile_1.M_ContextMenu; } });
 Object.defineProperty(exports, "M_ContextMenuItem", { enumerable: true, get: function () { return mobile_1.M_ContextMenuItem; } });
+Object.defineProperty(exports, "M_DatePicker", { enumerable: true, get: function () { return mobile_1.M_DatePicker; } });
 Object.defineProperty(exports, "M_Dropdown", { enumerable: true, get: function () { return mobile_1.M_Dropdown; } });
 Object.defineProperty(exports, "M_FloatingActionButton", { enumerable: true, get: function () { return mobile_1.M_FloatingActionButton; } });
 Object.defineProperty(exports, "M_HorizontalFormGroup", { enumerable: true, get: function () { return mobile_1.M_HorizontalFormGroup; } });

package/dist/src/common/assets/icons/editorNavigationIcons/downIcons.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import type IconType from '../IconType';
+export declare const ArrowDownDesign01: ({ color, size, ...rest }: IconType) => JSX.Element;
+export declare const ArrowDownDesign02: ({ color, size, ...rest }: IconType) => JSX.Element;
+export declare const ArrowDownDesign03: ({ color, size, ...rest }: IconType) => JSX.Element;
+export declare const ArrowDownDesign04: ({ color, size, ...rest }: IconType) => JSX.Element;
+export declare const ArrowDownDesign05: ({ color, size, ...rest }: IconType) => JSX.Element;
+export declare const ArrowDownDesign06: ({ color, size, ...rest }: IconType) => JSX.Element;
+export declare const ArrowDownDesign07: ({ color, ...rest }: IconType) => JSX.Element;
+export declare const ArrowDownDesign08: ({ color, ...rest }: IconType) => JSX.Element;
+export declare const ArrowDownDesign09: ({ color, ...rest }: IconType) => JSX.Element;
+export declare const ArrowDownDesign10: ({ color, size, ...rest }: IconType) => JSX.Element;

package/dist/src/common/assets/icons/editorNavigationIcons/downIcons.js

@@ -0,0 +1,76 @@
+"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 });
+exports.ArrowDownDesign10 = exports.ArrowDownDesign09 = exports.ArrowDownDesign08 = exports.ArrowDownDesign07 = exports.ArrowDownDesign06 = exports.ArrowDownDesign05 = exports.ArrowDownDesign04 = exports.ArrowDownDesign03 = exports.ArrowDownDesign02 = exports.ArrowDownDesign01 = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var ArrowDownDesign01 = function (_a) {
+    var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest, { children: (0, jsx_runtime_1.jsx)("path", { fill: "none", stroke: color, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: ".5", d: "M15.577375,18.497375 L8.666375,11.586375 C8.341375,11.261375 8.341375,10.733375 8.666375,10.408375 L15.577375,3.497375", transform: "rotate(-90 12 10.997)" }) })));
+};
+exports.ArrowDownDesign01 = ArrowDownDesign01;
+var ArrowDownDesign02 = function (_a) {
+    var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest, { children: (0, jsx_runtime_1.jsx)("path", { fill: "none", stroke: color, strokeLinecap: "round", strokeLinejoin: "round", d: "M15.5773125,18.5003005 L8.6668125,11.5898005 C8.3413125,11.2643005 8.3413125,10.7363005 8.6668125,10.4108005 L15.5773125,3.5003005", transform: "rotate(-90 12 11)" }) })));
+};
+exports.ArrowDownDesign02 = ArrowDownDesign02;
+var ArrowDownDesign03 = function (_a) {
+    var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest, { children: (0, jsx_runtime_1.jsx)("path", { fill: "none", stroke: color, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2.5", d: "M15.5774,18.5 L8.6664,11.589 C8.3414,11.264 8.3414,10.736 8.6664,10.411 L15.5774,3.5", transform: "rotate(-90 12 11)" }) })));
+};
+exports.ArrowDownDesign03 = ArrowDownDesign03;
+var ArrowDownDesign04 = function (_a) {
+    var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest, { children: (0, jsx_runtime_1.jsx)("polyline", { fill: "none", stroke: color, strokeLinecap: "square", strokeWidth: "3", points: "8.001 3.499 16.001 11.499 8.001 19.501", transform: "rotate(90 12 11.5)" }) })));
+};
+exports.ArrowDownDesign04 = ArrowDownDesign04;
+var ArrowDownDesign05 = function (_a) {
+    var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest, { children: (0, jsx_runtime_1.jsx)("path", { fill: "none", stroke: color, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M4.55225015,11.9999287 L21,11.9999287 M10.4989308,19.4992872 L3,12.0003564 L10.4989308,4.5", transform: "rotate(-90 12 12)" }) })));
+};
+exports.ArrowDownDesign05 = ArrowDownDesign05;
+var ArrowDownDesign06 = function (_a) {
+    var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest, { children: (0, jsx_runtime_1.jsx)("path", { fill: "none", stroke: color, strokeLinecap: "square", strokeWidth: "3", d: "M4.55225015,11.9999287 L21,11.9999287 M10.4989308,19.4992872 L3,12.0003564 L10.4989308,4.5", transform: "rotate(-90 12 12)" }) })));
+};
+exports.ArrowDownDesign06 = ArrowDownDesign06;
+var ArrowDownDesign07 = function (_a) {
+    var color = _a.color, rest = __rest(_a, ["color"]);
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: "24", height: "32", viewBox: "0 0 24 32" }, rest, { children: (0, jsx_runtime_1.jsx)("path", { fill: "none", stroke: color, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M-1.44774985,16.0002851 L27,16.0002851 M4.49893076,23.4996436 L-3,16.0007128 L4.49893076,8.50035641", transform: "rotate(-90 12 16)" }) })));
+};
+exports.ArrowDownDesign07 = ArrowDownDesign07;
+var ArrowDownDesign08 = function (_a) {
+    var color = _a.color, rest = __rest(_a, ["color"]);
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: "24", height: "32", viewBox: "0 0 24 32" }, rest, { children: (0, jsx_runtime_1.jsx)("path", { fill: "none", stroke: color, strokeLinecap: "square", strokeWidth: "3", d: "M-0.448106259,15.8002851 L25.9996436,15.8002851 M5.49857435,23.2996436 L-2.00035641,15.8007128 L5.49857435,8.30035641", transform: "matrix(0 -1 -1 0 27.8 27.8)" }) })));
+};
+exports.ArrowDownDesign08 = ArrowDownDesign08;
+var ArrowDownDesign09 = function (_a) {
+    var color = _a.color, rest = __rest(_a, ["color"]);
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: "24", height: "32", viewBox: "0 0 24 32" }, rest, { children: (0, jsx_runtime_1.jsx)("path", { fill: "none", stroke: color, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M11.805,12.066 C11.805,12.066 4,19.871 4,19.871 L28.537,19.871", transform: "scale(1 -1) rotate(90 32.237 0)" }) })));
+};
+exports.ArrowDownDesign09 = ArrowDownDesign09;
+var ArrowDownDesign10 = function (_a) {
+    var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest, { children: (0, jsx_runtime_1.jsx)("polygon", { fill: color, fillRule: "evenodd", points: "12 6 21 21 3 21", transform: "rotate(180 12 13.5)" }) })));
+};
+exports.ArrowDownDesign10 = ArrowDownDesign10;

package/dist/src/common/assets/icons/editorNavigationIcons/index.d.ts

@@ -0,0 +1,43 @@
+/// <reference types="react" />
+export declare const editorNavigationIcons: {
+    ic_arrow_down_design_01: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    ic_arrow_down_design_02: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    ic_arrow_down_design_03: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    ic_arrow_down_design_04: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    ic_arrow_down_design_05: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    ic_arrow_down_design_06: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    ic_arrow_down_design_07: ({ color, ...rest }: import("../IconType").default) => JSX.Element;
+    ic_arrow_down_design_08: ({ color, ...rest }: import("../IconType").default) => JSX.Element;
+    ic_arrow_down_design_09: ({ color, ...rest }: import("../IconType").default) => JSX.Element;
+    ic_arrow_down_design_10: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    ic_arrow_left_design_01: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    ic_arrow_left_design_02: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    ic_arrow_left_design_03: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    ic_arrow_left_design_04: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    ic_arrow_left_design_05: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    ic_arrow_left_design_06: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    ic_arrow_left_design_07: ({ color, ...rest }: import("../IconType").default) => JSX.Element;
+    ic_arrow_left_design_08: ({ color, ...rest }: import("../IconType").default) => JSX.Element;
+    ic_arrow_left_design_09: ({ color, ...rest }: import("../IconType").default) => JSX.Element;
+    ic_arrow_left_design_10: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    ic_arrow_right_design_01: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    ic_arrow_right_design_02: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    ic_arrow_right_design_03: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    ic_arrow_right_design_04: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    ic_arrow_right_design_05: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    ic_arrow_right_design_06: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    ic_arrow_right_design_07: ({ color, ...rest }: import("../IconType").default) => JSX.Element;
+    ic_arrow_right_design_08: ({ color, ...rest }: import("../IconType").default) => JSX.Element;
+    ic_arrow_right_design_09: ({ color, ...rest }: import("../IconType").default) => JSX.Element;
+    ic_arrow_right_design_10: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    ic_arrow_up_design_01: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    ic_arrow_up_design_02: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    ic_arrow_up_design_03: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    ic_arrow_up_design_04: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    ic_arrow_up_design_05: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    ic_arrow_up_design_06: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    ic_arrow_up_design_07: ({ color, ...rest }: import("../IconType").default) => JSX.Element;
+    ic_arrow_up_design_08: ({ color, ...rest }: import("../IconType").default) => JSX.Element;
+    ic_arrow_up_design_09: ({ color, ...rest }: import("../IconType").default) => JSX.Element;
+    ic_arrow_up_design_10: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+};

package/dist/src/common/assets/icons/editorNavigationIcons/index.js

@@ -0,0 +1,49 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.editorNavigationIcons = void 0;
+var downIcons_1 = require("./downIcons");
+var leftIcons_1 = require("./leftIcons");
+var rightIcons_1 = require("./rightIcons");
+var upIcons_1 = require("./upIcons");
+exports.editorNavigationIcons = {
+    ic_arrow_down_design_01: downIcons_1.ArrowDownDesign01,
+    ic_arrow_down_design_02: downIcons_1.ArrowDownDesign02,
+    ic_arrow_down_design_03: downIcons_1.ArrowDownDesign03,
+    ic_arrow_down_design_04: downIcons_1.ArrowDownDesign04,
+    ic_arrow_down_design_05: downIcons_1.ArrowDownDesign05,
+    ic_arrow_down_design_06: downIcons_1.ArrowDownDesign06,
+    ic_arrow_down_design_07: downIcons_1.ArrowDownDesign07,
+    ic_arrow_down_design_08: downIcons_1.ArrowDownDesign08,
+    ic_arrow_down_design_09: downIcons_1.ArrowDownDesign09,
+    ic_arrow_down_design_10: downIcons_1.ArrowDownDesign10,
+    ic_arrow_left_design_01: leftIcons_1.ArrowLeftDesign01,
+    ic_arrow_left_design_02: leftIcons_1.ArrowLeftDesign02,
+    ic_arrow_left_design_03: leftIcons_1.ArrowLeftDesign03,
+    ic_arrow_left_design_04: leftIcons_1.ArrowLeftDesign04,
+    ic_arrow_left_design_05: leftIcons_1.ArrowLeftDesign05,
+    ic_arrow_left_design_06: leftIcons_1.ArrowLeftDesign06,
+    ic_arrow_left_design_07: leftIcons_1.ArrowLeftDesign07,
+    ic_arrow_left_design_08: leftIcons_1.ArrowLeftDesign08,
+    ic_arrow_left_design_09: leftIcons_1.ArrowLeftDesign09,
+    ic_arrow_left_design_10: leftIcons_1.ArrowLeftDesign10,
+    ic_arrow_right_design_01: rightIcons_1.ArrowRightDesign01,
+    ic_arrow_right_design_02: rightIcons_1.ArrowRightDesign02,
+    ic_arrow_right_design_03: rightIcons_1.ArrowRightDesign03,
+    ic_arrow_right_design_04: rightIcons_1.ArrowRightDesign04,
+    ic_arrow_right_design_05: rightIcons_1.ArrowRightDesign05,
+    ic_arrow_right_design_06: rightIcons_1.ArrowRightDesign06,
+    ic_arrow_right_design_07: rightIcons_1.ArrowRightDesign07,
+    ic_arrow_right_design_08: rightIcons_1.ArrowRightDesign08,
+    ic_arrow_right_design_09: rightIcons_1.ArrowRightDesign09,
+    ic_arrow_right_design_10: rightIcons_1.ArrowRightDesign10,
+    ic_arrow_up_design_01: upIcons_1.ArrowUpDesign01,
+    ic_arrow_up_design_02: upIcons_1.ArrowUpDesign02,
+    ic_arrow_up_design_03: upIcons_1.ArrowUpDesign03,
+    ic_arrow_up_design_04: upIcons_1.ArrowUpDesign04,
+    ic_arrow_up_design_05: upIcons_1.ArrowUpDesign05,
+    ic_arrow_up_design_06: upIcons_1.ArrowUpDesign06,
+    ic_arrow_up_design_07: upIcons_1.ArrowUpDesign07,
+    ic_arrow_up_design_08: upIcons_1.ArrowUpDesign08,
+    ic_arrow_up_design_09: upIcons_1.ArrowUpDesign09,
+    ic_arrow_up_design_10: upIcons_1.ArrowUpDesign10
+};

package/dist/src/common/assets/icons/editorNavigationIcons/leftIcons.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import type IconType from '../IconType';
+export declare const ArrowLeftDesign01: ({ color, size, ...rest }: IconType) => JSX.Element;
+export declare const ArrowLeftDesign02: ({ color, size, ...rest }: IconType) => JSX.Element;
+export declare const ArrowLeftDesign03: ({ color, size, ...rest }: IconType) => JSX.Element;
+export declare const ArrowLeftDesign04: ({ color, size, ...rest }: IconType) => JSX.Element;
+export declare const ArrowLeftDesign05: ({ color, size, ...rest }: IconType) => JSX.Element;
+export declare const ArrowLeftDesign06: ({ color, size, ...rest }: IconType) => JSX.Element;
+export declare const ArrowLeftDesign07: ({ color, ...rest }: IconType) => JSX.Element;
+export declare const ArrowLeftDesign08: ({ color, ...rest }: IconType) => JSX.Element;
+export declare const ArrowLeftDesign09: ({ color, ...rest }: IconType) => JSX.Element;
+export declare const ArrowLeftDesign10: ({ color, size, ...rest }: IconType) => JSX.Element;

package/dist/src/common/assets/icons/editorNavigationIcons/leftIcons.js

@@ -0,0 +1,76 @@
+"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 });
+exports.ArrowLeftDesign10 = exports.ArrowLeftDesign09 = exports.ArrowLeftDesign08 = exports.ArrowLeftDesign07 = exports.ArrowLeftDesign06 = exports.ArrowLeftDesign05 = exports.ArrowLeftDesign04 = exports.ArrowLeftDesign03 = exports.ArrowLeftDesign02 = exports.ArrowLeftDesign01 = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var ArrowLeftDesign01 = function (_a) {
+    var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest, { children: (0, jsx_runtime_1.jsx)("path", { fill: "none", stroke: color, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: ".5", d: "M14.5773,19.5001 L7.6663,12.5891 C7.3413,12.2641 7.3413,11.7361 7.6663,11.4111 L14.5773,4.5001" }) })));
+};
+exports.ArrowLeftDesign01 = ArrowLeftDesign01;
+var ArrowLeftDesign02 = function (_a) {
+    var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest, { children: (0, jsx_runtime_1.jsx)("path", { fill: "none", stroke: color, strokeLinecap: "round", strokeLinejoin: "round", d: "M14.5776,19.5003 L7.6671,12.5898 C7.3416,12.2643 7.3416,11.7363 7.6671,11.4108 L14.5776,4.5003" }) })));
+};
+exports.ArrowLeftDesign02 = ArrowLeftDesign02;
+var ArrowLeftDesign03 = function (_a) {
+    var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest, { children: (0, jsx_runtime_1.jsx)("path", { fill: "none", stroke: color, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2.5", d: "M14.5774,19.5 L7.6664,12.589 C7.3414,12.264 7.3414,11.736 7.6664,11.411 L14.5774,4.5" }) })));
+};
+exports.ArrowLeftDesign03 = ArrowLeftDesign03;
+var ArrowLeftDesign04 = function (_a) {
+    var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest, { children: (0, jsx_runtime_1.jsx)("polyline", { fill: "none", stroke: color, strokeLinecap: "square", strokeWidth: "3", points: "7.5 4 15.5 12 7.5 20.002", transform: "rotate(180 11.5 12)" }) })));
+};
+exports.ArrowLeftDesign04 = ArrowLeftDesign04;
+var ArrowLeftDesign05 = function (_a) {
+    var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest, { children: (0, jsx_runtime_1.jsx)("path", { fill: "none", stroke: color, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M4.55225015,11.9999287 L21,11.9999287 M10.4989308,19.4992872 L3,12.0003564 L10.4989308,4.5" }) })));
+};
+exports.ArrowLeftDesign05 = ArrowLeftDesign05;
+var ArrowLeftDesign06 = function (_a) {
+    var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest, { children: (0, jsx_runtime_1.jsx)("path", { fill: "none", stroke: color, strokeLinecap: "square", strokeWidth: "3", d: "M4.55225015,11.9999287 L21,11.9999287 M10.4989308,19.4992872 L3,12.0003564 L10.4989308,4.5" }) })));
+};
+exports.ArrowLeftDesign06 = ArrowLeftDesign06;
+var ArrowLeftDesign07 = function (_a) {
+    var color = _a.color, rest = __rest(_a, ["color"]);
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: "32", height: "24", viewBox: "0 0 32 24" }, rest, { children: (0, jsx_runtime_1.jsx)("path", { fill: "none", stroke: color, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M2.55225015,11.9999287 L31,11.9999287 M8.49893076,19.4992872 L1,12.0003564 L8.49893076,4.5" }) })));
+};
+exports.ArrowLeftDesign07 = ArrowLeftDesign07;
+var ArrowLeftDesign08 = function (_a) {
+    var color = _a.color, rest = __rest(_a, ["color"]);
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: "32", height: "24", viewBox: "0 0 32 24" }, rest, { children: (0, jsx_runtime_1.jsx)("path", { fill: "none", stroke: color, strokeLinecap: "square", strokeWidth: "3", d: "M3.75225015,11.9999287 L30.2,11.9999287 M9.69893076,19.4992872 L2.2,12.0003564 L9.69893076,4.5" }) })));
+};
+exports.ArrowLeftDesign08 = ArrowLeftDesign08;
+var ArrowLeftDesign09 = function (_a) {
+    var color = _a.color, rest = __rest(_a, ["color"]);
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: "32", height: "24", viewBox: "0 0 32 24" }, rest, { children: (0, jsx_runtime_1.jsx)("path", { fill: "none", stroke: color, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M11.505,4.5 C11.505,4.5 3.7,12.305 3.7,12.305 L28.237,12.305" }) })));
+};
+exports.ArrowLeftDesign09 = ArrowLeftDesign09;
+var ArrowLeftDesign10 = function (_a) {
+    var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest, { children: (0, jsx_runtime_1.jsx)("polygon", { fill: color, fillRule: "evenodd", points: "10.5 4.5 19.5 19.5 1.5 19.5", transform: "rotate(-90 10.5 12)" }) })));
+};
+exports.ArrowLeftDesign10 = ArrowLeftDesign10;

package/dist/src/common/assets/icons/editorNavigationIcons/rightIcons.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import type IconType from '../IconType';
+export declare const ArrowRightDesign01: ({ color, size, ...rest }: IconType) => JSX.Element;
+export declare const ArrowRightDesign02: ({ color, size, ...rest }: IconType) => JSX.Element;
+export declare const ArrowRightDesign03: ({ color, size, ...rest }: IconType) => JSX.Element;
+export declare const ArrowRightDesign04: ({ color, size, ...rest }: IconType) => JSX.Element;
+export declare const ArrowRightDesign05: ({ color, size, ...rest }: IconType) => JSX.Element;
+export declare const ArrowRightDesign06: ({ color, size, ...rest }: IconType) => JSX.Element;
+export declare const ArrowRightDesign07: ({ color, ...rest }: IconType) => JSX.Element;
+export declare const ArrowRightDesign08: ({ color, ...rest }: IconType) => JSX.Element;
+export declare const ArrowRightDesign09: ({ color, ...rest }: IconType) => JSX.Element;
+export declare const ArrowRightDesign10: ({ color, size, ...rest }: IconType) => JSX.Element;

package/dist/src/common/assets/icons/editorNavigationIcons/rightIcons.js

@@ -0,0 +1,76 @@
+"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 });
+exports.ArrowRightDesign10 = exports.ArrowRightDesign09 = exports.ArrowRightDesign08 = exports.ArrowRightDesign07 = exports.ArrowRightDesign06 = exports.ArrowRightDesign05 = exports.ArrowRightDesign04 = exports.ArrowRightDesign03 = exports.ArrowRightDesign02 = exports.ArrowRightDesign01 = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var ArrowRightDesign01 = function (_a) {
+    var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest, { children: (0, jsx_runtime_1.jsx)("path", { fill: "none", stroke: color, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: ".5", d: "M16.5773,19.5001 L9.6663,12.5891 C9.3413,12.2641 9.3413,11.7361 9.6663,11.4111 L16.5773,4.5001", transform: "rotate(180 13 12)" }) })));
+};
+exports.ArrowRightDesign01 = ArrowRightDesign01;
+var ArrowRightDesign02 = function (_a) {
+    var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest, { children: (0, jsx_runtime_1.jsx)("path", { fill: "none", stroke: color, strokeLinecap: "round", strokeLinejoin: "round", d: "M16.5776,19.5003 L9.6671,12.5898 C9.3416,12.2643 9.3416,11.7363 9.6671,11.4108 L16.5776,4.5003", transform: "rotate(180 13 12)" }) })));
+};
+exports.ArrowRightDesign02 = ArrowRightDesign02;
+var ArrowRightDesign03 = function (_a) {
+    var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest, { children: (0, jsx_runtime_1.jsx)("path", { fill: "none", stroke: color, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2.5", d: "M16.5774,19.5 L9.6664,12.589 C9.3414,12.264 9.3414,11.736 9.6664,11.411 L16.5774,4.5", transform: "rotate(180 13 12)" }) })));
+};
+exports.ArrowRightDesign03 = ArrowRightDesign03;
+var ArrowRightDesign04 = function (_a) {
+    var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest, { children: (0, jsx_runtime_1.jsx)("polyline", { fill: "none", stroke: color, strokeLinecap: "square", strokeWidth: "3", points: "8.5 4 16.5 12 8.5 20.002" }) })));
+};
+exports.ArrowRightDesign04 = ArrowRightDesign04;
+var ArrowRightDesign05 = function (_a) {
+    var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest, { children: (0, jsx_runtime_1.jsx)("path", { fill: "none", stroke: color, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M4.55225015,11.9999287 L21,11.9999287 M10.4989308,19.4992872 L3,12.0003564 L10.4989308,4.5", transform: "rotate(180 12 12)" }) })));
+};
+exports.ArrowRightDesign05 = ArrowRightDesign05;
+var ArrowRightDesign06 = function (_a) {
+    var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest, { children: (0, jsx_runtime_1.jsx)("path", { fill: "none", stroke: color, strokeLinecap: "square", strokeWidth: "3", d: "M4.55225015,11.9999287 L21,11.9999287 M10.4989308,19.4992872 L3,12.0003564 L10.4989308,4.5", transform: "rotate(180 12 12)" }) })));
+};
+exports.ArrowRightDesign06 = ArrowRightDesign06;
+var ArrowRightDesign07 = function (_a) {
+    var color = _a.color, rest = __rest(_a, ["color"]);
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: "32", height: "24", viewBox: "0 0 32 24" }, rest, { children: (0, jsx_runtime_1.jsx)("path", { fill: "none", stroke: color, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M2.55225015,11.9999287 L31,11.9999287 M8.49893076,19.4992872 L1,12.0003564 L8.49893076,4.5", transform: "rotate(180 16 12)" }) })));
+};
+exports.ArrowRightDesign07 = ArrowRightDesign07;
+var ArrowRightDesign08 = function (_a) {
+    var color = _a.color, rest = __rest(_a, ["color"]);
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: "32", height: "24", viewBox: "0 0 32 24" }, rest, { children: (0, jsx_runtime_1.jsx)("path", { fill: "none", stroke: color, strokeLinecap: "square", strokeWidth: "3", d: "M3.35225015,11.9999287 L29.8,11.9999287 M9.29893076,19.4992872 L1.8,12.0003564 L9.29893076,4.5", transform: "rotate(180 15.8 12)" }) })));
+};
+exports.ArrowRightDesign08 = ArrowRightDesign08;
+var ArrowRightDesign09 = function (_a) {
+    var color = _a.color, rest = __rest(_a, ["color"]);
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: "32", height: "24", viewBox: "0 0 32 24" }, rest, { children: (0, jsx_runtime_1.jsx)("path", { fill: "none", stroke: color, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M11.505,4.5 C11.505,4.5 3.7,12.305 3.7,12.305 L28.237,12.305", transform: "matrix(-1 0 0 1 31.937 0)" }) })));
+};
+exports.ArrowRightDesign09 = ArrowRightDesign09;
+var ArrowRightDesign10 = function (_a) {
+    var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest, { children: (0, jsx_runtime_1.jsx)("polygon", { fill: color, fillRule: "evenodd", points: "13.5 4.5 22.5 19.5 4.5 19.5", transform: "rotate(90 13.5 12)" }) })));
+};
+exports.ArrowRightDesign10 = ArrowRightDesign10;

package/dist/src/common/assets/icons/editorNavigationIcons/upIcons.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import type IconType from '../IconType';
+export declare const ArrowUpDesign01: ({ color, size, ...rest }: IconType) => JSX.Element;
+export declare const ArrowUpDesign02: ({ color, size, ...rest }: IconType) => JSX.Element;
+export declare const ArrowUpDesign03: ({ color, size, ...rest }: IconType) => JSX.Element;
+export declare const ArrowUpDesign04: ({ color, size, ...rest }: IconType) => JSX.Element;
+export declare const ArrowUpDesign05: ({ color, size, ...rest }: IconType) => JSX.Element;
+export declare const ArrowUpDesign06: ({ color, size, ...rest }: IconType) => JSX.Element;
+export declare const ArrowUpDesign07: ({ color, ...rest }: IconType) => JSX.Element;
+export declare const ArrowUpDesign08: ({ color, ...rest }: IconType) => JSX.Element;
+export declare const ArrowUpDesign09: ({ color, ...rest }: IconType) => JSX.Element;
+export declare const ArrowUpDesign10: ({ color, size, ...rest }: IconType) => JSX.Element;

package/dist/src/common/assets/icons/editorNavigationIcons/upIcons.js

@@ -0,0 +1,76 @@
+"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 });
+exports.ArrowUpDesign10 = exports.ArrowUpDesign09 = exports.ArrowUpDesign08 = exports.ArrowUpDesign07 = exports.ArrowUpDesign06 = exports.ArrowUpDesign05 = exports.ArrowUpDesign04 = exports.ArrowUpDesign03 = exports.ArrowUpDesign02 = exports.ArrowUpDesign01 = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var ArrowUpDesign01 = function (_a) {
+    var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest, { children: (0, jsx_runtime_1.jsx)("path", { fill: "none", stroke: color, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: ".5", d: "M15.577375,18.497375 L8.666375,11.586375 C8.341375,11.261375 8.341375,10.733375 8.666375,10.408375 L15.577375,3.497375", transform: "rotate(90 12 10.997)" }) })));
+};
+exports.ArrowUpDesign01 = ArrowUpDesign01;
+var ArrowUpDesign02 = function (_a) {
+    var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest, { children: (0, jsx_runtime_1.jsx)("path", { fill: "none", stroke: color, strokeLinecap: "round", strokeLinejoin: "round", d: "M15.5773125,18.5003005 L8.6668125,11.5898005 C8.3413125,11.2643005 8.3413125,10.7363005 8.6668125,10.4108005 L15.5773125,3.5003005", transform: "rotate(90 12 11)" }) })));
+};
+exports.ArrowUpDesign02 = ArrowUpDesign02;
+var ArrowUpDesign03 = function (_a) {
+    var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest, { children: (0, jsx_runtime_1.jsx)("path", { fill: "none", stroke: color, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2.5", d: "M15.5774,18.5 L8.6664,11.589 C8.3414,11.264 8.3414,10.736 8.6664,10.411 L15.5774,3.5", transform: "rotate(90 12 11)" }) })));
+};
+exports.ArrowUpDesign03 = ArrowUpDesign03;
+var ArrowUpDesign04 = function (_a) {
+    var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest, { children: (0, jsx_runtime_1.jsx)("polyline", { fill: "none", stroke: color, strokeLinecap: "square", strokeWidth: "3", points: "8.001 3.499 16.001 11.499 8.001 19.501", transform: "rotate(-90 12 11.5)" }) })));
+};
+exports.ArrowUpDesign04 = ArrowUpDesign04;
+var ArrowUpDesign05 = function (_a) {
+    var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest, { children: (0, jsx_runtime_1.jsx)("path", { fill: "none", stroke: color, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M4.55225015,11.9999287 L21,11.9999287 M10.4989308,19.4992872 L3,12.0003564 L10.4989308,4.5", transform: "rotate(90 12 12)" }) })));
+};
+exports.ArrowUpDesign05 = ArrowUpDesign05;
+var ArrowUpDesign06 = function (_a) {
+    var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest, { children: (0, jsx_runtime_1.jsx)("path", { fill: "none", stroke: color, strokeLinecap: "square", strokeWidth: "3", d: "M4.55225015,11.9999287 L21,11.9999287 M10.4989308,19.4992872 L3,12.0003564 L10.4989308,4.5", transform: "rotate(90 12 12)" }) })));
+};
+exports.ArrowUpDesign06 = ArrowUpDesign06;
+var ArrowUpDesign07 = function (_a) {
+    var color = _a.color, rest = __rest(_a, ["color"]);
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: "24", height: "32", viewBox: "0 0 24 32" }, rest, { children: (0, jsx_runtime_1.jsx)("path", { fill: "none", stroke: color, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M-1.44774985,16.0002851 L27,16.0002851 M4.49893076,23.4996436 L-3,16.0007128 L4.49893076,8.50035641", transform: "rotate(90 12 16)" }) })));
+};
+exports.ArrowUpDesign07 = ArrowUpDesign07;
+var ArrowUpDesign08 = function (_a) {
+    var color = _a.color, rest = __rest(_a, ["color"]);
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: "24", height: "32", viewBox: "0 0 24 32" }, rest, { children: (0, jsx_runtime_1.jsx)("path", { fill: "none", stroke: color, strokeLinecap: "square", strokeWidth: "3", d: "M-0.448106259,16.2002851 L25.9996436,16.2002851 M5.49857435,23.6996436 L-2.00035641,16.2007128 L5.49857435,8.70035641", transform: "rotate(90 12 16.2)" }) })));
+};
+exports.ArrowUpDesign08 = ArrowUpDesign08;
+var ArrowUpDesign09 = function (_a) {
+    var color = _a.color, rest = __rest(_a, ["color"]);
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: "24", height: "32", viewBox: "0 0 24 32" }, rest, { children: (0, jsx_runtime_1.jsx)("path", { fill: "none", stroke: color, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M11.805,12.066 C11.805,12.066 4,19.871 4,19.871 L28.537,19.871", transform: "rotate(90 16.268 15.969)" }) })));
+};
+exports.ArrowUpDesign09 = ArrowUpDesign09;
+var ArrowUpDesign10 = function (_a) {
+    var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest, { children: (0, jsx_runtime_1.jsx)("polygon", { fill: color, fillRule: "evenodd", points: "12 3 21 18 3 18" }) })));
+};
+exports.ArrowUpDesign10 = ArrowUpDesign10;

package/dist/src/common/assets/icons/fill/Cam.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type IconType from '../IconType';
+declare const Cam: ({ color, size, ...rest }: IconType) => JSX.Element;
+export default Cam;

package/dist/src/common/assets/icons/fill/Cam.js

@@ -0,0 +1,30 @@
+"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 Cam = function (_a) {
+    var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest, { children: (0, jsx_runtime_1.jsx)("path", { fill: color, fillRule: "evenodd", d: "M14.8175,4.507 C16.4745,4.507 17.8175,5.85 17.8175,7.507 L17.8175,9.267 L20.4065,7.2736 C21.3965,6.5106 22.8305,7.2226 22.8215422,8.4726 L22.7695,15.7336 C22.7605,16.9826 21.3185,17.6746 20.3395,16.8996 L17.8175,14.904 L17.8175,16.493 C17.8175,18.15 16.4745,19.493 14.8175,19.493 L4.1785,19.493 C2.5215,19.493 1.1785,18.15 1.1785,16.493 L1.1785,7.507 C1.1785,5.85 2.5215,4.507 4.1785,4.507 L14.8175,4.507 Z" }) })));
+};
+exports.default = Cam;

package/dist/src/common/assets/icons/fill/CamOff.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type IconType from '../IconType';
+declare const CamOff: ({ color, size, ...rest }: IconType) => JSX.Element;
+export default CamOff;

package/dist/src/common/assets/icons/fill/CamOff.js

@@ -0,0 +1,30 @@
+"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 CamOff = function (_a) {
+    var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
+    return ((0, jsx_runtime_1.jsxs)("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest, { children: [(0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsx)("path", { id: "a", d: "M0.9399,2.5817 C1.2329,2.2887 1.7079,2.2887 2.0009,2.5817 L19.7779,20.3587 C20.0709,20.6517 20.0709,21.1257 19.7779,21.4187 C19.6309,21.5657 19.4389,21.6387 19.2479,21.6387 C19.0559,21.6387 18.8639,21.5657 18.7169,21.4187 L0.9399,3.6427 C0.6469,3.3497 0.6469,2.8747 0.9399,2.5817 Z M1.8611,5.6235 L15.6111,19.3735 C15.3571,19.4445 15.0941,19.4935 14.8181,19.4935 L4.1781,19.4935 C2.5211,19.4935 1.1781,18.1505 1.1781,16.4935 L1.1781,7.5075 C1.1781,6.7895 1.4411,6.1395 1.8611,5.6235 Z M14.8176,4.5076 C16.4746,4.5076 17.8176,5.8506 17.8176,7.5076 L17.8176,9.2676 L20.4066,7.2736 C21.3966,6.5106 22.8306,7.2226 22.8216422,8.4726 L22.7696,15.7336 C22.7606,16.9826 21.3186,17.6746 20.3396,16.8996 L17.8176,14.9046 L17.8176,16.4936 C17.8176,16.7506 17.7756,16.9966 17.7146,17.2346 L4.9876,4.5076 Z" }) }), (0, jsx_runtime_1.jsx)("use", { xlinkHref: "#a", fill: color, fillRule: "evenodd" })] })));
+};
+exports.default = CamOff;