@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 CHANGED
@@ -1,330 +1,2 @@
1
- "use strict";
2
1
  "use client";
3
- var __create = Object.create;
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};