@stackshift-ui/logo-cloud 6.0.6 → 6.0.7-beta.1
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/dist/index.js +1 -329
- package/dist/index.mjs +1 -23
- package/dist/logo-cloud.js +1 -313
- package/dist/logo-cloud.mjs +1 -6
- package/dist/logo-cloud_a.js +1 -82
- package/dist/logo-cloud_a.mjs +1 -7
- package/dist/logo-cloud_b.js +1 -85
- package/dist/logo-cloud_b.mjs +1 -7
- package/dist/logo-cloud_c.js +1 -109
- package/dist/logo-cloud_c.mjs +1 -7
- package/dist/logo-cloud_d.js +1 -61
- package/dist/logo-cloud_d.mjs +1 -7
- package/dist/types.js +1 -18
- package/package.json +12 -12
- package/dist/chunk-6GBAK755.mjs +0 -50
- package/dist/chunk-FLDL755C.mjs +0 -47
- package/dist/chunk-PNGHENXC.mjs +0 -27
- package/dist/chunk-YP376ODG.mjs +0 -36
- package/dist/chunk-ZFA2DQJY.mjs +0 -84
package/dist/index.js
CHANGED
|
@@ -1,330 +1,2 @@
|
|
|
1
|
-
"use strict";
|
|
2
1
|
"use client";
|
|
3
|
-
var
|
|
4
|
-
var __defProp = Object.defineProperty;
|
|
5
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
6
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
7
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
8
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
9
|
-
var __esm = (fn, res) => function __init() {
|
|
10
|
-
return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
|
|
11
|
-
};
|
|
12
|
-
var __export = (target, all) => {
|
|
13
|
-
for (var name in all)
|
|
14
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
15
|
-
};
|
|
16
|
-
var __copyProps = (to, from, except, desc) => {
|
|
17
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
18
|
-
for (let key of __getOwnPropNames(from))
|
|
19
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
20
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
21
|
-
}
|
|
22
|
-
return to;
|
|
23
|
-
};
|
|
24
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
25
|
-
// If the importer is in node compatibility mode or this is not an ESM
|
|
26
|
-
// file that has been converted to a CommonJS file using a Babel-
|
|
27
|
-
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
28
|
-
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
29
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
30
|
-
mod
|
|
31
|
-
));
|
|
32
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
33
|
-
|
|
34
|
-
// src/logo-cloud_a.tsx
|
|
35
|
-
var logo_cloud_a_exports = {};
|
|
36
|
-
__export(logo_cloud_a_exports, {
|
|
37
|
-
LogoCloud_A: () => LogoCloud_A,
|
|
38
|
-
default: () => LogoCloud_A
|
|
39
|
-
});
|
|
40
|
-
function LogoCloud_A({ title, images }) {
|
|
41
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_section.Section, { className: "py-20 bg-background", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_container.Container, { maxWidth: 1280, children: [
|
|
42
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Title, { title }),
|
|
43
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_flex.Flex, { wrap: true, justify: "center", align: "center", gap: 3, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LogoCloudImages, { images }) })
|
|
44
|
-
] }) });
|
|
45
|
-
}
|
|
46
|
-
function Title({ title }) {
|
|
47
|
-
if (!title) return null;
|
|
48
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_heading.Heading, { className: "mb-12 text-center", fontSize: "2xl", children: title });
|
|
49
|
-
}
|
|
50
|
-
function LogoCloudImages({ images }) {
|
|
51
|
-
if (!images) return null;
|
|
52
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.default.Fragment, { children: images == null ? void 0 : images.map((image, index) => {
|
|
53
|
-
var _a;
|
|
54
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: (image == null ? void 0 : image.image) ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
55
|
-
import_flex.Flex,
|
|
56
|
-
{
|
|
57
|
-
align: "center",
|
|
58
|
-
justify: "center",
|
|
59
|
-
className: "h-[192px] w-[192px] rounded-global bg-gray-50",
|
|
60
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
61
|
-
import_image.Image,
|
|
62
|
-
{
|
|
63
|
-
className: "object-scale-down",
|
|
64
|
-
src: `${image == null ? void 0 : image.image}`,
|
|
65
|
-
sizes: "192px",
|
|
66
|
-
width: 192,
|
|
67
|
-
height: 192,
|
|
68
|
-
alt: (_a = image == null ? void 0 : image.alt) != null ? _a : `logoCloud-image${index}`
|
|
69
|
-
}
|
|
70
|
-
)
|
|
71
|
-
}
|
|
72
|
-
) : null }, index);
|
|
73
|
-
}) });
|
|
74
|
-
}
|
|
75
|
-
var import_container, import_flex, import_heading, import_image, import_section, import_react, import_jsx_runtime;
|
|
76
|
-
var init_logo_cloud_a = __esm({
|
|
77
|
-
"src/logo-cloud_a.tsx"() {
|
|
78
|
-
"use strict";
|
|
79
|
-
import_container = require("@stackshift-ui/container");
|
|
80
|
-
import_flex = require("@stackshift-ui/flex");
|
|
81
|
-
import_heading = require("@stackshift-ui/heading");
|
|
82
|
-
import_image = require("@stackshift-ui/image");
|
|
83
|
-
import_section = require("@stackshift-ui/section");
|
|
84
|
-
import_react = __toESM(require("react"));
|
|
85
|
-
import_jsx_runtime = require("react/jsx-runtime");
|
|
86
|
-
}
|
|
87
|
-
});
|
|
88
|
-
|
|
89
|
-
// src/logo-cloud_b.tsx
|
|
90
|
-
var logo_cloud_b_exports = {};
|
|
91
|
-
__export(logo_cloud_b_exports, {
|
|
92
|
-
LogoCloud_B: () => LogoCloud_B,
|
|
93
|
-
default: () => LogoCloud_B
|
|
94
|
-
});
|
|
95
|
-
function LogoCloud_B({ title, text, images }) {
|
|
96
|
-
return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_section2.Section, { className: "py-20 bg-background", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_container2.Container, { maxWidth: 1280, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_flex2.Flex, { wrap: true, align: "center", justify: "between", children: [
|
|
97
|
-
/* @__PURE__ */ (0, import_jsx_runtime2.jsx)(TitleTextSection, { title, text }),
|
|
98
|
-
/* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_flex2.Flex, { wrap: true, className: "w-full lg:w-1/2", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(LogoCloudImages2, { images }) })
|
|
99
|
-
] }) }) });
|
|
100
|
-
}
|
|
101
|
-
function TitleTextSection({ title, text }) {
|
|
102
|
-
return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "w-full mb-12 lg:mb-0 lg:w-1/2", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_container2.Container, { maxWidth: 448, children: [
|
|
103
|
-
title && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_heading2.Heading, { weight: "bold", className: "mb-4", children: title }),
|
|
104
|
-
text && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_text.Text, { muted: true, className: "leading-loose", children: text })
|
|
105
|
-
] }) });
|
|
106
|
-
}
|
|
107
|
-
function LogoCloudImages2({ images }) {
|
|
108
|
-
if (!images) return null;
|
|
109
|
-
return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react2.default.Fragment, { children: images == null ? void 0 : images.map((image, index) => {
|
|
110
|
-
var _a;
|
|
111
|
-
return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "w-full px-2 mb-4 sm:w-1/2 md:w-1/3", children: (image == null ? void 0 : image.image) && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
|
|
112
|
-
import_flex2.Flex,
|
|
113
|
-
{
|
|
114
|
-
align: "center",
|
|
115
|
-
justify: "center",
|
|
116
|
-
className: "mx-auto h-[192px] w-[192px] rounded-global bg-gray-50",
|
|
117
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
|
|
118
|
-
import_image2.Image,
|
|
119
|
-
{
|
|
120
|
-
className: "object-scale-down",
|
|
121
|
-
src: `${image == null ? void 0 : image.image}`,
|
|
122
|
-
sizes: "192px",
|
|
123
|
-
width: 192,
|
|
124
|
-
height: 192,
|
|
125
|
-
alt: (_a = image == null ? void 0 : image.alt) != null ? _a : `logoCloud-image${index}`
|
|
126
|
-
}
|
|
127
|
-
)
|
|
128
|
-
}
|
|
129
|
-
) }) }, index);
|
|
130
|
-
}) });
|
|
131
|
-
}
|
|
132
|
-
var import_container2, import_flex2, import_heading2, import_image2, import_section2, import_text, import_react2, import_jsx_runtime2;
|
|
133
|
-
var init_logo_cloud_b = __esm({
|
|
134
|
-
"src/logo-cloud_b.tsx"() {
|
|
135
|
-
"use strict";
|
|
136
|
-
import_container2 = require("@stackshift-ui/container");
|
|
137
|
-
import_flex2 = require("@stackshift-ui/flex");
|
|
138
|
-
import_heading2 = require("@stackshift-ui/heading");
|
|
139
|
-
import_image2 = require("@stackshift-ui/image");
|
|
140
|
-
import_section2 = require("@stackshift-ui/section");
|
|
141
|
-
import_text = require("@stackshift-ui/text");
|
|
142
|
-
import_react2 = __toESM(require("react"));
|
|
143
|
-
import_jsx_runtime2 = require("react/jsx-runtime");
|
|
144
|
-
}
|
|
145
|
-
});
|
|
146
|
-
|
|
147
|
-
// src/logo-cloud_c.tsx
|
|
148
|
-
var logo_cloud_c_exports = {};
|
|
149
|
-
__export(logo_cloud_c_exports, {
|
|
150
|
-
LogoCloud_C: () => LogoCloud_C,
|
|
151
|
-
default: () => LogoCloud_C
|
|
152
|
-
});
|
|
153
|
-
function LogoCloud_C({ title, images, button }) {
|
|
154
|
-
return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_section3.Section, { className: "relative pt-20 pb-12 overflow-hidden bg-background lg:pb-80", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_container3.Container, { maxWidth: 1280, children: [
|
|
155
|
-
/* @__PURE__ */ (0, import_jsx_runtime3.jsx)(LogoCloudHeader, { title, button }),
|
|
156
|
-
images && images.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Logos, { images }),
|
|
157
|
-
/* @__PURE__ */ (0, import_jsx_runtime3.jsx)(LogoCloudMobile, { images })
|
|
158
|
-
] }) });
|
|
159
|
-
}
|
|
160
|
-
function LogoCloudHeader({ title, button }) {
|
|
161
|
-
return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_container3.Container, { maxWidth: 448, className: "text-center", children: [
|
|
162
|
-
title && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_heading3.Heading, { weight: "bold", className: "mb-8 text-4xl lg:text-5xl", children: title }),
|
|
163
|
-
(button == null ? void 0 : button.label) && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_button.Button, { as: "link", ariaLabel: button.label, link: button, children: button.label })
|
|
164
|
-
] });
|
|
165
|
-
}
|
|
166
|
-
function Logos({ images }) {
|
|
167
|
-
if (!images) return null;
|
|
168
|
-
return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "relative hidden lg:block", children: images.map((image, index) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(LogoItem, { image, alt: image == null ? void 0 : image.alt, index }, index)) });
|
|
169
|
-
}
|
|
170
|
-
function LogoItem({ image, alt, index }) {
|
|
171
|
-
var _a;
|
|
172
|
-
const positions = [
|
|
173
|
-
{ top: "-120px", left: "-10px" },
|
|
174
|
-
{ top: "0", left: "0", marginTop: "20px" },
|
|
175
|
-
{ bottom: "-250px", left: "20%" },
|
|
176
|
-
{ top: "20px", right: "20%" },
|
|
177
|
-
{ bottom: "-250px", right: "0" },
|
|
178
|
-
{ top: "-150px", right: "0" }
|
|
179
|
-
];
|
|
180
|
-
return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
|
|
181
|
-
"div",
|
|
182
|
-
{
|
|
183
|
-
className: "absolute flex items-center justify-center w-24 h-24 overflow-hidden rounded-full bg-gray-50",
|
|
184
|
-
style: (_a = positions[index]) != null ? _a : {},
|
|
185
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
|
|
186
|
-
import_image3.Image,
|
|
187
|
-
{
|
|
188
|
-
className: "object-scale-down w-16 h-16",
|
|
189
|
-
src: `${image == null ? void 0 : image.image}`,
|
|
190
|
-
sizes: "100vw",
|
|
191
|
-
width: 64,
|
|
192
|
-
height: 64,
|
|
193
|
-
alt: alt != null ? alt : `logoCloud-image-${index + 1}`
|
|
194
|
-
}
|
|
195
|
-
)
|
|
196
|
-
}
|
|
197
|
-
);
|
|
198
|
-
}
|
|
199
|
-
function LogoCloudMobile({ images }) {
|
|
200
|
-
if (!images) return null;
|
|
201
|
-
return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_flex3.Flex, { wrap: true, justify: "center", className: "mt-16 lg:hidden", children: images && images.map((image, index) => {
|
|
202
|
-
var _a;
|
|
203
|
-
return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
|
|
204
|
-
import_flex3.Flex,
|
|
205
|
-
{
|
|
206
|
-
align: "center",
|
|
207
|
-
justify: "center",
|
|
208
|
-
className: "w-24 h-24 mx-4 mb-8 rounded-full bg-gray-50",
|
|
209
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
|
|
210
|
-
import_image3.Image,
|
|
211
|
-
{
|
|
212
|
-
className: "object-scale-down w-16 h-16",
|
|
213
|
-
src: `${image == null ? void 0 : image.image}`,
|
|
214
|
-
sizes: "100vw",
|
|
215
|
-
width: 64,
|
|
216
|
-
height: 64,
|
|
217
|
-
alt: (_a = image == null ? void 0 : image.alt) != null ? _a : `logoCloud-image-${index}`
|
|
218
|
-
}
|
|
219
|
-
)
|
|
220
|
-
},
|
|
221
|
-
index
|
|
222
|
-
);
|
|
223
|
-
}) });
|
|
224
|
-
}
|
|
225
|
-
var import_button, import_container3, import_flex3, import_heading3, import_image3, import_section3, import_jsx_runtime3;
|
|
226
|
-
var init_logo_cloud_c = __esm({
|
|
227
|
-
"src/logo-cloud_c.tsx"() {
|
|
228
|
-
"use strict";
|
|
229
|
-
import_button = require("@stackshift-ui/button");
|
|
230
|
-
import_container3 = require("@stackshift-ui/container");
|
|
231
|
-
import_flex3 = require("@stackshift-ui/flex");
|
|
232
|
-
import_heading3 = require("@stackshift-ui/heading");
|
|
233
|
-
import_image3 = require("@stackshift-ui/image");
|
|
234
|
-
import_section3 = require("@stackshift-ui/section");
|
|
235
|
-
import_jsx_runtime3 = require("react/jsx-runtime");
|
|
236
|
-
}
|
|
237
|
-
});
|
|
238
|
-
|
|
239
|
-
// src/logo-cloud_d.tsx
|
|
240
|
-
var logo_cloud_d_exports = {};
|
|
241
|
-
__export(logo_cloud_d_exports, {
|
|
242
|
-
LogoCloud_D: () => LogoCloud_D,
|
|
243
|
-
default: () => LogoCloud_D
|
|
244
|
-
});
|
|
245
|
-
function LogoCloud_D({ images }) {
|
|
246
|
-
return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_section4.Section, { className: "py-20 bg-background", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_container4.Container, { maxWidth: 1280, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_flex4.Flex, { wrap: true, justify: "center", align: "center", children: images && (images == null ? void 0 : images.map((image, index) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(LogoItem2, { image }))) }) }) });
|
|
247
|
-
}
|
|
248
|
-
function LogoItem2({ image }) {
|
|
249
|
-
var _a;
|
|
250
|
-
if (!image) return null;
|
|
251
|
-
return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "w-full px-2 mb-4 md:w-1/3 lg:mr-10 lg:w-1/6 xl:mr-0", children: (image == null ? void 0 : image.image) && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
|
|
252
|
-
import_flex4.Flex,
|
|
253
|
-
{
|
|
254
|
-
align: "center",
|
|
255
|
-
justify: "center",
|
|
256
|
-
className: "mx-auto h-[192px] w-[192px] rounded-global bg-gray-50",
|
|
257
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
|
|
258
|
-
import_image4.Image,
|
|
259
|
-
{
|
|
260
|
-
className: "object-scale-down w-full h-full",
|
|
261
|
-
src: `${image == null ? void 0 : image.image}`,
|
|
262
|
-
sizes: "192px",
|
|
263
|
-
width: 192,
|
|
264
|
-
height: 192,
|
|
265
|
-
alt: (_a = image == null ? void 0 : image.alt) != null ? _a : `logoCloud-image`
|
|
266
|
-
}
|
|
267
|
-
)
|
|
268
|
-
}
|
|
269
|
-
) });
|
|
270
|
-
}
|
|
271
|
-
var import_container4, import_flex4, import_image4, import_section4, import_jsx_runtime4;
|
|
272
|
-
var init_logo_cloud_d = __esm({
|
|
273
|
-
"src/logo-cloud_d.tsx"() {
|
|
274
|
-
"use strict";
|
|
275
|
-
import_container4 = require("@stackshift-ui/container");
|
|
276
|
-
import_flex4 = require("@stackshift-ui/flex");
|
|
277
|
-
import_image4 = require("@stackshift-ui/image");
|
|
278
|
-
import_section4 = require("@stackshift-ui/section");
|
|
279
|
-
import_jsx_runtime4 = require("react/jsx-runtime");
|
|
280
|
-
}
|
|
281
|
-
});
|
|
282
|
-
|
|
283
|
-
// src/index.ts
|
|
284
|
-
var src_exports = {};
|
|
285
|
-
__export(src_exports, {
|
|
286
|
-
LogoCloud: () => LogoCloud,
|
|
287
|
-
LogoCloud_A: () => LogoCloud_A,
|
|
288
|
-
LogoCloud_B: () => LogoCloud_B,
|
|
289
|
-
LogoCloud_C: () => LogoCloud_C,
|
|
290
|
-
LogoCloud_D: () => LogoCloud_D
|
|
291
|
-
});
|
|
292
|
-
module.exports = __toCommonJS(src_exports);
|
|
293
|
-
|
|
294
|
-
// src/logo-cloud.tsx
|
|
295
|
-
var import_react3 = require("react");
|
|
296
|
-
var import_jsx_runtime5 = require("react/jsx-runtime");
|
|
297
|
-
var Variants = {
|
|
298
|
-
variant_a: (0, import_react3.lazy)(() => Promise.resolve().then(() => (init_logo_cloud_a(), logo_cloud_a_exports))),
|
|
299
|
-
variant_b: (0, import_react3.lazy)(() => Promise.resolve().then(() => (init_logo_cloud_b(), logo_cloud_b_exports))),
|
|
300
|
-
variant_c: (0, import_react3.lazy)(() => Promise.resolve().then(() => (init_logo_cloud_c(), logo_cloud_c_exports))),
|
|
301
|
-
variant_d: (0, import_react3.lazy)(() => Promise.resolve().then(() => (init_logo_cloud_d(), logo_cloud_d_exports)))
|
|
302
|
-
};
|
|
303
|
-
var displayName = "LogoCloud";
|
|
304
|
-
var LogoCloud = ({ data }) => {
|
|
305
|
-
var _a, _b, _c, _d, _e, _f, _g, _h;
|
|
306
|
-
const variant = data == null ? void 0 : data.variant;
|
|
307
|
-
const Variant = variant && Variants[variant];
|
|
308
|
-
const props = {
|
|
309
|
-
title: (_b = (_a = data == null ? void 0 : data.variants) == null ? void 0 : _a.title) != null ? _b : void 0,
|
|
310
|
-
images: (_d = (_c = data == null ? void 0 : data.variants) == null ? void 0 : _c.images) != null ? _d : void 0,
|
|
311
|
-
text: (_f = (_e = data == null ? void 0 : data.variants) == null ? void 0 : _e.plainText) != null ? _f : void 0,
|
|
312
|
-
button: (_h = (_g = data == null ? void 0 : data.variants) == null ? void 0 : _g.primaryButton) != null ? _h : void 0
|
|
313
|
-
};
|
|
314
|
-
return Variant ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Variant, { ...props }) : null;
|
|
315
|
-
};
|
|
316
|
-
LogoCloud.displayName = displayName;
|
|
317
|
-
|
|
318
|
-
// src/index.ts
|
|
319
|
-
init_logo_cloud_a();
|
|
320
|
-
init_logo_cloud_b();
|
|
321
|
-
init_logo_cloud_c();
|
|
322
|
-
init_logo_cloud_d();
|
|
323
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
324
|
-
0 && (module.exports = {
|
|
325
|
-
LogoCloud,
|
|
326
|
-
LogoCloud_A,
|
|
327
|
-
LogoCloud_B,
|
|
328
|
-
LogoCloud_C,
|
|
329
|
-
LogoCloud_D
|
|
330
|
-
});
|
|
2
|
+
"use strict";var no=Object.create;var c=Object.defineProperty;var io=Object.getOwnPropertyDescriptor;var so=Object.getOwnPropertyNames;var po=Object.getPrototypeOf,uo=Object.prototype.hasOwnProperty;var a=(o,t)=>()=>(o&&(t=o(o=0)),t);var u=(o,t)=>{for(var r in t)c(o,r,{get:t[r],enumerable:!0})},H=(o,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let s of so(t))!uo.call(o,s)&&s!==r&&c(o,s,{get:()=>t[s],enumerable:!(n=io(t,s))||n.enumerable});return o};var T=(o,t,r)=>(r=o!=null?no(po(o)):{},H(t||!o||!o.__esModule?c(r,"default",{value:o,enumerable:!0}):r,o)),mo=o=>H(c({},"__esModule",{value:!0}),o);var M={};u(M,{LogoCloud_A:()=>x,default:()=>x});function x({title:o,images:t}){return(0,i.jsx)(A.Section,{className:"py-20 bg-background",children:(0,i.jsxs)(W.Container,{maxWidth:1280,children:[(0,i.jsx)(co,{title:o}),(0,i.jsx)(d.Flex,{wrap:!0,justify:"center",align:"center",gap:3,children:(0,i.jsx)(ao,{images:t})})]})})}function co({title:o}){return o?(0,i.jsx)(B.Heading,{className:"mb-12 text-center",fontSize:"2xl",children:o}):null}function ao({images:o}){return o?(0,i.jsx)(D.default.Fragment,{children:o==null?void 0:o.map((t,r)=>{var n;return(0,i.jsx)("div",{children:t!=null&&t.image?(0,i.jsx)(d.Flex,{align:"center",justify:"center",className:"h-[192px] w-[192px] rounded-global bg-gray-50",children:(0,i.jsx)(V.Image,{className:"object-scale-down",src:`${t==null?void 0:t.image}`,sizes:"192px",width:192,height:192,alt:(n=t==null?void 0:t.alt)!=null?n:`logoCloud-image${r}`})}):null},r)})}):null}var W,d,B,V,A,D,i,g=a(()=>{"use strict";W=require("@stackshift-ui/container"),d=require("@stackshift-ui/flex"),B=require("@stackshift-ui/heading"),V=require("@stackshift-ui/image"),A=require("@stackshift-ui/section"),D=T(require("react")),i=require("react/jsx-runtime")});var O={};u(O,{LogoCloud_B:()=>w,default:()=>w});function w({title:o,text:t,images:r}){return(0,i.jsx)(A.Section,{className:"py-20 bg-background",children:(0,i.jsx)(b.Container,{maxWidth:1280,children:(0,i.jsxs)(d.Flex,{wrap:!0,align:"center",justify:"between",children:[(0,i.jsx)(fo,{title:o,text:t}),(0,i.jsx)(d.Flex,{wrap:!0,className:"w-full lg:w-1/2",children:(0,i.jsx)(xo,{images:r})})]})})})}function fo({title:o,text:t}){return(0,i.jsx)("div",{className:"w-full mb-12 lg:mb-0 lg:w-1/2",children:(0,i.jsxs)(b.Container,{maxWidth:448,children:[o&&(0,i.jsx)(B.Heading,{weight:"bold",className:"mb-4",children:o}),t&&(0,i.jsx)(J.Text,{muted:!0,className:"leading-loose",children:t})]})})}function xo({images:o}){return o?(0,i.jsx)(K.default.Fragment,{children:o==null?void 0:o.map((t,r)=>{var n;return(0,i.jsx)("div",{className:"w-full px-2 mb-4 sm:w-1/2 md:w-1/3",children:(t==null?void 0:t.image)&&(0,i.jsx)("div",{children:(0,i.jsx)(d.Flex,{align:"center",justify:"center",className:"mx-auto h-[192px] w-[192px] rounded-global bg-gray-50",children:(0,i.jsx)(V.Image,{className:"object-scale-down",src:`${t==null?void 0:t.image}`,sizes:"192px",width:192,height:192,alt:(n=t==null?void 0:t.alt)!=null?n:`logoCloud-image${r}`})})})},r)})}):null}var b,d,B,V,A,J,K,i,h=a(()=>{"use strict";b=require("@stackshift-ui/container"),J=require("@stackshift-ui/text"),K=T(require("react"))});var Y={};u(Y,{LogoCloud_C:()=>L,default:()=>L});function L({title:o,images:t,button:r}){return(0,i.jsx)(A.Section,{className:"relative pt-20 pb-12 overflow-hidden bg-background lg:pb-80",children:(0,i.jsxs)(v.Container,{maxWidth:1280,children:[(0,i.jsx)(go,{title:o,button:r}),t&&t.length>0&&(0,i.jsx)(bo,{images:t}),(0,i.jsx)(ho,{images:t})]})})}function go({title:o,button:t}){return(0,i.jsxs)(v.Container,{maxWidth:448,className:"text-center",children:[o&&(0,i.jsx)(B.Heading,{weight:"bold",className:"mb-8 text-4xl lg:text-5xl",children:o}),(t==null?void 0:t.label)&&(0,i.jsx)(Q.Button,{as:"link",ariaLabel:t.label,link:t,children:t.label})]})}function bo({images:o}){return o?(0,i.jsx)("div",{className:"relative hidden lg:block",children:o.map((t,r)=>(0,i.jsx)(wo,{image:t,alt:t==null?void 0:t.alt,index:r},r))}):null}function wo({image:o,alt:t,index:r}){var s;return(0,i.jsx)("div",{className:"absolute flex items-center justify-center w-24 h-24 overflow-hidden rounded-full bg-gray-50",style:(s=[{top:"-120px",left:"-10px"},{top:"0",left:"0",marginTop:"20px"},{bottom:"-250px",left:"20%"},{top:"20px",right:"20%"},{bottom:"-250px",right:"0"},{top:"-150px",right:"0"}][r])!=null?s:{},children:(0,i.jsx)(V.Image,{className:"object-scale-down w-16 h-16",src:`${o==null?void 0:o.image}`,sizes:"100vw",width:64,height:64,alt:t!=null?t:`logoCloud-image-${r+1}`})})}function ho({images:o}){return o?(0,i.jsx)(d.Flex,{wrap:!0,justify:"center",className:"mt-16 lg:hidden",children:o&&o.map((t,r)=>{var n;return(0,i.jsx)(d.Flex,{align:"center",justify:"center",className:"w-24 h-24 mx-4 mb-8 rounded-full bg-gray-50",children:(0,i.jsx)(V.Image,{className:"object-scale-down w-16 h-16",src:`${t==null?void 0:t.image}`,sizes:"100vw",width:64,height:64,alt:(n=t==null?void 0:t.alt)!=null?n:`logoCloud-image-${r}`})},r)})}):null}var Q,v,d,B,V,A,i,N=a(()=>{"use strict";Q=require("@stackshift-ui/button"),v=require("@stackshift-ui/container")});var ro={};u(ro,{LogoCloud_D:()=>F,default:()=>F});function F({images:o}){return(0,i.jsx)(A.Section,{className:"py-20 bg-background",children:(0,i.jsx)(Z.Container,{maxWidth:1280,children:(0,i.jsx)(d.Flex,{wrap:!0,justify:"center",align:"center",children:o&&(o==null?void 0:o.map((t,r)=>(0,i.jsx)(Co,{image:t})))})})})}function Co({image:o}){var t;return o?(0,i.jsx)("div",{className:"w-full px-2 mb-4 md:w-1/3 lg:mr-10 lg:w-1/6 xl:mr-0",children:(o==null?void 0:o.image)&&(0,i.jsx)(d.Flex,{align:"center",justify:"center",className:"mx-auto h-[192px] w-[192px] rounded-global bg-gray-50",children:(0,i.jsx)(V.Image,{className:"object-scale-down w-full h-full",src:`${o==null?void 0:o.image}`,sizes:"192px",width:192,height:192,alt:(t=o==null?void 0:o.alt)!=null?t:"logoCloud-image"})})}):null}var Z,d,V,A,i,k=a(()=>{"use strict";Z=require("@stackshift-ui/container")});var Lo={};u(Lo,{LogoCloud:()=>eo,LogoCloud_A:()=>x,LogoCloud_B:()=>w,LogoCloud_C:()=>L,LogoCloud_D:()=>F});module.exports=mo(Lo);var m=require("react"),vo={variant_a:(0,m.lazy)(()=>Promise.resolve().then(()=>(g(),M))),variant_b:(0,m.lazy)(()=>Promise.resolve().then(()=>(h(),O))),variant_c:(0,m.lazy)(()=>Promise.resolve().then(()=>(N(),Y))),variant_d:(0,m.lazy)(()=>Promise.resolve().then(()=>(k(),ro)))},yo="LogoCloud",eo=({data:o})=>{var s,S,P,R,j,$,_,z;let t=o==null?void 0:o.variant,r=t&&vo[t],n={title:(S=(s=o==null?void 0:o.variants)==null?void 0:s.title)!=null?S:void 0,images:(R=(P=o==null?void 0:o.variants)==null?void 0:P.images)!=null?R:void 0,text:($=(j=o==null?void 0:o.variants)==null?void 0:j.plainText)!=null?$:void 0,button:(z=(_=o==null?void 0:o.variants)==null?void 0:_.primaryButton)!=null?z:void 0};return r?(0,i.jsx)(r,{...n}):null};eo.displayName=yo;g();h();N();k();0&&(module.exports={LogoCloud,LogoCloud_A,LogoCloud_B,LogoCloud_C,LogoCloud_D});
|
package/dist/index.mjs
CHANGED
|
@@ -1,24 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
"use strict";
|
|
3
|
-
import {
|
|
4
|
-
LogoCloud
|
|
5
|
-
} from "./chunk-PNGHENXC.mjs";
|
|
6
|
-
import {
|
|
7
|
-
LogoCloud_A
|
|
8
|
-
} from "./chunk-FLDL755C.mjs";
|
|
9
|
-
import {
|
|
10
|
-
LogoCloud_B
|
|
11
|
-
} from "./chunk-6GBAK755.mjs";
|
|
12
|
-
import {
|
|
13
|
-
LogoCloud_C
|
|
14
|
-
} from "./chunk-ZFA2DQJY.mjs";
|
|
15
|
-
import {
|
|
16
|
-
LogoCloud_D
|
|
17
|
-
} from "./chunk-YP376ODG.mjs";
|
|
18
|
-
export {
|
|
19
|
-
LogoCloud,
|
|
20
|
-
LogoCloud_A,
|
|
21
|
-
LogoCloud_B,
|
|
22
|
-
LogoCloud_C,
|
|
23
|
-
LogoCloud_D
|
|
24
|
-
};
|
|
2
|
+
"use strict";import{a as f}from"./chunk-IAIT346V.mjs";import{a as o}from"./chunk-O6AXZYU7.mjs";import{a as r}from"./chunk-LMWC2QH6.mjs";import{a as e}from"./chunk-GGOHIST3.mjs";import{a as t}from"./chunk-J6G7MDDQ.mjs";export{f as LogoCloud,o as LogoCloud_A,r as LogoCloud_B,e as LogoCloud_C,t as LogoCloud_D};
|