@gem-sdk/pages 1.7.0 → 1.7.8

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/Footer.js +8 -447
  2. package/dist/cjs/components/Header.js +32 -196
  3. package/dist/esm/components/Footer.js +9 -448
  4. package/dist/esm/components/Header.js +33 -197
  5. package/package.json +1 -1
package/dist/cjs/components/Header.js CHANGED
@@ -8,203 +8,39 @@ var core = require('@gem-sdk/core');
8
8
  const Header = ()=>{
9
9
  const layoutSetting = core.useShopStore((s)=>s.layoutSettings);
10
10
  if (!layoutSetting?.showHeader) return null;
11
- return /*#__PURE__*/ jsxRuntime.jsxs("div", {
12
- children: [
13
- /*#__PURE__*/ jsxRuntime.jsxs("div", {
14
- className: "mobile:hidden mx-4 flex h-20 items-center justify-between",
15
- children: [
16
- /*#__PURE__*/ jsxRuntime.jsx("div", {
17
- className: "w-[104px] text-left",
18
- children: /*#__PURE__*/ jsxRuntime.jsx("svg", {
19
- width: "60",
20
- height: "36",
21
- viewBox: "0 0 60 36",
22
- fill: "none",
23
- xmlns: "http://www.w3.org/2000/svg",
24
- children: /*#__PURE__*/ jsxRuntime.jsx("rect", {
25
- width: "60",
26
- height: "36",
27
- rx: "3",
28
- fill: "#D6D6D6"
29
- })
11
+ return /*#__PURE__*/ jsxRuntime.jsx("div", {
12
+ className: "bg-[#D6D6D6] h-12 flex items-center justify-center",
13
+ children: /*#__PURE__*/ jsxRuntime.jsxs("div", {
14
+ className: "h-6 bg-[#E2E2E2] rounded p-1 flex items-center justify-center",
15
+ children: [
16
+ /*#__PURE__*/ jsxRuntime.jsx("span", {
17
+ className: "text-[#252525] font-xs mr-[5px]",
18
+ children: "Shopify theme’s header"
19
+ }),
20
+ /*#__PURE__*/ jsxRuntime.jsxs("svg", {
21
+ className: "mobile:hidden",
22
+ width: "16",
23
+ height: "16",
24
+ viewBox: "0 0 16 16",
25
+ fill: "none",
26
+ xmlns: "http://www.w3.org/2000/svg",
27
+ children: [
28
+ /*#__PURE__*/ jsxRuntime.jsx("path", {
29
+ fillRule: "evenodd",
30
+ clipRule: "evenodd",
31
+ d: "M7.9996 5.08501C6.38958 5.08501 5.08441 6.39019 5.08441 8.00021C5.08441 9.61023 6.38958 10.9154 7.9996 10.9154C9.60962 10.9154 10.9148 9.61023 10.9148 8.00021C10.9148 6.39019 9.60962 5.08501 7.9996 5.08501ZM6.08441 8.00021C6.08441 6.94247 6.94187 6.08501 7.9996 6.08501C9.05734 6.08501 9.9148 6.94247 9.9148 8.00021C9.9148 9.05794 9.05734 9.9154 7.9996 9.9154C6.94187 9.9154 6.08441 9.05794 6.08441 8.00021Z",
32
+ fill: "#252525"
33
+ }),
34
+ /*#__PURE__*/ jsxRuntime.jsx("path", {
35
+ fillRule: "evenodd",
36
+ clipRule: "evenodd",
37
+ d: "M6.52326 1.00391C6.28114 1.00391 6.07381 1.17739 6.0311 1.41572L5.74126 3.03321C5.40322 3.18248 5.08321 3.36419 4.78533 3.57432L3.18532 3.00147C2.9566 2.91958 2.70211 3.01395 2.58207 3.22517L1.12196 5.79451C1.00193 6.00572 1.05109 6.27266 1.2385 6.42725L2.50062 7.46836C2.48333 7.64355 2.4745 7.82106 2.4745 8.00047C2.4745 8.17981 2.48333 8.35726 2.5006 8.53238L1.2385 9.57347C1.05109 9.72806 1.00193 9.995 1.12196 10.2062L2.58207 12.7756C2.70211 12.9868 2.9566 13.0811 3.18532 12.9993L4.78513 12.4265C5.08308 12.6367 5.40317 12.8185 5.7413 12.9678L6.0311 14.585C6.07381 14.8233 6.28114 14.9968 6.52326 14.9968H9.47623C9.71835 14.9968 9.92568 14.8233 9.96839 14.585L10.2582 12.9676C10.5963 12.8183 10.9163 12.6365 11.2141 12.4264L12.8142 12.9993C13.0429 13.0811 13.2974 12.9868 13.4174 12.7756L14.8775 10.2062C14.9976 9.995 14.9484 9.72806 14.761 9.57347L13.4985 8.5321C13.5158 8.35706 13.5246 8.17971 13.5246 8.00047C13.5246 7.82116 13.5158 7.64375 13.4985 7.46864L14.761 6.42725C14.9484 6.27266 14.9976 6.00572 14.8775 5.79451L13.4174 3.22517C13.2974 3.01395 13.0429 2.91958 12.8142 3.00147L11.2139 3.57441C10.9161 3.36433 10.5962 3.18264 10.2583 3.0334L9.96839 1.41572C9.92568 1.17739 9.71835 1.00391 9.47623 1.00391H6.52326ZM6.67723 3.47943L6.94163 2.00391H9.05786L9.32229 3.47958C9.35324 3.6523 9.47246 3.79616 9.63643 3.85863C10.0674 4.02283 10.4665 4.25007 10.8219 4.5288C10.9571 4.63483 11.1373 4.66402 11.299 4.6061L12.7556 4.08459L13.8005 5.92323L12.6501 6.8722C12.5142 6.98427 12.4473 7.15956 12.474 7.33366C12.5073 7.55089 12.5246 7.77354 12.5246 8.00047C12.5246 8.22735 12.5073 8.44993 12.474 8.66711C12.4474 8.8412 12.5142 9.01648 12.6501 9.12855L13.8005 10.0775L12.7556 11.9161L11.2992 11.3947C11.1374 11.3368 10.9573 11.366 10.8221 11.472C10.4666 11.7508 10.0675 11.9781 9.6364 12.1423C9.47242 12.2048 9.3532 12.3487 9.32225 12.5214L9.05786 13.9968H6.94163L6.67727 12.5215C6.64632 12.3488 6.52708 12.2049 6.36308 12.1425C5.9319 11.9782 5.53267 11.7509 5.17713 11.4721C5.04194 11.3661 4.86178 11.3369 4.70003 11.3948L3.24387 11.9161L2.199 10.0775L3.34904 9.12883C3.48491 9.01675 3.55179 8.84146 3.52511 8.66736C3.4918 8.4501 3.4745 8.22743 3.4745 8.00047C3.4745 7.77345 3.49181 7.55072 3.52513 7.33341C3.55183 7.15931 3.48495 6.984 3.34907 6.87192L2.199 5.92323L3.24387 4.08459L4.70022 4.60601C4.86197 4.66392 5.04212 4.63474 5.17731 4.52872C5.53279 4.24994 5.93195 4.02269 6.36304 3.85849C6.52704 3.79603 6.64628 3.65216 6.67723 3.47943Z",
38
+ fill: "#252525"
30
39
  })
31
- }),
32
- /*#__PURE__*/ jsxRuntime.jsxs("div", {
33
- className: "flex gap-10",
34
- children: [
35
- /*#__PURE__*/ jsxRuntime.jsx("svg", {
36
- width: "48",
37
- height: "12",
38
- viewBox: "0 0 48 12",
39
- fill: "none",
40
- xmlns: "http://www.w3.org/2000/svg",
41
- children: /*#__PURE__*/ jsxRuntime.jsx("rect", {
42
- width: "48",
43
- height: "12",
44
- rx: "3",
45
- fill: "#D6D6D6"
46
- })
47
- }),
48
- /*#__PURE__*/ jsxRuntime.jsx("svg", {
49
- width: "48",
50
- height: "12",
51
- viewBox: "0 0 48 12",
52
- fill: "none",
53
- xmlns: "http://www.w3.org/2000/svg",
54
- children: /*#__PURE__*/ jsxRuntime.jsx("rect", {
55
- width: "48",
56
- height: "12",
57
- rx: "3",
58
- fill: "#D6D6D6"
59
- })
60
- }),
61
- /*#__PURE__*/ jsxRuntime.jsx("svg", {
62
- width: "48",
63
- height: "12",
64
- viewBox: "0 0 48 12",
65
- fill: "none",
66
- xmlns: "http://www.w3.org/2000/svg",
67
- children: /*#__PURE__*/ jsxRuntime.jsx("rect", {
68
- width: "48",
69
- height: "12",
70
- rx: "3",
71
- fill: "#D6D6D6"
72
- })
73
- }),
74
- /*#__PURE__*/ jsxRuntime.jsx("svg", {
75
- width: "48",
76
- height: "12",
77
- viewBox: "0 0 48 12",
78
- fill: "none",
79
- xmlns: "http://www.w3.org/2000/svg",
80
- children: /*#__PURE__*/ jsxRuntime.jsx("rect", {
81
- width: "48",
82
- height: "12",
83
- rx: "3",
84
- fill: "#D6D6D6"
85
- })
86
- })
87
- ]
88
- }),
89
- /*#__PURE__*/ jsxRuntime.jsxs("div", {
90
- className: "flex gap-6",
91
- children: [
92
- /*#__PURE__*/ jsxRuntime.jsx("svg", {
93
- width: "40",
94
- height: "40",
95
- viewBox: "0 0 40 40",
96
- fill: "none",
97
- xmlns: "http://www.w3.org/2000/svg",
98
- children: /*#__PURE__*/ jsxRuntime.jsx("path", {
99
- fillRule: "evenodd",
100
- clipRule: "evenodd",
101
- d: "M18.3337 5.4165C11.2 5.4165 5.41699 11.1995 5.41699 18.3332C5.41699 25.4668 11.2 31.2498 18.3337 31.2498C21.4503 31.2498 24.3092 30.146 26.5406 28.3079L32.9553 34.7226C33.4434 35.2107 34.2349 35.2107 34.723 34.7226C35.2112 34.2344 35.2112 33.4429 34.723 32.9548L28.3084 26.5401C30.1465 24.3087 31.2503 21.4499 31.2503 18.3332C31.2503 11.1995 25.4673 5.4165 18.3337 5.4165ZM7.91699 18.3332C7.91699 12.5802 12.5807 7.9165 18.3337 7.9165C24.0866 7.9165 28.7503 12.5802 28.7503 18.3332C28.7503 24.0861 24.0866 28.7498 18.3337 28.7498C12.5807 28.7498 7.91699 24.0861 7.91699 18.3332Z",
102
- fill: "#D6D6D6"
103
- })
104
- }),
105
- /*#__PURE__*/ jsxRuntime.jsxs("svg", {
106
- width: "40",
107
- height: "40",
108
- viewBox: "0 0 40 40",
109
- fill: "none",
110
- xmlns: "http://www.w3.org/2000/svg",
111
- children: [
112
- /*#__PURE__*/ jsxRuntime.jsx("path", {
113
- fillRule: "evenodd",
114
- clipRule: "evenodd",
115
- d: "M3.71 5.61469C3.7157 4.92436 4.27994 4.36935 4.97027 4.37504L8.20125 4.40169C9.14067 4.40944 9.99645 4.94319 10.4166 5.78343L11.4208 7.79145H33.7865C35.65 7.79145 36.8585 9.75701 36.0173 11.4199L31.4223 20.5035C30.9967 21.3447 30.1342 21.875 29.1915 21.875H17.01L14.7039 26.875L33.359 26.875C34.0493 26.875 34.609 27.4346 34.609 28.125C34.609 28.8154 34.0493 29.375 33.359 29.375H14.7039C12.8797 29.375 11.6697 27.4844 12.4337 25.828L14.8285 20.6357L9.52581 9.59153L8.18063 6.90161L4.94965 6.87496C4.25932 6.86926 3.70431 6.30502 3.71 5.61469ZM12.6351 10.2914L16.9964 19.375H29.1915L33.7865 10.2914H12.6351Z",
116
- fill: "#D6D6D6"
117
- }),
118
- /*#__PURE__*/ jsxRuntime.jsx("path", {
119
- d: "M18.71 33.125C18.71 34.5057 17.5907 35.625 16.21 35.625C14.8293 35.625 13.71 34.5057 13.71 33.125C13.71 31.7443 14.8293 30.625 16.21 30.625C17.5907 30.625 18.71 31.7443 18.71 33.125Z",
120
- fill: "#D6D6D6"
121
- }),
122
- /*#__PURE__*/ jsxRuntime.jsx("path", {
123
- d: "M31.21 33.125C31.21 34.5057 30.0907 35.625 28.71 35.625C27.3292 35.625 26.21 34.5057 26.21 33.125C26.21 31.7443 27.3292 30.625 28.71 30.625C30.0907 30.625 31.21 31.7443 31.21 33.125Z",
124
- fill: "#D6D6D6"
125
- })
126
- ]
127
- })
128
- ]
129
- })
130
- ]
131
- }),
132
- /*#__PURE__*/ jsxRuntime.jsxs("div", {
133
- className: "mobile:flex mx-4 hidden h-20 items-center justify-between",
134
- children: [
135
- /*#__PURE__*/ jsxRuntime.jsx("div", {
136
- className: "w-20 text-left",
137
- children: /*#__PURE__*/ jsxRuntime.jsx("svg", {
138
- width: "32",
139
- height: "32",
140
- viewBox: "0 0 32 32",
141
- fill: "none",
142
- xmlns: "http://www.w3.org/2000/svg",
143
- children: /*#__PURE__*/ jsxRuntime.jsx("path", {
144
- fillRule: "evenodd",
145
- clipRule: "evenodd",
146
- d: "M3.5 8C3.5 7.44772 3.94772 7 4.5 7H27.5C28.0523 7 28.5 7.44772 28.5 8C28.5 8.55228 28.0523 9 27.5 9H4.5C3.94772 9 3.5 8.55228 3.5 8ZM3.5 16C3.5 15.4477 3.94772 15 4.5 15H27.5C28.0523 15 28.5 15.4477 28.5 16C28.5 16.5523 28.0523 17 27.5 17H4.5C3.94772 17 3.5 16.5523 3.5 16ZM3.5 24C3.5 23.4477 3.94772 23 4.5 23H27.5C28.0523 23 28.5 23.4477 28.5 24C28.5 24.5523 28.0523 25 27.5 25H4.5C3.94772 25 3.5 24.5523 3.5 24Z",
147
- fill: "#D6D6D6"
148
- })
149
- })
150
- }),
151
- /*#__PURE__*/ jsxRuntime.jsx("svg", {
152
- width: "60",
153
- height: "36",
154
- viewBox: "0 0 60 36",
155
- fill: "none",
156
- xmlns: "http://www.w3.org/2000/svg",
157
- children: /*#__PURE__*/ jsxRuntime.jsx("rect", {
158
- width: "60",
159
- height: "36",
160
- rx: "3",
161
- fill: "#D6D6D6"
162
- })
163
- }),
164
- /*#__PURE__*/ jsxRuntime.jsxs("div", {
165
- className: "flex w-20 gap-4",
166
- children: [
167
- /*#__PURE__*/ jsxRuntime.jsx("svg", {
168
- width: "32",
169
- height: "32",
170
- viewBox: "0 0 32 32",
171
- fill: "none",
172
- xmlns: "http://www.w3.org/2000/svg",
173
- children: /*#__PURE__*/ jsxRuntime.jsx("path", {
174
- fillRule: "evenodd",
175
- clipRule: "evenodd",
176
- d: "M14 6C9.58172 6 6 9.58172 6 14C6 18.4183 9.58172 22 14 22C18.4183 22 22 18.4183 22 14C22 9.58172 18.4183 6 14 6ZM4 14C4 8.47715 8.47715 4 14 4C19.5228 4 24 8.47715 24 14C24 16.4013 23.1536 18.6049 21.7429 20.3287L27.7782 26.364C28.1687 26.7545 28.1687 27.3877 27.7782 27.7782C27.3877 28.1687 26.7545 28.1687 26.364 27.7782L20.3287 21.7429C18.6049 23.1536 16.4013 24 14 24C8.47715 24 4 19.5228 4 14Z",
177
- fill: "#D6D6D6"
178
- })
179
- }),
180
- /*#__PURE__*/ jsxRuntime.jsxs("svg", {
181
- width: "32",
182
- height: "32",
183
- viewBox: "0 0 32 32",
184
- fill: "none",
185
- xmlns: "http://www.w3.org/2000/svg",
186
- children: [
187
- /*#__PURE__*/ jsxRuntime.jsx("path", {
188
- fillRule: "evenodd",
189
- clipRule: "evenodd",
190
- d: "M2.65628 3.99175C2.66084 3.43949 3.11223 2.99548 3.6645 3.00003L6.24928 3.02135C7.00082 3.02755 7.68544 3.45455 8.02159 4.12675L8.82492 5.73316H26.7175C28.2083 5.73316 29.1751 7.30561 28.5021 8.63594L24.8261 15.9028C24.4857 16.5758 23.7956 17 23.0414 17H13.2963L11.4514 21L26.3755 21C26.9277 21 27.3755 21.4477 27.3755 22C27.3755 22.5523 26.9277 23 26.3755 23H11.4514C9.99206 23 9.02407 21.4876 9.63527 20.1624L11.5511 16.0086L7.30893 7.17323L6.23279 5.02128L3.648 4.99997C3.09574 4.99541 2.65173 4.54402 2.65628 3.99175ZM9.79635 7.73316L13.2854 15H23.0414L26.7175 7.73316H9.79635Z",
191
- fill: "#D6D6D6"
192
- }),
193
- /*#__PURE__*/ jsxRuntime.jsx("path", {
194
- d: "M14.6563 26C14.6563 27.1046 13.7608 28 12.6563 28C11.5517 28 10.6563 27.1046 10.6563 26C10.6563 24.8954 11.5517 24 12.6563 24C13.7608 24 14.6563 24.8954 14.6563 26Z",
195
- fill: "#D6D6D6"
196
- }),
197
- /*#__PURE__*/ jsxRuntime.jsx("path", {
198
- d: "M24.6562 26C24.6562 27.1046 23.7608 28 22.6562 28C21.5517 28 20.6562 27.1046 20.6562 26C20.6562 24.8954 21.5517 24 22.6562 24C23.7608 24 24.6562 24.8954 24.6562 26Z",
199
- fill: "#D6D6D6"
200
- })
201
- ]
202
- })
203
- ]
204
- })
205
- ]
206
- })
207
- ]
40
+ ]
41
+ })
42
+ ]
43
+ })
208
44
  });
209
45
  };
210
46