@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/logo-cloud_c.mjs
CHANGED
package/dist/logo-cloud_d.js
CHANGED
|
@@ -1,61 +1 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __export = (target, all) => {
|
|
7
|
-
for (var name in all)
|
|
8
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
-
};
|
|
10
|
-
var __copyProps = (to, from, except, desc) => {
|
|
11
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
-
for (let key of __getOwnPropNames(from))
|
|
13
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
-
}
|
|
16
|
-
return to;
|
|
17
|
-
};
|
|
18
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
-
|
|
20
|
-
// src/logo-cloud_d.tsx
|
|
21
|
-
var logo_cloud_d_exports = {};
|
|
22
|
-
__export(logo_cloud_d_exports, {
|
|
23
|
-
LogoCloud_D: () => LogoCloud_D,
|
|
24
|
-
default: () => LogoCloud_D
|
|
25
|
-
});
|
|
26
|
-
module.exports = __toCommonJS(logo_cloud_d_exports);
|
|
27
|
-
var import_container = require("@stackshift-ui/container");
|
|
28
|
-
var import_flex = require("@stackshift-ui/flex");
|
|
29
|
-
var import_image = require("@stackshift-ui/image");
|
|
30
|
-
var import_section = require("@stackshift-ui/section");
|
|
31
|
-
var import_jsx_runtime = require("react/jsx-runtime");
|
|
32
|
-
function LogoCloud_D({ images }) {
|
|
33
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_section.Section, { className: "py-20 bg-background", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_container.Container, { maxWidth: 1280, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_flex.Flex, { wrap: true, justify: "center", align: "center", children: images && (images == null ? void 0 : images.map((image, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LogoItem, { image }))) }) }) });
|
|
34
|
-
}
|
|
35
|
-
function LogoItem({ image }) {
|
|
36
|
-
var _a;
|
|
37
|
-
if (!image) return null;
|
|
38
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.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_runtime.jsx)(
|
|
39
|
-
import_flex.Flex,
|
|
40
|
-
{
|
|
41
|
-
align: "center",
|
|
42
|
-
justify: "center",
|
|
43
|
-
className: "mx-auto h-[192px] w-[192px] rounded-global bg-gray-50",
|
|
44
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
45
|
-
import_image.Image,
|
|
46
|
-
{
|
|
47
|
-
className: "object-scale-down w-full h-full",
|
|
48
|
-
src: `${image == null ? void 0 : image.image}`,
|
|
49
|
-
sizes: "192px",
|
|
50
|
-
width: 192,
|
|
51
|
-
height: 192,
|
|
52
|
-
alt: (_a = image == null ? void 0 : image.alt) != null ? _a : `logoCloud-image`
|
|
53
|
-
}
|
|
54
|
-
)
|
|
55
|
-
}
|
|
56
|
-
) });
|
|
57
|
-
}
|
|
58
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
59
|
-
0 && (module.exports = {
|
|
60
|
-
LogoCloud_D
|
|
61
|
-
});
|
|
1
|
+
"use strict";var e=Object.defineProperty;var x=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var a=Object.prototype.hasOwnProperty;var i=(o,r)=>{for(var t in r)e(o,t,{get:r[t],enumerable:!0})},w=(o,r,t,p)=>{if(r&&typeof r=="object"||typeof r=="function")for(let n of m(r))!a.call(o,n)&&n!==t&&e(o,n,{get:()=>r[n],enumerable:!(p=x(r,n))||p.enumerable});return o};var b=o=>w(e({},"__esModule",{value:!0}),o);var C={};i(C,{LogoCloud_D:()=>s,default:()=>s});module.exports=b(C);var c=require("@stackshift-ui/container"),u=require("@stackshift-ui/flex"),d=require("@stackshift-ui/image"),f=require("@stackshift-ui/section"),l=require("react/jsx-runtime");function s({images:o}){return(0,l.jsx)(f.Section,{className:"py-20 bg-background",children:(0,l.jsx)(c.Container,{maxWidth:1280,children:(0,l.jsx)(u.Flex,{wrap:!0,justify:"center",align:"center",children:o&&(o==null?void 0:o.map((r,t)=>(0,l.jsx)(h,{image:r})))})})})}function h({image:o}){var r;return o?(0,l.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,l.jsx)(u.Flex,{align:"center",justify:"center",className:"mx-auto h-[192px] w-[192px] rounded-global bg-gray-50",children:(0,l.jsx)(d.Image,{className:"object-scale-down w-full h-full",src:`${o==null?void 0:o.image}`,sizes:"192px",width:192,height:192,alt:(r=o==null?void 0:o.alt)!=null?r:"logoCloud-image"})})}):null}0&&(module.exports={LogoCloud_D});
|
package/dist/logo-cloud_d.mjs
CHANGED
package/dist/types.js
CHANGED
|
@@ -1,18 +1 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __copyProps = (to, from, except, desc) => {
|
|
7
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
8
|
-
for (let key of __getOwnPropNames(from))
|
|
9
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
10
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
11
|
-
}
|
|
12
|
-
return to;
|
|
13
|
-
};
|
|
14
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
15
|
-
|
|
16
|
-
// src/types.ts
|
|
17
|
-
var types_exports = {};
|
|
18
|
-
module.exports = __toCommonJS(types_exports);
|
|
1
|
+
"use strict";var l=Object.defineProperty;var s=Object.getOwnPropertyDescriptor;var a=Object.getOwnPropertyNames;var o=Object.prototype.hasOwnProperty;var g=(n,t,r,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let e of a(t))!o.call(n,e)&&e!==r&&l(n,e,{get:()=>t[e],enumerable:!(i=s(t,e))||i.enumerable});return n};var u=n=>g(l({},"__esModule",{value:!0}),n);var c={};module.exports=u(c);
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@stackshift-ui/logo-cloud",
|
|
3
3
|
"description": "",
|
|
4
|
-
"version": "6.0.
|
|
4
|
+
"version": "6.0.7-beta.1",
|
|
5
5
|
"private": false,
|
|
6
6
|
"sideEffects": false,
|
|
7
7
|
"main": "./dist/index.js",
|
|
@@ -29,19 +29,19 @@
|
|
|
29
29
|
"typescript": "^5.6.2",
|
|
30
30
|
"vite-tsconfig-paths": "^5.0.1",
|
|
31
31
|
"vitest": "^2.1.1",
|
|
32
|
-
"@stackshift-ui/typescript-config": "6.0.
|
|
33
|
-
"@stackshift-ui/eslint-config": "6.0.
|
|
32
|
+
"@stackshift-ui/typescript-config": "6.0.3-beta.1",
|
|
33
|
+
"@stackshift-ui/eslint-config": "6.0.3-beta.1"
|
|
34
34
|
},
|
|
35
35
|
"dependencies": {
|
|
36
|
-
"@stackshift-ui/
|
|
37
|
-
"@stackshift-ui/
|
|
38
|
-
"@stackshift-ui/
|
|
39
|
-
"@stackshift-ui/
|
|
40
|
-
"@stackshift-ui/
|
|
41
|
-
"@stackshift-ui/
|
|
42
|
-
"@stackshift-ui/
|
|
43
|
-
"@stackshift-ui/
|
|
44
|
-
"@stackshift-ui/
|
|
36
|
+
"@stackshift-ui/scripts": "6.0.3-beta.1",
|
|
37
|
+
"@stackshift-ui/text": "6.0.4-beta.1",
|
|
38
|
+
"@stackshift-ui/image": "6.0.4-beta.1",
|
|
39
|
+
"@stackshift-ui/section": "6.0.4-beta.1",
|
|
40
|
+
"@stackshift-ui/container": "6.0.4-beta.1",
|
|
41
|
+
"@stackshift-ui/button": "6.0.4-beta.1",
|
|
42
|
+
"@stackshift-ui/system": "6.0.4-beta.1",
|
|
43
|
+
"@stackshift-ui/flex": "6.0.4-beta.1",
|
|
44
|
+
"@stackshift-ui/heading": "6.0.4-beta.1"
|
|
45
45
|
},
|
|
46
46
|
"peerDependencies": {
|
|
47
47
|
"@types/react": "16.8 - 19",
|
package/dist/chunk-6GBAK755.mjs
DELETED
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
// src/logo-cloud_b.tsx
|
|
2
|
-
import { Container } from "@stackshift-ui/container";
|
|
3
|
-
import { Flex } from "@stackshift-ui/flex";
|
|
4
|
-
import { Heading } from "@stackshift-ui/heading";
|
|
5
|
-
import { Image } from "@stackshift-ui/image";
|
|
6
|
-
import { Section } from "@stackshift-ui/section";
|
|
7
|
-
import { Text } from "@stackshift-ui/text";
|
|
8
|
-
import React from "react";
|
|
9
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
10
|
-
function LogoCloud_B({ title, text, images }) {
|
|
11
|
-
return /* @__PURE__ */ jsx(Section, { className: "py-20 bg-background", children: /* @__PURE__ */ jsx(Container, { maxWidth: 1280, children: /* @__PURE__ */ jsxs(Flex, { wrap: true, align: "center", justify: "between", children: [
|
|
12
|
-
/* @__PURE__ */ jsx(TitleTextSection, { title, text }),
|
|
13
|
-
/* @__PURE__ */ jsx(Flex, { wrap: true, className: "w-full lg:w-1/2", children: /* @__PURE__ */ jsx(LogoCloudImages, { images }) })
|
|
14
|
-
] }) }) });
|
|
15
|
-
}
|
|
16
|
-
function TitleTextSection({ title, text }) {
|
|
17
|
-
return /* @__PURE__ */ jsx("div", { className: "w-full mb-12 lg:mb-0 lg:w-1/2", children: /* @__PURE__ */ jsxs(Container, { maxWidth: 448, children: [
|
|
18
|
-
title && /* @__PURE__ */ jsx(Heading, { weight: "bold", className: "mb-4", children: title }),
|
|
19
|
-
text && /* @__PURE__ */ jsx(Text, { muted: true, className: "leading-loose", children: text })
|
|
20
|
-
] }) });
|
|
21
|
-
}
|
|
22
|
-
function LogoCloudImages({ images }) {
|
|
23
|
-
if (!images) return null;
|
|
24
|
-
return /* @__PURE__ */ jsx(React.Fragment, { children: images == null ? void 0 : images.map((image, index) => {
|
|
25
|
-
var _a;
|
|
26
|
-
return /* @__PURE__ */ 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__ */ jsx("div", { children: /* @__PURE__ */ jsx(
|
|
27
|
-
Flex,
|
|
28
|
-
{
|
|
29
|
-
align: "center",
|
|
30
|
-
justify: "center",
|
|
31
|
-
className: "mx-auto h-[192px] w-[192px] rounded-global bg-gray-50",
|
|
32
|
-
children: /* @__PURE__ */ jsx(
|
|
33
|
-
Image,
|
|
34
|
-
{
|
|
35
|
-
className: "object-scale-down",
|
|
36
|
-
src: `${image == null ? void 0 : image.image}`,
|
|
37
|
-
sizes: "192px",
|
|
38
|
-
width: 192,
|
|
39
|
-
height: 192,
|
|
40
|
-
alt: (_a = image == null ? void 0 : image.alt) != null ? _a : `logoCloud-image${index}`
|
|
41
|
-
}
|
|
42
|
-
)
|
|
43
|
-
}
|
|
44
|
-
) }) }, index);
|
|
45
|
-
}) });
|
|
46
|
-
}
|
|
47
|
-
|
|
48
|
-
export {
|
|
49
|
-
LogoCloud_B
|
|
50
|
-
};
|
package/dist/chunk-FLDL755C.mjs
DELETED
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
// src/logo-cloud_a.tsx
|
|
2
|
-
import { Container } from "@stackshift-ui/container";
|
|
3
|
-
import { Flex } from "@stackshift-ui/flex";
|
|
4
|
-
import { Heading } from "@stackshift-ui/heading";
|
|
5
|
-
import { Image } from "@stackshift-ui/image";
|
|
6
|
-
import { Section } from "@stackshift-ui/section";
|
|
7
|
-
import React from "react";
|
|
8
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
9
|
-
function LogoCloud_A({ title, images }) {
|
|
10
|
-
return /* @__PURE__ */ jsx(Section, { className: "py-20 bg-background", children: /* @__PURE__ */ jsxs(Container, { maxWidth: 1280, children: [
|
|
11
|
-
/* @__PURE__ */ jsx(Title, { title }),
|
|
12
|
-
/* @__PURE__ */ jsx(Flex, { wrap: true, justify: "center", align: "center", gap: 3, children: /* @__PURE__ */ jsx(LogoCloudImages, { images }) })
|
|
13
|
-
] }) });
|
|
14
|
-
}
|
|
15
|
-
function Title({ title }) {
|
|
16
|
-
if (!title) return null;
|
|
17
|
-
return /* @__PURE__ */ jsx(Heading, { className: "mb-12 text-center", fontSize: "2xl", children: title });
|
|
18
|
-
}
|
|
19
|
-
function LogoCloudImages({ images }) {
|
|
20
|
-
if (!images) return null;
|
|
21
|
-
return /* @__PURE__ */ jsx(React.Fragment, { children: images == null ? void 0 : images.map((image, index) => {
|
|
22
|
-
var _a;
|
|
23
|
-
return /* @__PURE__ */ jsx("div", { children: (image == null ? void 0 : image.image) ? /* @__PURE__ */ jsx(
|
|
24
|
-
Flex,
|
|
25
|
-
{
|
|
26
|
-
align: "center",
|
|
27
|
-
justify: "center",
|
|
28
|
-
className: "h-[192px] w-[192px] rounded-global bg-gray-50",
|
|
29
|
-
children: /* @__PURE__ */ jsx(
|
|
30
|
-
Image,
|
|
31
|
-
{
|
|
32
|
-
className: "object-scale-down",
|
|
33
|
-
src: `${image == null ? void 0 : image.image}`,
|
|
34
|
-
sizes: "192px",
|
|
35
|
-
width: 192,
|
|
36
|
-
height: 192,
|
|
37
|
-
alt: (_a = image == null ? void 0 : image.alt) != null ? _a : `logoCloud-image${index}`
|
|
38
|
-
}
|
|
39
|
-
)
|
|
40
|
-
}
|
|
41
|
-
) : null }, index);
|
|
42
|
-
}) });
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
export {
|
|
46
|
-
LogoCloud_A
|
|
47
|
-
};
|
package/dist/chunk-PNGHENXC.mjs
DELETED
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
// src/logo-cloud.tsx
|
|
2
|
-
import { lazy } from "react";
|
|
3
|
-
import { jsx } from "react/jsx-runtime";
|
|
4
|
-
var Variants = {
|
|
5
|
-
variant_a: lazy(() => import("./logo-cloud_a.mjs")),
|
|
6
|
-
variant_b: lazy(() => import("./logo-cloud_b.mjs")),
|
|
7
|
-
variant_c: lazy(() => import("./logo-cloud_c.mjs")),
|
|
8
|
-
variant_d: lazy(() => import("./logo-cloud_d.mjs"))
|
|
9
|
-
};
|
|
10
|
-
var displayName = "LogoCloud";
|
|
11
|
-
var LogoCloud = ({ data }) => {
|
|
12
|
-
var _a, _b, _c, _d, _e, _f, _g, _h;
|
|
13
|
-
const variant = data == null ? void 0 : data.variant;
|
|
14
|
-
const Variant = variant && Variants[variant];
|
|
15
|
-
const props = {
|
|
16
|
-
title: (_b = (_a = data == null ? void 0 : data.variants) == null ? void 0 : _a.title) != null ? _b : void 0,
|
|
17
|
-
images: (_d = (_c = data == null ? void 0 : data.variants) == null ? void 0 : _c.images) != null ? _d : void 0,
|
|
18
|
-
text: (_f = (_e = data == null ? void 0 : data.variants) == null ? void 0 : _e.plainText) != null ? _f : void 0,
|
|
19
|
-
button: (_h = (_g = data == null ? void 0 : data.variants) == null ? void 0 : _g.primaryButton) != null ? _h : void 0
|
|
20
|
-
};
|
|
21
|
-
return Variant ? /* @__PURE__ */ jsx(Variant, { ...props }) : null;
|
|
22
|
-
};
|
|
23
|
-
LogoCloud.displayName = displayName;
|
|
24
|
-
|
|
25
|
-
export {
|
|
26
|
-
LogoCloud
|
|
27
|
-
};
|
package/dist/chunk-YP376ODG.mjs
DELETED
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
// src/logo-cloud_d.tsx
|
|
2
|
-
import { Container } from "@stackshift-ui/container";
|
|
3
|
-
import { Flex } from "@stackshift-ui/flex";
|
|
4
|
-
import { Image } from "@stackshift-ui/image";
|
|
5
|
-
import { Section } from "@stackshift-ui/section";
|
|
6
|
-
import { jsx } from "react/jsx-runtime";
|
|
7
|
-
function LogoCloud_D({ images }) {
|
|
8
|
-
return /* @__PURE__ */ jsx(Section, { className: "py-20 bg-background", children: /* @__PURE__ */ jsx(Container, { maxWidth: 1280, children: /* @__PURE__ */ jsx(Flex, { wrap: true, justify: "center", align: "center", children: images && (images == null ? void 0 : images.map((image, index) => /* @__PURE__ */ jsx(LogoItem, { image }))) }) }) });
|
|
9
|
-
}
|
|
10
|
-
function LogoItem({ image }) {
|
|
11
|
-
var _a;
|
|
12
|
-
if (!image) return null;
|
|
13
|
-
return /* @__PURE__ */ 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__ */ jsx(
|
|
14
|
-
Flex,
|
|
15
|
-
{
|
|
16
|
-
align: "center",
|
|
17
|
-
justify: "center",
|
|
18
|
-
className: "mx-auto h-[192px] w-[192px] rounded-global bg-gray-50",
|
|
19
|
-
children: /* @__PURE__ */ jsx(
|
|
20
|
-
Image,
|
|
21
|
-
{
|
|
22
|
-
className: "object-scale-down w-full h-full",
|
|
23
|
-
src: `${image == null ? void 0 : image.image}`,
|
|
24
|
-
sizes: "192px",
|
|
25
|
-
width: 192,
|
|
26
|
-
height: 192,
|
|
27
|
-
alt: (_a = image == null ? void 0 : image.alt) != null ? _a : `logoCloud-image`
|
|
28
|
-
}
|
|
29
|
-
)
|
|
30
|
-
}
|
|
31
|
-
) });
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
export {
|
|
35
|
-
LogoCloud_D
|
|
36
|
-
};
|
package/dist/chunk-ZFA2DQJY.mjs
DELETED
|
@@ -1,84 +0,0 @@
|
|
|
1
|
-
// src/logo-cloud_c.tsx
|
|
2
|
-
import { Button } from "@stackshift-ui/button";
|
|
3
|
-
import { Container } from "@stackshift-ui/container";
|
|
4
|
-
import { Flex } from "@stackshift-ui/flex";
|
|
5
|
-
import { Heading } from "@stackshift-ui/heading";
|
|
6
|
-
import { Image } from "@stackshift-ui/image";
|
|
7
|
-
import { Section } from "@stackshift-ui/section";
|
|
8
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
9
|
-
function LogoCloud_C({ title, images, button }) {
|
|
10
|
-
return /* @__PURE__ */ jsx(Section, { className: "relative pt-20 pb-12 overflow-hidden bg-background lg:pb-80", children: /* @__PURE__ */ jsxs(Container, { maxWidth: 1280, children: [
|
|
11
|
-
/* @__PURE__ */ jsx(LogoCloudHeader, { title, button }),
|
|
12
|
-
images && images.length > 0 && /* @__PURE__ */ jsx(Logos, { images }),
|
|
13
|
-
/* @__PURE__ */ jsx(LogoCloudMobile, { images })
|
|
14
|
-
] }) });
|
|
15
|
-
}
|
|
16
|
-
function LogoCloudHeader({ title, button }) {
|
|
17
|
-
return /* @__PURE__ */ jsxs(Container, { maxWidth: 448, className: "text-center", children: [
|
|
18
|
-
title && /* @__PURE__ */ jsx(Heading, { weight: "bold", className: "mb-8 text-4xl lg:text-5xl", children: title }),
|
|
19
|
-
(button == null ? void 0 : button.label) && /* @__PURE__ */ jsx(Button, { as: "link", ariaLabel: button.label, link: button, children: button.label })
|
|
20
|
-
] });
|
|
21
|
-
}
|
|
22
|
-
function Logos({ images }) {
|
|
23
|
-
if (!images) return null;
|
|
24
|
-
return /* @__PURE__ */ jsx("div", { className: "relative hidden lg:block", children: images.map((image, index) => /* @__PURE__ */ jsx(LogoItem, { image, alt: image == null ? void 0 : image.alt, index }, index)) });
|
|
25
|
-
}
|
|
26
|
-
function LogoItem({ image, alt, index }) {
|
|
27
|
-
var _a;
|
|
28
|
-
const positions = [
|
|
29
|
-
{ top: "-120px", left: "-10px" },
|
|
30
|
-
{ top: "0", left: "0", marginTop: "20px" },
|
|
31
|
-
{ bottom: "-250px", left: "20%" },
|
|
32
|
-
{ top: "20px", right: "20%" },
|
|
33
|
-
{ bottom: "-250px", right: "0" },
|
|
34
|
-
{ top: "-150px", right: "0" }
|
|
35
|
-
];
|
|
36
|
-
return /* @__PURE__ */ jsx(
|
|
37
|
-
"div",
|
|
38
|
-
{
|
|
39
|
-
className: "absolute flex items-center justify-center w-24 h-24 overflow-hidden rounded-full bg-gray-50",
|
|
40
|
-
style: (_a = positions[index]) != null ? _a : {},
|
|
41
|
-
children: /* @__PURE__ */ jsx(
|
|
42
|
-
Image,
|
|
43
|
-
{
|
|
44
|
-
className: "object-scale-down w-16 h-16",
|
|
45
|
-
src: `${image == null ? void 0 : image.image}`,
|
|
46
|
-
sizes: "100vw",
|
|
47
|
-
width: 64,
|
|
48
|
-
height: 64,
|
|
49
|
-
alt: alt != null ? alt : `logoCloud-image-${index + 1}`
|
|
50
|
-
}
|
|
51
|
-
)
|
|
52
|
-
}
|
|
53
|
-
);
|
|
54
|
-
}
|
|
55
|
-
function LogoCloudMobile({ images }) {
|
|
56
|
-
if (!images) return null;
|
|
57
|
-
return /* @__PURE__ */ jsx(Flex, { wrap: true, justify: "center", className: "mt-16 lg:hidden", children: images && images.map((image, index) => {
|
|
58
|
-
var _a;
|
|
59
|
-
return /* @__PURE__ */ jsx(
|
|
60
|
-
Flex,
|
|
61
|
-
{
|
|
62
|
-
align: "center",
|
|
63
|
-
justify: "center",
|
|
64
|
-
className: "w-24 h-24 mx-4 mb-8 rounded-full bg-gray-50",
|
|
65
|
-
children: /* @__PURE__ */ jsx(
|
|
66
|
-
Image,
|
|
67
|
-
{
|
|
68
|
-
className: "object-scale-down w-16 h-16",
|
|
69
|
-
src: `${image == null ? void 0 : image.image}`,
|
|
70
|
-
sizes: "100vw",
|
|
71
|
-
width: 64,
|
|
72
|
-
height: 64,
|
|
73
|
-
alt: (_a = image == null ? void 0 : image.alt) != null ? _a : `logoCloud-image-${index}`
|
|
74
|
-
}
|
|
75
|
-
)
|
|
76
|
-
},
|
|
77
|
-
index
|
|
78
|
-
);
|
|
79
|
-
}) });
|
|
80
|
-
}
|
|
81
|
-
|
|
82
|
-
export {
|
|
83
|
-
LogoCloud_C
|
|
84
|
-
};
|