@stackshift-ui/logo-cloud 6.0.5-beta.7 → 6.0.6

package/dist/chunk-6GBAK755.mjs

@@ -0,0 +1,50 @@
+// src/logo-cloud_b.tsx
+import { Container } from "@stackshift-ui/container";
+import { Flex } from "@stackshift-ui/flex";
+import { Heading } from "@stackshift-ui/heading";
+import { Image } from "@stackshift-ui/image";
+import { Section } from "@stackshift-ui/section";
+import { Text } from "@stackshift-ui/text";
+import React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function LogoCloud_B({ title, text, images }) {
+  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: [
+    /* @__PURE__ */ jsx(TitleTextSection, { title, text }),
+    /* @__PURE__ */ jsx(Flex, { wrap: true, className: "w-full lg:w-1/2", children: /* @__PURE__ */ jsx(LogoCloudImages, { images }) })
+  ] }) }) });
+}
+function TitleTextSection({ title, text }) {
+  return /* @__PURE__ */ jsx("div", { className: "w-full mb-12 lg:mb-0 lg:w-1/2", children: /* @__PURE__ */ jsxs(Container, { maxWidth: 448, children: [
+    title && /* @__PURE__ */ jsx(Heading, { weight: "bold", className: "mb-4", children: title }),
+    text && /* @__PURE__ */ jsx(Text, { muted: true, className: "leading-loose", children: text })
+  ] }) });
+}
+function LogoCloudImages({ images }) {
+  if (!images) return null;
+  return /* @__PURE__ */ jsx(React.Fragment, { children: images == null ? void 0 : images.map((image, index) => {
+    var _a;
+    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(
+      Flex,
+      {
+        align: "center",
+        justify: "center",
+        className: "mx-auto h-[192px] w-[192px] rounded-global bg-gray-50",
+        children: /* @__PURE__ */ jsx(
+          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);
+  }) });
+}
+
+export {
+  LogoCloud_B
+};

package/dist/chunk-FLDL755C.mjs

@@ -0,0 +1,47 @@
+// src/logo-cloud_a.tsx
+import { Container } from "@stackshift-ui/container";
+import { Flex } from "@stackshift-ui/flex";
+import { Heading } from "@stackshift-ui/heading";
+import { Image } from "@stackshift-ui/image";
+import { Section } from "@stackshift-ui/section";
+import React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function LogoCloud_A({ title, images }) {
+  return /* @__PURE__ */ jsx(Section, { className: "py-20 bg-background", children: /* @__PURE__ */ jsxs(Container, { maxWidth: 1280, children: [
+    /* @__PURE__ */ jsx(Title, { title }),
+    /* @__PURE__ */ jsx(Flex, { wrap: true, justify: "center", align: "center", gap: 3, children: /* @__PURE__ */ jsx(LogoCloudImages, { images }) })
+  ] }) });
+}
+function Title({ title }) {
+  if (!title) return null;
+  return /* @__PURE__ */ jsx(Heading, { className: "mb-12 text-center", fontSize: "2xl", children: title });
+}
+function LogoCloudImages({ images }) {
+  if (!images) return null;
+  return /* @__PURE__ */ jsx(React.Fragment, { children: images == null ? void 0 : images.map((image, index) => {
+    var _a;
+    return /* @__PURE__ */ jsx("div", { children: (image == null ? void 0 : image.image) ? /* @__PURE__ */ jsx(
+      Flex,
+      {
+        align: "center",
+        justify: "center",
+        className: "h-[192px] w-[192px] rounded-global bg-gray-50",
+        children: /* @__PURE__ */ jsx(
+          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);
+  }) });
+}
+
+export {
+  LogoCloud_A
+};

package/dist/chunk-PNGHENXC.mjs

@@ -0,0 +1,27 @@
+// src/logo-cloud.tsx
+import { lazy } from "react";
+import { jsx } from "react/jsx-runtime";
+var Variants = {
+  variant_a: lazy(() => import("./logo-cloud_a.mjs")),
+  variant_b: lazy(() => import("./logo-cloud_b.mjs")),
+  variant_c: lazy(() => import("./logo-cloud_c.mjs")),
+  variant_d: lazy(() => import("./logo-cloud_d.mjs"))
+};
+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__ */ jsx(Variant, { ...props }) : null;
+};
+LogoCloud.displayName = displayName;
+
+export {
+  LogoCloud
+};

package/dist/chunk-YP376ODG.mjs

@@ -0,0 +1,36 @@
+// src/logo-cloud_d.tsx
+import { Container } from "@stackshift-ui/container";
+import { Flex } from "@stackshift-ui/flex";
+import { Image } from "@stackshift-ui/image";
+import { Section } from "@stackshift-ui/section";
+import { jsx } from "react/jsx-runtime";
+function LogoCloud_D({ images }) {
+  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 }))) }) }) });
+}
+function LogoItem({ image }) {
+  var _a;
+  if (!image) return null;
+  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(
+    Flex,
+    {
+      align: "center",
+      justify: "center",
+      className: "mx-auto h-[192px] w-[192px] rounded-global bg-gray-50",
+      children: /* @__PURE__ */ jsx(
+        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`
+        }
+      )
+    }
+  ) });
+}
+
+export {
+  LogoCloud_D
+};

package/dist/chunk-ZFA2DQJY.mjs

@@ -0,0 +1,84 @@
+// src/logo-cloud_c.tsx
+import { Button } from "@stackshift-ui/button";
+import { Container } from "@stackshift-ui/container";
+import { Flex } from "@stackshift-ui/flex";
+import { Heading } from "@stackshift-ui/heading";
+import { Image } from "@stackshift-ui/image";
+import { Section } from "@stackshift-ui/section";
+import { jsx, jsxs } from "react/jsx-runtime";
+function LogoCloud_C({ title, images, button }) {
+  return /* @__PURE__ */ jsx(Section, { className: "relative pt-20 pb-12 overflow-hidden bg-background lg:pb-80", children: /* @__PURE__ */ jsxs(Container, { maxWidth: 1280, children: [
+    /* @__PURE__ */ jsx(LogoCloudHeader, { title, button }),
+    images && images.length > 0 && /* @__PURE__ */ jsx(Logos, { images }),
+    /* @__PURE__ */ jsx(LogoCloudMobile, { images })
+  ] }) });
+}
+function LogoCloudHeader({ title, button }) {
+  return /* @__PURE__ */ jsxs(Container, { maxWidth: 448, className: "text-center", children: [
+    title && /* @__PURE__ */ jsx(Heading, { weight: "bold", className: "mb-8 text-4xl lg:text-5xl", children: title }),
+    (button == null ? void 0 : button.label) && /* @__PURE__ */ jsx(Button, { as: "link", ariaLabel: button.label, link: button, children: button.label })
+  ] });
+}
+function Logos({ images }) {
+  if (!images) return null;
+  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)) });
+}
+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__ */ 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__ */ jsx(
+        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__ */ jsx(Flex, { wrap: true, justify: "center", className: "mt-16 lg:hidden", children: images && images.map((image, index) => {
+    var _a;
+    return /* @__PURE__ */ jsx(
+      Flex,
+      {
+        align: "center",
+        justify: "center",
+        className: "w-24 h-24 mx-4 mb-8 rounded-full bg-gray-50",
+        children: /* @__PURE__ */ jsx(
+          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
+    );
+  }) });
+}
+
+export {
+  LogoCloud_C
+};

package/dist/index.js

@@ -1,2 +1,330 @@
+"use strict";
 "use client";
-"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});
+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/index.ts
+var src_exports = {};
+__export(src_exports, {
+  LogoCloud: () => LogoCloud,
+  LogoCloud_A: () => LogoCloud_A,
+  LogoCloud_B: () => LogoCloud_B,
+  LogoCloud_C: () => LogoCloud_C,
+  LogoCloud_D: () => LogoCloud_D
+});
+module.exports = __toCommonJS(src_exports);
+
+// src/logo-cloud.tsx
+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;
+
+// src/index.ts
+init_logo_cloud_a();
+init_logo_cloud_b();
+init_logo_cloud_c();
+init_logo_cloud_d();
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  LogoCloud,
+  LogoCloud_A,
+  LogoCloud_B,
+  LogoCloud_C,
+  LogoCloud_D
+});

package/dist/index.mjs

@@ -1,2 +1,24 @@
 "use client";
-"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};
+"use strict";
+import {
+  LogoCloud
+} from "./chunk-PNGHENXC.mjs";
+import {
+  LogoCloud_A
+} from "./chunk-FLDL755C.mjs";
+import {
+  LogoCloud_B
+} from "./chunk-6GBAK755.mjs";
+import {
+  LogoCloud_C
+} from "./chunk-ZFA2DQJY.mjs";
+import {
+  LogoCloud_D
+} from "./chunk-YP376ODG.mjs";
+export {
+  LogoCloud,
+  LogoCloud_A,
+  LogoCloud_B,
+  LogoCloud_C,
+  LogoCloud_D
+};