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

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.
@@ -1,7 +1 @@
1
- import {
2
- LogoCloud_C
3
- } from "./chunk-ZFA2DQJY.mjs";
4
- export {
5
- LogoCloud_C,
6
- LogoCloud_C as default
7
- };
1
+ import{a}from"./chunk-GGOHIST3.mjs";export{a as LogoCloud_C,a as default};
@@ -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});
@@ -1,7 +1 @@
1
- import {
2
- LogoCloud_D
3
- } from "./chunk-YP376ODG.mjs";
4
- export {
5
- LogoCloud_D,
6
- LogoCloud_D as default
7
- };
1
+ import{a}from"./chunk-J6G7MDDQ.mjs";export{a as LogoCloud_D,a as default};
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.6",
4
+ "version": "6.0.7-beta.0",
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.2",
33
- "@stackshift-ui/eslint-config": "6.0.2"
32
+ "@stackshift-ui/typescript-config": "6.0.3-beta.0",
33
+ "@stackshift-ui/eslint-config": "6.0.3-beta.0"
34
34
  },
35
35
  "dependencies": {
36
- "@stackshift-ui/heading": "6.0.3",
37
- "@stackshift-ui/system": "6.0.3",
38
- "@stackshift-ui/section": "6.0.3",
39
- "@stackshift-ui/scripts": "6.0.2",
40
- "@stackshift-ui/button": "6.0.3",
41
- "@stackshift-ui/text": "6.0.3",
42
- "@stackshift-ui/container": "6.0.3",
43
- "@stackshift-ui/image": "6.0.3",
44
- "@stackshift-ui/flex": "6.0.3"
36
+ "@stackshift-ui/system": "6.0.4-beta.0",
37
+ "@stackshift-ui/button": "6.0.4-beta.0",
38
+ "@stackshift-ui/text": "6.0.4-beta.0",
39
+ "@stackshift-ui/section": "6.0.4-beta.0",
40
+ "@stackshift-ui/container": "6.0.4-beta.0",
41
+ "@stackshift-ui/heading": "6.0.4-beta.0",
42
+ "@stackshift-ui/image": "6.0.4-beta.0",
43
+ "@stackshift-ui/flex": "6.0.4-beta.0",
44
+ "@stackshift-ui/scripts": "6.0.3-beta.0"
45
45
  },
46
46
  "peerDependencies": {
47
47
  "@types/react": "16.8 - 19",
@@ -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
- };
@@ -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
- };
@@ -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
- };
@@ -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
- };
@@ -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
- };