pds-dev-kit-web 2.1.13 → 2.1.15

package/dist/src/common/assets/icons/line/SectionProductsCarousel40.js

@@ -25,6 +25,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var SectionProductsCarousel40 = function (_a) {
     var color = _a.color, rest = __rest(_a, ["color"]);
-    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: "68", height: "40", viewBox: "0 0 68 40" }, rest, { children: (0, jsx_runtime_1.jsxs)("g", __assign({ fill: "none", fillRule: "evenodd" }, { children: [(0, jsx_runtime_1.jsx)("path", { fill: color, d: "M64,0 C66.209,0 68,1.791 68,4 L68,36 C68,38.209 66.209,40 64,40 L4,40 C1.791,40 0,38.209 0,36 L0,4 C0,1.791 1.791,0 4,0 Z M64,1.5 L4,1.5 C2.622,1.5 1.5,2.621 1.5,4 L1.5,36 C1.5,37.379 2.622,38.5 4,38.5 L64,38.5 C65.378,38.5 66.5,37.379 66.5,36 L66.5,4 C66.5,2.621 65.378,1.5 64,1.5 Z M17.97,13.4806 C18.672,13.0746 19.538,13.0746 20.24,13.4806 L24.184,15.7566 C24.886,16.1626 25.319,16.9126 25.319,17.7236 L25.319,22.2766 C25.319,23.0876 24.886,23.8376 24.184,24.2426 L20.24,26.5196 C19.538,26.9256 18.672,26.9256 17.97,26.5196 L14.027,24.2426 C13.324,23.8376 12.891,23.0876 12.891,22.2766 L12.891,17.7236 C12.891,16.9126 13.324,16.1626 14.027,15.7566 Z M32.8649,13.4806 C33.5669,13.0746 34.4329,13.0746 35.1349,13.4806 L39.0789,15.7566 C39.7809,16.1626 40.2139,16.9126 40.2139,17.7236 L40.2139,22.2766 C40.2139,23.0876 39.7809,23.8376 39.0789,24.2426 L35.1349,26.5196 C34.4329,26.9256 33.5669,26.9256 32.8649,26.5196 L28.9219,24.2426 C28.2189,23.8376 27.7859,23.0876 27.7859,22.2766 L27.7859,17.7236 C27.7859,16.9126 28.2189,16.1626 28.9219,15.7566 Z M47.7598,13.4806 C48.4618,13.0746 49.3278,13.0746 50.0298,13.4806 L53.9738,15.7566 C54.6758,16.1626 55.1088,16.9126 55.1088,17.7236 L55.1088,22.2766 C55.1088,23.0876 54.6758,23.8376 53.9738,24.2426 L50.0298,26.5196 C49.3278,26.9256 48.4618,26.9256 47.7598,26.5196 L43.8168,24.2426 C43.1138,23.8376 42.6808,23.0876 42.6808,22.2766 L42.6808,17.7236 C42.6808,16.9126 43.1138,16.1626 43.8168,15.7566 Z" }, void 0), (0, jsx_runtime_1.jsx)("path", { stroke: color, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.503", d: "M9.0999,17.5551 L6.8699,19.9711 L9.1539,22.4451 M58.9001,17.5551 L61.1301,19.9711 L58.8461,22.4451" }, void 0)] }), void 0) }), void 0));
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: "68", height: "40", viewBox: "0 0 68 40" }, rest, { children: (0, jsx_runtime_1.jsxs)("g", __assign({ fill: "none", fillRule: "evenodd" }, { children: [(0, jsx_runtime_1.jsx)("path", { fill: color, d: "M64,0 C66.209,0 68,1.791 68,4 L68,36 C68,38.209 66.209,40 64,40 L4,40 C1.791,40 0,38.209 0,36 L0,4 C0,1.791 1.791,0 4,0 Z M64,2 L4,2 C2.897,2 2,2.897 2,4 L2,36 C2,37.103 2.897,38 4,38 L64,38 C65.103,38 66,37.103 66,36 L66,4 C66,2.897 65.103,2 64,2 Z M17.9702,13.4806 C18.6722,13.0746 19.5382,13.0746 20.2402,13.4806 L24.1842,15.7566 C24.8862,16.1626 25.3192,16.9126 25.3192,17.7236 L25.3192,22.2766 C25.3192,23.0876 24.8862,23.8376 24.1842,24.2426 L20.2402,26.5196 C19.5382,26.9256 18.6722,26.9256 17.9702,26.5196 L14.0272,24.2426 C13.3242,23.8376 12.8912,23.0876 12.8912,22.2766 L12.8912,17.7236 C12.8912,16.9126 13.3242,16.1626 14.0272,15.7566 Z M32.8651,13.4806 C33.5671,13.0746 34.4331,13.0746 35.1351,13.4806 L39.0791,15.7566 C39.7811,16.1626 40.2141,16.9126 40.2141,17.7236 L40.2141,22.2766 C40.2141,23.0876 39.7811,23.8376 39.0791,24.2426 L35.1351,26.5196 C34.4331,26.9256 33.5671,26.9256 32.8651,26.5196 L28.9221,24.2426 C28.2191,23.8376 27.7861,23.0876 27.7861,22.2766 L27.7861,17.7236 C27.7861,16.9126 28.2191,16.1626 28.9221,15.7566 Z M47.76,13.4806 C48.462,13.0746 49.328,13.0746 50.03,13.4806 L53.974,15.7566 C54.676,16.1626 55.109,16.9126 55.109,17.7236 L55.109,22.2766 C55.109,23.0876 54.676,23.8376 53.974,24.2426 L50.03,26.5196 C49.328,26.9256 48.462,26.9256 47.76,26.5196 L43.817,24.2426 C43.114,23.8376 42.681,23.0876 42.681,22.2766 L42.681,17.7236 C42.681,16.9126 43.114,16.1626 43.817,15.7566 Z" }, void 0), (0, jsx_runtime_1.jsx)("path", { stroke: color, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M9.1001,17.5551 L6.8701,19.9711 L9.1541,22.4451 M58.9003,17.5551 L61.1303,19.9711 L58.8463,22.4451" }, void 0)] }), void 0) }), void 0));
 };
 exports.default = SectionProductsCarousel40;

package/dist/src/common/assets/icons/line/SectionReview32.js

@@ -25,6 +25,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var SectionReview32 = function (_a) {
     var color = _a.color, rest = __rest(_a, ["color"]);
-    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: "54", height: "32", viewBox: "0 0 54 32" }, rest, { children: (0, jsx_runtime_1.jsx)("path", { fill: color, fillRule: "evenodd", d: "M50.5129,0 C52.4389,0 53.9999,1.561 53.9999,3.487 L53.9999,28.513 C53.9999,30.439 52.4389,32 50.5129,32 L3.4869,32 C1.5609,32 -0.0001,30.439 -0.0001,28.513 L-0.0001,3.487 C-0.0001,1.561 1.5609,0 3.4869,0 L50.5129,0 Z M50.5129,1.494 L3.4869,1.494 C2.3879,1.494 1.4939,2.388 1.4939,3.487 L1.4939,28.513 C1.4939,29.612 2.3879,30.506 3.4869,30.506 L50.5129,30.506 C51.6119,30.506 52.5059,29.612 52.5059,28.513 L52.5059,3.487 C52.5059,2.388 51.6119,1.494 50.5129,1.494 Z M9.5881,22.0635 L10.0651,23.0295 L11.1311,23.1845 L10.3591,23.9365 L10.5411,24.9975 L9.5881,24.4965 L8.6351,24.9975 L8.8171,23.9365 L8.0451,23.1845 L9.1111,23.0295 L9.5881,22.0635 Z M13.1884,22.0635 L13.6654,23.0295 L14.7314,23.1845 L13.9594,23.9365 L14.1414,24.9975 L13.1884,24.4965 L12.2354,24.9975 L12.4174,23.9365 L11.6454,23.1845 L12.7114,23.0295 L13.1884,22.0635 Z M16.7888,22.0635 L17.2658,23.0295 L18.3318,23.1845 L17.5598,23.9365 L17.7418,24.9975 L16.7888,24.4965 L15.8358,24.9975 L16.0178,23.9365 L15.2458,23.1845 L16.3118,23.0295 L16.7888,22.0635 Z M20.3892,22.0635 L20.8662,23.0295 L21.9322,23.1845 L21.1602,23.9365 L21.3422,24.9975 L20.3892,24.4965 L19.4362,24.9975 L19.6182,23.9365 L18.8462,23.1845 L19.9122,23.0295 L20.3892,22.0635 Z M23.9896,22.0635 L24.4666,23.0295 L25.5326,23.1845 L24.7606,23.9365 L24.9426,24.9975 L23.9896,24.4965 L23.0366,24.9975 L23.2186,23.9365 L22.4466,23.1845 L23.5126,23.0295 L23.9896,22.0635 Z M30.0103,22.0635 L30.4873,23.0295 L31.5533,23.1845 L30.7813,23.9365 L30.9633,24.9975 L30.0103,24.4965 L29.0573,24.9975 L29.2393,23.9365 L28.4673,23.1845 L29.5333,23.0295 L30.0103,22.0635 Z M33.6107,22.0635 L34.0877,23.0295 L35.1537,23.1845 L34.3817,23.9365 L34.5637,24.9975 L33.6107,24.4965 L32.6577,24.9975 L32.8397,23.9365 L32.0677,23.1845 L33.1337,23.0295 L33.6107,22.0635 Z M37.2111,22.0635 L37.6881,23.0295 L38.7541,23.1845 L37.9821,23.9365 L38.1641,24.9975 L37.2111,24.4965 L36.2581,24.9975 L36.4401,23.9365 L35.6681,23.1845 L36.7341,23.0295 L37.2111,22.0635 Z M40.8114,22.0635 L41.2884,23.0295 L42.3544,23.1845 L41.5824,23.9365 L41.7644,24.9975 L40.8114,24.4965 L39.8584,24.9975 L40.0404,23.9365 L39.2684,23.1845 L40.3344,23.0295 L40.8114,22.0635 Z M44.4118,22.0635 L44.8888,23.0295 L45.9548,23.1845 L45.1828,23.9365 L45.3648,24.9975 L44.4118,24.4965 L43.4588,24.9975 L43.6408,23.9365 L42.8688,23.1845 L43.9348,23.0295 L44.4118,22.0635 Z M24.7651,18.2555 C25.2071,18.2555 25.5651,18.6135 25.5651,19.0555 L25.5651,19.6915 C25.5651,20.1335 25.2071,20.4915 24.7651,20.4915 L8.8121,20.4915 C8.3711,20.4915 8.0121,20.1335 8.0121,19.6915 L8.0121,19.0555 C8.0121,18.6135 8.3711,18.2555 8.8121,18.2555 L24.7651,18.2555 Z M45.1874,18.2555 C45.6294,18.2555 45.9874,18.6135 45.9874,19.0555 L45.9874,19.6915 C45.9874,20.1335 45.6294,20.4915 45.1874,20.4915 L29.2344,20.4915 C28.7934,20.4915 28.4344,20.1335 28.4344,19.6915 L28.4344,19.0555 C28.4344,18.6135 28.7934,18.2555 29.2344,18.2555 L45.1874,18.2555 Z M24.06,7.0017 C24.937,7.0017 25.648,7.7137 25.648,8.5907 L25.648,15.0847 C25.648,15.9617 24.937,16.6727 24.06,16.6727 L9.518,16.6727 C8.64,16.6727 7.929,15.9617 7.929,15.0847 L7.929,8.5907 C7.929,7.7137 8.64,7.0017 9.518,7.0017 L24.06,7.0017 Z M44.4823,7.0017 C45.3593,7.0017 46.0703,7.7137 46.0703,8.5907 L46.0703,15.0847 C46.0703,15.9617 45.3593,16.6727 44.4823,16.6727 L29.9403,16.6727 C29.0623,16.6727 28.3513,15.9617 28.3513,15.0847 L28.3513,8.5907 C28.3513,7.7137 29.0623,7.0017 29.9403,7.0017 L44.4823,7.0017 Z" }, void 0) }), void 0));
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: "54", height: "32", viewBox: "0 0 54 32" }, rest, { children: (0, jsx_runtime_1.jsx)("path", { fill: color, fillRule: "evenodd", d: "M50.5127,0 C52.4387,0 53.9997,1.561 53.9997,3.487 L53.9997,28.513 C53.9997,30.439 52.4387,32 50.5127,32 L3.4877,32 C1.5607,32 -0.0003,30.439 -0.0003,28.513 L-0.0003,3.487 C-0.0003,1.561 1.5607,0 3.4877,0 L50.5127,0 Z M50.5127,2 L3.4877,2 C2.6667,2 1.9997,2.667 1.9997,3.487 L1.9997,28.513 C1.9997,29.333 2.6667,30 3.4877,30 L50.5127,30 C51.3327,30 51.9997,29.333 51.9997,28.513 L51.9997,3.487 C51.9997,2.667 51.3327,2 50.5127,2 Z M9.5881,22.0634 L10.0651,23.0294 L11.1311,23.1844 L10.3591,23.9364 L10.5411,24.9974 L9.5881,24.4964 L8.6351,24.9974 L8.8171,23.9364 L8.0451,23.1844 L9.1111,23.0294 L9.5881,22.0634 Z M13.1884,22.0634 L13.6654,23.0294 L14.7314,23.1844 L13.9594,23.9364 L14.1414,24.9974 L13.1884,24.4964 L12.2354,24.9974 L12.4174,23.9364 L11.6454,23.1844 L12.7114,23.0294 L13.1884,22.0634 Z M16.7888,22.0634 L17.2658,23.0294 L18.3318,23.1844 L17.5598,23.9364 L17.7418,24.9974 L16.7888,24.4964 L15.8358,24.9974 L16.0178,23.9364 L15.2458,23.1844 L16.3118,23.0294 L16.7888,22.0634 Z M20.3892,22.0634 L20.8662,23.0294 L21.9322,23.1844 L21.1602,23.9364 L21.3422,24.9974 L20.3892,24.4964 L19.4362,24.9974 L19.6182,23.9364 L18.8462,23.1844 L19.9122,23.0294 L20.3892,22.0634 Z M23.9896,22.0634 L24.4666,23.0294 L25.5326,23.1844 L24.7606,23.9364 L24.9426,24.9974 L23.9896,24.4964 L23.0366,24.9974 L23.2186,23.9364 L22.4466,23.1844 L23.5126,23.0294 L23.9896,22.0634 Z M30.0103,22.0634 L30.4873,23.0294 L31.5533,23.1844 L30.7813,23.9364 L30.9633,24.9974 L30.0103,24.4964 L29.0573,24.9974 L29.2393,23.9364 L28.4673,23.1844 L29.5333,23.0294 L30.0103,22.0634 Z M33.6107,22.0634 L34.0877,23.0294 L35.1537,23.1844 L34.3817,23.9364 L34.5637,24.9974 L33.6107,24.4964 L32.6577,24.9974 L32.8397,23.9364 L32.0677,23.1844 L33.1337,23.0294 L33.6107,22.0634 Z M37.2111,22.0634 L37.6881,23.0294 L38.7541,23.1844 L37.9821,23.9364 L38.1641,24.9974 L37.2111,24.4964 L36.2581,24.9974 L36.4401,23.9364 L35.6681,23.1844 L36.7341,23.0294 L37.2111,22.0634 Z M40.8115,22.0634 L41.2885,23.0294 L42.3545,23.1844 L41.5825,23.9364 L41.7645,24.9974 L40.8115,24.4964 L39.8585,24.9974 L40.0405,23.9364 L39.2685,23.1844 L40.3345,23.0294 L40.8115,22.0634 Z M44.4118,22.0634 L44.8888,23.0294 L45.9548,23.1844 L45.1828,23.9364 L45.3648,24.9974 L44.4118,24.4964 L43.4588,24.9974 L43.6408,23.9364 L42.8688,23.1844 L43.9348,23.0294 L44.4118,22.0634 Z M24.7651,18.2554 C25.2071,18.2554 25.5651,18.6134 25.5651,19.0554 L25.5651,19.6914 C25.5651,20.1334 25.2071,20.4914 24.7651,20.4914 L8.8121,20.4914 C8.3711,20.4914 8.0121,20.1334 8.0121,19.6914 L8.0121,19.0554 C8.0121,18.6134 8.3711,18.2554 8.8121,18.2554 L24.7651,18.2554 Z M45.1874,18.2554 C45.6294,18.2554 45.9874,18.6134 45.9874,19.0554 L45.9874,19.6914 C45.9874,20.1334 45.6294,20.4914 45.1874,20.4914 L29.2344,20.4914 C28.7934,20.4914 28.4344,20.1334 28.4344,19.6914 L28.4344,19.0554 C28.4344,18.6134 28.7934,18.2554 29.2344,18.2554 L45.1874,18.2554 Z M24.06,7.0016 C24.937,7.0016 25.648,7.7136 25.648,8.5906 L25.648,15.0846 C25.648,15.9616 24.937,16.6726 24.06,16.6726 L9.518,16.6726 C8.64,16.6726 7.929,15.9616 7.929,15.0846 L7.929,8.5906 C7.929,7.7136 8.64,7.0016 9.518,7.0016 L24.06,7.0016 Z M44.4823,7.0016 C45.3593,7.0016 46.0703,7.7136 46.0703,8.5906 L46.0703,15.0846 C46.0703,15.9616 45.3593,16.6726 44.4823,16.6726 L29.9403,16.6726 C29.0623,16.6726 28.3513,15.9616 28.3513,15.0846 L28.3513,8.5906 C28.3513,7.7136 29.0623,7.0016 29.9403,7.0016 L44.4823,7.0016 Z" }, void 0) }), void 0));
 };
 exports.default = SectionReview32;

package/dist/src/common/assets/icons/line/SectionReview40.js

@@ -25,6 +25,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var SectionReview40 = function (_a) {
     var color = _a.color, rest = __rest(_a, ["color"]);
-    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: "68", height: "40", viewBox: "0 0 68 40" }, rest, { children: (0, jsx_runtime_1.jsx)("path", { fill: color, fillRule: "evenodd", d: "M64,3.51718654e-13 C66.209,3.51718654e-13 68,1.791 68,4 L68,36 C68,38.209 66.209,40 64,40 L4,40 C1.791,40 0,38.209 0,36 L0,4 C0,1.791 1.791,3.51718654e-13 4,3.51718654e-13 L64,3.51718654e-13 Z M64,1.5 L4,1.5 C2.622,1.5 1.5,2.621 1.5,4 L1.5,36 C1.5,37.378 2.622,38.5 4,38.5 L64,38.5 C65.378,38.5 66.5,37.378 66.5,36 L66.5,4 C66.5,2.621 65.378,1.5 64,1.5 Z M12.2352,27.5793 L12.8312,28.7863 L14.1632,28.9803 L13.1992,29.9203 L13.4272,31.2473 L12.2352,30.6203 L11.0432,31.2473 L11.2712,29.9203 L10.3072,28.9803 L11.6392,28.7863 L12.2352,27.5793 Z M16.7356,27.5793 L17.3316,28.7863 L18.6636,28.9803 L17.6996,29.9203 L17.9276,31.2473 L16.7356,30.6203 L15.5436,31.2473 L15.7716,29.9203 L14.8076,28.9803 L16.1396,28.7863 L16.7356,27.5793 Z M21.2361,27.5793 L21.8321,28.7863 L23.1641,28.9803 L22.2001,29.9203 L22.4281,31.2473 L21.2361,30.6203 L20.0441,31.2473 L20.2721,29.9203 L19.3081,28.9803 L20.6401,28.7863 L21.2361,27.5793 Z M25.7366,27.5793 L26.3326,28.7863 L27.6646,28.9803 L26.7006,29.9203 L26.9286,31.2473 L25.7366,30.6203 L24.5446,31.2473 L24.7726,29.9203 L23.8086,28.9803 L25.1406,28.7863 L25.7366,27.5793 Z M30.2371,27.5793 L30.8331,28.7863 L32.1651,28.9803 L31.2011,29.9203 L31.4291,31.2473 L30.2371,30.6203 L29.0451,31.2473 L29.2731,29.9203 L28.3091,28.9803 L29.6411,28.7863 L30.2371,27.5793 Z M37.763,27.5793 L38.359,28.7863 L39.691,28.9803 L38.727,29.9203 L38.955,31.2473 L37.763,30.6203 L36.571,31.2473 L36.799,29.9203 L35.835,28.9803 L37.167,28.7863 L37.763,27.5793 Z M42.2634,27.5793 L42.8594,28.7863 L44.1914,28.9803 L43.2274,29.9203 L43.4554,31.2473 L42.2634,30.6203 L41.0714,31.2473 L41.2994,29.9203 L40.3354,28.9803 L41.6674,28.7863 L42.2634,27.5793 Z M46.7639,27.5793 L47.3599,28.7863 L48.6919,28.9803 L47.7279,29.9203 L47.9559,31.2473 L46.7639,30.6203 L45.5719,31.2473 L45.7999,29.9203 L44.8359,28.9803 L46.1679,28.7863 L46.7639,27.5793 Z M51.2644,27.5793 L51.8604,28.7863 L53.1924,28.9803 L52.2284,29.9203 L52.4564,31.2473 L51.2644,30.6203 L50.0724,31.2473 L50.3004,29.9203 L49.3364,28.9803 L50.6684,28.7863 L51.2644,27.5793 Z M55.7649,27.5793 L56.3609,28.7863 L57.6929,28.9803 L56.7289,29.9203 L56.9569,31.2473 L55.7649,30.6203 L54.5729,31.2473 L54.8009,29.9203 L53.8369,28.9803 L55.1689,28.7863 L55.7649,27.5793 Z M31.2065,22.8194 C31.7585,22.8194 32.2065,23.2664 32.2065,23.8194 L32.2065,24.6144 C32.2065,25.1664 31.7585,25.6144 31.2065,25.6144 L11.2655,25.6144 C10.7135,25.6144 10.2655,25.1664 10.2655,24.6144 L10.2655,23.8194 C10.2655,23.2664 10.7135,22.8194 11.2655,22.8194 L31.2065,22.8194 Z M56.7343,22.8194 C57.2863,22.8194 57.7343,23.2664 57.7343,23.8194 L57.7343,24.6144 C57.7343,25.1664 57.2863,25.6144 56.7343,25.6144 L36.7933,25.6144 C36.2413,25.6144 35.7933,25.1664 35.7933,24.6144 L35.7933,23.8194 C35.7933,23.2664 36.2413,22.8194 36.7933,22.8194 L56.7343,22.8194 Z M30.3251,8.7528 C31.4211,8.7528 32.3101,9.6418 32.3101,10.7378 L32.3101,18.8558 C32.3101,19.9518 31.4211,20.8408 30.3251,20.8408 L12.1471,20.8408 C11.0511,20.8408 10.1621,19.9518 10.1621,18.8558 L10.1621,10.7378 C10.1621,9.6418 11.0511,8.7528 12.1471,8.7528 L30.3251,8.7528 Z M55.8529,8.7528 C56.9489,8.7528 57.8379,9.6418 57.8379,10.7378 L57.8379,18.8558 C57.8379,19.9518 56.9489,20.8408 55.8529,20.8408 L37.6749,20.8408 C36.5789,20.8408 35.6899,19.9518 35.6899,18.8558 L35.6899,10.7378 C35.6899,9.6418 36.5789,8.7528 37.6749,8.7528 L55.8529,8.7528 Z" }, void 0) }), void 0));
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: "68", height: "40", viewBox: "0 0 68 40" }, rest, { children: (0, jsx_runtime_1.jsx)("path", { fill: color, fillRule: "evenodd", d: "M64,0 C66.209,0 68,1.791 68,4 L68,36 C68,38.209 66.209,40 64,40 L4,40 C1.791,40 0,38.209 0,36 L0,4 C0,1.791 1.791,0 4,0 L64,0 Z M64,2 L4,2 C2.897,2 2,2.897 2,4 L2,36 C2,37.103 2.897,38 4,38 L64,38 C65.103,38 66,37.103 66,36 L66,4 C66,2.897 65.103,2 64,2 Z M12.2353,27.5792 L12.8313,28.7862 L14.1633,28.9802 L13.1993,29.9202 L13.4273,31.2472 L12.2353,30.6202 L11.0433,31.2472 L11.2713,29.9202 L10.3073,28.9802 L11.6393,28.7862 L12.2353,27.5792 Z M16.7357,27.5792 L17.3317,28.7862 L18.6637,28.9802 L17.6997,29.9202 L17.9277,31.2472 L16.7357,30.6202 L15.5437,31.2472 L15.7717,29.9202 L14.8077,28.9802 L16.1397,28.7862 L16.7357,27.5792 Z M21.2362,27.5792 L21.8322,28.7862 L23.1642,28.9802 L22.2002,29.9202 L22.4282,31.2472 L21.2362,30.6202 L20.0442,31.2472 L20.2722,29.9202 L19.3082,28.9802 L20.6402,28.7862 L21.2362,27.5792 Z M25.7367,27.5792 L26.3327,28.7862 L27.6647,28.9802 L26.7007,29.9202 L26.9287,31.2472 L25.7367,30.6202 L24.5447,31.2472 L24.7727,29.9202 L23.8087,28.9802 L25.1407,28.7862 L25.7367,27.5792 Z M30.2372,27.5792 L30.8332,28.7862 L32.1652,28.9802 L31.2012,29.9202 L31.4292,31.2472 L30.2372,30.6202 L29.0452,31.2472 L29.2732,29.9202 L28.3092,28.9802 L29.6412,28.7862 L30.2372,27.5792 Z M37.7631,27.5792 L38.3591,28.7862 L39.6911,28.9802 L38.7271,29.9202 L38.9551,31.2472 L37.7631,30.6202 L36.5711,31.2472 L36.7991,29.9202 L35.8351,28.9802 L37.1671,28.7862 L37.7631,27.5792 Z M42.2635,27.5792 L42.8595,28.7862 L44.1915,28.9802 L43.2275,29.9202 L43.4555,31.2472 L42.2635,30.6202 L41.0715,31.2472 L41.2995,29.9202 L40.3355,28.9802 L41.6675,28.7862 L42.2635,27.5792 Z M46.764,27.5792 L47.36,28.7862 L48.692,28.9802 L47.728,29.9202 L47.956,31.2472 L46.764,30.6202 L45.572,31.2472 L45.8,29.9202 L44.836,28.9802 L46.168,28.7862 L46.764,27.5792 Z M51.2645,27.5792 L51.8605,28.7862 L53.1925,28.9802 L52.2285,29.9202 L52.4565,31.2472 L51.2645,30.6202 L50.0725,31.2472 L50.3005,29.9202 L49.3365,28.9802 L50.6685,28.7862 L51.2645,27.5792 Z M55.765,27.5792 L56.361,28.7862 L57.693,28.9802 L56.729,29.9202 L56.957,31.2472 L55.765,30.6202 L54.573,31.2472 L54.801,29.9202 L53.837,28.9802 L55.169,28.7862 L55.765,27.5792 Z M31.2066,22.8193 C31.7586,22.8193 32.2066,23.2663 32.2066,23.8193 L32.2066,24.6143 C32.2066,25.1663 31.7586,25.6143 31.2066,25.6143 L11.2656,25.6143 C10.7136,25.6143 10.2656,25.1663 10.2656,24.6143 L10.2656,23.8193 C10.2656,23.2663 10.7136,22.8193 11.2656,22.8193 L31.2066,22.8193 Z M56.7344,22.8193 C57.2864,22.8193 57.7344,23.2663 57.7344,23.8193 L57.7344,24.6143 C57.7344,25.1663 57.2864,25.6143 56.7344,25.6143 L36.7934,25.6143 C36.2414,25.6143 35.7934,25.1663 35.7934,24.6143 L35.7934,23.8193 C35.7934,23.2663 36.2414,22.8193 36.7934,22.8193 L56.7344,22.8193 Z M30.3252,8.7528 C31.4212,8.7528 32.3102,9.6418 32.3102,10.7378 L32.3102,18.8558 C32.3102,19.9518 31.4212,20.8408 30.3252,20.8408 L12.1472,20.8408 C11.0512,20.8408 10.1622,19.9518 10.1622,18.8558 L10.1622,10.7378 C10.1622,9.6418 11.0512,8.7528 12.1472,8.7528 L30.3252,8.7528 Z M55.853,8.7528 C56.949,8.7528 57.838,9.6418 57.838,10.7378 L57.838,18.8558 C57.838,19.9518 56.949,20.8408 55.853,20.8408 L37.675,20.8408 C36.579,20.8408 35.69,19.9518 35.69,18.8558 L35.69,10.7378 C35.69,9.6418 36.579,8.7528 37.675,8.7528 L55.853,8.7528 Z" }, void 0) }), void 0));
 };
 exports.default = SectionReview40;

package/dist/src/common/assets/icons/line/SectionSlider32.js

@@ -25,6 +25,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var SectionSlider32 = function (_a) {
     var color = _a.color, rest = __rest(_a, ["color"]);
-    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: "54", height: "32", viewBox: "0 0 54 32" }, rest, { children: (0, jsx_runtime_1.jsxs)("g", __assign({ fill: "none", fillRule: "evenodd" }, { children: [(0, jsx_runtime_1.jsx)("path", { fill: color, d: "M50.5129,0 C52.4389,0 53.9999,1.561 53.9999,3.487 L53.9999,28.513 C53.9999,30.439 52.4389,32 50.5129,32 L3.4869,32 C1.5609,32 -0.0001,30.439 -0.0001,28.513 L-0.0001,3.487 C-0.0001,1.561 1.5609,0 3.4869,0 Z M50.5129,1.494 L3.4869,1.494 C2.3879,1.494 1.4939,2.388 1.4939,3.487 L1.4939,28.513 C1.4939,29.612 2.3879,30.506 3.4869,30.506 L50.5129,30.506 C51.6119,30.506 52.5059,29.612 52.5059,28.513 L52.5059,3.487 C52.5059,2.388 51.6119,1.494 50.5129,1.494 Z M42.2805,7.1643 C43.1645,7.1643 43.8805,7.8813 43.8805,8.7643 L43.8805,23.2353 C43.8805,24.1193 43.1645,24.8353 42.2805,24.8353 L11.7195,24.8353 C10.8355,24.8353 10.1195,24.1193 10.1195,23.2353 L10.1195,8.7643 C10.1195,7.8813 10.8355,7.1643 11.7195,7.1643 L42.2805,7.1643 Z" }, void 0), (0, jsx_runtime_1.jsx)("path", { stroke: color, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M7.08,14.0442 L5.296,15.9772 L7.123,17.9562 M46.9201,14.0442 L48.7041,15.9772 L46.8771,17.9562" }, void 0)] }), void 0) }), void 0));
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: "54", height: "32", viewBox: "0 0 54 32" }, rest, { children: (0, jsx_runtime_1.jsxs)("g", __assign({ fill: "none", fillRule: "evenodd" }, { children: [(0, jsx_runtime_1.jsx)("path", { fill: color, d: "M50.5127,0 C52.4387,0 53.9997,1.561 53.9997,3.487 L53.9997,28.513 C53.9997,30.439 52.4387,32 50.5127,32 L3.4867,32 C1.5607,32 -0.0003,30.439 -0.0003,28.513 L-0.0003,3.487 C-0.0003,1.561 1.5607,0 3.4867,0 Z M50.5127,2 L3.4867,2 C2.6667,2 1.9997,2.667 1.9997,3.487 L1.9997,28.513 C1.9997,29.333 2.6667,30 3.4867,30 L50.5127,30 C51.3327,30 51.9997,29.333 51.9997,28.513 L51.9997,3.487 C51.9997,2.667 51.3327,2 50.5127,2 Z M42.2804,7.1643 C43.1644,7.1643 43.8804,7.8813 43.8804,8.7643 L43.8804,23.2353 C43.8804,24.1193 43.1644,24.8353 42.2804,24.8353 L11.7194,24.8353 C10.8354,24.8353 10.1194,24.1193 10.1194,23.2353 L10.1194,8.7643 C10.1194,7.8813 10.8354,7.1643 11.7194,7.1643 L42.2804,7.1643 Z" }, void 0), (0, jsx_runtime_1.jsx)("path", { stroke: color, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M7.0798,14.0441 L5.2958,15.9771 L7.1228,17.9561 M46.92,14.0441 L48.704,15.9771 L46.877,17.9561" }, void 0)] }), void 0) }), void 0));
 };
 exports.default = SectionSlider32;

package/dist/src/common/assets/icons/line/SectionSlider40.js

@@ -25,6 +25,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var SectionSlider40 = function (_a) {
     var color = _a.color, rest = __rest(_a, ["color"]);
-    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: "68", height: "40", viewBox: "0 0 68 40" }, rest, { children: (0, jsx_runtime_1.jsxs)("g", __assign({ fill: "none", fillRule: "evenodd" }, { children: [(0, jsx_runtime_1.jsx)("path", { fill: color, d: "M64,0 C66.209,0 68,1.791 68,4 L68,36 C68,38.209 66.209,40 64,40 L4,40 C1.791,40 0,38.209 0,36 L0,4 C0,1.791 1.791,0 4,0 Z M64,1.5 L4,1.5 C2.622,1.5 1.5,2.622 1.5,4 L1.5,36 C1.5,37.378 2.622,38.5 4,38.5 L64,38.5 C65.378,38.5 66.5,37.378 66.5,36 L66.5,4 C66.5,2.622 65.378,1.5 64,1.5 Z M53.1005,8.956 C54.2055,8.956 55.1005,9.851 55.1005,10.956 L55.1005,29.044 C55.1005,30.149 54.2055,31.044 53.1005,31.044 L14.8995,31.044 C13.7945,31.044 12.8995,30.149 12.8995,29.044 L12.8995,10.956 C12.8995,9.851 13.7945,8.956 14.8995,8.956 L53.1005,8.956 Z" }, void 0), (0, jsx_runtime_1.jsx)("path", { stroke: color, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.503", d: "M9.0999,17.555 L6.8699,19.971 L9.1539,22.445 M58.9,17.555 L61.13,19.971 L58.846,22.445" }, void 0)] }), void 0) }), void 0));
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: "68", height: "40", viewBox: "0 0 68 40" }, rest, { children: (0, jsx_runtime_1.jsxs)("g", __assign({ fill: "none", fillRule: "evenodd" }, { children: [(0, jsx_runtime_1.jsx)("path", { fill: color, d: "M64,0 C66.209,0 68,1.791 68,4 L68,36 C68,38.209 66.209,40 64,40 L4,40 C1.791,40 0,38.209 0,36 L0,4 C0,1.791 1.791,0 4,0 Z M64,2 L4,2 C2.897,2 2,2.897 2,4 L2,36 C2,37.103 2.897,38 4,38 L64,38 C65.103,38 66,37.103 66,36 L66,4 C66,2.897 65.103,2 64,2 Z M53.1007,8.956 C54.2057,8.956 55.1007,9.851 55.1007,10.956 L55.1007,29.044 C55.1007,30.149 54.2057,31.044 53.1007,31.044 L14.8997,31.044 C13.7947,31.044 12.8997,30.149 12.8997,29.044 L12.8997,10.956 C12.8997,9.851 13.7947,8.956 14.8997,8.956 L53.1007,8.956 Z" }, void 0), (0, jsx_runtime_1.jsx)("path", { stroke: color, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M9.1001,17.555 L6.8701,19.971 L9.1541,22.445 M58.9002,17.555 L61.1302,19.971 L58.8462,22.445" }, void 0)] }), void 0) }), void 0));
 };
 exports.default = SectionSlider40;

package/dist/src/common/assets/icons/line/SectionTab32.js

@@ -25,6 +25,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var SectionTab32 = function (_a) {
     var color = _a.color, rest = __rest(_a, ["color"]);
-    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: "54", height: "32", viewBox: "0 0 54 32" }, rest, { children: (0, jsx_runtime_1.jsx)("path", { fill: color, fillRule: "evenodd", d: "M50.5129,0 C52.4389,0 53.9999,1.561 53.9999,3.487 L53.9999,28.513 C53.9999,30.439 52.4389,32 50.5129,32 L3.4869,32 C1.5609,32 -0.0001,30.439 -0.0001,28.513 L-0.0001,3.487 C-0.0001,1.561 1.5609,0 3.4869,0 Z M50.5129,1.494 L3.4869,1.494 C2.3879,1.494 1.4939,2.388 1.4939,3.487 L1.4939,28.513 C1.4939,29.612 2.3879,30.506 3.4869,30.506 L50.5129,30.506 C51.6119,30.506 52.5059,29.612 52.5059,28.513 L52.5059,3.487 C52.5059,2.388 51.6119,1.494 50.5129,1.494 Z M17.2132,6.2175 C17.9642,6.2175 18.5732,6.8265 18.5732,7.5775 L18.5732,12.8595 L44.4972,12.8595 C45.3742,12.8595 46.0852,13.5705 46.0852,14.4475 L46.0852,24.1945 C46.0852,25.0715 45.3742,25.7825 44.4972,25.7825 L9.4982,25.7825 C8.6212,25.7825 7.9102,25.0715 7.9102,24.1945 L7.9102,7.5775 C7.9102,6.8265 8.5192,6.2175 9.2702,6.2175 Z M30.9713,6.218 C31.7223,6.218 32.3313,6.826 32.3313,7.578 L32.3313,9.461 C32.3313,10.212 31.7223,10.821 30.9713,10.821 L23.0283,10.821 C22.2773,10.821 21.6683,10.212 21.6683,9.461 L21.6683,7.578 C21.6683,6.826 22.2773,6.218 23.0283,6.218 L30.9713,6.218 Z M44.7298,6.218 C45.4808,6.218 46.0898,6.826 46.0898,7.578 L46.0898,9.461 C46.0898,10.212 45.4808,10.821 44.7298,10.821 L36.7868,10.821 C36.0358,10.821 35.4268,10.212 35.4268,9.461 L35.4268,7.578 C35.4268,6.826 36.0358,6.218 36.7868,6.218 L44.7298,6.218 Z" }, void 0) }), void 0));
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: "54", height: "32", viewBox: "0 0 54 32" }, rest, { children: (0, jsx_runtime_1.jsx)("path", { fill: color, fillRule: "evenodd", d: "M50.513,0 C52.439,0 54,1.561 54,3.487 L54,28.513 C54,30.439 52.439,32 50.513,32 L3.487,32 C1.561,32 2.84217094e-14,30.439 2.84217094e-14,28.513 L2.84217094e-14,3.487 C2.84217094e-14,1.561 1.561,0 3.487,0 Z M50.513,2 L3.487,2 C2.667,2 2,2.667 2,3.487 L2,28.513 C2,29.333 2.667,30 3.487,30 L50.513,30 C51.333,30 52,29.333 52,28.513 L52,3.487 C52,2.667 51.333,2 50.513,2 Z M17.2132,6.2176 C17.9642,6.2176 18.5732,6.8266 18.5732,7.5776 L18.5732,12.8596 L44.4972,12.8596 C45.3742,12.8596 46.0852,13.5706 46.0852,14.4476 L46.0852,24.1946 C46.0852,25.0716 45.3742,25.7826 44.4972,25.7826 L9.4982,25.7826 C8.6212,25.7826 7.9102,25.0716 7.9102,24.1946 L7.9102,7.5776 C7.9102,6.8266 8.5192,6.2176 9.2702,6.2176 Z M30.9712,6.218 C31.7222,6.218 32.3312,6.826 32.3312,7.578 L32.3312,9.461 C32.3312,10.212 31.7222,10.821 30.9712,10.821 L23.0282,10.821 C22.2772,10.821 21.6682,10.212 21.6682,9.461 L21.6682,7.578 C21.6682,6.826 22.2772,6.218 23.0282,6.218 L30.9712,6.218 Z M44.7298,6.218 C45.4808,6.218 46.0898,6.826 46.0898,7.578 L46.0898,9.461 C46.0898,10.212 45.4808,10.821 44.7298,10.821 L36.7868,10.821 C36.0358,10.821 35.4268,10.212 35.4268,9.461 L35.4268,7.578 C35.4268,6.826 36.0358,6.218 36.7868,6.218 L44.7298,6.218 Z" }, void 0) }), void 0));
 };
 exports.default = SectionTab32;

package/dist/src/common/assets/icons/line/SectionTab40.js

@@ -25,6 +25,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var SectionTab40 = function (_a) {
     var color = _a.color, rest = __rest(_a, ["color"]);
-    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: "68", height: "40", viewBox: "0 0 68 40" }, rest, { children: (0, jsx_runtime_1.jsx)("path", { fill: color, fillRule: "evenodd", d: "M64,0 C66.209,0 68,1.791 68,4 L68,36 C68,38.209 66.209,40 64,40 L4,40 C1.791,40 0,38.209 0,36 L0,4 C0,1.791 1.791,0 4,0 Z M64,1.5 L4,1.5 C2.622,1.5 1.5,2.621 1.5,4 L1.5,36 C1.5,37.379 2.622,38.5 4,38.5 L64,38.5 C65.378,38.5 66.5,37.379 66.5,36 L66.5,4 C66.5,2.621 65.378,1.5 64,1.5 Z M21.7665,7.7725 C22.7045,7.7725 23.4655,8.5335 23.4655,9.4715 L23.4655,16.0745 L55.8715,16.0745 C56.9675,16.0745 57.8565,16.9635 57.8565,18.0595 L57.8565,30.2425 C57.8565,31.3395 56.9675,32.2285 55.8715,32.2285 L12.1225,32.2285 C11.0265,32.2285 10.1375,31.3395 10.1375,30.2425 L10.1375,9.4715 C10.1375,8.5335 10.8985,7.7725 11.8375,7.7725 Z M38.9641,7.7723 C39.9031,7.7723 40.6641,8.5333 40.6641,9.4723 L40.6641,11.8263 C40.6641,12.7653 39.9031,13.5263 38.9641,13.5263 L29.0361,13.5263 C28.0971,13.5263 27.3361,12.7653 27.3361,11.8263 L27.3361,9.4723 C27.3361,8.5333 28.0971,7.7723 29.0361,7.7723 L38.9641,7.7723 Z M56.1623,7.7723 C57.1013,7.7723 57.8623,8.5333 57.8623,9.4723 L57.8623,11.8263 C57.8623,12.7653 57.1013,13.5263 56.1623,13.5263 L46.2343,13.5263 C45.2953,13.5263 44.5343,12.7653 44.5343,11.8263 L44.5343,9.4723 C44.5343,8.5333 45.2953,7.7723 46.2343,7.7723 L56.1623,7.7723 Z" }, void 0) }), void 0));
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: "68", height: "40", viewBox: "0 0 68 40" }, rest, { children: (0, jsx_runtime_1.jsx)("path", { fill: color, fillRule: "evenodd", d: "M64,0 C66.209,0 68,1.791 68,4 L68,36 C68,38.209 66.209,40 64,40 L4,40 C1.791,40 0,38.209 0,36 L0,4 C0,1.791 1.791,0 4,0 Z M64,2 L4,2 C2.897,2 2,2.897 2,4 L2,36 C2,37.103 2.897,38 4,38 L64,38 C65.103,38 66,37.103 66,36 L66,4 C66,2.897 65.103,2 64,2 Z M21.7665,7.7724 C22.7045,7.7724 23.4655,8.5334 23.4655,9.4714 L23.4655,16.0744 L55.8715,16.0744 C56.9675,16.0744 57.8565,16.9634 57.8565,18.0594 L57.8565,30.2424 C57.8565,31.3394 56.9675,32.2284 55.8715,32.2284 L12.1225,32.2284 C11.0265,32.2284 10.1375,31.3394 10.1375,30.2424 L10.1375,9.4714 C10.1375,8.5334 10.8985,7.7724 11.8375,7.7724 Z M38.9641,7.7721 C39.9031,7.7721 40.6641,8.5331 40.6641,9.4721 L40.6641,11.8261 C40.6641,12.7651 39.9031,13.5261 38.9641,13.5261 L29.0361,13.5261 C28.0971,13.5261 27.3361,12.7651 27.3361,11.8261 L27.3361,9.4721 C27.3361,8.5331 28.0971,7.7721 29.0361,7.7721 L38.9641,7.7721 Z M56.1623,7.7721 C57.1013,7.7721 57.8623,8.5331 57.8623,9.4721 L57.8623,11.8261 C57.8623,12.7651 57.1013,13.5261 56.1623,13.5261 L46.2343,13.5261 C45.2953,13.5261 44.5343,12.7651 44.5343,11.8261 L44.5343,9.4721 C44.5343,8.5331 45.2953,7.7721 46.2343,7.7721 L56.1623,7.7721 Z" }, void 0) }), void 0));
 };
 exports.default = SectionTab40;

package/dist/src/common/styles/colorSet/PaletteColor_Dark.json

@@ -279,7 +279,7 @@
     "sys_storyboard_card_base_red01": "red30",
     "sys_storyboard_card_base_green01": "green50",
     "sys_brand_secondary_variant": "darkgreen700",
-    "sys_button_tooltip_base": "white/opacity70",
+    "sys_button_tooltip_base": "white/opacity95",
     "sys_text_button_tooltip": "grey900",
     "sys_membership_button_base": "white/opacity20",
     "sys_membership_item_membership_base": "darkgrey50",

package/dist/src/desktop/components/Slider/Slider.js

@@ -60,7 +60,14 @@ function Slider(_a, ref) {
     };
     var getThumbPositionOnTrack = function (percent, value, width) {
         var thumbOffset = getThumbOffset(percent, width);
-        return "calc(" + ((Number(value) - min) / (max - min)) * 100 + "% + " + thumbOffset + "px)";
+        var calcValue = ((Number(value) - min) / (max - min)) * 100;
+        if (!calcValue || calcValue < 0) {
+            return "calc(0% + 10px)";
+        }
+        if (calcValue > 100) {
+            return "calc(100% - 10px)";
+        }
+        return "calc(" + calcValue + "% + " + thumbOffset + "px)";
     };
     var updateFillTrackAndThumb = function (trackElement, thumbElement, thumbPosition) {
         trackElement.style.backgroundSize = thumbPosition + " 100%";

package/dist/src/mobile/components/Slider/Slider.js

@@ -60,7 +60,14 @@ function Slider(_a, ref) {
     };
     var getThumbPositionOnTrack = function (percent, value, width) {
         var thumbOffset = getThumbOffset(percent, width);
-        return "calc(" + ((Number(value) - min) / (max - min)) * 100 + "% + " + thumbOffset + "px)";
+        var calcValue = ((Number(value) - min) / (max - min)) * 100;
+        if (!calcValue || calcValue < 0) {
+            return "calc(0% + 10px)";
+        }
+        if (calcValue > 100) {
+            return "calc(100% - 10px)";
+        }
+        return "calc(" + calcValue + "% + " + thumbOffset + "px)";
     };
     var updateFillTrackAndThumb = function (trackElement, thumbElement, thumbPosition) {
         trackElement.style.backgroundSize = thumbPosition + " 100%";

package/dist/src/sub/DynamicLayout/DynamicLayout.js

@@ -35,6 +35,7 @@ function DynamicLayout(_a) {
             isPreview: isPreview,
             navigationHandler: navigationHandler,
             sectionActionHandler: sectionActionHandler,
+            editingSectionId: editingSectionId,
             programmedSectionComponents: programmedSectionComponents
         } }, { children: [mode === 'EDIT' && onClickEditSection && ((0, jsx_runtime_1.jsx)(EditModeSectionMatcher_1.EditModeSectionMatcher, { editingSectionId: editingSectionId, scrollDownTargetSectionId: scrollDownTargetSectionId, filteredSortedSection: filteredSortedSection, onClickEditSection: onClickEditSection }, void 0)), mode !== 'EDIT' &&
                 (iframeSection ? ((0, jsx_runtime_1.jsx)(SectionMatcher_1.SectionMatcher, __assign({}, iframeSection), iframeSection.id)) : (filteredSortedSection.map(function (section) { return (0, jsx_runtime_1.jsx)(SectionMatcher_1.SectionMatcher, __assign({}, section), section.id); })))] }), void 0));

package/dist/src/sub/DynamicLayout/components/ComponentBlocks/Image/Image.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export declare type ImagePropTypes = {
+    imageSrc: string;
+    viewType?: 'fit' | 'fill';
+    imagePosition?: 'left-top' | 'left-center' | 'left-bottom' | 'center-top' | 'center-center' | 'center-bottom' | 'right-top' | 'right-center' | 'right-bottom';
+};
+declare const Image: import("react").ForwardRefExoticComponent<ImagePropTypes & import("react").RefAttributes<HTMLImageElement>>;
+export default Image;

package/dist/src/sub/DynamicLayout/components/ComponentBlocks/Image/Image.js

@@ -0,0 +1,46 @@
+"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 __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 styled_components_1 = __importDefault(require("styled-components"));
+var Image = (0, react_1.forwardRef)(function (_a, ref) {
+    var imageSrc = _a.imageSrc, _b = _a.viewType, viewType = _b === void 0 ? 'fit' : _b, _c = _a.imagePosition, imagePosition = _c === void 0 ? 'center-center' : _c;
+    return (0, jsx_runtime_1.jsx)(S_Image, { ref: ref, src: imageSrc, viewType: viewType, imagePosition: imagePosition }, void 0);
+});
+var S_Image = styled_components_1.default.img(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  height: ", ";\n  object-fit: ", ";\n  object-fit: ", ";\n  width: ", ";\n"], ["\n  height: ", ";\n  object-fit: ", ";\n  object-fit: ", ";\n  width: ", ";\n"])), function (_a) {
+    var viewType = _a.viewType;
+    return (viewType === 'fit' ? 'auto' : '100%');
+}, function (_a) {
+    var viewType = _a.viewType;
+    switch (viewType) {
+        case 'fit':
+            return 'contain';
+        case 'fill':
+            return 'cover';
+        default:
+            return 'contain';
+    }
+}, function (_a) {
+    var viewType = _a.viewType;
+    switch (viewType) {
+        case 'fit':
+            return 'contain';
+        case 'fill':
+            return 'cover';
+        default:
+            return 'contain';
+    }
+}, function (_a) {
+    var viewType = _a.viewType;
+    return (viewType === 'fit' ? 'auto' : '100%');
+});
+exports.default = Image;
+Image.displayName = 'Image';
+var templateObject_1;

package/dist/src/sub/DynamicLayout/components/ComponentBlocks/Image/index.d.ts

@@ -0,0 +1,2 @@
+import Image, { ImagePropTypes } from './Image';
+export { Image, ImagePropTypes };

package/dist/src/sub/DynamicLayout/components/ComponentBlocks/Image/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.Image = void 0;
+var Image_1 = __importDefault(require("./Image"));
+exports.Image = Image_1.default;

package/dist/src/sub/DynamicLayout/components/ComponentBlocks/RichText/RichText.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare type RichTextPropTypes = {
+    text: string;
+};
+declare function RichText({ text }: RichTextPropTypes): JSX.Element;
+export default RichText;

package/dist/src/sub/DynamicLayout/components/ComponentBlocks/RichText/RichText.js

@@ -0,0 +1,24 @@
+"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 __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 styled_components_1 = __importDefault(require("styled-components"));
+function RichText(_a) {
+    var text = _a.text;
+    return (0, jsx_runtime_1.jsx)(S_RichText, { dangerouslySetInnerHTML: { __html: text } }, void 0);
+}
+var S_RichText = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  line-height: 1.5;\n  text-align: left;\n  white-space: pre-wrap;\n  width: 100%;\n  word-break: break-word;\n\n  a {\n    color: ", ";\n  }\n\n  img {\n    width: 100%;\n  }\n\n  figure {\n    margin: 0;\n    max-width: 100%;\n\n    img {\n      width: 100%;\n    }\n  }\n\n  blockquote {\n    border-left: 4px solid ", ";\n    margin: 4px;\n    padding: 4px;\n\n    p {\n      font-style: oblique;\n      margin: 0;\n    }\n  }\n\n  iframe {\n    border: none;\n  }\n"], ["\n  line-height: 1.5;\n  text-align: left;\n  white-space: pre-wrap;\n  width: 100%;\n  word-break: break-word;\n\n  a {\n    color: ", ";\n  }\n\n  img {\n    width: 100%;\n  }\n\n  figure {\n    margin: 0;\n    max-width: 100%;\n\n    img {\n      width: 100%;\n    }\n  }\n\n  blockquote {\n    border-left: 4px solid ", ";\n    margin: 4px;\n    padding: 4px;\n\n    p {\n      font-style: oblique;\n      margin: 0;\n    }\n  }\n\n  iframe {\n    border: none;\n  }\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.ui_papp_post_notice_link;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.ui_98;
+});
+exports.default = RichText;
+var templateObject_1;

package/dist/src/sub/DynamicLayout/components/ComponentBlocks/RichText/index.d.ts

@@ -0,0 +1,2 @@
+import RichText, { RichTextPropTypes } from './RichText';
+export { RichText, RichTextPropTypes };

package/dist/src/sub/DynamicLayout/components/ComponentBlocks/RichText/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.RichText = void 0;
+var RichText_1 = __importDefault(require("./RichText"));
+exports.RichText = RichText_1.default;

package/dist/src/sub/DynamicLayout/components/ComponentBlocks/Text/Text.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+export declare type TextPropTypes = {
+    text: string;
+    fontFamilyName?: 'Pretendard' | 'sans-serif' | 'serif';
+    fontWeight?: number;
+    fontSize?: number;
+    lineHeight?: number;
+    letterSpacing?: number;
+    textColor?: string;
+    textAlign?: 'left' | 'center' | 'right';
+};
+declare const Text: import("react").ForwardRefExoticComponent<TextPropTypes & import("react").RefAttributes<HTMLParagraphElement>>;
+export default Text;

package/dist/src/sub/DynamicLayout/components/ComponentBlocks/Text/Text.js

@@ -0,0 +1,63 @@
+"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 __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;
+};
+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 styled_components_1 = __importDefault(require("styled-components"));
+var Text = (0, react_1.forwardRef)(function (_a, ref) {
+    var text = _a.text, _b = _a.letterSpacing, letterSpacing = _b === void 0 ? 0 : _b, _c = _a.lineHeight, lineHeight = _c === void 0 ? 1.3 : _c, _d = _a.textAlign, textAlign = _d === void 0 ? 'left' : _d, args = __rest(_a, ["text", "letterSpacing", "lineHeight", "textAlign"]);
+    return ((0, jsx_runtime_1.jsx)(S_Text, __assign({ ref: ref, letterSpacing: letterSpacing, lineHeight: lineHeight, textAlign: textAlign }, args, { children: text }), void 0));
+});
+var S_Text = styled_components_1.default.p(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  height: auto;\n  letter-spacing: ", "em;\n  line-height: ", ";\n  margin: 0;\n  text-align: ", ";\n  width: auto;\n\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n"], ["\n  height: auto;\n  letter-spacing: ", "em;\n  line-height: ", ";\n  margin: 0;\n  text-align: ", ";\n  width: auto;\n\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n"])), function (_a) {
+    var letterSpacing = _a.letterSpacing;
+    return letterSpacing;
+}, function (_a) {
+    var lineHeight = _a.lineHeight;
+    return lineHeight;
+}, function (_a) {
+    var textAlign = _a.textAlign;
+    return textAlign;
+}, function (_a) {
+    var fontFamilyName = _a.fontFamilyName;
+    return fontFamilyName && "font-family: " + fontFamilyName;
+}, function (_a) {
+    var fontWeight = _a.fontWeight;
+    return fontWeight && "font-weight: " + fontWeight;
+}, function (_a) {
+    var fontSize = _a.fontSize;
+    return fontSize && "font-size: " + fontSize + "px";
+}, function (_a) {
+    var textColor = _a.textColor;
+    return textColor && "color: " + textColor;
+});
+exports.default = Text;
+Text.displayName = 'Text';
+var templateObject_1;

package/dist/src/sub/DynamicLayout/components/ComponentBlocks/Text/index.d.ts

@@ -0,0 +1,2 @@
+import Text, { TextPropTypes } from './Text';
+export { Text, TextPropTypes };

package/dist/src/sub/DynamicLayout/components/ComponentBlocks/Text/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.Text = void 0;
+var Text_1 = __importDefault(require("./Text"));
+exports.Text = Text_1.default;

package/dist/src/sub/DynamicLayout/components/ComponentBlocks/TwitterTimeline/TwitterTimeline.d.ts

@@ -0,0 +1,70 @@
+/// <reference types="react" />
+declare const customChrome: {
+    readonly noheader: "noheader";
+    readonly nofooter: "nofooter";
+    readonly noborders: "noborders";
+    readonly noscrollbar: "noscrollbar";
+    readonly transparent: "transparent";
+};
+export declare type TwitterTimelinePropTypes = {
+    /**
+     * 임베드할 트위터 유저의 id 값 입니다.
+     */
+    userId: string;
+    /**
+     * 임베드시 보여줄 트윗의 개수입니다. 최소 1에서 20까지 설정할 수 있습니다.
+     */
+    tweetLimit?: number;
+    /**
+     * 다른 트윗 또는 계정에 대한 답글 트윗 표시 여부를 결정합니다.
+     */
+    showReplies?: boolean;
+    /**
+     * 임베드할 트위터 타임라인의 컬러 theme 입니다.
+     */
+    theme?: 'dark' | 'light';
+    /**
+     * 렌더링된 위젯에 지정된 아리아 예의 동작을 적용합니다. 새 트윗이 타임라인 상단에 추가되어 화면 리더에 영향을 줄 수 있습니다.
+     *
+     * @types polite: 변경 사항이 있지만 사용자의 작업을 방해하지 않는다는 의미입니다. 즉, 변경 사항이 있을 때 스크린 리더는 사용자 작업을 중단하지 않고 알립니다.
+     *
+     * @types assertive: 변경 사항이 즉시 사용자에게 알려져야 함을 의미합니다. 이 속성 값은 사용자 작업을 방해할 수 있으므로 신중하게 사용해야 합니다.
+     *
+     * @types rude: 변경 사항이 사용자의 작업을 방해하거나 중단할 수 있음을 나타냅니다. 이 값은 더욱 강력한 우선순위를 가지며, 사용자의 작업을 더 강제로 중단시킬 수 있습니다.
+     */
+    ariaPolite?: 'polite' | 'assertive' | 'rude';
+    /**
+     * 타임라인과 사이트의 임베드된 페이지를 맞춤 추천 및 맞춤 광고 등의 목적으로 사용할지 여부를 결정합니다.
+     */
+    dnt?: boolean;
+    /**
+     * 임베드할 트위터 타임라인 위젯의 디자인 요소 표시를 결정합니다.
+     *
+     * @types noheader: 위젯의 헤더를 숨깁니다.
+     *
+     * @types nofooter: 위젯의 푸터를 숨깁니다.
+     *
+     * @types noborders: 위젯 영역을 둘러싼 테두리와 트윗을 구분하는 테두리를 포함하여 위젯 내의 모든 테두리를 제거합니다.
+     *
+     * @types noscrollbar: 기본 타임라인 스크롤바(표시된 경우)를 자르고 숨깁니다. 표준 사용자 인터페이스 구성 요소를 숨기면 웹사이트의 접근성에 영향을 줄 수 있다는 점을 고려하세요.
+     *
+     * @types transparent: 위젯의 배경색을 제거합니다.
+     */
+    customChrome?: (keyof typeof customChrome)[];
+    /**
+     * 트위터 스크립트가 로드 되기 전 혹은 로드 실패시 보여지는 컴포넌트입니다.
+     * a 태그 내부에 들어가기 때문에 로딩과는 다른 용도로 사용됩니다.
+     */
+    fallback?: React.ReactNode | JSX.Element;
+};
+/**
+ * 트위터의 Profile Timeline 임베드 컴포넌트입니다.
+ *
+ * Profile Timeline 가이드: https://developer.twitter.com/en/docs/twitter-for-websites/timelines/guides/profile-timeline
+ *
+ * Parameter Reference: https://developer.twitter.com/en/docs/twitter-for-websites/timelines/guides/parameter-reference
+ *
+ * 트위터 표시 요구 약관: https://developer.twitter.com/en/developer-terms/display-requirements
+ */
+declare const TwitterTimeline: import("react").ForwardRefExoticComponent<TwitterTimelinePropTypes & import("react").RefAttributes<HTMLDivElement>>;
+export default TwitterTimeline;

package/dist/src/sub/DynamicLayout/components/ComponentBlocks/TwitterTimeline/TwitterTimeline.js

@@ -0,0 +1,52 @@
+"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);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var customChrome = {
+    noheader: 'noheader',
+    nofooter: 'nofooter',
+    noborders: 'noborders',
+    noscrollbar: 'noscrollbar',
+    transparent: 'transparent'
+};
+/**
+ * 트위터의 Profile Timeline 임베드 컴포넌트입니다.
+ *
+ * Profile Timeline 가이드: https://developer.twitter.com/en/docs/twitter-for-websites/timelines/guides/profile-timeline
+ *
+ * Parameter Reference: https://developer.twitter.com/en/docs/twitter-for-websites/timelines/guides/parameter-reference
+ *
+ * 트위터 표시 요구 약관: https://developer.twitter.com/en/developer-terms/display-requirements
+ */
+var TwitterTimeline = (0, react_1.forwardRef)(function (_a, ref) {
+    var userId = _a.userId, _b = _a.tweetLimit, tweetLimit = _b === void 0 ? 5 : _b, _c = _a.showReplies, showReplies = _c === void 0 ? false : _c, _d = _a.theme, theme = _d === void 0 ? 'light' : _d, _e = _a.ariaPolite, ariaPolite = _e === void 0 ? 'polite' : _e, _f = _a.dnt, dnt = _f === void 0 ? true : _f, _g = _a.customChrome, customChrome = _g === void 0 ? [] : _g, fallback = _a.fallback;
+    var TWITTER_EMBED_TIMELINE_SCRIPT_ID = 'twitter-timeline';
+    var TWITTER_EMBED_TIMELINE_SCRIPT_SRC = 'https://platform.twitter.com/widgets.js';
+    function scriptLoader(scriptId, scriptUrl) {
+        var script = document.createElement('script');
+        script.async = true;
+        script.id = scriptId;
+        script.src = scriptUrl;
+        script.type = 'text/javascript';
+        script.onerror = function () {
+            // eslint-disable-next-line no-console
+            console.log('onerror >>>', userId);
+        };
+        document.head.appendChild(script);
+    }
+    scriptLoader(TWITTER_EMBED_TIMELINE_SCRIPT_ID, TWITTER_EMBED_TIMELINE_SCRIPT_SRC);
+    return ((0, jsx_runtime_1.jsx)("section", __assign({ className: "twitter-embed-container", ref: ref }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ className: "twitter-embed" }, { children: (0, jsx_runtime_1.jsx)("a", __assign({ target: "_blank", className: "twitter-timeline", "data-tweet-limit": tweetLimit, "data-show-replies": showReplies, "data-aria-polite": ariaPolite, "data-dnt": dnt, "data-theme": theme, "data-chrome": customChrome.join(' '), href: "https://twitter.com/" + userId, rel: "noreferrer" }, { children: fallback }), void 0) }), void 0) }), void 0));
+});
+exports.default = TwitterTimeline;
+TwitterTimeline.displayName = 'TwitterTimeline';

package/dist/src/sub/DynamicLayout/components/ComponentBlocks/TwitterTimeline/TwitterTimelineRerender.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import type { TwitterTimelinePropTypes } from './TwitterTimeline';
+export declare type TwitterTimelineWrapperPropTypes = TwitterTimelinePropTypes & {
+    /**
+     * 임베드할 트위터 타임라인 위젯의 너비를 결정합니다. 최소 너비 180픽셀, 최대 너비 520픽셀로 상위 요소의 너비에 맞게 자동으로 조정됩니다.
+     */
+    width?: number;
+    /**
+     * 임베드할 트위터 타임라인 위젯의 높이를 결정합니다.
+     */
+    height?: number;
+};
+declare function TwitterTimelineRerender(args: TwitterTimelineWrapperPropTypes): JSX.Element;
+export default TwitterTimelineRerender;

package/dist/src/sub/DynamicLayout/components/ComponentBlocks/TwitterTimeline/TwitterTimelineRerender.js

@@ -0,0 +1,41 @@
+"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 styled_components_1 = __importDefault(require("styled-components"));
+var TwitterTimeline_1 = __importDefault(require("./TwitterTimeline"));
+function TwitterTimelineRerender(args) {
+    var userId = args.userId, tweetLimit = args.tweetLimit, showReplies = args.showReplies, theme = args.theme, ariaPolite = args.ariaPolite, dnt = args.dnt, customChrome = args.customChrome, fallback = args.fallback, width = args.width, height = args.height;
+    var forceRenderKey = (0, react_1.useMemo)(function () {
+        return String(userId + tweetLimit + showReplies + theme + ariaPolite + dnt + customChrome + fallback);
+    }, [userId, tweetLimit, showReplies, theme, ariaPolite, dnt, customChrome, fallback]);
+    var widthInRange = width && width > 180 && width < 520 ? width : undefined;
+    return ((0, jsx_runtime_1.jsx)(S_TwitterTimelineWrapper, __assign({ className: "twitter-timeline-wrapper", "$width": widthInRange, "$height": height }, { children: (0, jsx_runtime_1.jsx)(TwitterTimeline_1.default, __assign({}, args), forceRenderKey) }), void 0));
+}
+var S_TwitterTimelineWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  box-sizing: content-box;\n  height: ", ";\n  max-width: 520px;\n  min-width: 180px;\n  overflow: auto;\n  width: ", ";\n"], ["\n  box-sizing: content-box;\n  height: ", ";\n  max-width: 520px;\n  min-width: 180px;\n  overflow: auto;\n  width: ", ";\n"])), function (_a) {
+    var $height = _a.$height;
+    return ($height ? $height + "px" : '100%');
+}, function (_a) {
+    var $width = _a.$width;
+    return ($width ? $width + "px" : '100%');
+});
+exports.default = TwitterTimelineRerender;
+var templateObject_1;