@gem-sdk/pages 1.12.0-next.12 → 1.12.0-next.18

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/cjs/components/ImageToLayout.js +187 -190
  2. package/dist/cjs/components/PagesSuggestion.js +148 -144
  3. package/dist/esm/components/ImageToLayout.js +188 -191
  4. package/dist/esm/components/PagesSuggestion.js +148 -144
  5. package/package.json +2 -2
package/dist/cjs/components/ImageToLayout.js CHANGED
@@ -26,209 +26,206 @@ const ImageToLayout = ({ editorImageToLayout })=>{
26
26
  layoutSetting?.showHeader,
27
27
  layoutSetting?.showFooter
28
28
  ]);
29
- return /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
30
- children: [
31
- /*#__PURE__*/ jsxRuntime.jsx("div", {
32
- className: `h-[calc(100vh_-_${FOOTER_HEIGHT + HEADER_HEIGHT}px)] h-[calc(100vh_-_${FOOTER_HEIGHT}px)] h-[calc(100vh_-_${HEADER_HEIGHT}px)] hidden h-[calc(100vh_-_0px)]`
29
+ return /*#__PURE__*/ jsxRuntime.jsx(jsxRuntime.Fragment, {
30
+ children: /*#__PURE__*/ jsxRuntime.jsxs("div", {
31
+ id: "gp-img-to-layout-wrapper",
32
+ className: core.cls(`sf-add-section-placeholder flex flex-1 flex-col items-center justify-center`, {
33
+ hidden: !editorImageToLayout
33
34
  }),
34
- /*#__PURE__*/ jsxRuntime.jsxs("div", {
35
- id: "gp-img-to-layout-wrapper",
36
- className: core.cls(`sf-add-section-placeholder flex h-[calc(100vh_-_${offset}px)] flex-1 flex-col items-center justify-center`, {
37
- hidden: !editorImageToLayout
38
- }),
39
- children: [
40
- /*#__PURE__*/ jsxRuntime.jsx("div", {
41
- className: "mb-[32px] flex items-center",
42
- children: /*#__PURE__*/ jsxRuntime.jsxs("svg", {
43
- width: "101",
44
- height: "102",
45
- viewBox: "0 0 101 102",
46
- fill: "none",
47
- xmlns: "http://www.w3.org/2000/svg",
48
- children: [
49
- /*#__PURE__*/ jsxRuntime.jsxs("g", {
50
- clipPath: "url(#clip0_1825_244093)",
51
- children: [
52
- /*#__PURE__*/ jsxRuntime.jsx("path", {
53
- d: "M101 51C101 61.16 98 70.62 92.84 78.54C90.36 82.34 87.38 85.79 84 88.79C82.61 90.02 81.15 91.18 79.63 92.25C73.84 96.35 67.15 99.26 59.92 100.62C56.87 101.2 53.72 101.5 50.5 101.5C43.71 101.5 37.23 100.16 31.31 97.73C30.64 97.45 29.97 97.16 29.32 96.85C25.9 95.28 22.69 93.33 19.74 91.05C14.34 86.9 9.81 81.69 6.45 75.72C2.34 68.41 0 59.98 0 51C0 23.11 22.61 0.5 50.5 0.5C78.39 0.5 101 23.11 101 51Z",
54
- fill: "#F0F3FF"
55
- }),
56
- /*#__PURE__*/ jsxRuntime.jsx("path", {
57
- d: "M84.7702 41.3301C84.7702 41.4801 84.7602 41.64 84.7402 41.8L81.9202 69.6101L79.6302 92.25C73.8402 96.35 67.1502 99.26 59.9202 100.62L31.3102 97.73L30 97L29.3202 96.85C25.9002 95.28 22.6902 93.3301 19.7402 91.0501C14.3402 86.9001 9.8102 81.6901 6.4502 75.7201L10.6402 34.3C10.9102 31.65 13.2802 29.72 15.9302 29.99L80.4202 36.51C82.9102 36.76 84.7802 38.8701 84.7702 41.3301Z",
58
- fill: "#C7D5FF"
59
- }),
60
- /*#__PURE__*/ jsxRuntime.jsx("path", {
61
- fillRule: "evenodd",
62
- clipRule: "evenodd",
63
- d: "M52.5 11C52.78 11 53.03 11.19 53.11 11.46L53.88 14.14C54.05 14.73 54.36 15.27 54.8 15.7C55.23 16.13 55.77 16.45 56.36 16.62L59.04 17.39C59.31 17.47 59.5 17.72 59.5 18C59.5 18.28 59.31 18.53 59.04 18.61L56.36 19.38C55.77 19.55 55.23 19.86 54.8 20.3C54.37 20.73 54.05 21.27 53.88 21.86L53.11 24.54C53.03 24.81 52.78 25 52.5 25C52.22 25 51.97 24.81 51.89 24.54L51.12 21.86C50.95 21.27 50.64 20.73 50.2 20.3C49.77 19.87 49.23 19.55 48.64 19.38L45.96 18.61C45.69 18.53 45.5 18.28 45.5 18C45.5 17.72 45.69 17.47 45.96 17.39L48.64 16.62C49.23 16.45 49.77 16.14 50.2 15.7C50.63 15.27 50.95 14.73 51.12 14.14L51.89 11.46C51.97 11.19 52.22 11 52.5 11Z",
64
- fill: "#5177FF"
65
- }),
66
- /*#__PURE__*/ jsxRuntime.jsx("path", {
67
- fillRule: "evenodd",
68
- clipRule: "evenodd",
69
- d: "M74.5 22C74.78 22 75.02 22.19 75.09 22.46L75.32 23.4C75.43 23.83 75.65 24.22 75.96 24.54C76.27 24.85 76.67 25.08 77.1 25.18L78.04 25.41C78.31 25.48 78.5 25.72 78.5 26C78.5 26.28 78.31 26.52 78.04 26.59L77.1 26.82C76.67 26.93 76.28 27.15 75.96 27.46C75.65 27.77 75.42 28.17 75.32 28.6L75.09 29.54C75.02 29.81 74.78 30 74.5 30C74.22 30 73.98 29.81 73.91 29.54L73.68 28.6C73.57 28.17 73.35 27.78 73.04 27.46C72.73 27.15 72.33 26.92 71.9 26.82L70.96 26.59C70.69 26.52 70.5 26.28 70.5 26C70.5 25.72 70.69 25.48 70.96 25.41L71.9 25.18C72.33 25.07 72.72 24.85 73.04 24.54C73.35 24.23 73.58 23.83 73.68 23.4L73.91 22.46C73.98 22.19 74.22 22 74.5 22Z",
70
- fill: "#A9BCFF"
71
- }),
72
- /*#__PURE__*/ jsxRuntime.jsx("path", {
73
- fillRule: "evenodd",
74
- clipRule: "evenodd",
75
- d: "M29.01 20C29.18 20 29.34 20.12 29.38 20.29L29.53 20.88C29.6 21.15 29.74 21.4 29.93 21.59C30.13 21.79 30.37 21.93 30.64 21.99L31.23 22.14C31.4 22.18 31.52 22.33 31.52 22.51C31.52 22.69 31.4 22.84 31.23 22.88L30.64 23.03C30.37 23.1 30.12 23.24 29.93 23.43C29.73 23.63 29.59 23.87 29.53 24.14L29.38 24.73C29.34 24.9 29.19 25.02 29.01 25.02C28.83 25.02 28.68 24.9 28.64 24.73L28.49 24.14C28.42 23.87 28.28 23.63 28.09 23.43C27.89 23.23 27.65 23.09 27.38 23.03L26.79 22.88C26.62 22.84 26.5 22.69 26.5 22.51C26.5 22.33 26.62 22.18 26.79 22.14L27.38 21.99C27.65 21.92 27.89 21.78 28.09 21.59C28.29 21.39 28.43 21.15 28.49 20.88L28.64 20.29C28.68 20.12 28.84 20 29.01 20Z",
76
- fill: "#A9BCFF"
77
- }),
78
- /*#__PURE__*/ jsxRuntime.jsx("path", {
79
- d: "M92.8399 78.5402C90.3599 82.3402 87.3799 85.7902 83.9999 88.7902C82.6099 90.0202 81.1499 91.1802 79.6299 92.2502C73.8399 96.3502 67.1499 99.2602 59.9199 100.62C56.8699 101.2 53.7199 101.5 50.4999 101.5C43.7099 101.5 37.2299 100.16 31.3099 97.7302L30 97.5L29.3199 96.8502C25.8999 95.2802 22.6899 93.3302 19.7399 91.0502L16.7399 50.7402C16.5599 48.3502 18.3599 46.2702 20.7499 46.0902L84.7699 41.3302L85.7199 41.2602C88.1099 41.0902 90.1899 42.8802 90.3699 45.2702L92.8399 78.5402Z",
80
- fill: "white"
81
- }),
82
- /*#__PURE__*/ jsxRuntime.jsx("path", {
83
- d: "M83.9999 88.7901C82.6099 90.0201 81.1499 91.1801 79.6299 92.2501C73.8399 96.3501 67.1499 99.2601 59.9199 100.62C56.8699 101.2 53.7199 101.5 50.4999 101.5C43.7099 101.5 37.2299 100.16 31.3099 97.7301L29.5 96.5L27.7199 75.3901C27.6099 73.9001 28.7299 72.6001 30.2199 72.4901L79.7999 68.8101C80.6199 68.7501 81.3899 69.0601 81.9199 69.6101C82.3599 70.0501 82.6499 70.6401 82.6999 71.3101L83.9999 88.7901Z",
84
- fill: "#F2F4F9"
85
- }),
86
- /*#__PURE__*/ jsxRuntime.jsx("path", {
87
- opacity: "0.3",
88
- d: "M56.17 87.6301C56.64 88.0901 56.35 88.8801 55.69 88.9301L50.18 89.3201C49.53 89.3701 49.13 88.6301 49.52 88.1101L52.03 84.7901C52.31 84.4301 52.84 84.3901 53.16 84.7101L56.17 87.6301Z",
89
- fill: "#5177FF"
90
- }),
91
- /*#__PURE__*/ jsxRuntime.jsx("path", {
92
- d: "M63.51 87.0799C63.98 87.5399 63.68 88.3299 63.03 88.3799L53.58 89.0299C52.93 89.0799 52.53 88.3299 52.93 87.8099L57.29 82.1699C57.57 81.8099 58.1 81.7799 58.42 82.0899L63.51 87.0799Z",
93
- fill: "#5177FF"
94
- }),
95
- /*#__PURE__*/ jsxRuntime.jsx("path", {
96
- opacity: "0.8",
97
- d: "M53.2799 82.0302C54.2299 81.8502 54.8299 80.9602 54.6499 80.0102C54.4699 79.0602 53.5799 78.4602 52.6299 78.6402C51.6799 78.8202 51.0799 79.7103 51.2599 80.6603C51.4399 81.6103 52.3299 82.2102 53.2799 82.0302Z",
98
- fill: "#5177FF"
99
- }),
100
- /*#__PURE__*/ jsxRuntime.jsx("path", {
101
- d: "M33.7001 51.8097L73.7501 48.8297C74.3501 48.7897 74.8701 49.2297 74.9101 49.8297C74.9501 50.4297 74.5101 50.9497 73.9101 50.9897L33.8601 53.9697C33.2601 54.0097 32.7401 53.5697 32.7001 52.9697C32.6501 52.3697 33.1001 51.8497 33.7001 51.8097Z",
102
- fill: "#D8DCE8"
103
- }),
104
- /*#__PURE__*/ jsxRuntime.jsx("path", {
105
- d: "M35.9901 55.9901L72.1101 53.3101C72.7101 53.2701 73.2301 53.7101 73.2701 54.3101C73.3101 54.9101 72.8701 55.4301 72.2701 55.4701L36.1501 58.1501C35.5501 58.1901 35.0301 57.7501 34.9901 57.1501C34.9401 56.5601 35.3901 56.0401 35.9901 55.9901Z",
106
- fill: "#D8DCE8"
107
- }),
108
- /*#__PURE__*/ jsxRuntime.jsx("path", {
109
- d: "M47.2101 60.6704L61.7001 59.6004C62.2401 59.5604 62.7101 59.9704 62.7501 60.5104L62.9301 62.8804C62.9701 63.4204 62.5601 63.8904 62.0201 63.9304L47.5301 65.0104C46.9901 65.0504 46.5201 64.6404 46.4801 64.1004L46.3001 61.7304C46.2601 61.1904 46.6701 60.7104 47.2101 60.6704Z",
110
- fill: "#AEB6CD"
111
- })
112
- ]
113
- }),
114
- /*#__PURE__*/ jsxRuntime.jsx("defs", {
115
- children: /*#__PURE__*/ jsxRuntime.jsx("clipPath", {
116
- id: "clip0_1825_244093",
117
- children: /*#__PURE__*/ jsxRuntime.jsx("rect", {
118
- width: "101",
119
- height: "101",
120
- fill: "white",
121
- transform: "translate(0 0.5)"
122
- })
123
- })
124
- })
125
- ]
126
- })
127
- }),
128
- /*#__PURE__*/ jsxRuntime.jsxs("div", {
129
- className: "image-to-layout-input-wrapper flex w-[600px] items-center rounded-[3px] border py-2 pl-4 pr-2",
35
+ style: {
36
+ height: `calc(100vh - ${offset}px)`
37
+ },
38
+ children: [
39
+ /*#__PURE__*/ jsxRuntime.jsx("div", {
40
+ className: "mb-[16px] flex items-center",
41
+ children: /*#__PURE__*/ jsxRuntime.jsxs("svg", {
42
+ width: "128",
43
+ height: "128",
44
+ viewBox: "0 0 128 128",
45
+ fill: "none",
46
+ xmlns: "http://www.w3.org/2000/svg",
130
47
  children: [
131
- /*#__PURE__*/ jsxRuntime.jsxs("svg", {
132
- width: "54",
133
- height: "21",
134
- viewBox: "0 0 54 21",
135
- fill: "none",
136
- xmlns: "http://www.w3.org/2000/svg",
48
+ /*#__PURE__*/ jsxRuntime.jsxs("g", {
49
+ clipPath: "url(#clip0_2173_260654)",
137
50
  children: [
138
51
  /*#__PURE__*/ jsxRuntime.jsx("path", {
139
- d: "M8.12314 9.0696C8.04028 8.80114 7.92593 8.56084 7.7801 8.34872C7.63758 8.13329 7.46523 7.94934 7.26305 7.79688C7.06419 7.64441 6.83549 7.53007 6.57697 7.45383C6.31845 7.37429 6.03672 7.33452 5.7318 7.33452C5.18493 7.33452 4.69771 7.47206 4.27015 7.74716C3.8426 8.02225 3.50618 8.42661 3.26092 8.96023C3.01897 9.49053 2.89799 10.1368 2.89799 10.8991C2.89799 11.6681 3.01897 12.3194 3.26092 12.853C3.50287 13.3866 3.83928 13.7926 4.27015 14.071C4.70102 14.3461 5.2015 14.4837 5.77157 14.4837C6.28862 14.4837 6.73606 14.3842 7.1139 14.1854C7.49506 13.9865 7.78838 13.7048 7.99387 13.3402C8.19937 12.9723 8.30211 12.5414 8.30211 12.0476L8.71973 12.1122H5.95552V10.6705H10.0869V11.8935C10.0869 12.7652 9.90131 13.5192 9.5301 14.1555C9.15888 14.7919 8.64847 15.2824 7.99885 15.6271C7.34922 15.9685 6.60349 16.1392 5.76163 16.1392C4.82366 16.1392 4.00003 15.9287 3.29075 15.5078C2.58478 15.0836 2.03294 14.482 1.63521 13.7031C1.2408 12.9209 1.04359 11.9929 1.04359 10.919C1.04359 10.0971 1.15959 9.36293 1.3916 8.71662C1.62692 8.07031 1.95505 7.52178 2.37598 7.07102C2.7969 6.61695 3.29075 6.27225 3.85751 6.03693C4.42427 5.7983 5.04075 5.67898 5.70694 5.67898C6.27039 5.67898 6.79572 5.76184 7.28294 5.92756C7.77015 6.08996 8.20268 6.32197 8.58052 6.62358C8.96168 6.92519 9.27489 7.28314 9.52015 7.69744C9.76542 8.11174 9.92617 8.56913 10.0024 9.0696H8.12314ZM15.1716 16.1491C14.406 16.1491 13.7448 15.9901 13.1879 15.6719C12.6344 15.3504 12.2085 14.8963 11.9102 14.3097C11.6119 13.7197 11.4628 13.0253 11.4628 12.2266C11.4628 11.4411 11.6119 10.7517 11.9102 10.1584C12.2119 9.56179 12.6328 9.09777 13.173 8.76633C13.7133 8.43158 14.348 8.2642 15.0771 8.2642C15.5478 8.2642 15.9919 8.34044 16.4095 8.4929C16.8305 8.64205 17.2017 8.87405 17.5232 9.18892C17.848 9.50379 18.1032 9.90483 18.2888 10.392C18.4744 10.8759 18.5672 11.4527 18.5672 12.1222V12.674H12.308V11.4609H16.8421C16.8387 11.1162 16.7642 10.8097 16.6183 10.5412C16.4725 10.2694 16.2687 10.0556 16.0068 9.89986C15.7483 9.74408 15.4467 9.66619 15.102 9.66619C14.7341 9.66619 14.411 9.75568 14.1325 9.93466C13.8541 10.1103 13.637 10.3423 13.4813 10.6307C13.3288 10.9157 13.2509 11.2289 13.2476 11.5703V12.6293C13.2476 13.0734 13.3288 13.4545 13.4912 13.7727C13.6536 14.0876 13.8807 14.3295 14.1723 14.4986C14.464 14.6643 14.8054 14.7472 15.1965 14.7472C15.4583 14.7472 15.6953 14.7107 15.9074 14.6378C16.1195 14.5616 16.3035 14.4505 16.4593 14.3047C16.615 14.1589 16.7327 13.9782 16.8122 13.7628L18.4926 13.9517C18.3866 14.3958 18.1844 14.7836 17.8861 15.1151C17.5911 15.4432 17.2133 15.6984 16.7526 15.8807C16.2919 16.0597 15.7649 16.1491 15.1716 16.1491ZM20.0898 16V8.36364H21.8099V9.66122H21.8994C22.0585 9.22372 22.322 8.88234 22.6899 8.63707C23.0578 8.38849 23.497 8.2642 24.0074 8.2642C24.5244 8.2642 24.9603 8.39015 25.3149 8.64205C25.6729 8.89062 25.9247 9.23035 26.0706 9.66122H26.1501C26.3192 9.23698 26.6042 8.89891 27.0052 8.64702C27.4096 8.39181 27.8885 8.2642 28.442 8.2642C29.1447 8.2642 29.7181 8.48627 30.1622 8.9304C30.6063 9.37453 30.8284 10.0225 30.8284 10.8743V16H29.0237V11.1527C29.0237 10.6787 28.8978 10.3324 28.6459 10.1136C28.394 9.89157 28.0857 9.78054 27.7211 9.78054C27.287 9.78054 26.9472 9.91643 26.702 10.1882C26.46 10.4567 26.339 10.8063 26.339 11.2372V16H24.5741V11.0781C24.5741 10.6837 24.4548 10.3688 24.2162 10.1335C23.9809 9.8982 23.6726 9.78054 23.2915 9.78054C23.0329 9.78054 22.7976 9.84683 22.5855 9.9794C22.3734 10.1087 22.2043 10.2926 22.0784 10.5312C21.9524 10.7666 21.8895 11.0417 21.8895 11.3565V16H20.0898ZM34.0413 16H32.0725L35.657 5.81818H37.934L41.5235 16H39.5548L36.8353 7.90625H36.7558L34.0413 16ZM34.1059 12.0078H39.4752V13.4893H34.1059V12.0078ZM44.7091 5.81818V16H42.8646V5.81818H44.7091Z",
140
- fill: "url(#paint0_linear_1825_211216)"
52
+ d: "M128 64C128 76.876 124.198 88.865 117.659 98.9022C114.516 103.718 110.739 108.09 106.455 111.892C104.694 113.451 102.844 114.921 100.917 116.277C93.5794 121.473 85.101 125.161 75.9382 126.885C72.0729 127.62 68.0808 128 64 128C55.3949 128 47.1826 126.302 39.68 123.222C38.8309 122.867 37.9818 122.5 37.158 122.107C32.8238 120.117 28.7556 117.646 25.017 114.756C18.1735 109.497 12.4325 102.894 8.17426 95.3283C2.96554 86.0642 0 75.3806 0 64C0 28.6543 28.6543 0 64 0C99.3457 0 128 28.6543 128 64Z",
53
+ fill: "#F0F3FF"
54
+ }),
55
+ /*#__PURE__*/ jsxRuntime.jsx("path", {
56
+ d: "M107.431 51.7452C107.431 51.9353 107.419 52.1381 107.393 52.3409L103.819 87.5852L100.917 116.278C93.5794 121.474 85.101 125.161 75.9382 126.885L39.68 123.222L38.0196 122.297L37.158 122.107C32.8238 120.117 28.7556 117.646 25.017 114.757C18.1735 109.497 12.4325 102.895 8.17426 95.3286L13.4844 42.8359C13.8265 39.4775 16.8301 37.0316 20.1885 37.3737L101.918 45.6367C105.074 45.9535 107.444 48.6276 107.431 51.7452Z",
57
+ fill: "#C7D5FF"
58
+ }),
59
+ /*#__PURE__*/ jsxRuntime.jsx("path", {
60
+ fillRule: "evenodd",
61
+ clipRule: "evenodd",
62
+ d: "M66.5347 13.3066C66.8895 13.3066 67.2064 13.5474 67.3077 13.8896L68.2836 17.286C68.499 18.0338 68.8919 18.7181 69.4495 19.2631C69.9945 19.808 70.6788 20.2136 71.4266 20.429L74.823 21.4049C75.1652 21.5062 75.406 21.8231 75.406 22.1779C75.406 22.5328 75.1652 22.8496 74.823 22.951L71.4266 23.9268C70.6788 24.1423 69.9945 24.5352 69.4495 25.0928C68.9046 25.6377 68.499 26.3221 68.2836 27.0698L67.3077 30.4662C67.2064 30.8084 66.8895 31.0492 66.5347 31.0492C66.1798 31.0492 65.863 30.8084 65.7616 30.4662L64.7858 27.0698C64.5703 26.3221 64.1775 25.6377 63.6198 25.0928C63.0749 24.5478 62.3905 24.1423 61.6428 23.9268L58.2464 22.951C57.9042 22.8496 57.6634 22.5328 57.6634 22.1779C57.6634 21.8231 57.9042 21.5062 58.2464 21.4049L61.6428 20.429C62.3905 20.2136 63.0749 19.8207 63.6198 19.2631C64.1648 18.7181 64.5703 18.0338 64.7858 17.286L65.7616 13.8896C65.863 13.5474 66.1798 13.3066 66.5347 13.3066Z",
63
+ fill: "#5177FF"
64
+ }),
65
+ /*#__PURE__*/ jsxRuntime.jsx("path", {
66
+ fillRule: "evenodd",
67
+ clipRule: "evenodd",
68
+ d: "M94.4159 27.248C94.7707 27.248 95.0749 27.4888 95.1636 27.831L95.4551 29.0223C95.5945 29.5673 95.8733 30.0615 96.2662 30.4671C96.659 30.8599 97.166 31.1514 97.7109 31.2781L98.9022 31.5696C99.2444 31.6583 99.4852 31.9625 99.4852 32.3174C99.4852 32.6722 99.2444 32.9764 98.9022 33.0651L97.7109 33.3566C97.166 33.496 96.6717 33.7748 96.2662 34.1676C95.8733 34.5605 95.5818 35.0675 95.4551 35.6124L95.1636 36.8037C95.0749 37.1459 94.7707 37.3867 94.4159 37.3867C94.061 37.3867 93.7569 37.1459 93.6681 36.8037L93.3767 35.6124C93.2373 35.0675 92.9584 34.5732 92.5656 34.1676C92.1727 33.7748 91.6658 33.4833 91.1208 33.3566L89.9295 33.0651C89.5873 32.9764 89.3466 32.6722 89.3466 32.3174C89.3466 31.9625 89.5873 31.6583 89.9295 31.5696L91.1208 31.2781C91.6658 31.1387 92.16 30.8599 92.5656 30.4671C92.9584 30.0742 93.2499 29.5673 93.3767 29.0223L93.6681 27.831C93.7569 27.4888 94.061 27.248 94.4159 27.248Z",
69
+ fill: "#A9BCFF"
70
+ }),
71
+ /*#__PURE__*/ jsxRuntime.jsx("path", {
72
+ fillRule: "evenodd",
73
+ clipRule: "evenodd",
74
+ d: "M36.7652 24.7129C36.9806 24.7129 37.1834 24.865 37.2341 25.0804L37.4242 25.8281C37.5129 26.1703 37.6903 26.4871 37.9311 26.7279C38.1846 26.9814 38.4887 27.1588 38.8309 27.2349L39.5786 27.425C39.7941 27.4757 39.9461 27.6658 39.9461 27.8939C39.9461 28.122 39.7941 28.3121 39.5786 28.3628L38.8309 28.5529C38.4887 28.6416 38.1719 28.819 37.9311 29.0598C37.6776 29.3133 37.5002 29.6174 37.4242 29.9596L37.2341 30.7073C37.1834 30.9228 36.9933 31.0749 36.7652 31.0749C36.537 31.0749 36.3469 30.9228 36.2962 30.7073L36.1061 29.9596C36.0174 29.6174 35.84 29.3133 35.5992 29.0598C35.3458 28.8064 35.0416 28.6289 34.6994 28.5529L33.9517 28.3628C33.7362 28.3121 33.5842 28.122 33.5842 27.8939C33.5842 27.6658 33.7362 27.4757 33.9517 27.425L34.6994 27.2349C35.0416 27.1462 35.3458 26.9687 35.5992 26.7279C35.8527 26.4745 36.0301 26.1703 36.1061 25.8281L36.2962 25.0804C36.3469 24.865 36.5497 24.7129 36.7652 24.7129Z",
75
+ fill: "#A9BCFF"
76
+ }),
77
+ /*#__PURE__*/ jsxRuntime.jsx("path", {
78
+ d: "M117.659 98.9027C114.516 103.719 110.739 108.091 106.455 111.893C104.694 113.452 102.844 114.922 100.917 116.278C93.5794 121.474 85.101 125.162 75.9382 126.885C72.0729 127.62 68.0808 128.001 64 128.001C55.3949 128.001 47.1826 126.302 39.68 123.223L38.0199 122.931L37.158 122.107C32.8238 120.118 28.7557 117.646 25.017 114.757L21.2151 63.671C20.9869 60.6421 23.2681 58.006 26.297 57.7779L107.431 51.7455L108.635 51.6567C111.664 51.4413 114.3 53.7098 114.528 56.7387L117.659 98.9027Z",
79
+ fill: "white"
141
80
  }),
142
81
  /*#__PURE__*/ jsxRuntime.jsx("path", {
143
- d: "M49.7612 1.0282C49.8335 0.792683 50.1669 0.792683 50.2392 1.0282L50.7184 2.58942C50.8115 2.89264 51.0429 3.13372 51.3421 3.23913L52.8311 3.76382C53.0536 3.84224 53.0536 4.15698 52.8311 4.2354L51.3421 4.76008C51.0429 4.86549 50.8115 5.10658 50.7184 5.4098L50.2392 6.97101C50.1669 7.20653 49.8335 7.20653 49.7612 6.97101L49.282 5.4098C49.1889 5.10658 48.9575 4.86549 48.6584 4.76008L47.1694 4.2354C46.9468 4.15698 46.9468 3.84224 47.1694 3.76382L48.6584 3.23913C48.9575 3.13372 49.1889 2.89264 49.282 2.58942L49.7612 1.0282Z",
144
- fill: "url(#paint1_linear_1825_211216)"
82
+ d: "M106.455 111.893C104.694 113.452 102.844 114.922 100.917 116.278C93.5794 121.474 85.101 125.162 75.9382 126.886C72.0729 127.621 68.0808 128.001 64 128.001C55.3949 128.001 47.1826 126.303 39.68 123.223L37.3863 121.664L35.1303 94.9108C34.9909 93.0225 36.4103 91.375 38.2986 91.2356L101.133 86.5718C102.172 86.4958 103.148 86.8887 103.819 87.5857C104.377 88.1433 104.745 88.891 104.808 89.7402L106.455 111.893Z",
83
+ fill: "#F2F4F9"
145
84
  }),
146
- /*#__PURE__*/ jsxRuntime.jsxs("defs", {
147
- children: [
148
- /*#__PURE__*/ jsxRuntime.jsxs("linearGradient", {
149
- id: "paint0_linear_1825_211216",
150
- x1: "46",
151
- y1: "16.0338",
152
- x2: "-0.000777919",
153
- y2: "15.9189",
154
- gradientUnits: "userSpaceOnUse",
155
- children: [
156
- /*#__PURE__*/ jsxRuntime.jsx("stop", {
157
- stopColor: "#874CFD"
158
- }),
159
- /*#__PURE__*/ jsxRuntime.jsx("stop", {
160
- offset: "1",
161
- stopColor: "#3C38E1"
162
- })
163
- ]
164
- }),
165
- /*#__PURE__*/ jsxRuntime.jsxs("linearGradient", {
166
- id: "paint1_linear_1825_211216",
167
- x1: "52.105",
168
- y1: "2.62234",
169
- x2: "47.7267",
170
- y2: "2.92341",
171
- gradientUnits: "userSpaceOnUse",
172
- children: [
173
- /*#__PURE__*/ jsxRuntime.jsx("stop", {
174
- stopColor: "#3C67FF"
175
- }),
176
- /*#__PURE__*/ jsxRuntime.jsx("stop", {
177
- offset: "1",
178
- stopColor: "#874CFD"
179
- })
180
- ]
181
- })
182
- ]
85
+ /*#__PURE__*/ jsxRuntime.jsx("path", {
86
+ opacity: "0.3",
87
+ d: "M71.1857 110.421C71.7813 111.004 71.4138 112.005 70.5774 112.068L63.5944 112.563C62.7707 112.626 62.2637 111.688 62.758 111.029L65.939 106.822C66.2938 106.365 66.9655 106.315 67.371 106.72L71.1857 110.421Z",
88
+ fill: "#5177FF"
89
+ }),
90
+ /*#__PURE__*/ jsxRuntime.jsx("path", {
91
+ d: "M80.4878 109.725C81.0835 110.308 80.7033 111.309 79.8795 111.372L67.9033 112.196C67.0795 112.259 66.5726 111.309 67.0795 110.65L72.6051 103.502C72.9599 103.046 73.6316 103.008 74.0371 103.401L80.4878 109.725Z",
92
+ fill: "#5177FF"
93
+ }),
94
+ /*#__PURE__*/ jsxRuntime.jsx("path", {
95
+ opacity: "0.8",
96
+ d: "M67.523 103.325C68.727 103.097 69.4874 101.969 69.2593 100.765C69.0312 99.5609 67.9032 98.8005 66.6993 99.0286C65.4953 99.2568 64.7349 100.385 64.963 101.589C65.1911 102.793 66.3191 103.553 67.523 103.325Z",
97
+ fill: "#5177FF"
98
+ }),
99
+ /*#__PURE__*/ jsxRuntime.jsx("path", {
100
+ d: "M42.7089 65.0259L93.4653 61.2493C94.2257 61.1986 94.8848 61.7562 94.9354 62.5166C94.9861 63.277 94.4285 63.936 93.6681 63.9867L42.9117 67.7634C42.1513 67.814 41.4923 67.2564 41.4416 66.496C41.3782 65.7356 41.9485 65.0766 42.7089 65.0259Z",
101
+ fill: "#D8DCE8"
102
+ }),
103
+ /*#__PURE__*/ jsxRuntime.jsx("path", {
104
+ d: "M45.6111 70.3235L91.3869 66.927C92.1473 66.8763 92.8063 67.434 92.857 68.1944C92.9077 68.9547 92.3501 69.6138 91.5897 69.6645L45.8138 73.0609C45.0534 73.1116 44.3944 72.554 44.3437 71.7936C44.2804 71.0458 44.8507 70.3868 45.6111 70.3235Z",
105
+ fill: "#D8DCE8"
106
+ }),
107
+ /*#__PURE__*/ jsxRuntime.jsx("path", {
108
+ d: "M59.8305 76.2559L78.1941 74.8999C78.8784 74.8492 79.4741 75.3688 79.5248 76.0532L79.7529 79.0567C79.8036 79.7411 79.284 80.3367 78.5996 80.3874L60.2361 81.7561C59.5517 81.8068 58.9561 81.2872 58.9054 80.6029L58.6772 77.5993C58.6266 76.915 59.1462 76.3066 59.8305 76.2559Z",
109
+ fill: "#AEB6CD"
183
110
  })
184
111
  ]
185
112
  }),
186
- /*#__PURE__*/ jsxRuntime.jsx("input", {
187
- value: link,
188
- onFocus: ()=>setOpenSuggestion(true),
189
- onChange: (event)=>{
190
- setLink(event.target.value);
191
- },
192
- id: "gp-img-to-layout-input-link",
193
- placeholder: "Paste web link to generate layout",
194
- className: "ml-2 flex-1 text-[#676767] outline-none"
195
- }),
196
- /*#__PURE__*/ jsxRuntime.jsx("div", {
197
- id: "gp-img-to-layout-generate-btn",
198
- className: "generate-image-to-layout-btn flex h-[40px] w-[94px] cursor-pointer items-center justify-center rounded-[3px] font-medium text-white",
199
- children: "Generate"
200
- }),
201
- /*#__PURE__*/ jsxRuntime.jsx(PagesSuggestion.PagesSuggestion, {
202
- setOpenSuggestion: setOpenSuggestion,
203
- link: link,
204
- setLink: setLink,
205
- isOpen: openSuggestion
206
- })
207
- ]
208
- }),
209
- /*#__PURE__*/ jsxRuntime.jsxs("div", {
210
- className: "mt-4 flex items-center text-xs",
211
- children: [
212
- /*#__PURE__*/ jsxRuntime.jsx("label", {
213
- htmlFor: "gp-img-to-layout-gallery-btn",
214
- className: " relative mr-[5px] cursor-pointer font-medium text-[#3C67FF]",
215
- children: "Upload image"
216
- }),
217
- /*#__PURE__*/ jsxRuntime.jsx("input", {
218
- id: "gp-img-to-layout-gallery-btn",
219
- className: "rounded-medium z-2 absolute hidden h-full w-full cursor-pointer opacity-0 outline-none",
220
- type: "file",
221
- accept: "image/*"
222
- }),
223
- /*#__PURE__*/ jsxRuntime.jsx("span", {
224
- className: "font-normal text-[#676767]",
225
- children: "to generate layout or Drag & drop element from sidebar"
113
+ /*#__PURE__*/ jsxRuntime.jsx("defs", {
114
+ children: /*#__PURE__*/ jsxRuntime.jsx("clipPath", {
115
+ id: "clip0_2173_260654",
116
+ children: /*#__PURE__*/ jsxRuntime.jsx("rect", {
117
+ width: "128",
118
+ height: "128",
119
+ fill: "white"
120
+ })
121
+ })
226
122
  })
227
123
  ]
228
124
  })
229
- ]
230
- })
231
- ]
125
+ }),
126
+ /*#__PURE__*/ jsxRuntime.jsxs("div", {
127
+ className: "image-to-layout-input-wrapper flex h-[60px] w-[600px] items-center rounded-[3px] border py-[10px] pl-3 pr-2",
128
+ children: [
129
+ /*#__PURE__*/ jsxRuntime.jsxs("svg", {
130
+ width: "54",
131
+ height: "22",
132
+ viewBox: "0 0 54 22",
133
+ fill: "none",
134
+ xmlns: "http://www.w3.org/2000/svg",
135
+ children: [
136
+ /*#__PURE__*/ jsxRuntime.jsx("path", {
137
+ d: "M8.12314 9.5696C8.04028 9.30114 7.92593 9.06084 7.7801 8.84872C7.63758 8.63329 7.46523 8.44934 7.26305 8.29688C7.06419 8.14441 6.83549 8.03007 6.57697 7.95383C6.31845 7.87429 6.03672 7.83452 5.7318 7.83452C5.18493 7.83452 4.69771 7.97206 4.27015 8.24716C3.8426 8.52225 3.50618 8.92661 3.26092 9.46023C3.01897 9.99053 2.89799 10.6368 2.89799 11.3991C2.89799 12.1681 3.01897 12.8194 3.26092 13.353C3.50287 13.8866 3.83928 14.2926 4.27015 14.571C4.70102 14.8461 5.2015 14.9837 5.77157 14.9837C6.28862 14.9837 6.73606 14.8842 7.1139 14.6854C7.49506 14.4865 7.78838 14.2048 7.99387 13.8402C8.19937 13.4723 8.30211 13.0414 8.30211 12.5476L8.71973 12.6122H5.95552V11.1705H10.0869V12.3935C10.0869 13.2652 9.90131 14.0192 9.5301 14.6555C9.15888 15.2919 8.64847 15.7824 7.99885 16.1271C7.34922 16.4685 6.60349 16.6392 5.76163 16.6392C4.82366 16.6392 4.00003 16.4287 3.29075 16.0078C2.58478 15.5836 2.03294 14.982 1.63521 14.2031C1.2408 13.4209 1.04359 12.4929 1.04359 11.419C1.04359 10.5971 1.15959 9.86293 1.3916 9.21662C1.62692 8.57031 1.95505 8.02178 2.37598 7.57102C2.7969 7.11695 3.29075 6.77225 3.85751 6.53693C4.42427 6.2983 5.04075 6.17898 5.70694 6.17898C6.27039 6.17898 6.79572 6.26184 7.28294 6.42756C7.77015 6.58996 8.20268 6.82197 8.58052 7.12358C8.96168 7.42519 9.27489 7.78314 9.52015 8.19744C9.76542 8.61174 9.92617 9.06913 10.0024 9.5696H8.12314ZM15.1716 16.6491C14.406 16.6491 13.7448 16.4901 13.1879 16.1719C12.6344 15.8504 12.2085 15.3963 11.9102 14.8097C11.6119 14.2197 11.4628 13.5253 11.4628 12.7266C11.4628 11.9411 11.6119 11.2517 11.9102 10.6584C12.2119 10.0618 12.6328 9.59777 13.173 9.26633C13.7133 8.93158 14.348 8.7642 15.0771 8.7642C15.5478 8.7642 15.9919 8.84044 16.4095 8.9929C16.8305 9.14205 17.2017 9.37405 17.5232 9.68892C17.848 10.0038 18.1032 10.4048 18.2888 10.892C18.4744 11.3759 18.5672 11.9527 18.5672 12.6222V13.174H12.308V11.9609H16.8421C16.8387 11.6162 16.7642 11.3097 16.6183 11.0412C16.4725 10.7694 16.2687 10.5556 16.0068 10.3999C15.7483 10.2441 15.4467 10.1662 15.102 10.1662C14.7341 10.1662 14.411 10.2557 14.1325 10.4347C13.8541 10.6103 13.637 10.8423 13.4813 11.1307C13.3288 11.4157 13.2509 11.7289 13.2476 12.0703V13.1293C13.2476 13.5734 13.3288 13.9545 13.4912 14.2727C13.6536 14.5876 13.8807 14.8295 14.1723 14.9986C14.464 15.1643 14.8054 15.2472 15.1965 15.2472C15.4583 15.2472 15.6953 15.2107 15.9074 15.1378C16.1195 15.0616 16.3035 14.9505 16.4593 14.8047C16.615 14.6589 16.7327 14.4782 16.8122 14.2628L18.4926 14.4517C18.3866 14.8958 18.1844 15.2836 17.8861 15.6151C17.5911 15.9432 17.2133 16.1984 16.7526 16.3807C16.2919 16.5597 15.7649 16.6491 15.1716 16.6491ZM20.0898 16.5V8.86364H21.8099V10.1612H21.8994C22.0585 9.72372 22.322 9.38234 22.6899 9.13707C23.0578 8.88849 23.497 8.7642 24.0074 8.7642C24.5244 8.7642 24.9603 8.89015 25.3149 9.14205C25.6729 9.39062 25.9247 9.73035 26.0706 10.1612H26.1501C26.3192 9.73698 26.6042 9.39891 27.0052 9.14702C27.4096 8.89181 27.8885 8.7642 28.442 8.7642C29.1447 8.7642 29.7181 8.98627 30.1622 9.4304C30.6063 9.87453 30.8284 10.5225 30.8284 11.3743V16.5H29.0237V11.6527C29.0237 11.1787 28.8978 10.8324 28.6459 10.6136C28.394 10.3916 28.0857 10.2805 27.7211 10.2805C27.287 10.2805 26.9472 10.4164 26.702 10.6882C26.46 10.9567 26.339 11.3063 26.339 11.7372V16.5H24.5741V11.5781C24.5741 11.1837 24.4548 10.8688 24.2162 10.6335C23.9809 10.3982 23.6726 10.2805 23.2915 10.2805C23.0329 10.2805 22.7976 10.3468 22.5855 10.4794C22.3734 10.6087 22.2043 10.7926 22.0784 11.0312C21.9524 11.2666 21.8895 11.5417 21.8895 11.8565V16.5H20.0898ZM34.0413 16.5H32.0725L35.657 6.31818H37.934L41.5235 16.5H39.5548L36.8353 8.40625H36.7558L34.0413 16.5ZM34.1059 12.5078H39.4752V13.9893H34.1059V12.5078ZM44.7091 6.31818V16.5H42.8646V6.31818H44.7091Z",
138
+ fill: "url(#paint0_linear_2814_111126)"
139
+ }),
140
+ /*#__PURE__*/ jsxRuntime.jsx("path", {
141
+ d: "M49.761 1.5282C49.8333 1.29268 50.1667 1.29268 50.239 1.5282L50.7182 3.08942C50.8113 3.39264 51.0427 3.63372 51.3419 3.73913L52.8309 4.26382C53.0534 4.34224 53.0534 4.65698 52.8309 4.7354L51.3419 5.26008C51.0427 5.36549 50.8113 5.60658 50.7182 5.9098L50.239 7.47101C50.1667 7.70653 49.8333 7.70653 49.761 7.47101L49.2818 5.9098C49.1887 5.60658 48.9573 5.36549 48.6582 5.26008L47.1692 4.7354C46.9466 4.65698 46.9466 4.34224 47.1692 4.26382L48.6582 3.73913C48.9573 3.63372 49.1887 3.39264 49.2818 3.08942L49.761 1.5282Z",
142
+ fill: "url(#paint1_linear_2814_111126)"
143
+ }),
144
+ /*#__PURE__*/ jsxRuntime.jsxs("defs", {
145
+ children: [
146
+ /*#__PURE__*/ jsxRuntime.jsxs("linearGradient", {
147
+ id: "paint0_linear_2814_111126",
148
+ x1: "46",
149
+ y1: "16.5338",
150
+ x2: "-0.000777919",
151
+ y2: "16.4189",
152
+ gradientUnits: "userSpaceOnUse",
153
+ children: [
154
+ /*#__PURE__*/ jsxRuntime.jsx("stop", {
155
+ stopColor: "#874CFD"
156
+ }),
157
+ /*#__PURE__*/ jsxRuntime.jsx("stop", {
158
+ offset: "1",
159
+ stopColor: "#3C38E1"
160
+ })
161
+ ]
162
+ }),
163
+ /*#__PURE__*/ jsxRuntime.jsxs("linearGradient", {
164
+ id: "paint1_linear_2814_111126",
165
+ x1: "52.1048",
166
+ y1: "3.12234",
167
+ x2: "47.7265",
168
+ y2: "3.42341",
169
+ gradientUnits: "userSpaceOnUse",
170
+ children: [
171
+ /*#__PURE__*/ jsxRuntime.jsx("stop", {
172
+ stopColor: "#3C67FF"
173
+ }),
174
+ /*#__PURE__*/ jsxRuntime.jsx("stop", {
175
+ offset: "1",
176
+ stopColor: "#874CFD"
177
+ })
178
+ ]
179
+ })
180
+ ]
181
+ })
182
+ ]
183
+ }),
184
+ /*#__PURE__*/ jsxRuntime.jsx("input", {
185
+ value: link,
186
+ onFocus: ()=>setOpenSuggestion(true),
187
+ onChange: (event)=>{
188
+ setLink(event.target.value);
189
+ },
190
+ id: "gp-img-to-layout-input-link",
191
+ placeholder: "Paste an URL to create layout",
192
+ className: "ml-2 flex-1 text-[#676767] outline-none"
193
+ }),
194
+ /*#__PURE__*/ jsxRuntime.jsx("div", {
195
+ id: "gp-img-to-layout-generate-btn",
196
+ className: "generate-image-to-layout-btn flex h-[40px] w-[94px] cursor-pointer items-center justify-center rounded-[3px] text-sm font-medium text-white",
197
+ children: "Generate"
198
+ }),
199
+ /*#__PURE__*/ jsxRuntime.jsx(PagesSuggestion.PagesSuggestion, {
200
+ setOpenSuggestion: setOpenSuggestion,
201
+ link: link,
202
+ setLink: setLink,
203
+ isOpen: openSuggestion
204
+ })
205
+ ]
206
+ }),
207
+ /*#__PURE__*/ jsxRuntime.jsxs("div", {
208
+ className: "mt-4 flex items-center text-xs",
209
+ children: [
210
+ /*#__PURE__*/ jsxRuntime.jsx("span", {
211
+ className: "font-normal text-[#676767]",
212
+ children: "or"
213
+ }),
214
+ /*#__PURE__*/ jsxRuntime.jsx("label", {
215
+ htmlFor: "gp-img-to-layout-gallery-btn",
216
+ className: " relative mx-[5px] cursor-pointer font-medium text-[#3C67FF]",
217
+ children: "Upload a screenshot or design of your website"
218
+ }),
219
+ /*#__PURE__*/ jsxRuntime.jsx("input", {
220
+ id: "gp-img-to-layout-gallery-btn",
221
+ className: "rounded-medium z-2 absolute hidden h-full w-full cursor-pointer opacity-0 outline-none",
222
+ type: "file",
223
+ accept: ".png, .jpg, .jpeg"
224
+ })
225
+ ]
226
+ })
227
+ ]
228
+ })
232
229
  });
233
230
  };
234
231