create-brainerce-store 1.52.4 → 1.53.0
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.
- package/LICENSE +21 -0
- package/dist/index.js +4 -2
- package/messages/en.json +2 -0
- package/messages/he.json +2 -0
- package/package.json +1 -1
- package/templates/nextjs/base/next.config.ts +86 -76
- package/templates/nextjs/base/src/app/layout.tsx.ejs +227 -223
- package/templates/nextjs/base/src/components/checkout/checkout-form.tsx +118 -4
- package/templates/nextjs/base/src/core/providers/store-provider.tsx.ejs +10 -1
- package/templates/nextjs/designs/atelier/app-overlay/layout.tsx.ejs +255 -251
- package/templates/nextjs/designs/atelier/ui/shared/icons.tsx +269 -269
|
@@ -1,269 +1,269 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Inline icon set — minimal 24px-grid stroke icons (lucide-style).
|
|
3
|
-
* The project ships no icon dependency; every icon in the storefront comes
|
|
4
|
-
* from here so sizing (16/20/24) and stroke weight stay consistent.
|
|
5
|
-
* All icons are decorative by default (aria-hidden) — pair with sr-only text.
|
|
6
|
-
*/
|
|
7
|
-
import * as React from 'react';
|
|
8
|
-
|
|
9
|
-
export type IconProps = {
|
|
10
|
-
size?: 16 | 18 | 20 | 24 | 28 | 32;
|
|
11
|
-
className?: string;
|
|
12
|
-
/** stroke width — 1.75 default matches the light, jewelry-grade look */
|
|
13
|
-
strokeWidth?: number;
|
|
14
|
-
};
|
|
15
|
-
|
|
16
|
-
function Base({
|
|
17
|
-
size = 20,
|
|
18
|
-
className,
|
|
19
|
-
strokeWidth = 1.75,
|
|
20
|
-
children,
|
|
21
|
-
fill = 'none',
|
|
22
|
-
}: IconProps & { children: React.ReactNode; fill?: string }) {
|
|
23
|
-
return (
|
|
24
|
-
<svg
|
|
25
|
-
width={size}
|
|
26
|
-
height={size}
|
|
27
|
-
viewBox="0 0 24 24"
|
|
28
|
-
fill={fill}
|
|
29
|
-
stroke="currentColor"
|
|
30
|
-
strokeWidth={strokeWidth}
|
|
31
|
-
strokeLinecap="round"
|
|
32
|
-
strokeLinejoin="round"
|
|
33
|
-
aria-hidden="true"
|
|
34
|
-
className={className}
|
|
35
|
-
>
|
|
36
|
-
{children}
|
|
37
|
-
</svg>
|
|
38
|
-
);
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
export function IconBag(p: IconProps) {
|
|
42
|
-
return (
|
|
43
|
-
<Base {...p}>
|
|
44
|
-
<path d="M6 7h12l1.2 12.2a1.8 1.8 0 0 1-1.8 1.8H6.6a1.8 1.8 0 0 1-1.8-1.8L6 7Z" />
|
|
45
|
-
<path d="M9 10V6a3 3 0 0 1 6 0v4" />
|
|
46
|
-
</Base>
|
|
47
|
-
);
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
export function IconUser(p: IconProps) {
|
|
51
|
-
return (
|
|
52
|
-
<Base {...p}>
|
|
53
|
-
<circle cx="12" cy="8" r="3.5" />
|
|
54
|
-
<path d="M5 20c1.4-3 4-4.5 7-4.5s5.6 1.5 7 4.5" />
|
|
55
|
-
</Base>
|
|
56
|
-
);
|
|
57
|
-
}
|
|
58
|
-
|
|
59
|
-
export function IconMenu(p: IconProps) {
|
|
60
|
-
return (
|
|
61
|
-
<Base {...p}>
|
|
62
|
-
<path d="M4 7h16M4 12h16M4 17h16" />
|
|
63
|
-
</Base>
|
|
64
|
-
);
|
|
65
|
-
}
|
|
66
|
-
|
|
67
|
-
export function IconX(p: IconProps) {
|
|
68
|
-
return (
|
|
69
|
-
<Base {...p}>
|
|
70
|
-
<path d="M6 6l12 12M18 6L6 18" />
|
|
71
|
-
</Base>
|
|
72
|
-
);
|
|
73
|
-
}
|
|
74
|
-
|
|
75
|
-
export function IconPlus(p: IconProps) {
|
|
76
|
-
return (
|
|
77
|
-
<Base {...p}>
|
|
78
|
-
<path d="M12 5v14M5 12h14" />
|
|
79
|
-
</Base>
|
|
80
|
-
);
|
|
81
|
-
}
|
|
82
|
-
|
|
83
|
-
export function IconMinus(p: IconProps) {
|
|
84
|
-
return (
|
|
85
|
-
<Base {...p}>
|
|
86
|
-
<path d="M5 12h14" />
|
|
87
|
-
</Base>
|
|
88
|
-
);
|
|
89
|
-
}
|
|
90
|
-
|
|
91
|
-
export function IconTrash(p: IconProps) {
|
|
92
|
-
return (
|
|
93
|
-
<Base {...p}>
|
|
94
|
-
<path d="M4 7h16M10 11v6M14 11v6M6 7l1 13a1.5 1.5 0 0 0 1.5 1.3h7A1.5 1.5 0 0 0 17 20l1-13M9 7V5a1.5 1.5 0 0 1 1.5-1.5h3A1.5 1.5 0 0 1 15 5v2" />
|
|
95
|
-
</Base>
|
|
96
|
-
);
|
|
97
|
-
}
|
|
98
|
-
|
|
99
|
-
export function IconCheck(p: IconProps) {
|
|
100
|
-
return (
|
|
101
|
-
<Base {...p}>
|
|
102
|
-
<path d="M5 12.5 10 17.5 19 7" />
|
|
103
|
-
</Base>
|
|
104
|
-
);
|
|
105
|
-
}
|
|
106
|
-
|
|
107
|
-
export function IconStar({ filled = true, ...p }: IconProps & { filled?: boolean }) {
|
|
108
|
-
return (
|
|
109
|
-
<Base {...p} fill={filled ? 'currentColor' : 'none'} strokeWidth={filled ? 0 : 1.5}>
|
|
110
|
-
<path d="M12 3.2 14.7 8.7 20.8 9.6 16.4 13.9 17.4 20 12 17.1 6.6 20 7.6 13.9 3.2 9.6 9.3 8.7 12 3.2Z" />
|
|
111
|
-
</Base>
|
|
112
|
-
);
|
|
113
|
-
}
|
|
114
|
-
|
|
115
|
-
export function IconTruck(p: IconProps) {
|
|
116
|
-
return (
|
|
117
|
-
<Base {...p}>
|
|
118
|
-
<path d="M3 6.5h11v10H3zM14 10h3.5l3 3v3.5h-3" />
|
|
119
|
-
<circle cx="7" cy="17.5" r="1.8" />
|
|
120
|
-
<circle cx="17" cy="17.5" r="1.8" />
|
|
121
|
-
</Base>
|
|
122
|
-
);
|
|
123
|
-
}
|
|
124
|
-
|
|
125
|
-
export function IconShield(p: IconProps) {
|
|
126
|
-
return (
|
|
127
|
-
<Base {...p}>
|
|
128
|
-
<path d="M12 3.5 19 6v5.5c0 4.5-3 7.7-7 9-4-1.3-7-4.5-7-9V6l7-2.5Z" />
|
|
129
|
-
<path d="m9 11.8 2.2 2.2L15.5 9.5" />
|
|
130
|
-
</Base>
|
|
131
|
-
);
|
|
132
|
-
}
|
|
133
|
-
|
|
134
|
-
export function IconGem(p: IconProps) {
|
|
135
|
-
return (
|
|
136
|
-
<Base {...p}>
|
|
137
|
-
<path d="M7 4h10l3.5 5L12 20.5 1.5 9 5 4Z M1.5 9h21M9.5 4 12 9l2.5-5M12 20.5 9.5 9M12 20.5 14.5 9" strokeWidth={1.4} />
|
|
138
|
-
</Base>
|
|
139
|
-
);
|
|
140
|
-
}
|
|
141
|
-
|
|
142
|
-
export function IconReturn(p: IconProps) {
|
|
143
|
-
return (
|
|
144
|
-
<Base {...p}>
|
|
145
|
-
<path d="M4 9h11a5 5 0 0 1 0 10H8" />
|
|
146
|
-
<path d="M8 5 4 9l4 4" />
|
|
147
|
-
</Base>
|
|
148
|
-
);
|
|
149
|
-
}
|
|
150
|
-
|
|
151
|
-
export function IconChevronDown(p: IconProps) {
|
|
152
|
-
return (
|
|
153
|
-
<Base {...p}>
|
|
154
|
-
<path d="m6 9 6 6 6-6" />
|
|
155
|
-
</Base>
|
|
156
|
-
);
|
|
157
|
-
}
|
|
158
|
-
|
|
159
|
-
/** Points toward the inline-end (reading direction). Add className="rtl-flip". */
|
|
160
|
-
export function IconArrowEnd(p: IconProps) {
|
|
161
|
-
return (
|
|
162
|
-
<Base {...p}>
|
|
163
|
-
<path d="M4 12h16M14 6l6 6-6 6" />
|
|
164
|
-
</Base>
|
|
165
|
-
);
|
|
166
|
-
}
|
|
167
|
-
|
|
168
|
-
export function IconSparkle(p: IconProps) {
|
|
169
|
-
return (
|
|
170
|
-
<Base {...p}>
|
|
171
|
-
<path d="M12 4c.7 3.6 2.4 5.3 6 6-3.6.7-5.3 2.4-6 6-.7-3.6-2.4-5.3-6-6 3.6-.7 5.3-2.4 6-6Z" />
|
|
172
|
-
<path d="M19 15.5c.3 1.5 1 2.2 2.5 2.5-1.5.3-2.2 1-2.5 2.5-.3-1.5-1-2.2-2.5-2.5 1.5-.3 2.2-1 2.5-2.5Z" strokeWidth={1.4} />
|
|
173
|
-
</Base>
|
|
174
|
-
);
|
|
175
|
-
}
|
|
176
|
-
|
|
177
|
-
export function IconQuote(p: IconProps) {
|
|
178
|
-
return (
|
|
179
|
-
<Base {...p} fill="currentColor" strokeWidth={0}>
|
|
180
|
-
<path d="M5 6.5A4.5 4.5 0 0 0 3 11v6.5h6.5V11H6a3 3 0 0 1 2.5-3V6.5H5Zm10 0A4.5 4.5 0 0 0 13 11v6.5h6.5V11H16a3 3 0 0 1 2.5-3V6.5H15Z" />
|
|
181
|
-
</Base>
|
|
182
|
-
);
|
|
183
|
-
}
|
|
184
|
-
|
|
185
|
-
export function IconMail(p: IconProps) {
|
|
186
|
-
return (
|
|
187
|
-
<Base {...p}>
|
|
188
|
-
<rect x="3" y="5.5" width="18" height="13" rx="2" />
|
|
189
|
-
<path d="m4 7.5 8 6 8-6" />
|
|
190
|
-
</Base>
|
|
191
|
-
);
|
|
192
|
-
}
|
|
193
|
-
|
|
194
|
-
export function IconClock(p: IconProps) {
|
|
195
|
-
return (
|
|
196
|
-
<Base {...p}>
|
|
197
|
-
<circle cx="12" cy="12" r="8.5" />
|
|
198
|
-
<path d="M12 7.5V12l3 2" />
|
|
199
|
-
</Base>
|
|
200
|
-
);
|
|
201
|
-
}
|
|
202
|
-
|
|
203
|
-
export function IconTag(p: IconProps) {
|
|
204
|
-
return (
|
|
205
|
-
<Base {...p}>
|
|
206
|
-
<path d="m3.5 12.5 8-8H20v8.5l-8 8a1.7 1.7 0 0 1-2.4 0l-6.1-6.1a1.7 1.7 0 0 1 0-2.4Z" />
|
|
207
|
-
<circle cx="15.5" cy="8.5" r="1.4" />
|
|
208
|
-
</Base>
|
|
209
|
-
);
|
|
210
|
-
}
|
|
211
|
-
|
|
212
|
-
export function IconDownload(p: IconProps) {
|
|
213
|
-
return (
|
|
214
|
-
<Base {...p}>
|
|
215
|
-
<path d="M12 4v11M7 10.5 12 15.5l5-5M5 19.5h14" />
|
|
216
|
-
</Base>
|
|
217
|
-
);
|
|
218
|
-
}
|
|
219
|
-
|
|
220
|
-
/** Social glyphs for the footer (filled, single-color). */
|
|
221
|
-
export function IconSocial({ platform, ...p }: IconProps & { platform: string }) {
|
|
222
|
-
const key = platform.toLowerCase();
|
|
223
|
-
if (key.includes('instagram')) {
|
|
224
|
-
return (
|
|
225
|
-
<Base {...p} strokeWidth={1.6}>
|
|
226
|
-
<rect x="3.5" y="3.5" width="17" height="17" rx="4.5" />
|
|
227
|
-
<circle cx="12" cy="12" r="4" />
|
|
228
|
-
<circle cx="17.2" cy="6.8" r="0.6" fill="currentColor" stroke="none" />
|
|
229
|
-
</Base>
|
|
230
|
-
);
|
|
231
|
-
}
|
|
232
|
-
if (key.includes('facebook')) {
|
|
233
|
-
return (
|
|
234
|
-
<Base {...p} fill="currentColor" strokeWidth={0}>
|
|
235
|
-
<path d="M13.5 21v-7h2.4l.4-3h-2.8V9.1c0-.9.3-1.5 1.6-1.5h1.3V4.9c-.2 0-1-.1-1.9-.1-1.9 0-3.3 1.2-3.3 3.4V11H8.5v3h2.7v7h2.3Z" />
|
|
236
|
-
</Base>
|
|
237
|
-
);
|
|
238
|
-
}
|
|
239
|
-
if (key.includes('tiktok')) {
|
|
240
|
-
return (
|
|
241
|
-
<Base {...p} fill="currentColor" strokeWidth={0}>
|
|
242
|
-
<path d="M16.6 3c.3 2 1.5 3.3 3.4 3.6v2.8c-1.3 0-2.5-.4-3.4-1.1v5.9a5.6 5.6 0 1 1-5.6-5.6c.3 0 .6 0 .9.1v2.9a2.7 2.7 0 1 0 1.9 2.6V3h2.8Z" />
|
|
243
|
-
</Base>
|
|
244
|
-
);
|
|
245
|
-
}
|
|
246
|
-
if (key.includes('whatsapp')) {
|
|
247
|
-
return (
|
|
248
|
-
<Base {...p} strokeWidth={1.6}>
|
|
249
|
-
<path d="M12 3.5a8.5 8.5 0 0 0-7.3 12.8L3.5 20.5l4.3-1.1A8.5 8.5 0 1 0 12 3.5Z" />
|
|
250
|
-
<path d="M9 8.8c-.3 2.5 3.7 6.5 6.2 6.2l.6-1.5-2-1-.8.6c-.8-.4-1.7-1.3-2.1-2.1l.6-.8-1-2-1.5.6Z" strokeWidth={1.3} />
|
|
251
|
-
</Base>
|
|
252
|
-
);
|
|
253
|
-
}
|
|
254
|
-
if (key.includes('youtube')) {
|
|
255
|
-
return (
|
|
256
|
-
<Base {...p} strokeWidth={1.6}>
|
|
257
|
-
<rect x="2.5" y="6" width="19" height="12" rx="3" />
|
|
258
|
-
<path d="m10 9.5 5 2.5-5 2.5v-5Z" fill="currentColor" stroke="none" />
|
|
259
|
-
</Base>
|
|
260
|
-
);
|
|
261
|
-
}
|
|
262
|
-
// Fallback: globe
|
|
263
|
-
return (
|
|
264
|
-
<Base {...p} strokeWidth={1.6}>
|
|
265
|
-
<circle cx="12" cy="12" r="8.5" />
|
|
266
|
-
<path d="M3.5 12h17M12 3.5c-4.7 4.7-4.7 12.3 0 17 4.7-4.7 4.7-12.3 0-17Z" />
|
|
267
|
-
</Base>
|
|
268
|
-
);
|
|
269
|
-
}
|
|
1
|
+
/**
|
|
2
|
+
* Inline icon set — minimal 24px-grid stroke icons (lucide-style).
|
|
3
|
+
* The project ships no icon dependency; every icon in the storefront comes
|
|
4
|
+
* from here so sizing (16/20/24) and stroke weight stay consistent.
|
|
5
|
+
* All icons are decorative by default (aria-hidden) — pair with sr-only text.
|
|
6
|
+
*/
|
|
7
|
+
import * as React from 'react';
|
|
8
|
+
|
|
9
|
+
export type IconProps = {
|
|
10
|
+
size?: 16 | 18 | 20 | 24 | 28 | 32 | 56;
|
|
11
|
+
className?: string;
|
|
12
|
+
/** stroke width — 1.75 default matches the light, jewelry-grade look */
|
|
13
|
+
strokeWidth?: number;
|
|
14
|
+
};
|
|
15
|
+
|
|
16
|
+
function Base({
|
|
17
|
+
size = 20,
|
|
18
|
+
className,
|
|
19
|
+
strokeWidth = 1.75,
|
|
20
|
+
children,
|
|
21
|
+
fill = 'none',
|
|
22
|
+
}: IconProps & { children: React.ReactNode; fill?: string }) {
|
|
23
|
+
return (
|
|
24
|
+
<svg
|
|
25
|
+
width={size}
|
|
26
|
+
height={size}
|
|
27
|
+
viewBox="0 0 24 24"
|
|
28
|
+
fill={fill}
|
|
29
|
+
stroke="currentColor"
|
|
30
|
+
strokeWidth={strokeWidth}
|
|
31
|
+
strokeLinecap="round"
|
|
32
|
+
strokeLinejoin="round"
|
|
33
|
+
aria-hidden="true"
|
|
34
|
+
className={className}
|
|
35
|
+
>
|
|
36
|
+
{children}
|
|
37
|
+
</svg>
|
|
38
|
+
);
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
export function IconBag(p: IconProps) {
|
|
42
|
+
return (
|
|
43
|
+
<Base {...p}>
|
|
44
|
+
<path d="M6 7h12l1.2 12.2a1.8 1.8 0 0 1-1.8 1.8H6.6a1.8 1.8 0 0 1-1.8-1.8L6 7Z" />
|
|
45
|
+
<path d="M9 10V6a3 3 0 0 1 6 0v4" />
|
|
46
|
+
</Base>
|
|
47
|
+
);
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
export function IconUser(p: IconProps) {
|
|
51
|
+
return (
|
|
52
|
+
<Base {...p}>
|
|
53
|
+
<circle cx="12" cy="8" r="3.5" />
|
|
54
|
+
<path d="M5 20c1.4-3 4-4.5 7-4.5s5.6 1.5 7 4.5" />
|
|
55
|
+
</Base>
|
|
56
|
+
);
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
export function IconMenu(p: IconProps) {
|
|
60
|
+
return (
|
|
61
|
+
<Base {...p}>
|
|
62
|
+
<path d="M4 7h16M4 12h16M4 17h16" />
|
|
63
|
+
</Base>
|
|
64
|
+
);
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
export function IconX(p: IconProps) {
|
|
68
|
+
return (
|
|
69
|
+
<Base {...p}>
|
|
70
|
+
<path d="M6 6l12 12M18 6L6 18" />
|
|
71
|
+
</Base>
|
|
72
|
+
);
|
|
73
|
+
}
|
|
74
|
+
|
|
75
|
+
export function IconPlus(p: IconProps) {
|
|
76
|
+
return (
|
|
77
|
+
<Base {...p}>
|
|
78
|
+
<path d="M12 5v14M5 12h14" />
|
|
79
|
+
</Base>
|
|
80
|
+
);
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
export function IconMinus(p: IconProps) {
|
|
84
|
+
return (
|
|
85
|
+
<Base {...p}>
|
|
86
|
+
<path d="M5 12h14" />
|
|
87
|
+
</Base>
|
|
88
|
+
);
|
|
89
|
+
}
|
|
90
|
+
|
|
91
|
+
export function IconTrash(p: IconProps) {
|
|
92
|
+
return (
|
|
93
|
+
<Base {...p}>
|
|
94
|
+
<path d="M4 7h16M10 11v6M14 11v6M6 7l1 13a1.5 1.5 0 0 0 1.5 1.3h7A1.5 1.5 0 0 0 17 20l1-13M9 7V5a1.5 1.5 0 0 1 1.5-1.5h3A1.5 1.5 0 0 1 15 5v2" />
|
|
95
|
+
</Base>
|
|
96
|
+
);
|
|
97
|
+
}
|
|
98
|
+
|
|
99
|
+
export function IconCheck(p: IconProps) {
|
|
100
|
+
return (
|
|
101
|
+
<Base {...p}>
|
|
102
|
+
<path d="M5 12.5 10 17.5 19 7" />
|
|
103
|
+
</Base>
|
|
104
|
+
);
|
|
105
|
+
}
|
|
106
|
+
|
|
107
|
+
export function IconStar({ filled = true, ...p }: IconProps & { filled?: boolean }) {
|
|
108
|
+
return (
|
|
109
|
+
<Base {...p} fill={filled ? 'currentColor' : 'none'} strokeWidth={filled ? 0 : 1.5}>
|
|
110
|
+
<path d="M12 3.2 14.7 8.7 20.8 9.6 16.4 13.9 17.4 20 12 17.1 6.6 20 7.6 13.9 3.2 9.6 9.3 8.7 12 3.2Z" />
|
|
111
|
+
</Base>
|
|
112
|
+
);
|
|
113
|
+
}
|
|
114
|
+
|
|
115
|
+
export function IconTruck(p: IconProps) {
|
|
116
|
+
return (
|
|
117
|
+
<Base {...p}>
|
|
118
|
+
<path d="M3 6.5h11v10H3zM14 10h3.5l3 3v3.5h-3" />
|
|
119
|
+
<circle cx="7" cy="17.5" r="1.8" />
|
|
120
|
+
<circle cx="17" cy="17.5" r="1.8" />
|
|
121
|
+
</Base>
|
|
122
|
+
);
|
|
123
|
+
}
|
|
124
|
+
|
|
125
|
+
export function IconShield(p: IconProps) {
|
|
126
|
+
return (
|
|
127
|
+
<Base {...p}>
|
|
128
|
+
<path d="M12 3.5 19 6v5.5c0 4.5-3 7.7-7 9-4-1.3-7-4.5-7-9V6l7-2.5Z" />
|
|
129
|
+
<path d="m9 11.8 2.2 2.2L15.5 9.5" />
|
|
130
|
+
</Base>
|
|
131
|
+
);
|
|
132
|
+
}
|
|
133
|
+
|
|
134
|
+
export function IconGem(p: IconProps) {
|
|
135
|
+
return (
|
|
136
|
+
<Base {...p}>
|
|
137
|
+
<path d="M7 4h10l3.5 5L12 20.5 1.5 9 5 4Z M1.5 9h21M9.5 4 12 9l2.5-5M12 20.5 9.5 9M12 20.5 14.5 9" strokeWidth={1.4} />
|
|
138
|
+
</Base>
|
|
139
|
+
);
|
|
140
|
+
}
|
|
141
|
+
|
|
142
|
+
export function IconReturn(p: IconProps) {
|
|
143
|
+
return (
|
|
144
|
+
<Base {...p}>
|
|
145
|
+
<path d="M4 9h11a5 5 0 0 1 0 10H8" />
|
|
146
|
+
<path d="M8 5 4 9l4 4" />
|
|
147
|
+
</Base>
|
|
148
|
+
);
|
|
149
|
+
}
|
|
150
|
+
|
|
151
|
+
export function IconChevronDown(p: IconProps) {
|
|
152
|
+
return (
|
|
153
|
+
<Base {...p}>
|
|
154
|
+
<path d="m6 9 6 6 6-6" />
|
|
155
|
+
</Base>
|
|
156
|
+
);
|
|
157
|
+
}
|
|
158
|
+
|
|
159
|
+
/** Points toward the inline-end (reading direction). Add className="rtl-flip". */
|
|
160
|
+
export function IconArrowEnd(p: IconProps) {
|
|
161
|
+
return (
|
|
162
|
+
<Base {...p}>
|
|
163
|
+
<path d="M4 12h16M14 6l6 6-6 6" />
|
|
164
|
+
</Base>
|
|
165
|
+
);
|
|
166
|
+
}
|
|
167
|
+
|
|
168
|
+
export function IconSparkle(p: IconProps) {
|
|
169
|
+
return (
|
|
170
|
+
<Base {...p}>
|
|
171
|
+
<path d="M12 4c.7 3.6 2.4 5.3 6 6-3.6.7-5.3 2.4-6 6-.7-3.6-2.4-5.3-6-6 3.6-.7 5.3-2.4 6-6Z" />
|
|
172
|
+
<path d="M19 15.5c.3 1.5 1 2.2 2.5 2.5-1.5.3-2.2 1-2.5 2.5-.3-1.5-1-2.2-2.5-2.5 1.5-.3 2.2-1 2.5-2.5Z" strokeWidth={1.4} />
|
|
173
|
+
</Base>
|
|
174
|
+
);
|
|
175
|
+
}
|
|
176
|
+
|
|
177
|
+
export function IconQuote(p: IconProps) {
|
|
178
|
+
return (
|
|
179
|
+
<Base {...p} fill="currentColor" strokeWidth={0}>
|
|
180
|
+
<path d="M5 6.5A4.5 4.5 0 0 0 3 11v6.5h6.5V11H6a3 3 0 0 1 2.5-3V6.5H5Zm10 0A4.5 4.5 0 0 0 13 11v6.5h6.5V11H16a3 3 0 0 1 2.5-3V6.5H15Z" />
|
|
181
|
+
</Base>
|
|
182
|
+
);
|
|
183
|
+
}
|
|
184
|
+
|
|
185
|
+
export function IconMail(p: IconProps) {
|
|
186
|
+
return (
|
|
187
|
+
<Base {...p}>
|
|
188
|
+
<rect x="3" y="5.5" width="18" height="13" rx="2" />
|
|
189
|
+
<path d="m4 7.5 8 6 8-6" />
|
|
190
|
+
</Base>
|
|
191
|
+
);
|
|
192
|
+
}
|
|
193
|
+
|
|
194
|
+
export function IconClock(p: IconProps) {
|
|
195
|
+
return (
|
|
196
|
+
<Base {...p}>
|
|
197
|
+
<circle cx="12" cy="12" r="8.5" />
|
|
198
|
+
<path d="M12 7.5V12l3 2" />
|
|
199
|
+
</Base>
|
|
200
|
+
);
|
|
201
|
+
}
|
|
202
|
+
|
|
203
|
+
export function IconTag(p: IconProps) {
|
|
204
|
+
return (
|
|
205
|
+
<Base {...p}>
|
|
206
|
+
<path d="m3.5 12.5 8-8H20v8.5l-8 8a1.7 1.7 0 0 1-2.4 0l-6.1-6.1a1.7 1.7 0 0 1 0-2.4Z" />
|
|
207
|
+
<circle cx="15.5" cy="8.5" r="1.4" />
|
|
208
|
+
</Base>
|
|
209
|
+
);
|
|
210
|
+
}
|
|
211
|
+
|
|
212
|
+
export function IconDownload(p: IconProps) {
|
|
213
|
+
return (
|
|
214
|
+
<Base {...p}>
|
|
215
|
+
<path d="M12 4v11M7 10.5 12 15.5l5-5M5 19.5h14" />
|
|
216
|
+
</Base>
|
|
217
|
+
);
|
|
218
|
+
}
|
|
219
|
+
|
|
220
|
+
/** Social glyphs for the footer (filled, single-color). */
|
|
221
|
+
export function IconSocial({ platform, ...p }: IconProps & { platform: string }) {
|
|
222
|
+
const key = platform.toLowerCase();
|
|
223
|
+
if (key.includes('instagram')) {
|
|
224
|
+
return (
|
|
225
|
+
<Base {...p} strokeWidth={1.6}>
|
|
226
|
+
<rect x="3.5" y="3.5" width="17" height="17" rx="4.5" />
|
|
227
|
+
<circle cx="12" cy="12" r="4" />
|
|
228
|
+
<circle cx="17.2" cy="6.8" r="0.6" fill="currentColor" stroke="none" />
|
|
229
|
+
</Base>
|
|
230
|
+
);
|
|
231
|
+
}
|
|
232
|
+
if (key.includes('facebook')) {
|
|
233
|
+
return (
|
|
234
|
+
<Base {...p} fill="currentColor" strokeWidth={0}>
|
|
235
|
+
<path d="M13.5 21v-7h2.4l.4-3h-2.8V9.1c0-.9.3-1.5 1.6-1.5h1.3V4.9c-.2 0-1-.1-1.9-.1-1.9 0-3.3 1.2-3.3 3.4V11H8.5v3h2.7v7h2.3Z" />
|
|
236
|
+
</Base>
|
|
237
|
+
);
|
|
238
|
+
}
|
|
239
|
+
if (key.includes('tiktok')) {
|
|
240
|
+
return (
|
|
241
|
+
<Base {...p} fill="currentColor" strokeWidth={0}>
|
|
242
|
+
<path d="M16.6 3c.3 2 1.5 3.3 3.4 3.6v2.8c-1.3 0-2.5-.4-3.4-1.1v5.9a5.6 5.6 0 1 1-5.6-5.6c.3 0 .6 0 .9.1v2.9a2.7 2.7 0 1 0 1.9 2.6V3h2.8Z" />
|
|
243
|
+
</Base>
|
|
244
|
+
);
|
|
245
|
+
}
|
|
246
|
+
if (key.includes('whatsapp')) {
|
|
247
|
+
return (
|
|
248
|
+
<Base {...p} strokeWidth={1.6}>
|
|
249
|
+
<path d="M12 3.5a8.5 8.5 0 0 0-7.3 12.8L3.5 20.5l4.3-1.1A8.5 8.5 0 1 0 12 3.5Z" />
|
|
250
|
+
<path d="M9 8.8c-.3 2.5 3.7 6.5 6.2 6.2l.6-1.5-2-1-.8.6c-.8-.4-1.7-1.3-2.1-2.1l.6-.8-1-2-1.5.6Z" strokeWidth={1.3} />
|
|
251
|
+
</Base>
|
|
252
|
+
);
|
|
253
|
+
}
|
|
254
|
+
if (key.includes('youtube')) {
|
|
255
|
+
return (
|
|
256
|
+
<Base {...p} strokeWidth={1.6}>
|
|
257
|
+
<rect x="2.5" y="6" width="19" height="12" rx="3" />
|
|
258
|
+
<path d="m10 9.5 5 2.5-5 2.5v-5Z" fill="currentColor" stroke="none" />
|
|
259
|
+
</Base>
|
|
260
|
+
);
|
|
261
|
+
}
|
|
262
|
+
// Fallback: globe
|
|
263
|
+
return (
|
|
264
|
+
<Base {...p} strokeWidth={1.6}>
|
|
265
|
+
<circle cx="12" cy="12" r="8.5" />
|
|
266
|
+
<path d="M3.5 12h17M12 3.5c-4.7 4.7-4.7 12.3 0 17 4.7-4.7 4.7-12.3 0-17Z" />
|
|
267
|
+
</Base>
|
|
268
|
+
);
|
|
269
|
+
}
|