@tecof/theme-editor 0.0.31 → 0.0.33

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 (13) hide show
  1. package/dist/components/UnderConstruction.d.mts +12 -0
  2. package/dist/components/UnderConstruction.d.ts +12 -0
  3. package/dist/components/UnderConstruction.js +249 -0
  4. package/dist/components/UnderConstruction.js.map +1 -0
  5. package/dist/components/UnderConstruction.mjs +244 -0
  6. package/dist/components/UnderConstruction.mjs.map +1 -0
  7. package/dist/index.d.mts +5 -3
  8. package/dist/index.d.ts +5 -3
  9. package/dist/index.js +259 -8
  10. package/dist/index.js.map +1 -1
  11. package/dist/index.mjs +259 -9
  12. package/dist/index.mjs.map +1 -1
  13. package/package.json +9 -4
package/dist/components/UnderConstruction.d.mts ADDED
@@ -0,0 +1,12 @@
1
+ import react__default from 'react';
2
+
3
+ interface UnderConstructionProps {
4
+ title: string;
5
+ description: string;
6
+ subtitle?: string;
7
+ logoUrl?: string | null;
8
+ accentColor?: string;
9
+ }
10
+ declare const UnderConstruction: react__default.FC<UnderConstructionProps>;
11
+
12
+ export { UnderConstruction, type UnderConstructionProps, UnderConstruction as default };
package/dist/components/UnderConstruction.d.ts ADDED
@@ -0,0 +1,12 @@
1
+ import react__default from 'react';
2
+
3
+ interface UnderConstructionProps {
4
+ title: string;
5
+ description: string;
6
+ subtitle?: string;
7
+ logoUrl?: string | null;
8
+ accentColor?: string;
9
+ }
10
+ declare const UnderConstruction: react__default.FC<UnderConstructionProps>;
11
+
12
+ export { UnderConstruction, type UnderConstructionProps, UnderConstruction as default };
package/dist/components/UnderConstruction.js ADDED
@@ -0,0 +1,249 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var jsxRuntime = require('react/jsx-runtime');
6
+
7
+ // src/components/UnderConstruction.tsx
8
+ var UnderConstruction = ({
9
+ title,
10
+ description,
11
+ subtitle,
12
+ logoUrl,
13
+ accentColor = "#2563eb"
14
+ // Default elegant blue
15
+ }) => {
16
+ return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "tecof-uc-wrapper", children: [
17
+ /* @__PURE__ */ jsxRuntime.jsx("style", { dangerouslySetInnerHTML: { __html: `
18
+ .tecof-uc-wrapper {
19
+ min-height: 100vh;
20
+ display: flex;
21
+ align-items: center;
22
+ justify-content: center;
23
+ background: radial-gradient(circle at top right, rgba(37, 99, 235, 0.08) 0%, transparent 40%),
24
+ radial-gradient(circle at bottom left, rgba(37, 99, 235, 0.05) 0%, transparent 50%),
25
+ #090d16;
26
+ color: #f8fafc;
27
+ font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
28
+ padding: 2rem 1rem;
29
+ box-sizing: border-box;
30
+ position: relative;
31
+ overflow: hidden;
32
+ }
33
+
34
+ /* Ambient glowing circles */
35
+ .tecof-uc-glow-1 {
36
+ position: absolute;
37
+ top: 20%;
38
+ left: 50%;
39
+ transform: translate(-50%, -50%);
40
+ width: 500px;
41
+ height: 500px;
42
+ background: ${accentColor};
43
+ filter: blur(150px);
44
+ opacity: 0.12;
45
+ pointer-events: none;
46
+ z-index: 1;
47
+ border-radius: 50%;
48
+ animation: tecof-uc-pulse 8s infinite alternate ease-in-out;
49
+ }
50
+
51
+ .tecof-uc-container {
52
+ position: relative;
53
+ z-index: 2;
54
+ max-width: 540px;
55
+ width: 100%;
56
+ background: rgba(17, 24, 39, 0.55);
57
+ backdrop-filter: blur(20px);
58
+ -webkit-backdrop-filter: blur(20px);
59
+ border: 1px solid rgba(255, 255, 255, 0.08);
60
+ border-radius: 24px;
61
+ padding: 3.5rem 2.5rem;
62
+ text-align: center;
63
+ box-shadow: 0 20px 50px rgba(0, 0, 0, 0.4),
64
+ inset 0 1px 0 rgba(255, 255, 255, 0.1);
65
+ animation: tecof-uc-fade-in 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;
66
+ }
67
+
68
+ .tecof-uc-logo-area {
69
+ margin-bottom: 2.5rem;
70
+ display: flex;
71
+ justify-content: center;
72
+ align-items: center;
73
+ }
74
+
75
+ .tecof-uc-logo {
76
+ max-height: 56px;
77
+ max-width: 200px;
78
+ object-fit: contain;
79
+ filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.2));
80
+ }
81
+
82
+ .tecof-uc-logo-fallback {
83
+ font-size: 1.5rem;
84
+ font-weight: 700;
85
+ letter-spacing: -0.025em;
86
+ background: linear-gradient(135deg, #ffffff 0%, rgba(255, 255, 255, 0.7) 100%);
87
+ -webkit-background-clip: text;
88
+ -webkit-text-fill-color: transparent;
89
+ }
90
+
91
+ .tecof-uc-icon-wrapper {
92
+ width: 80px;
93
+ height: 80px;
94
+ border-radius: 20px;
95
+ background: rgba(255, 255, 255, 0.03);
96
+ border: 1px solid rgba(255, 255, 255, 0.08);
97
+ display: flex;
98
+ align-items: center;
99
+ justify-content: center;
100
+ margin: 0 auto 2.2rem auto;
101
+ color: ${accentColor};
102
+ box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.3);
103
+ position: relative;
104
+ }
105
+
106
+ .tecof-uc-icon-glow {
107
+ position: absolute;
108
+ inset: -2px;
109
+ border-radius: 22px;
110
+ background: linear-gradient(135deg, ${accentColor}, transparent);
111
+ opacity: 0.3;
112
+ z-index: -1;
113
+ filter: blur(4px);
114
+ }
115
+
116
+ .tecof-uc-icon-wrapper svg {
117
+ width: 36px;
118
+ height: 36px;
119
+ stroke-width: 1.5;
120
+ animation: tecof-uc-float 4s ease-in-out infinite;
121
+ }
122
+
123
+ .tecof-uc-subtitle {
124
+ font-size: 0.875rem;
125
+ font-weight: 600;
126
+ text-transform: uppercase;
127
+ letter-spacing: 0.15em;
128
+ color: ${accentColor};
129
+ margin-bottom: 0.75rem;
130
+ }
131
+
132
+ .tecof-uc-title {
133
+ font-size: 2.25rem;
134
+ font-weight: 800;
135
+ line-height: 1.2;
136
+ letter-spacing: -0.025em;
137
+ color: #ffffff;
138
+ margin-top: 0;
139
+ margin-bottom: 1.25rem;
140
+ background: linear-gradient(to bottom, #ffffff 0%, #cbd5e1 100%);
141
+ -webkit-background-clip: text;
142
+ -webkit-text-fill-color: transparent;
143
+ }
144
+
145
+ .tecof-uc-description {
146
+ font-size: 1.05rem;
147
+ line-height: 1.6;
148
+ color: #94a3b8;
149
+ margin: 0 auto 2.5rem auto;
150
+ max-width: 420px;
151
+ }
152
+
153
+ .tecof-uc-divider {
154
+ height: 1px;
155
+ background: radial-gradient(circle, rgba(255,255,255,0.08) 0%, transparent 100%);
156
+ margin-bottom: 2rem;
157
+ }
158
+
159
+ .tecof-uc-badge {
160
+ display: inline-flex;
161
+ align-items: center;
162
+ gap: 0.5rem;
163
+ background: rgba(255, 255, 255, 0.04);
164
+ border: 1px solid rgba(255, 255, 255, 0.08);
165
+ border-radius: 99px;
166
+ padding: 0.5rem 1.25rem;
167
+ font-size: 0.825rem;
168
+ font-weight: 500;
169
+ color: #94a3b8;
170
+ text-decoration: none;
171
+ transition: all 0.2s ease-in-out;
172
+ }
173
+
174
+ .tecof-uc-badge:hover {
175
+ background: rgba(255, 255, 255, 0.08);
176
+ border-color: rgba(255, 255, 255, 0.15);
177
+ color: #f8fafc;
178
+ transform: translateY(-1px);
179
+ }
180
+
181
+ .tecof-uc-badge-dot {
182
+ width: 6px;
183
+ height: 6px;
184
+ background-color: ${accentColor};
185
+ border-radius: 50%;
186
+ box-shadow: 0 0 10px ${accentColor};
187
+ animation: tecof-uc-blink 1.5s infinite alternate;
188
+ }
189
+
190
+ /* Animations */
191
+ @keyframes tecof-uc-pulse {
192
+ 0% { opacity: 0.08; transform: translate(-50%, -50%) scale(0.95); }
193
+ 100% { opacity: 0.15; transform: translate(-50%, -50%) scale(1.05); }
194
+ }
195
+
196
+ @keyframes tecof-uc-fade-in {
197
+ 0% { opacity: 0; transform: translateY(20px); }
198
+ 100% { opacity: 1; transform: translateY(0); }
199
+ }
200
+
201
+ @keyframes tecof-uc-float {
202
+ 0% { transform: translateY(0px) rotate(0deg); }
203
+ 50% { transform: translateY(-5px) rotate(3deg); }
204
+ 100% { transform: translateY(0px) rotate(0deg); }
205
+ }
206
+
207
+ @keyframes tecof-uc-blink {
208
+ 0% { opacity: 0.3; }
209
+ 100% { opacity: 1; }
210
+ }
211
+
212
+ @media (max-width: 640px) {
213
+ .tecof-uc-container {
214
+ padding: 2.5rem 1.5rem;
215
+ border-radius: 20px;
216
+ }
217
+ .tecof-uc-title {
218
+ font-size: 1.75rem;
219
+ }
220
+ .tecof-uc-description {
221
+ font-size: 0.95rem;
222
+ margin-bottom: 2rem;
223
+ }
224
+ }
225
+ ` } }),
226
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tecof-uc-glow-1" }),
227
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "tecof-uc-container", children: [
228
+ logoUrl ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tecof-uc-logo-area", children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: logoUrl, alt: "Store Logo", className: "tecof-uc-logo" }) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tecof-uc-logo-area", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tecof-uc-logo-fallback", children: "TECOF" }) }),
229
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "tecof-uc-icon-wrapper", children: [
230
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tecof-uc-icon-glow" }),
231
+ /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z", strokeLinecap: "round", strokeLinejoin: "round" }) })
232
+ ] }),
233
+ subtitle && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tecof-uc-subtitle", children: subtitle }),
234
+ /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "tecof-uc-title", children: title }),
235
+ /* @__PURE__ */ jsxRuntime.jsx("p", { className: "tecof-uc-description", children: description }),
236
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tecof-uc-divider" }),
237
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "tecof-uc-badge", children: [
238
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: "tecof-uc-badge-dot" }),
239
+ /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Yap\u0131m A\u015Famas\u0131nda" })
240
+ ] })
241
+ ] })
242
+ ] });
243
+ };
244
+ var UnderConstruction_default = UnderConstruction;
245
+
246
+ exports.UnderConstruction = UnderConstruction;
247
+ exports.default = UnderConstruction_default;
248
+ //# sourceMappingURL=UnderConstruction.js.map
249
+ //# sourceMappingURL=UnderConstruction.js.map
package/dist/components/UnderConstruction.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../src/components/UnderConstruction.tsx"],"names":["jsxs","jsx"],"mappings":"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","file":"UnderConstruction.js","sourcesContent":["import React from 'react';\n\nexport interface UnderConstructionProps {\n title: string;\n description: string;\n subtitle?: string;\n logoUrl?: string | null;\n accentColor?: string;\n}\n\nexport const UnderConstruction: React.FC<UnderConstructionProps> = ({\n title,\n description,\n subtitle,\n logoUrl,\n accentColor = '#2563eb', // Default elegant blue\n}) => {\n return (\n <div className=\"tecof-uc-wrapper\">\n <style dangerouslySetInnerHTML={{ __html: `\n .tecof-uc-wrapper {\n min-height: 100vh;\n display: flex;\n align-items: center;\n justify-content: center;\n background: radial-gradient(circle at top right, rgba(37, 99, 235, 0.08) 0%, transparent 40%),\n radial-gradient(circle at bottom left, rgba(37, 99, 235, 0.05) 0%, transparent 50%),\n #090d16;\n color: #f8fafc;\n font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\n padding: 2rem 1rem;\n box-sizing: border-box;\n position: relative;\n overflow: hidden;\n }\n\n /* Ambient glowing circles */\n .tecof-uc-glow-1 {\n position: absolute;\n top: 20%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 500px;\n height: 500px;\n background: ${accentColor};\n filter: blur(150px);\n opacity: 0.12;\n pointer-events: none;\n z-index: 1;\n border-radius: 50%;\n animation: tecof-uc-pulse 8s infinite alternate ease-in-out;\n }\n\n .tecof-uc-container {\n position: relative;\n z-index: 2;\n max-width: 540px;\n width: 100%;\n background: rgba(17, 24, 39, 0.55);\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n border: 1px solid rgba(255, 255, 255, 0.08);\n border-radius: 24px;\n padding: 3.5rem 2.5rem;\n text-align: center;\n box-shadow: 0 20px 50px rgba(0, 0, 0, 0.4),\n inset 0 1px 0 rgba(255, 255, 255, 0.1);\n animation: tecof-uc-fade-in 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;\n }\n\n .tecof-uc-logo-area {\n margin-bottom: 2.5rem;\n display: flex;\n justify-content: center;\n align-items: center;\n }\n\n .tecof-uc-logo {\n max-height: 56px;\n max-width: 200px;\n object-fit: contain;\n filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.2));\n }\n\n .tecof-uc-logo-fallback {\n font-size: 1.5rem;\n font-weight: 700;\n letter-spacing: -0.025em;\n background: linear-gradient(135deg, #ffffff 0%, rgba(255, 255, 255, 0.7) 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n }\n\n .tecof-uc-icon-wrapper {\n width: 80px;\n height: 80px;\n border-radius: 20px;\n background: rgba(255, 255, 255, 0.03);\n border: 1px solid rgba(255, 255, 255, 0.08);\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 0 auto 2.2rem auto;\n color: ${accentColor};\n box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.3);\n position: relative;\n }\n\n .tecof-uc-icon-glow {\n position: absolute;\n inset: -2px;\n border-radius: 22px;\n background: linear-gradient(135deg, ${accentColor}, transparent);\n opacity: 0.3;\n z-index: -1;\n filter: blur(4px);\n }\n\n .tecof-uc-icon-wrapper svg {\n width: 36px;\n height: 36px;\n stroke-width: 1.5;\n animation: tecof-uc-float 4s ease-in-out infinite;\n }\n\n .tecof-uc-subtitle {\n font-size: 0.875rem;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.15em;\n color: ${accentColor};\n margin-bottom: 0.75rem;\n }\n\n .tecof-uc-title {\n font-size: 2.25rem;\n font-weight: 800;\n line-height: 1.2;\n letter-spacing: -0.025em;\n color: #ffffff;\n margin-top: 0;\n margin-bottom: 1.25rem;\n background: linear-gradient(to bottom, #ffffff 0%, #cbd5e1 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n }\n\n .tecof-uc-description {\n font-size: 1.05rem;\n line-height: 1.6;\n color: #94a3b8;\n margin: 0 auto 2.5rem auto;\n max-width: 420px;\n }\n\n .tecof-uc-divider {\n height: 1px;\n background: radial-gradient(circle, rgba(255,255,255,0.08) 0%, transparent 100%);\n margin-bottom: 2rem;\n }\n\n .tecof-uc-badge {\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n background: rgba(255, 255, 255, 0.04);\n border: 1px solid rgba(255, 255, 255, 0.08);\n border-radius: 99px;\n padding: 0.5rem 1.25rem;\n font-size: 0.825rem;\n font-weight: 500;\n color: #94a3b8;\n text-decoration: none;\n transition: all 0.2s ease-in-out;\n }\n\n .tecof-uc-badge:hover {\n background: rgba(255, 255, 255, 0.08);\n border-color: rgba(255, 255, 255, 0.15);\n color: #f8fafc;\n transform: translateY(-1px);\n }\n\n .tecof-uc-badge-dot {\n width: 6px;\n height: 6px;\n background-color: ${accentColor};\n border-radius: 50%;\n box-shadow: 0 0 10px ${accentColor};\n animation: tecof-uc-blink 1.5s infinite alternate;\n }\n\n /* Animations */\n @keyframes tecof-uc-pulse {\n 0% { opacity: 0.08; transform: translate(-50%, -50%) scale(0.95); }\n 100% { opacity: 0.15; transform: translate(-50%, -50%) scale(1.05); }\n }\n\n @keyframes tecof-uc-fade-in {\n 0% { opacity: 0; transform: translateY(20px); }\n 100% { opacity: 1; transform: translateY(0); }\n }\n\n @keyframes tecof-uc-float {\n 0% { transform: translateY(0px) rotate(0deg); }\n 50% { transform: translateY(-5px) rotate(3deg); }\n 100% { transform: translateY(0px) rotate(0deg); }\n }\n\n @keyframes tecof-uc-blink {\n 0% { opacity: 0.3; }\n 100% { opacity: 1; }\n }\n\n @media (max-width: 640px) {\n .tecof-uc-container {\n padding: 2.5rem 1.5rem;\n border-radius: 20px;\n }\n .tecof-uc-title {\n font-size: 1.75rem;\n }\n .tecof-uc-description {\n font-size: 0.95rem;\n margin-bottom: 2rem;\n }\n }\n ` }} />\n\n <div className=\"tecof-uc-glow-1\"></div>\n\n <div className=\"tecof-uc-container\">\n {/* Logo Section */}\n {logoUrl ? (\n <div className=\"tecof-uc-logo-area\">\n <img src={logoUrl} alt=\"Store Logo\" className=\"tecof-uc-logo\" />\n </div>\n ) : (\n <div className=\"tecof-uc-logo-area\">\n <div className=\"tecof-uc-logo-fallback\">TECOF</div>\n </div>\n )}\n\n {/* Floating Icon */}\n <div className=\"tecof-uc-icon-wrapper\">\n <div className=\"tecof-uc-icon-glow\"></div>\n {/* Construction / Hammer-Wrench Icon */}\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z\" strokeLinecap=\"round\" strokeLinejoin=\"round\"/>\n </svg>\n </div>\n\n {/* Content */}\n {subtitle && <div className=\"tecof-uc-subtitle\">{subtitle}</div>}\n <h1 className=\"tecof-uc-title\">{title}</h1>\n <p className=\"tecof-uc-description\">{description}</p>\n\n <div className=\"tecof-uc-divider\"></div>\n\n {/* Dynamic Status Badge */}\n <div className=\"tecof-uc-badge\">\n <span className=\"tecof-uc-badge-dot\"></span>\n <span>Yapım Aşamasında</span>\n </div>\n </div>\n </div>\n );\n};\n\nexport default UnderConstruction;\n"]}
package/dist/components/UnderConstruction.mjs ADDED
@@ -0,0 +1,244 @@
1
+ import { jsxs, jsx } from 'react/jsx-runtime';
2
+
3
+ // src/components/UnderConstruction.tsx
4
+ var UnderConstruction = ({
5
+ title,
6
+ description,
7
+ subtitle,
8
+ logoUrl,
9
+ accentColor = "#2563eb"
10
+ // Default elegant blue
11
+ }) => {
12
+ return /* @__PURE__ */ jsxs("div", { className: "tecof-uc-wrapper", children: [
13
+ /* @__PURE__ */ jsx("style", { dangerouslySetInnerHTML: { __html: `
14
+ .tecof-uc-wrapper {
15
+ min-height: 100vh;
16
+ display: flex;
17
+ align-items: center;
18
+ justify-content: center;
19
+ background: radial-gradient(circle at top right, rgba(37, 99, 235, 0.08) 0%, transparent 40%),
20
+ radial-gradient(circle at bottom left, rgba(37, 99, 235, 0.05) 0%, transparent 50%),
21
+ #090d16;
22
+ color: #f8fafc;
23
+ font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
24
+ padding: 2rem 1rem;
25
+ box-sizing: border-box;
26
+ position: relative;
27
+ overflow: hidden;
28
+ }
29
+
30
+ /* Ambient glowing circles */
31
+ .tecof-uc-glow-1 {
32
+ position: absolute;
33
+ top: 20%;
34
+ left: 50%;
35
+ transform: translate(-50%, -50%);
36
+ width: 500px;
37
+ height: 500px;
38
+ background: ${accentColor};
39
+ filter: blur(150px);
40
+ opacity: 0.12;
41
+ pointer-events: none;
42
+ z-index: 1;
43
+ border-radius: 50%;
44
+ animation: tecof-uc-pulse 8s infinite alternate ease-in-out;
45
+ }
46
+
47
+ .tecof-uc-container {
48
+ position: relative;
49
+ z-index: 2;
50
+ max-width: 540px;
51
+ width: 100%;
52
+ background: rgba(17, 24, 39, 0.55);
53
+ backdrop-filter: blur(20px);
54
+ -webkit-backdrop-filter: blur(20px);
55
+ border: 1px solid rgba(255, 255, 255, 0.08);
56
+ border-radius: 24px;
57
+ padding: 3.5rem 2.5rem;
58
+ text-align: center;
59
+ box-shadow: 0 20px 50px rgba(0, 0, 0, 0.4),
60
+ inset 0 1px 0 rgba(255, 255, 255, 0.1);
61
+ animation: tecof-uc-fade-in 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;
62
+ }
63
+
64
+ .tecof-uc-logo-area {
65
+ margin-bottom: 2.5rem;
66
+ display: flex;
67
+ justify-content: center;
68
+ align-items: center;
69
+ }
70
+
71
+ .tecof-uc-logo {
72
+ max-height: 56px;
73
+ max-width: 200px;
74
+ object-fit: contain;
75
+ filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.2));
76
+ }
77
+
78
+ .tecof-uc-logo-fallback {
79
+ font-size: 1.5rem;
80
+ font-weight: 700;
81
+ letter-spacing: -0.025em;
82
+ background: linear-gradient(135deg, #ffffff 0%, rgba(255, 255, 255, 0.7) 100%);
83
+ -webkit-background-clip: text;
84
+ -webkit-text-fill-color: transparent;
85
+ }
86
+
87
+ .tecof-uc-icon-wrapper {
88
+ width: 80px;
89
+ height: 80px;
90
+ border-radius: 20px;
91
+ background: rgba(255, 255, 255, 0.03);
92
+ border: 1px solid rgba(255, 255, 255, 0.08);
93
+ display: flex;
94
+ align-items: center;
95
+ justify-content: center;
96
+ margin: 0 auto 2.2rem auto;
97
+ color: ${accentColor};
98
+ box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.3);
99
+ position: relative;
100
+ }
101
+
102
+ .tecof-uc-icon-glow {
103
+ position: absolute;
104
+ inset: -2px;
105
+ border-radius: 22px;
106
+ background: linear-gradient(135deg, ${accentColor}, transparent);
107
+ opacity: 0.3;
108
+ z-index: -1;
109
+ filter: blur(4px);
110
+ }
111
+
112
+ .tecof-uc-icon-wrapper svg {
113
+ width: 36px;
114
+ height: 36px;
115
+ stroke-width: 1.5;
116
+ animation: tecof-uc-float 4s ease-in-out infinite;
117
+ }
118
+
119
+ .tecof-uc-subtitle {
120
+ font-size: 0.875rem;
121
+ font-weight: 600;
122
+ text-transform: uppercase;
123
+ letter-spacing: 0.15em;
124
+ color: ${accentColor};
125
+ margin-bottom: 0.75rem;
126
+ }
127
+
128
+ .tecof-uc-title {
129
+ font-size: 2.25rem;
130
+ font-weight: 800;
131
+ line-height: 1.2;
132
+ letter-spacing: -0.025em;
133
+ color: #ffffff;
134
+ margin-top: 0;
135
+ margin-bottom: 1.25rem;
136
+ background: linear-gradient(to bottom, #ffffff 0%, #cbd5e1 100%);
137
+ -webkit-background-clip: text;
138
+ -webkit-text-fill-color: transparent;
139
+ }
140
+
141
+ .tecof-uc-description {
142
+ font-size: 1.05rem;
143
+ line-height: 1.6;
144
+ color: #94a3b8;
145
+ margin: 0 auto 2.5rem auto;
146
+ max-width: 420px;
147
+ }
148
+
149
+ .tecof-uc-divider {
150
+ height: 1px;
151
+ background: radial-gradient(circle, rgba(255,255,255,0.08) 0%, transparent 100%);
152
+ margin-bottom: 2rem;
153
+ }
154
+
155
+ .tecof-uc-badge {
156
+ display: inline-flex;
157
+ align-items: center;
158
+ gap: 0.5rem;
159
+ background: rgba(255, 255, 255, 0.04);
160
+ border: 1px solid rgba(255, 255, 255, 0.08);
161
+ border-radius: 99px;
162
+ padding: 0.5rem 1.25rem;
163
+ font-size: 0.825rem;
164
+ font-weight: 500;
165
+ color: #94a3b8;
166
+ text-decoration: none;
167
+ transition: all 0.2s ease-in-out;
168
+ }
169
+
170
+ .tecof-uc-badge:hover {
171
+ background: rgba(255, 255, 255, 0.08);
172
+ border-color: rgba(255, 255, 255, 0.15);
173
+ color: #f8fafc;
174
+ transform: translateY(-1px);
175
+ }
176
+
177
+ .tecof-uc-badge-dot {
178
+ width: 6px;
179
+ height: 6px;
180
+ background-color: ${accentColor};
181
+ border-radius: 50%;
182
+ box-shadow: 0 0 10px ${accentColor};
183
+ animation: tecof-uc-blink 1.5s infinite alternate;
184
+ }
185
+
186
+ /* Animations */
187
+ @keyframes tecof-uc-pulse {
188
+ 0% { opacity: 0.08; transform: translate(-50%, -50%) scale(0.95); }
189
+ 100% { opacity: 0.15; transform: translate(-50%, -50%) scale(1.05); }
190
+ }
191
+
192
+ @keyframes tecof-uc-fade-in {
193
+ 0% { opacity: 0; transform: translateY(20px); }
194
+ 100% { opacity: 1; transform: translateY(0); }
195
+ }
196
+
197
+ @keyframes tecof-uc-float {
198
+ 0% { transform: translateY(0px) rotate(0deg); }
199
+ 50% { transform: translateY(-5px) rotate(3deg); }
200
+ 100% { transform: translateY(0px) rotate(0deg); }
201
+ }
202
+
203
+ @keyframes tecof-uc-blink {
204
+ 0% { opacity: 0.3; }
205
+ 100% { opacity: 1; }
206
+ }
207
+
208
+ @media (max-width: 640px) {
209
+ .tecof-uc-container {
210
+ padding: 2.5rem 1.5rem;
211
+ border-radius: 20px;
212
+ }
213
+ .tecof-uc-title {
214
+ font-size: 1.75rem;
215
+ }
216
+ .tecof-uc-description {
217
+ font-size: 0.95rem;
218
+ margin-bottom: 2rem;
219
+ }
220
+ }
221
+ ` } }),
222
+ /* @__PURE__ */ jsx("div", { className: "tecof-uc-glow-1" }),
223
+ /* @__PURE__ */ jsxs("div", { className: "tecof-uc-container", children: [
224
+ logoUrl ? /* @__PURE__ */ jsx("div", { className: "tecof-uc-logo-area", children: /* @__PURE__ */ jsx("img", { src: logoUrl, alt: "Store Logo", className: "tecof-uc-logo" }) }) : /* @__PURE__ */ jsx("div", { className: "tecof-uc-logo-area", children: /* @__PURE__ */ jsx("div", { className: "tecof-uc-logo-fallback", children: "TECOF" }) }),
225
+ /* @__PURE__ */ jsxs("div", { className: "tecof-uc-icon-wrapper", children: [
226
+ /* @__PURE__ */ jsx("div", { className: "tecof-uc-icon-glow" }),
227
+ /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx("path", { d: "M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z", strokeLinecap: "round", strokeLinejoin: "round" }) })
228
+ ] }),
229
+ subtitle && /* @__PURE__ */ jsx("div", { className: "tecof-uc-subtitle", children: subtitle }),
230
+ /* @__PURE__ */ jsx("h1", { className: "tecof-uc-title", children: title }),
231
+ /* @__PURE__ */ jsx("p", { className: "tecof-uc-description", children: description }),
232
+ /* @__PURE__ */ jsx("div", { className: "tecof-uc-divider" }),
233
+ /* @__PURE__ */ jsxs("div", { className: "tecof-uc-badge", children: [
234
+ /* @__PURE__ */ jsx("span", { className: "tecof-uc-badge-dot" }),
235
+ /* @__PURE__ */ jsx("span", { children: "Yap\u0131m A\u015Famas\u0131nda" })
236
+ ] })
237
+ ] })
238
+ ] });
239
+ };
240
+ var UnderConstruction_default = UnderConstruction;
241
+
242
+ export { UnderConstruction, UnderConstruction_default as default };
243
+ //# sourceMappingURL=UnderConstruction.mjs.map
244
+ //# sourceMappingURL=UnderConstruction.mjs.map
package/dist/components/UnderConstruction.mjs.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../src/components/UnderConstruction.tsx"],"names":[],"mappings":"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","file":"UnderConstruction.mjs","sourcesContent":["import React from 'react';\n\nexport interface UnderConstructionProps {\n title: string;\n description: string;\n subtitle?: string;\n logoUrl?: string | null;\n accentColor?: string;\n}\n\nexport const UnderConstruction: React.FC<UnderConstructionProps> = ({\n title,\n description,\n subtitle,\n logoUrl,\n accentColor = '#2563eb', // Default elegant blue\n}) => {\n return (\n <div className=\"tecof-uc-wrapper\">\n <style dangerouslySetInnerHTML={{ __html: `\n .tecof-uc-wrapper {\n min-height: 100vh;\n display: flex;\n align-items: center;\n justify-content: center;\n background: radial-gradient(circle at top right, rgba(37, 99, 235, 0.08) 0%, transparent 40%),\n radial-gradient(circle at bottom left, rgba(37, 99, 235, 0.05) 0%, transparent 50%),\n #090d16;\n color: #f8fafc;\n font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\n padding: 2rem 1rem;\n box-sizing: border-box;\n position: relative;\n overflow: hidden;\n }\n\n /* Ambient glowing circles */\n .tecof-uc-glow-1 {\n position: absolute;\n top: 20%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 500px;\n height: 500px;\n background: ${accentColor};\n filter: blur(150px);\n opacity: 0.12;\n pointer-events: none;\n z-index: 1;\n border-radius: 50%;\n animation: tecof-uc-pulse 8s infinite alternate ease-in-out;\n }\n\n .tecof-uc-container {\n position: relative;\n z-index: 2;\n max-width: 540px;\n width: 100%;\n background: rgba(17, 24, 39, 0.55);\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n border: 1px solid rgba(255, 255, 255, 0.08);\n border-radius: 24px;\n padding: 3.5rem 2.5rem;\n text-align: center;\n box-shadow: 0 20px 50px rgba(0, 0, 0, 0.4),\n inset 0 1px 0 rgba(255, 255, 255, 0.1);\n animation: tecof-uc-fade-in 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;\n }\n\n .tecof-uc-logo-area {\n margin-bottom: 2.5rem;\n display: flex;\n justify-content: center;\n align-items: center;\n }\n\n .tecof-uc-logo {\n max-height: 56px;\n max-width: 200px;\n object-fit: contain;\n filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.2));\n }\n\n .tecof-uc-logo-fallback {\n font-size: 1.5rem;\n font-weight: 700;\n letter-spacing: -0.025em;\n background: linear-gradient(135deg, #ffffff 0%, rgba(255, 255, 255, 0.7) 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n }\n\n .tecof-uc-icon-wrapper {\n width: 80px;\n height: 80px;\n border-radius: 20px;\n background: rgba(255, 255, 255, 0.03);\n border: 1px solid rgba(255, 255, 255, 0.08);\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 0 auto 2.2rem auto;\n color: ${accentColor};\n box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.3);\n position: relative;\n }\n\n .tecof-uc-icon-glow {\n position: absolute;\n inset: -2px;\n border-radius: 22px;\n background: linear-gradient(135deg, ${accentColor}, transparent);\n opacity: 0.3;\n z-index: -1;\n filter: blur(4px);\n }\n\n .tecof-uc-icon-wrapper svg {\n width: 36px;\n height: 36px;\n stroke-width: 1.5;\n animation: tecof-uc-float 4s ease-in-out infinite;\n }\n\n .tecof-uc-subtitle {\n font-size: 0.875rem;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.15em;\n color: ${accentColor};\n margin-bottom: 0.75rem;\n }\n\n .tecof-uc-title {\n font-size: 2.25rem;\n font-weight: 800;\n line-height: 1.2;\n letter-spacing: -0.025em;\n color: #ffffff;\n margin-top: 0;\n margin-bottom: 1.25rem;\n background: linear-gradient(to bottom, #ffffff 0%, #cbd5e1 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n }\n\n .tecof-uc-description {\n font-size: 1.05rem;\n line-height: 1.6;\n color: #94a3b8;\n margin: 0 auto 2.5rem auto;\n max-width: 420px;\n }\n\n .tecof-uc-divider {\n height: 1px;\n background: radial-gradient(circle, rgba(255,255,255,0.08) 0%, transparent 100%);\n margin-bottom: 2rem;\n }\n\n .tecof-uc-badge {\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n background: rgba(255, 255, 255, 0.04);\n border: 1px solid rgba(255, 255, 255, 0.08);\n border-radius: 99px;\n padding: 0.5rem 1.25rem;\n font-size: 0.825rem;\n font-weight: 500;\n color: #94a3b8;\n text-decoration: none;\n transition: all 0.2s ease-in-out;\n }\n\n .tecof-uc-badge:hover {\n background: rgba(255, 255, 255, 0.08);\n border-color: rgba(255, 255, 255, 0.15);\n color: #f8fafc;\n transform: translateY(-1px);\n }\n\n .tecof-uc-badge-dot {\n width: 6px;\n height: 6px;\n background-color: ${accentColor};\n border-radius: 50%;\n box-shadow: 0 0 10px ${accentColor};\n animation: tecof-uc-blink 1.5s infinite alternate;\n }\n\n /* Animations */\n @keyframes tecof-uc-pulse {\n 0% { opacity: 0.08; transform: translate(-50%, -50%) scale(0.95); }\n 100% { opacity: 0.15; transform: translate(-50%, -50%) scale(1.05); }\n }\n\n @keyframes tecof-uc-fade-in {\n 0% { opacity: 0; transform: translateY(20px); }\n 100% { opacity: 1; transform: translateY(0); }\n }\n\n @keyframes tecof-uc-float {\n 0% { transform: translateY(0px) rotate(0deg); }\n 50% { transform: translateY(-5px) rotate(3deg); }\n 100% { transform: translateY(0px) rotate(0deg); }\n }\n\n @keyframes tecof-uc-blink {\n 0% { opacity: 0.3; }\n 100% { opacity: 1; }\n }\n\n @media (max-width: 640px) {\n .tecof-uc-container {\n padding: 2.5rem 1.5rem;\n border-radius: 20px;\n }\n .tecof-uc-title {\n font-size: 1.75rem;\n }\n .tecof-uc-description {\n font-size: 0.95rem;\n margin-bottom: 2rem;\n }\n }\n ` }} />\n\n <div className=\"tecof-uc-glow-1\"></div>\n\n <div className=\"tecof-uc-container\">\n {/* Logo Section */}\n {logoUrl ? (\n <div className=\"tecof-uc-logo-area\">\n <img src={logoUrl} alt=\"Store Logo\" className=\"tecof-uc-logo\" />\n </div>\n ) : (\n <div className=\"tecof-uc-logo-area\">\n <div className=\"tecof-uc-logo-fallback\">TECOF</div>\n </div>\n )}\n\n {/* Floating Icon */}\n <div className=\"tecof-uc-icon-wrapper\">\n <div className=\"tecof-uc-icon-glow\"></div>\n {/* Construction / Hammer-Wrench Icon */}\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z\" strokeLinecap=\"round\" strokeLinejoin=\"round\"/>\n </svg>\n </div>\n\n {/* Content */}\n {subtitle && <div className=\"tecof-uc-subtitle\">{subtitle}</div>}\n <h1 className=\"tecof-uc-title\">{title}</h1>\n <p className=\"tecof-uc-description\">{description}</p>\n\n <div className=\"tecof-uc-divider\"></div>\n\n {/* Dynamic Status Badge */}\n <div className=\"tecof-uc-badge\">\n <span className=\"tecof-uc-badge-dot\"></span>\n <span>Yapım Aşamasında</span>\n </div>\n </div>\n </div>\n );\n};\n\nexport default UnderConstruction;\n"]}
package/dist/index.d.mts CHANGED
@@ -1,6 +1,7 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
2
  import * as react from 'react';
3
3
  import react__default, { ReactElement, Component, ReactNode, ErrorInfo } from 'react';
4
+ export { UnderConstruction } from './components/UnderConstruction.mjs';
4
5
 
5
6
  interface ThemeColors {
6
7
  primary: string;
@@ -119,6 +120,7 @@ interface MerchantInfoData {
119
120
  languages: string[];
120
121
  /** Default language code (e.g. "tr") */
121
122
  defaultLanguage: string;
123
+ isUnderConstruction?: boolean;
122
124
  }
123
125
  interface LanguageFieldValue {
124
126
  code: string;
@@ -228,7 +230,7 @@ declare class TecofApiClient {
228
230
  getCmsCollectionItems(collectionSlug: string, options?: {
229
231
  page?: number;
230
232
  limit?: number;
231
- sort?: 'newest' | 'oldest';
233
+ sort?: 'newest' | 'oldest' | 'custom';
232
234
  locale?: string;
233
235
  }): Promise<ApiResponse<any>>;
234
236
  /** CDN base URL (defaults to apiUrl if not set) */
@@ -650,7 +652,7 @@ interface CmsCollectionFieldValue {
650
652
  /** Max items to fetch */
651
653
  limit?: number;
652
654
  /** Sort order */
653
- sort?: 'newest' | 'oldest';
655
+ sort?: 'newest' | 'oldest' | 'custom';
654
656
  /** Field mapping: slotKey → CMS field shortcode */
655
657
  fieldMap?: Record<string, string>;
656
658
  }
@@ -725,7 +727,7 @@ declare class FieldErrorBoundary extends Component<FieldErrorBoundaryProps, Fiel
725
727
  static getDerivedStateFromError(error: Error): FieldErrorBoundaryState;
726
728
  componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
727
729
  handleRetry: () => void;
728
- render(): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | react.ReactPortal | react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | react_jsx_runtime.JSX.Element | null | undefined;
730
+ render(): string | number | bigint | boolean | react_jsx_runtime.JSX.Element | Iterable<ReactNode> | Promise<string | number | bigint | boolean | react.ReactPortal | react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | null | undefined;
729
731
  }
730
732
 
731
733
  declare function hexToHsl(hex: string): HSL;
package/dist/index.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
2
  import * as react from 'react';
3
3
  import react__default, { ReactElement, Component, ReactNode, ErrorInfo } from 'react';
4
+ export { UnderConstruction } from './components/UnderConstruction.js';
4
5
 
5
6
  interface ThemeColors {
6
7
  primary: string;
@@ -119,6 +120,7 @@ interface MerchantInfoData {
119
120
  languages: string[];
120
121
  /** Default language code (e.g. "tr") */
121
122
  defaultLanguage: string;
123
+ isUnderConstruction?: boolean;
122
124
  }
123
125
  interface LanguageFieldValue {
124
126
  code: string;
@@ -228,7 +230,7 @@ declare class TecofApiClient {
228
230
  getCmsCollectionItems(collectionSlug: string, options?: {
229
231
  page?: number;
230
232
  limit?: number;
231
- sort?: 'newest' | 'oldest';
233
+ sort?: 'newest' | 'oldest' | 'custom';
232
234
  locale?: string;
233
235
  }): Promise<ApiResponse<any>>;
234
236
  /** CDN base URL (defaults to apiUrl if not set) */
@@ -650,7 +652,7 @@ interface CmsCollectionFieldValue {
650
652
  /** Max items to fetch */
651
653
  limit?: number;
652
654
  /** Sort order */
653
- sort?: 'newest' | 'oldest';
655
+ sort?: 'newest' | 'oldest' | 'custom';
654
656
  /** Field mapping: slotKey → CMS field shortcode */
655
657
  fieldMap?: Record<string, string>;
656
658
  }
@@ -725,7 +727,7 @@ declare class FieldErrorBoundary extends Component<FieldErrorBoundaryProps, Fiel
725
727
  static getDerivedStateFromError(error: Error): FieldErrorBoundaryState;
726
728
  componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
727
729
  handleRetry: () => void;
728
- render(): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | react.ReactPortal | react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | react_jsx_runtime.JSX.Element | null | undefined;
730
+ render(): string | number | bigint | boolean | react_jsx_runtime.JSX.Element | Iterable<ReactNode> | Promise<string | number | bigint | boolean | react.ReactPortal | react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | null | undefined;
729
731
  }
730
732
 
731
733
  declare function hexToHsl(hex: string): HSL;