@stackshift-ui/logo-cloud 6.0.6 → 6.0.7-beta.0

package/dist/logo-cloud.js

@@ -1,313 +1 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __esm = (fn, res) => function __init() {
-  return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
-};
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/logo-cloud_a.tsx
-var logo_cloud_a_exports = {};
-__export(logo_cloud_a_exports, {
-  LogoCloud_A: () => LogoCloud_A,
-  default: () => LogoCloud_A
-});
-function LogoCloud_A({ title, images }) {
-  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: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Title, { title }),
-    /* @__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 }) })
-  ] }) });
-}
-function Title({ title }) {
-  if (!title) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_heading.Heading, { className: "mb-12 text-center", fontSize: "2xl", children: title });
-}
-function LogoCloudImages({ images }) {
-  if (!images) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.default.Fragment, { children: images == null ? void 0 : images.map((image, index) => {
-    var _a;
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: (image == null ? void 0 : image.image) ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_flex.Flex,
-      {
-        align: "center",
-        justify: "center",
-        className: "h-[192px] w-[192px] rounded-global bg-gray-50",
-        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_image.Image,
-          {
-            className: "object-scale-down",
-            src: `${image == null ? void 0 : image.image}`,
-            sizes: "192px",
-            width: 192,
-            height: 192,
-            alt: (_a = image == null ? void 0 : image.alt) != null ? _a : `logoCloud-image${index}`
-          }
-        )
-      }
-    ) : null }, index);
-  }) });
-}
-var import_container, import_flex, import_heading, import_image, import_section, import_react, import_jsx_runtime;
-var init_logo_cloud_a = __esm({
-  "src/logo-cloud_a.tsx"() {
-    "use strict";
-    import_container = require("@stackshift-ui/container");
-    import_flex = require("@stackshift-ui/flex");
-    import_heading = require("@stackshift-ui/heading");
-    import_image = require("@stackshift-ui/image");
-    import_section = require("@stackshift-ui/section");
-    import_react = __toESM(require("react"));
-    import_jsx_runtime = require("react/jsx-runtime");
-  }
-});
-
-// src/logo-cloud_b.tsx
-var logo_cloud_b_exports = {};
-__export(logo_cloud_b_exports, {
-  LogoCloud_B: () => LogoCloud_B,
-  default: () => LogoCloud_B
-});
-function LogoCloud_B({ title, text, images }) {
-  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: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(TitleTextSection, { title, text }),
-    /* @__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 }) })
-  ] }) }) });
-}
-function TitleTextSection({ title, text }) {
-  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: [
-    title && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_heading2.Heading, { weight: "bold", className: "mb-4", children: title }),
-    text && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_text.Text, { muted: true, className: "leading-loose", children: text })
-  ] }) });
-}
-function LogoCloudImages2({ images }) {
-  if (!images) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react2.default.Fragment, { children: images == null ? void 0 : images.map((image, index) => {
-    var _a;
-    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)(
-      import_flex2.Flex,
-      {
-        align: "center",
-        justify: "center",
-        className: "mx-auto h-[192px] w-[192px] rounded-global bg-gray-50",
-        children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-          import_image2.Image,
-          {
-            className: "object-scale-down",
-            src: `${image == null ? void 0 : image.image}`,
-            sizes: "192px",
-            width: 192,
-            height: 192,
-            alt: (_a = image == null ? void 0 : image.alt) != null ? _a : `logoCloud-image${index}`
-          }
-        )
-      }
-    ) }) }, index);
-  }) });
-}
-var import_container2, import_flex2, import_heading2, import_image2, import_section2, import_text, import_react2, import_jsx_runtime2;
-var init_logo_cloud_b = __esm({
-  "src/logo-cloud_b.tsx"() {
-    "use strict";
-    import_container2 = require("@stackshift-ui/container");
-    import_flex2 = require("@stackshift-ui/flex");
-    import_heading2 = require("@stackshift-ui/heading");
-    import_image2 = require("@stackshift-ui/image");
-    import_section2 = require("@stackshift-ui/section");
-    import_text = require("@stackshift-ui/text");
-    import_react2 = __toESM(require("react"));
-    import_jsx_runtime2 = require("react/jsx-runtime");
-  }
-});
-
-// src/logo-cloud_c.tsx
-var logo_cloud_c_exports = {};
-__export(logo_cloud_c_exports, {
-  LogoCloud_C: () => LogoCloud_C,
-  default: () => LogoCloud_C
-});
-function LogoCloud_C({ title, images, button }) {
-  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: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(LogoCloudHeader, { title, button }),
-    images && images.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Logos, { images }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(LogoCloudMobile, { images })
-  ] }) });
-}
-function LogoCloudHeader({ title, button }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_container3.Container, { maxWidth: 448, className: "text-center", children: [
-    title && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_heading3.Heading, { weight: "bold", className: "mb-8 text-4xl lg:text-5xl", children: title }),
-    (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 })
-  ] });
-}
-function Logos({ images }) {
-  if (!images) return null;
-  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)) });
-}
-function LogoItem({ image, alt, index }) {
-  var _a;
-  const positions = [
-    { 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" }
-  ];
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-    "div",
-    {
-      className: "absolute flex items-center justify-center w-24 h-24 overflow-hidden rounded-full bg-gray-50",
-      style: (_a = positions[index]) != null ? _a : {},
-      children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-        import_image3.Image,
-        {
-          className: "object-scale-down w-16 h-16",
-          src: `${image == null ? void 0 : image.image}`,
-          sizes: "100vw",
-          width: 64,
-          height: 64,
-          alt: alt != null ? alt : `logoCloud-image-${index + 1}`
-        }
-      )
-    }
-  );
-}
-function LogoCloudMobile({ images }) {
-  if (!images) return null;
-  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) => {
-    var _a;
-    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-      import_flex3.Flex,
-      {
-        align: "center",
-        justify: "center",
-        className: "w-24 h-24 mx-4 mb-8 rounded-full bg-gray-50",
-        children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-          import_image3.Image,
-          {
-            className: "object-scale-down w-16 h-16",
-            src: `${image == null ? void 0 : image.image}`,
-            sizes: "100vw",
-            width: 64,
-            height: 64,
-            alt: (_a = image == null ? void 0 : image.alt) != null ? _a : `logoCloud-image-${index}`
-          }
-        )
-      },
-      index
-    );
-  }) });
-}
-var import_button, import_container3, import_flex3, import_heading3, import_image3, import_section3, import_jsx_runtime3;
-var init_logo_cloud_c = __esm({
-  "src/logo-cloud_c.tsx"() {
-    "use strict";
-    import_button = require("@stackshift-ui/button");
-    import_container3 = require("@stackshift-ui/container");
-    import_flex3 = require("@stackshift-ui/flex");
-    import_heading3 = require("@stackshift-ui/heading");
-    import_image3 = require("@stackshift-ui/image");
-    import_section3 = require("@stackshift-ui/section");
-    import_jsx_runtime3 = require("react/jsx-runtime");
-  }
-});
-
-// src/logo-cloud_d.tsx
-var logo_cloud_d_exports = {};
-__export(logo_cloud_d_exports, {
-  LogoCloud_D: () => LogoCloud_D,
-  default: () => LogoCloud_D
-});
-function LogoCloud_D({ images }) {
-  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 }))) }) }) });
-}
-function LogoItem2({ image }) {
-  var _a;
-  if (!image) return null;
-  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)(
-    import_flex4.Flex,
-    {
-      align: "center",
-      justify: "center",
-      className: "mx-auto h-[192px] w-[192px] rounded-global bg-gray-50",
-      children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-        import_image4.Image,
-        {
-          className: "object-scale-down w-full h-full",
-          src: `${image == null ? void 0 : image.image}`,
-          sizes: "192px",
-          width: 192,
-          height: 192,
-          alt: (_a = image == null ? void 0 : image.alt) != null ? _a : `logoCloud-image`
-        }
-      )
-    }
-  ) });
-}
-var import_container4, import_flex4, import_image4, import_section4, import_jsx_runtime4;
-var init_logo_cloud_d = __esm({
-  "src/logo-cloud_d.tsx"() {
-    "use strict";
-    import_container4 = require("@stackshift-ui/container");
-    import_flex4 = require("@stackshift-ui/flex");
-    import_image4 = require("@stackshift-ui/image");
-    import_section4 = require("@stackshift-ui/section");
-    import_jsx_runtime4 = require("react/jsx-runtime");
-  }
-});
-
-// src/logo-cloud.tsx
-var logo_cloud_exports = {};
-__export(logo_cloud_exports, {
-  LogoCloud: () => LogoCloud
-});
-module.exports = __toCommonJS(logo_cloud_exports);
-var import_react3 = require("react");
-var import_jsx_runtime5 = require("react/jsx-runtime");
-var Variants = {
-  variant_a: (0, import_react3.lazy)(() => Promise.resolve().then(() => (init_logo_cloud_a(), logo_cloud_a_exports))),
-  variant_b: (0, import_react3.lazy)(() => Promise.resolve().then(() => (init_logo_cloud_b(), logo_cloud_b_exports))),
-  variant_c: (0, import_react3.lazy)(() => Promise.resolve().then(() => (init_logo_cloud_c(), logo_cloud_c_exports))),
-  variant_d: (0, import_react3.lazy)(() => Promise.resolve().then(() => (init_logo_cloud_d(), logo_cloud_d_exports)))
-};
-var displayName = "LogoCloud";
-var LogoCloud = ({ data }) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h;
-  const variant = data == null ? void 0 : data.variant;
-  const Variant = variant && Variants[variant];
-  const props = {
-    title: (_b = (_a = data == null ? void 0 : data.variants) == null ? void 0 : _a.title) != null ? _b : void 0,
-    images: (_d = (_c = data == null ? void 0 : data.variants) == null ? void 0 : _c.images) != null ? _d : void 0,
-    text: (_f = (_e = data == null ? void 0 : data.variants) == null ? void 0 : _e.plainText) != null ? _f : void 0,
-    button: (_h = (_g = data == null ? void 0 : data.variants) == null ? void 0 : _g.primaryButton) != null ? _h : void 0
-  };
-  return Variant ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Variant, { ...props }) : null;
-};
-LogoCloud.displayName = displayName;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  LogoCloud
-});
+"use strict";var no=Object.create;var m=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)m(o,r,{get:t[r],enumerable:!0})},k=(o,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let s of so(t))!uo.call(o,s)&&s!==r&&m(o,s,{get:()=>t[s],enumerable:!(n=io(t,s))||n.enumerable});return o};var S=(o,t,r)=>(r=o!=null?no(po(o)):{},k(t||!o||!o.__esModule?m(r,"default",{value:o,enumerable:!0}):r,o)),co=o=>k(m({},"__esModule",{value:!0}),o);var H={};u(H,{LogoCloud_A:()=>z,default:()=>z});function z({title:o,images:t}){return(0,i.jsx)($.Section,{className:"py-20 bg-background",children:(0,i.jsxs)(P.Container,{maxWidth:1280,children:[(0,i.jsx)(mo,{title:o}),(0,i.jsx)(d.Flex,{wrap:!0,justify:"center",align:"center",gap:3,children:(0,i.jsx)(ao,{images:t})})]})})}function mo({title:o}){return o?(0,i.jsx)(R.Heading,{className:"mb-12 text-center",fontSize:"2xl",children:o}):null}function ao({images:o}){return o?(0,i.jsx)(_.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:"d-[192px] j-[192px] rounded-global bg-gray-50",children:(0,i.jsx)(j.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 P,d,R,j,$,_,i,T=a(()=>{"use strict";P=require("@stackshift-ui/container"),d=require("@stackshift-ui/flex"),R=require("@stackshift-ui/heading"),j=require("@stackshift-ui/image"),$=require("@stackshift-ui/section"),_=S(require("react")),i=require("react/jsx-runtime")});var q={};u(q,{LogoCloud_B:()=>M,default:()=>M});function M({title:o,text:t,images:r}){return(0,i.jsx)($.Section,{className:"py-20 bg-background",children:(0,i.jsx)(g.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:"j-full lg:j-1/2",children:(0,i.jsx)(go,{images:r})})]})})})}function fo({title:o,text:t}){return(0,i.jsx)("div",{className:"j-full mb-12 lg:mb-0 lg:j-1/2",children:(0,i.jsxs)(g.Container,{maxWidth:448,children:[o&&(0,i.jsx)(R.Heading,{weight:"bold",className:"mb-4",children:o}),t&&(0,i.jsx)(A.Text,{muted:!0,className:"leading-loose",children:t})]})})}function go({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",{className:"j-full px-2 mb-4 sm:j-1/2 md:j-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 d-[192px] j-[192px] rounded-global bg-gray-50",children:(0,i.jsx)(j.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 g,d,R,j,$,A,D,i,E=a(()=>{"use strict";g=require("@stackshift-ui/container"),A=require("@stackshift-ui/text"),D=S(require("react"))});var Q={};u(Q,{LogoCloud_C:()=>O,default:()=>O});function O({title:o,images:t,button:r}){return(0,i.jsx)($.Section,{className:"relative pt-20 pb-12 overflow-hidden bg-background lg:pb-80",children:(0,i.jsxs)(b.Container,{maxWidth:1280,children:[(0,i.jsx)(xo,{title:o,button:r}),t&&t.length>0&&(0,i.jsx)(bo,{images:t}),(0,i.jsx)(ho,{images:t})]})})}function xo({title:o,button:t}){return(0,i.jsxs)(b.Container,{maxWidth:448,className:"text-center",children:[o&&(0,i.jsx)(R.Heading,{weight:"bold",className:"mb-8 text-4xl lg:text-5xl",children:o}),(t==null?void 0:t.label)&&(0,i.jsx)(G.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 j-24 d-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)(j.Image,{className:"object-scale-down j-16 d-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:"j-24 d-24 mx-4 mb-8 rounded-full bg-gray-50",children:(0,i.jsx)(j.Image,{className:"object-scale-down j-16 d-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 G,b,d,R,j,$,i,U=a(()=>{"use strict";G=require("@stackshift-ui/button"),b=require("@stackshift-ui/container")});var to={};u(to,{LogoCloud_D:()=>oo,default:()=>oo});function oo({images:o}){return(0,i.jsx)($.Section,{className:"py-20 bg-background",children:(0,i.jsx)(X.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:"j-full px-2 mb-4 md:j-1/3 lg:mr-10 lg:j-1/6 xl:mr-0",children:(o==null?void 0:o.image)&&(0,i.jsx)(d.Flex,{align:"center",justify:"center",className:"mx-auto d-[192px] j-[192px] rounded-global bg-gray-50",children:(0,i.jsx)(j.Image,{className:"object-scale-down j-full d-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 X,d,j,$,i,ro=a(()=>{"use strict";X=require("@stackshift-ui/container")});var Lo={};u(Lo,{LogoCloud:()=>eo});module.exports=co(Lo);var c=require("react"),vo={variant_a:(0,c.lazy)(()=>Promise.resolve().then(()=>(T(),H))),variant_b:(0,c.lazy)(()=>Promise.resolve().then(()=>(E(),q))),variant_c:(0,c.lazy)(()=>Promise.resolve().then(()=>(U(),Q))),variant_d:(0,c.lazy)(()=>Promise.resolve().then(()=>(ro(),to)))},yo="LogoCloud",eo=({data:o})=>{var s,C,v,y,L,N,I,F;let t=o==null?void 0:o.variant,r=t&&vo[t],n={title:(C=(s=o==null?void 0:o.variants)==null?void 0:s.title)!=null?C:void 0,images:(y=(v=o==null?void 0:o.variants)==null?void 0:v.images)!=null?y:void 0,text:(N=(L=o==null?void 0:o.variants)==null?void 0:L.plainText)!=null?N:void 0,button:(F=(I=o==null?void 0:o.variants)==null?void 0:I.primaryButton)!=null?F:void 0};return r?(0,i.jsx)(r,{...n}):null};eo.displayName=yo;0&&(module.exports={LogoCloud});

package/dist/logo-cloud.mjs

@@ -1,6 +1 @@
-import {
-  LogoCloud
-} from "./chunk-PNGHENXC.mjs";
-export {
-  LogoCloud
-};
+import{a}from"./chunk-IAIT346V.mjs";export{a as LogoCloud};

package/dist/logo-cloud_a.js

@@ -1,82 +1 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/logo-cloud_a.tsx
-var logo_cloud_a_exports = {};
-__export(logo_cloud_a_exports, {
-  LogoCloud_A: () => LogoCloud_A,
-  default: () => LogoCloud_A
-});
-module.exports = __toCommonJS(logo_cloud_a_exports);
-var import_container = require("@stackshift-ui/container");
-var import_flex = require("@stackshift-ui/flex");
-var import_heading = require("@stackshift-ui/heading");
-var import_image = require("@stackshift-ui/image");
-var import_section = require("@stackshift-ui/section");
-var import_react = __toESM(require("react"));
-var import_jsx_runtime = require("react/jsx-runtime");
-function LogoCloud_A({ title, images }) {
-  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: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Title, { title }),
-    /* @__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 }) })
-  ] }) });
-}
-function Title({ title }) {
-  if (!title) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_heading.Heading, { className: "mb-12 text-center", fontSize: "2xl", children: title });
-}
-function LogoCloudImages({ images }) {
-  if (!images) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.default.Fragment, { children: images == null ? void 0 : images.map((image, index) => {
-    var _a;
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: (image == null ? void 0 : image.image) ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_flex.Flex,
-      {
-        align: "center",
-        justify: "center",
-        className: "h-[192px] w-[192px] rounded-global bg-gray-50",
-        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_image.Image,
-          {
-            className: "object-scale-down",
-            src: `${image == null ? void 0 : image.image}`,
-            sizes: "192px",
-            width: 192,
-            height: 192,
-            alt: (_a = image == null ? void 0 : image.alt) != null ? _a : `logoCloud-image${index}`
-          }
-        )
-      }
-    ) : null }, index);
-  }) });
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  LogoCloud_A
-});
+"use strict";var g=Object.create;var u=Object.defineProperty;var x=Object.getOwnPropertyDescriptor;var C=Object.getOwnPropertyNames;var b=Object.getPrototypeOf,h=Object.prototype.hasOwnProperty;var y=(o,t)=>{for(var n in t)u(o,n,{get:t[n],enumerable:!0})},p=(o,t,n,e)=>{if(t&&typeof t=="object"||typeof t=="function")for(let l of C(t))!h.call(o,l)&&l!==n&&u(o,l,{get:()=>t[l],enumerable:!(e=x(t,l))||e.enumerable});return o};var F=(o,t,n)=>(n=o!=null?g(b(o)):{},p(t||!o||!o.__esModule?u(n,"default",{value:o,enumerable:!0}):n,o)),w=o=>p(u({},"__esModule",{value:!0}),o);var N={};y(N,{LogoCloud_A:()=>m,default:()=>m});module.exports=w(N);var a=require("@stackshift-ui/container"),c=require("@stackshift-ui/flex"),f=require("@stackshift-ui/heading"),i=require("@stackshift-ui/image"),s=require("@stackshift-ui/section"),d=F(require("react")),r=require("react/jsx-runtime");function m({title:o,images:t}){return(0,r.jsx)(s.Section,{className:"py-20 bg-background",children:(0,r.jsxs)(a.Container,{maxWidth:1280,children:[(0,r.jsx)(I,{title:o}),(0,r.jsx)(c.Flex,{wrap:!0,justify:"center",align:"center",gap:3,children:(0,r.jsx)(L,{images:t})})]})})}function I({title:o}){return o?(0,r.jsx)(f.Heading,{className:"mb-12 text-center",fontSize:"2xl",children:o}):null}function L({images:o}){return o?(0,r.jsx)(d.default.Fragment,{children:o==null?void 0:o.map((t,n)=>{var e;return(0,r.jsx)("div",{children:t!=null&&t.image?(0,r.jsx)(c.Flex,{align:"center",justify:"center",className:"h-[192px] w-[192px] rounded-global bg-gray-50",children:(0,r.jsx)(i.Image,{className:"object-scale-down",src:`${t==null?void 0:t.image}`,sizes:"192px",width:192,height:192,alt:(e=t==null?void 0:t.alt)!=null?e:`logoCloud-image${n}`})}):null},n)})}):null}0&&(module.exports={LogoCloud_A});

package/dist/logo-cloud_a.mjs

@@ -1,7 +1 @@
-import {
-  LogoCloud_A
-} from "./chunk-FLDL755C.mjs";
-export {
-  LogoCloud_A,
-  LogoCloud_A as default
-};
+import{a}from"./chunk-O6AXZYU7.mjs";export{a as LogoCloud_A,a as default};

package/dist/logo-cloud_b.js

@@ -1,85 +1 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/logo-cloud_b.tsx
-var logo_cloud_b_exports = {};
-__export(logo_cloud_b_exports, {
-  LogoCloud_B: () => LogoCloud_B,
-  default: () => LogoCloud_B
-});
-module.exports = __toCommonJS(logo_cloud_b_exports);
-var import_container = require("@stackshift-ui/container");
-var import_flex = require("@stackshift-ui/flex");
-var import_heading = require("@stackshift-ui/heading");
-var import_image = require("@stackshift-ui/image");
-var import_section = require("@stackshift-ui/section");
-var import_text = require("@stackshift-ui/text");
-var import_react = __toESM(require("react"));
-var import_jsx_runtime = require("react/jsx-runtime");
-function LogoCloud_B({ title, text, images }) {
-  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.jsxs)(import_flex.Flex, { wrap: true, align: "center", justify: "between", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TitleTextSection, { title, text }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_flex.Flex, { wrap: true, className: "w-full lg:w-1/2", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LogoCloudImages, { images }) })
-  ] }) }) });
-}
-function TitleTextSection({ title, text }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "w-full mb-12 lg:mb-0 lg:w-1/2", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_container.Container, { maxWidth: 448, children: [
-    title && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_heading.Heading, { weight: "bold", className: "mb-4", children: title }),
-    text && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_text.Text, { muted: true, className: "leading-loose", children: text })
-  ] }) });
-}
-function LogoCloudImages({ images }) {
-  if (!images) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.default.Fragment, { children: images == null ? void 0 : images.map((image, index) => {
-    var _a;
-    return /* @__PURE__ */ (0, import_jsx_runtime.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_runtime.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_flex.Flex,
-      {
-        align: "center",
-        justify: "center",
-        className: "mx-auto h-[192px] w-[192px] rounded-global bg-gray-50",
-        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_image.Image,
-          {
-            className: "object-scale-down",
-            src: `${image == null ? void 0 : image.image}`,
-            sizes: "192px",
-            width: 192,
-            height: 192,
-            alt: (_a = image == null ? void 0 : image.alt) != null ? _a : `logoCloud-image${index}`
-          }
-        )
-      }
-    ) }) }, index);
-  }) });
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  LogoCloud_B
-});
+"use strict";var g=Object.create;var a=Object.defineProperty;var w=Object.getOwnPropertyDescriptor;var b=Object.getOwnPropertyNames;var C=Object.getPrototypeOf,N=Object.prototype.hasOwnProperty;var h=(t,o)=>{for(var e in o)a(t,e,{get:o[e],enumerable:!0})},i=(t,o,e,l)=>{if(o&&typeof o=="object"||typeof o=="function")for(let n of b(o))!N.call(t,n)&&n!==e&&a(t,n,{get:()=>o[n],enumerable:!(l=w(o,n))||l.enumerable});return t};var v=(t,o,e)=>(e=t!=null?g(C(t)):{},i(o||!t||!t.__esModule?a(e,"default",{value:t,enumerable:!0}):e,t)),F=t=>i(a({},"__esModule",{value:!0}),t);var L={};h(L,{LogoCloud_B:()=>x,default:()=>x});module.exports=F(L);var s=require("@stackshift-ui/container"),m=require("@stackshift-ui/flex"),d=require("@stackshift-ui/heading"),c=require("@stackshift-ui/image"),u=require("@stackshift-ui/section"),p=require("@stackshift-ui/text"),f=v(require("react")),r=require("react/jsx-runtime");function x({title:t,text:o,images:e}){return(0,r.jsx)(u.Section,{className:"py-20 bg-background",children:(0,r.jsx)(s.Container,{maxWidth:1280,children:(0,r.jsxs)(m.Flex,{wrap:!0,align:"center",justify:"between",children:[(0,r.jsx)(y,{title:t,text:o}),(0,r.jsx)(m.Flex,{wrap:!0,className:"w-full lg:w-1/2",children:(0,r.jsx)(I,{images:e})})]})})})}function y({title:t,text:o}){return(0,r.jsx)("div",{className:"w-full mb-12 lg:mb-0 lg:w-1/2",children:(0,r.jsxs)(s.Container,{maxWidth:448,children:[t&&(0,r.jsx)(d.Heading,{weight:"bold",className:"mb-4",children:t}),o&&(0,r.jsx)(p.Text,{muted:!0,className:"leading-loose",children:o})]})})}function I({images:t}){return t?(0,r.jsx)(f.default.Fragment,{children:t==null?void 0:t.map((o,e)=>{var l;return(0,r.jsx)("div",{className:"w-full px-2 mb-4 sm:w-1/2 md:w-1/3",children:(o==null?void 0:o.image)&&(0,r.jsx)("div",{children:(0,r.jsx)(m.Flex,{align:"center",justify:"center",className:"mx-auto h-[192px] w-[192px] rounded-global bg-gray-50",children:(0,r.jsx)(c.Image,{className:"object-scale-down",src:`${o==null?void 0:o.image}`,sizes:"192px",width:192,height:192,alt:(l=o==null?void 0:o.alt)!=null?l:`logoCloud-image${e}`})})})},e)})}):null}0&&(module.exports={LogoCloud_B});

package/dist/logo-cloud_b.mjs

@@ -1,7 +1 @@
-import {
-  LogoCloud_B
-} from "./chunk-6GBAK755.mjs";
-export {
-  LogoCloud_B,
-  LogoCloud_B as default
-};
+import{a}from"./chunk-LMWC2QH6.mjs";export{a as LogoCloud_B,a as default};

package/dist/logo-cloud_c.js

@@ -1,109 +1 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/logo-cloud_c.tsx
-var logo_cloud_c_exports = {};
-__export(logo_cloud_c_exports, {
-  LogoCloud_C: () => LogoCloud_C,
-  default: () => LogoCloud_C
-});
-module.exports = __toCommonJS(logo_cloud_c_exports);
-var import_button = require("@stackshift-ui/button");
-var import_container = require("@stackshift-ui/container");
-var import_flex = require("@stackshift-ui/flex");
-var import_heading = require("@stackshift-ui/heading");
-var import_image = require("@stackshift-ui/image");
-var import_section = require("@stackshift-ui/section");
-var import_jsx_runtime = require("react/jsx-runtime");
-function LogoCloud_C({ title, images, button }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_section.Section, { className: "relative pt-20 pb-12 overflow-hidden bg-background lg:pb-80", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_container.Container, { maxWidth: 1280, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LogoCloudHeader, { title, button }),
-    images && images.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Logos, { images }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LogoCloudMobile, { images })
-  ] }) });
-}
-function LogoCloudHeader({ title, button }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_container.Container, { maxWidth: 448, className: "text-center", children: [
-    title && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_heading.Heading, { weight: "bold", className: "mb-8 text-4xl lg:text-5xl", children: title }),
-    (button == null ? void 0 : button.label) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { as: "link", ariaLabel: button.label, link: button, children: button.label })
-  ] });
-}
-function Logos({ images }) {
-  if (!images) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "relative hidden lg:block", children: images.map((image, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LogoItem, { image, alt: image == null ? void 0 : image.alt, index }, index)) });
-}
-function LogoItem({ image, alt, index }) {
-  var _a;
-  const positions = [
-    { 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" }
-  ];
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    "div",
-    {
-      className: "absolute flex items-center justify-center w-24 h-24 overflow-hidden rounded-full bg-gray-50",
-      style: (_a = positions[index]) != null ? _a : {},
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        import_image.Image,
-        {
-          className: "object-scale-down w-16 h-16",
-          src: `${image == null ? void 0 : image.image}`,
-          sizes: "100vw",
-          width: 64,
-          height: 64,
-          alt: alt != null ? alt : `logoCloud-image-${index + 1}`
-        }
-      )
-    }
-  );
-}
-function LogoCloudMobile({ images }) {
-  if (!images) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_flex.Flex, { wrap: true, justify: "center", className: "mt-16 lg:hidden", children: images && images.map((image, index) => {
-    var _a;
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_flex.Flex,
-      {
-        align: "center",
-        justify: "center",
-        className: "w-24 h-24 mx-4 mb-8 rounded-full bg-gray-50",
-        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_image.Image,
-          {
-            className: "object-scale-down w-16 h-16",
-            src: `${image == null ? void 0 : image.image}`,
-            sizes: "100vw",
-            width: 64,
-            height: 64,
-            alt: (_a = image == null ? void 0 : image.alt) != null ? _a : `logoCloud-image-${index}`
-          }
-        )
-      },
-      index
-    );
-  }) });
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  LogoCloud_C
-});
+"use strict";var i=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var g=Object.getOwnPropertyNames;var h=Object.prototype.hasOwnProperty;var x=(e,o)=>{for(var l in o)i(e,l,{get:o[l],enumerable:!0})},b=(e,o,l,n)=>{if(o&&typeof o=="object"||typeof o=="function")for(let r of g(o))!h.call(e,r)&&r!==l&&i(e,r,{get:()=>o[r],enumerable:!(n=f(o,r))||n.enumerable});return e};var w=e=>b(i({},"__esModule",{value:!0}),e);var y={};x(y,{LogoCloud_C:()=>m,default:()=>m});module.exports=w(y);var p=require("@stackshift-ui/button"),a=require("@stackshift-ui/container"),s=require("@stackshift-ui/flex"),c=require("@stackshift-ui/heading"),d=require("@stackshift-ui/image"),u=require("@stackshift-ui/section"),t=require("react/jsx-runtime");function m({title:e,images:o,button:l}){return(0,t.jsx)(u.Section,{className:"relative pt-20 pb-12 overflow-hidden bg-background lg:pb-80",children:(0,t.jsxs)(a.Container,{maxWidth:1280,children:[(0,t.jsx)(C,{title:e,button:l}),o&&o.length>0&&(0,t.jsx)(v,{images:o}),(0,t.jsx)(N,{images:o})]})})}function C({title:e,button:o}){return(0,t.jsxs)(a.Container,{maxWidth:448,className:"text-center",children:[e&&(0,t.jsx)(c.Heading,{weight:"bold",className:"mb-8 text-4xl lg:text-5xl",children:e}),(o==null?void 0:o.label)&&(0,t.jsx)(p.Button,{as:"link",ariaLabel:o.label,link:o,children:o.label})]})}function v({images:e}){return e?(0,t.jsx)("div",{className:"relative hidden lg:block",children:e.map((o,l)=>(0,t.jsx)(L,{image:o,alt:o==null?void 0:o.alt,index:l},l))}):null}function L({image:e,alt:o,index:l}){var r;return(0,t.jsx)("div",{className:"absolute flex items-center justify-center w-24 h-24 overflow-hidden rounded-full bg-gray-50",style:(r=[{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"}][l])!=null?r:{},children:(0,t.jsx)(d.Image,{className:"object-scale-down w-16 h-16",src:`${e==null?void 0:e.image}`,sizes:"100vw",width:64,height:64,alt:o!=null?o:`logoCloud-image-${l+1}`})})}function N({images:e}){return e?(0,t.jsx)(s.Flex,{wrap:!0,justify:"center",className:"mt-16 lg:hidden",children:e&&e.map((o,l)=>{var n;return(0,t.jsx)(s.Flex,{align:"center",justify:"center",className:"w-24 h-24 mx-4 mb-8 rounded-full bg-gray-50",children:(0,t.jsx)(d.Image,{className:"object-scale-down w-16 h-16",src:`${o==null?void 0:o.image}`,sizes:"100vw",width:64,height:64,alt:(n=o==null?void 0:o.alt)!=null?n:`logoCloud-image-${l}`})},l)})}):null}0&&(module.exports={LogoCloud_C});