@stackshift-ui/features 6.0.13 → 7.0.0-beta.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +15 -14
- package/src/features.test.tsx +2 -2
- package/src/features.tsx +22 -15
- package/src/features_a.tsx +2 -3
- package/src/features_b.tsx +7 -8
- package/src/features_c.tsx +8 -9
- package/src/features_d.tsx +7 -8
- package/src/features_e.tsx +9 -11
- package/src/features_f.tsx +8 -2
- package/src/features_g.tsx +3 -4
- package/src/features_h.tsx +2 -3
- package/dist/chunk-24O5VU3C.mjs +0 -1
- package/dist/chunk-3S2KSCPX.mjs +0 -1
- package/dist/chunk-5AMMO42A.mjs +0 -1
- package/dist/chunk-6BDXLZOT.mjs +0 -1
- package/dist/chunk-7B6FI3PR.mjs +0 -1
- package/dist/chunk-7ZZLNFYE.mjs +0 -1
- package/dist/chunk-M4ZCOWFN.mjs +0 -1
- package/dist/chunk-NMRXZVBL.mjs +0 -1
- package/dist/chunk-XY27OBDB.mjs +0 -1
- package/dist/features.d.ts +0 -23
- package/dist/features.js +0 -1
- package/dist/features.mjs +0 -1
- package/dist/features_a.d.ts +0 -3
- package/dist/features_a.js +0 -1
- package/dist/features_a.mjs +0 -1
- package/dist/features_b.d.ts +0 -3
- package/dist/features_b.js +0 -1
- package/dist/features_b.mjs +0 -1
- package/dist/features_c.d.ts +0 -3
- package/dist/features_c.js +0 -1
- package/dist/features_c.mjs +0 -1
- package/dist/features_d.d.ts +0 -3
- package/dist/features_d.js +0 -1
- package/dist/features_d.mjs +0 -1
- package/dist/features_e.d.ts +0 -3
- package/dist/features_e.js +0 -1
- package/dist/features_e.mjs +0 -1
- package/dist/features_f.d.ts +0 -3
- package/dist/features_f.js +0 -1
- package/dist/features_f.mjs +0 -1
- package/dist/features_g.d.ts +0 -3
- package/dist/features_g.js +0 -1
- package/dist/features_g.mjs +0 -1
- package/dist/features_h.d.ts +0 -3
- package/dist/features_h.js +0 -1
- package/dist/features_h.mjs +0 -1
- package/dist/index.d.ts +0 -9
- package/dist/index.js +0 -2
- package/dist/index.mjs +0 -2
- package/dist/types.d.ts +0 -362
- package/dist/types.js +0 -1
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@stackshift-ui/features",
|
|
3
3
|
"description": "",
|
|
4
|
-
"version": "
|
|
4
|
+
"version": "7.0.0-beta.10",
|
|
5
5
|
"private": false,
|
|
6
6
|
"sideEffects": false,
|
|
7
7
|
"main": "./dist/index.js",
|
|
@@ -29,28 +29,29 @@
|
|
|
29
29
|
"typescript": "^5.6.2",
|
|
30
30
|
"vite-tsconfig-paths": "^5.0.1",
|
|
31
31
|
"vitest": "^2.1.1",
|
|
32
|
-
"@stackshift-ui/
|
|
33
|
-
"@stackshift-ui/
|
|
32
|
+
"@stackshift-ui/typescript-config": "6.0.10",
|
|
33
|
+
"@stackshift-ui/eslint-config": "6.0.10"
|
|
34
34
|
},
|
|
35
35
|
"dependencies": {
|
|
36
36
|
"classnames": "^2.5.1",
|
|
37
|
-
"@stackshift-ui/
|
|
38
|
-
"@stackshift-ui/
|
|
39
|
-
"@stackshift-ui/
|
|
40
|
-
"@stackshift-ui/
|
|
41
|
-
"@stackshift-ui/
|
|
42
|
-
"@stackshift-ui/
|
|
43
|
-
"@stackshift-ui/
|
|
44
|
-
"@stackshift-ui/
|
|
45
|
-
"@stackshift-ui/
|
|
46
|
-
"@stackshift-ui/flex": "
|
|
37
|
+
"@stackshift-ui/system": "7.0.0-beta.5",
|
|
38
|
+
"@stackshift-ui/container": "7.0.0-beta.5",
|
|
39
|
+
"@stackshift-ui/scripts": "7.0.0-beta.4",
|
|
40
|
+
"@stackshift-ui/image": "7.0.0-beta.6",
|
|
41
|
+
"@stackshift-ui/heading": "7.0.0-beta.5",
|
|
42
|
+
"@stackshift-ui/button": "7.0.0-beta.7",
|
|
43
|
+
"@stackshift-ui/text": "7.0.0-beta.5",
|
|
44
|
+
"@stackshift-ui/link": "7.0.0-beta.5",
|
|
45
|
+
"@stackshift-ui/card": "7.0.0-beta.5",
|
|
46
|
+
"@stackshift-ui/flex": "7.0.0-beta.5",
|
|
47
|
+
"@stackshift-ui/section": "7.0.0-beta.5"
|
|
47
48
|
},
|
|
48
49
|
"peerDependencies": {
|
|
49
50
|
"@types/react": "16.8 - 19",
|
|
50
51
|
"next": "10 - 14",
|
|
51
52
|
"react": "16.8 - 19",
|
|
52
53
|
"react-dom": "16.8 - 19",
|
|
53
|
-
"@stackshift-ui/system": ">=
|
|
54
|
+
"@stackshift-ui/system": ">=7.0.0-beta.5"
|
|
54
55
|
},
|
|
55
56
|
"peerDependenciesMeta": {
|
|
56
57
|
"next": {
|
package/src/features.test.tsx
CHANGED
|
@@ -7,7 +7,7 @@ describe.concurrent("features", () => {
|
|
|
7
7
|
|
|
8
8
|
test.skip("Dummy test - test if renders without errors", ({ expect }) => {
|
|
9
9
|
const clx = "my-class";
|
|
10
|
-
render(<Features />);
|
|
11
|
-
expect(screen.getByTestId("
|
|
10
|
+
render(<Features data-testid="features" />);
|
|
11
|
+
expect(screen.getByTestId("features").classList).toContain(clx);
|
|
12
12
|
});
|
|
13
13
|
});
|
package/src/features.tsx
CHANGED
|
@@ -1,22 +1,29 @@
|
|
|
1
|
-
import React
|
|
2
|
-
|
|
1
|
+
import React from "react";
|
|
2
|
+
import FeaturesA from "./features_a";
|
|
3
|
+
import FeaturesB from "./features_b";
|
|
4
|
+
import FeaturesC from "./features_c";
|
|
5
|
+
import FeaturesD from "./features_d";
|
|
6
|
+
import FeaturesE from "./features_e";
|
|
7
|
+
import FeaturesF from "./features_f";
|
|
8
|
+
import FeaturesG from "./features_g";
|
|
9
|
+
import FeaturesH from "./features_h";
|
|
3
10
|
import {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
11
|
+
ArrayOfImageTitleAndText,
|
|
12
|
+
FeaturedItem,
|
|
13
|
+
Images,
|
|
14
|
+
LabeledRoute,
|
|
15
|
+
SectionsProps,
|
|
9
16
|
} from "./types";
|
|
10
17
|
|
|
11
18
|
const Variants = {
|
|
12
|
-
variant_a:
|
|
13
|
-
variant_b:
|
|
14
|
-
variant_c:
|
|
15
|
-
variant_d:
|
|
16
|
-
variant_e:
|
|
17
|
-
variant_f:
|
|
18
|
-
variant_g:
|
|
19
|
-
variant_h:
|
|
19
|
+
variant_a: FeaturesA,
|
|
20
|
+
variant_b: FeaturesB,
|
|
21
|
+
variant_c: FeaturesC,
|
|
22
|
+
variant_d: FeaturesD,
|
|
23
|
+
variant_e: FeaturesE,
|
|
24
|
+
variant_f: FeaturesF,
|
|
25
|
+
variant_g: FeaturesG,
|
|
26
|
+
variant_h: FeaturesH,
|
|
20
27
|
};
|
|
21
28
|
|
|
22
29
|
export interface FeaturesProps {
|
package/src/features_a.tsx
CHANGED
|
@@ -4,7 +4,6 @@ import { Heading } from "@stackshift-ui/heading";
|
|
|
4
4
|
import { Image } from "@stackshift-ui/image";
|
|
5
5
|
import { Section } from "@stackshift-ui/section";
|
|
6
6
|
import { Text } from "@stackshift-ui/text";
|
|
7
|
-
import React from "react";
|
|
8
7
|
import { FeaturesProps } from ".";
|
|
9
8
|
import { ArrayOfImageTitleAndText, Images } from "./types";
|
|
10
9
|
|
|
@@ -40,7 +39,7 @@ function CaptionAndTitleText({
|
|
|
40
39
|
description?: string;
|
|
41
40
|
}) {
|
|
42
41
|
return (
|
|
43
|
-
<
|
|
42
|
+
<Flex direction="col" gap={3} align="center">
|
|
44
43
|
{caption ? (
|
|
45
44
|
<Text weight="bold" className="text-secondary">
|
|
46
45
|
{caption}
|
|
@@ -48,7 +47,7 @@ function CaptionAndTitleText({
|
|
|
48
47
|
) : null}
|
|
49
48
|
{title ? <Heading fontSize="3xl">{title}</Heading> : null}
|
|
50
49
|
{description ? <Text muted>{description}</Text> : null}
|
|
51
|
-
</
|
|
50
|
+
</Flex>
|
|
52
51
|
);
|
|
53
52
|
}
|
|
54
53
|
|
package/src/features_b.tsx
CHANGED
|
@@ -5,7 +5,6 @@ import { Heading } from "@stackshift-ui/heading";
|
|
|
5
5
|
import { Image } from "@stackshift-ui/image";
|
|
6
6
|
import { Section } from "@stackshift-ui/section";
|
|
7
7
|
import { Text } from "@stackshift-ui/text";
|
|
8
|
-
import React from "react";
|
|
9
8
|
import { FeaturesProps } from ".";
|
|
10
9
|
import { ArrayOfImageTitleAndText } from "./types";
|
|
11
10
|
|
|
@@ -37,7 +36,7 @@ function FeatureInfo({
|
|
|
37
36
|
description?: string;
|
|
38
37
|
}) {
|
|
39
38
|
return (
|
|
40
|
-
<
|
|
39
|
+
<Flex direction="col" gap={3}>
|
|
41
40
|
{caption && (
|
|
42
41
|
<Text weight="bold" className="text-secondary">
|
|
43
42
|
{caption}
|
|
@@ -49,7 +48,7 @@ function FeatureInfo({
|
|
|
49
48
|
{description}
|
|
50
49
|
</Text>
|
|
51
50
|
)}
|
|
52
|
-
</
|
|
51
|
+
</Flex>
|
|
53
52
|
);
|
|
54
53
|
}
|
|
55
54
|
|
|
@@ -60,7 +59,7 @@ function TagList({ tags }: { tags?: string[] }) {
|
|
|
60
59
|
<ul>
|
|
61
60
|
{tags &&
|
|
62
61
|
tags.map(item => (
|
|
63
|
-
<li className="
|
|
62
|
+
<Flex as="li" className="mb-4" key={item}>
|
|
64
63
|
<svg
|
|
65
64
|
className="w-6 h-6 mr-2 text-secondary"
|
|
66
65
|
xmlns="http://www.w3.org/2000/svg"
|
|
@@ -75,7 +74,7 @@ function TagList({ tags }: { tags?: string[] }) {
|
|
|
75
74
|
<Text muted weight="bold">
|
|
76
75
|
{item}
|
|
77
76
|
</Text>
|
|
78
|
-
</
|
|
77
|
+
</Flex>
|
|
79
78
|
))}
|
|
80
79
|
</ul>
|
|
81
80
|
);
|
|
@@ -91,7 +90,7 @@ function FeaturesLists({ features }: { features?: ArrayOfImageTitleAndText[] })
|
|
|
91
90
|
<div
|
|
92
91
|
className={`w-full px-4 mb-8 md:w-1/2 ${index % 2 === 0 ? `lg:mb-0` : "lg:mt-12"}`}
|
|
93
92
|
key={index}>
|
|
94
|
-
<Card className="py-6 pl-6 pr-4 mb-8 bg-white
|
|
93
|
+
<Card className="py-6 pl-6 pr-4 mb-8 bg-white rounded-md">
|
|
95
94
|
{feature?.mainImage?.image && (
|
|
96
95
|
<span className="inline-block p-3 mb-4 rounded-lg bg-secondary/50">
|
|
97
96
|
<Image
|
|
@@ -103,10 +102,10 @@ function FeaturesLists({ features }: { features?: ArrayOfImageTitleAndText[] })
|
|
|
103
102
|
/>
|
|
104
103
|
</span>
|
|
105
104
|
)}
|
|
106
|
-
<Text weight="bold" className="text-xl md:text-2xl mb-2 text-gray-500 break-
|
|
105
|
+
<Text weight="bold" className="text-xl md:text-2xl mb-2 text-gray-500 break-normal">
|
|
107
106
|
{feature?.title}
|
|
108
107
|
</Text>
|
|
109
|
-
<Text muted className="leading-loose break-
|
|
108
|
+
<Text muted className="leading-loose break-normal">
|
|
110
109
|
{feature?.plainText}
|
|
111
110
|
</Text>
|
|
112
111
|
</Card>
|
package/src/features_c.tsx
CHANGED
|
@@ -1,11 +1,10 @@
|
|
|
1
|
-
import { Card } from "@stackshift-ui/card";
|
|
1
|
+
import { Card, CardTitle } from "@stackshift-ui/card";
|
|
2
2
|
import { Container } from "@stackshift-ui/container";
|
|
3
3
|
import { Flex } from "@stackshift-ui/flex";
|
|
4
4
|
import { Heading } from "@stackshift-ui/heading";
|
|
5
5
|
import { Image } from "@stackshift-ui/image";
|
|
6
6
|
import { Section } from "@stackshift-ui/section";
|
|
7
7
|
import { Text } from "@stackshift-ui/text";
|
|
8
|
-
import React from "react";
|
|
9
8
|
import { FeaturesProps } from ".";
|
|
10
9
|
import { ArrayOfImageTitleAndText } from "./types";
|
|
11
10
|
|
|
@@ -32,7 +31,7 @@ function CaptionAndTitleSection({
|
|
|
32
31
|
description?: string;
|
|
33
32
|
}) {
|
|
34
33
|
return (
|
|
35
|
-
<
|
|
34
|
+
<Flex direction="col" gap={3} align="center">
|
|
36
35
|
{caption ? (
|
|
37
36
|
<Text weight="bold" className="text-secondary">
|
|
38
37
|
{caption}
|
|
@@ -44,7 +43,7 @@ function CaptionAndTitleSection({
|
|
|
44
43
|
{description}
|
|
45
44
|
</Text>
|
|
46
45
|
) : null}
|
|
47
|
-
</
|
|
46
|
+
</Flex>
|
|
48
47
|
);
|
|
49
48
|
}
|
|
50
49
|
|
|
@@ -63,7 +62,7 @@ function FeatureItems({ features }: { features?: ArrayOfImageTitleAndText[] }) {
|
|
|
63
62
|
function FeatureItem({ feature }: { feature: ArrayOfImageTitleAndText }) {
|
|
64
63
|
return (
|
|
65
64
|
<div className="w-full p-3">
|
|
66
|
-
<Card className="flex
|
|
65
|
+
<Card className="flex h-full p-6 bg-white rounded-md">
|
|
67
66
|
<div className="self-start inline-block p-3 mb-4 mr-6 rounded-lg bg-secondary/50 md:p-5 lg:mb-0">
|
|
68
67
|
{feature?.mainImage?.image && (
|
|
69
68
|
<Image
|
|
@@ -75,14 +74,14 @@ function FeatureItem({ feature }: { feature: ArrayOfImageTitleAndText }) {
|
|
|
75
74
|
/>
|
|
76
75
|
)}
|
|
77
76
|
</div>
|
|
78
|
-
<
|
|
79
|
-
<
|
|
77
|
+
<Flex direction="col" gap={2} className="w-full">
|
|
78
|
+
<CardTitle className="text-xl md:text-2xl break-normal font-bold">
|
|
80
79
|
{feature?.title}
|
|
81
|
-
</
|
|
80
|
+
</CardTitle>
|
|
82
81
|
<Text muted className="break-all">
|
|
83
82
|
{feature?.plainText}
|
|
84
83
|
</Text>
|
|
85
|
-
</
|
|
84
|
+
</Flex>
|
|
86
85
|
</Card>
|
|
87
86
|
</div>
|
|
88
87
|
);
|
package/src/features_d.tsx
CHANGED
|
@@ -1,11 +1,10 @@
|
|
|
1
|
-
import { Card } from "@stackshift-ui/card";
|
|
1
|
+
import { Card, CardTitle } from "@stackshift-ui/card";
|
|
2
2
|
import { Container } from "@stackshift-ui/container";
|
|
3
3
|
import { Flex } from "@stackshift-ui/flex";
|
|
4
4
|
import { Heading } from "@stackshift-ui/heading";
|
|
5
5
|
import { Image } from "@stackshift-ui/image";
|
|
6
6
|
import { Section } from "@stackshift-ui/section";
|
|
7
7
|
import { Text } from "@stackshift-ui/text";
|
|
8
|
-
import React from "react";
|
|
9
8
|
import { FeaturesProps } from ".";
|
|
10
9
|
import { ArrayOfImageTitleAndText } from "./types";
|
|
11
10
|
|
|
@@ -13,7 +12,7 @@ export default function Features_D({ caption, title, description, features }: Fe
|
|
|
13
12
|
return (
|
|
14
13
|
<Section className="py-20 bg-background">
|
|
15
14
|
<Container maxWidth={1280}>
|
|
16
|
-
<Container maxWidth={
|
|
15
|
+
<Container maxWidth={640} className="mb-8 text-center">
|
|
17
16
|
<CaptionAndTitleSection caption={caption} title={title} description={description} />
|
|
18
17
|
</Container>
|
|
19
18
|
<FeatureItems features={features} />
|
|
@@ -32,7 +31,7 @@ function CaptionAndTitleSection({
|
|
|
32
31
|
description?: string;
|
|
33
32
|
}) {
|
|
34
33
|
return (
|
|
35
|
-
<
|
|
34
|
+
<Flex direction="col" gap={3} align="center">
|
|
36
35
|
{caption ? (
|
|
37
36
|
<Text weight="bold" className="text-secondary">
|
|
38
37
|
{caption}
|
|
@@ -44,7 +43,7 @@ function CaptionAndTitleSection({
|
|
|
44
43
|
{description}
|
|
45
44
|
</Text>
|
|
46
45
|
) : null}
|
|
47
|
-
</
|
|
46
|
+
</Flex>
|
|
48
47
|
);
|
|
49
48
|
}
|
|
50
49
|
|
|
@@ -63,7 +62,7 @@ function FeatureItems({ features }: { features?: ArrayOfImageTitleAndText[] }) {
|
|
|
63
62
|
function FeatureItem({ feature }: { feature: ArrayOfImageTitleAndText }) {
|
|
64
63
|
return (
|
|
65
64
|
<div className="w-full px-4 mt-8 lg:mb-0 lg:w-1/3">
|
|
66
|
-
<Card className="h-full px-6 py-12 text-center bg-white
|
|
65
|
+
<Card className="h-full px-6 py-12 text-center bg-white rounded-md">
|
|
67
66
|
<div className="self-start inline-block p-3 mb-6 rounded-lg bg-secondary/50 md:p-5">
|
|
68
67
|
{feature?.mainImage?.image && (
|
|
69
68
|
<Image
|
|
@@ -75,9 +74,9 @@ function FeatureItem({ feature }: { feature: ArrayOfImageTitleAndText }) {
|
|
|
75
74
|
/>
|
|
76
75
|
)}
|
|
77
76
|
</div>
|
|
78
|
-
<
|
|
77
|
+
<CardTitle className="px-8 mb-4 text-gray-500 font-bold text-xl">
|
|
79
78
|
{feature?.title}
|
|
80
|
-
</
|
|
79
|
+
</CardTitle>
|
|
81
80
|
<Text muted>{feature?.plainText}</Text>
|
|
82
81
|
</Card>
|
|
83
82
|
</div>
|
package/src/features_e.tsx
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Button } from "@stackshift-ui/button";
|
|
2
|
-
import { Card } from "@stackshift-ui/card";
|
|
2
|
+
import { Card, CardTitle } from "@stackshift-ui/card";
|
|
3
3
|
import { Container } from "@stackshift-ui/container";
|
|
4
4
|
import { Flex } from "@stackshift-ui/flex";
|
|
5
5
|
import { Heading } from "@stackshift-ui/heading";
|
|
@@ -62,15 +62,15 @@ function FeaturesInfo({ featuredItems, item }: { featuredItems?: FeaturedItem[];
|
|
|
62
62
|
if (!featuredItems) return null;
|
|
63
63
|
|
|
64
64
|
return (
|
|
65
|
-
<Card
|
|
66
|
-
className="top-0 left-0 max-w-xl p-6 mx-auto text-center bg-white md:mt-12 md:p-10 lg:mt-12 lg:p-10 xl:absolute xl:mx-0 xl:mt-20 xl:py-24"
|
|
67
|
-
borderRadius="md">
|
|
65
|
+
<Card className="top-0 left-0 max-w-xl p-6 mx-auto text-center bg-white md:mt-12 md:p-10 lg:mt-12 lg:p-10 xl:absolute xl:mx-0 xl:mt-20 xl:py-24 rounded-md">
|
|
68
66
|
<Text weight="bold" className="text-xs lg:text-md md:text-sm xl:text-lg text-secondary">
|
|
69
67
|
{featuredItems?.[item]?.subtitle && featuredItems?.[item]?.subtitle}
|
|
70
68
|
</Text>
|
|
71
|
-
<
|
|
72
|
-
|
|
73
|
-
|
|
69
|
+
<CardTitle>
|
|
70
|
+
<Heading fontSize="3xl">
|
|
71
|
+
{featuredItems?.[item]?.title && featuredItems?.[item]?.title}
|
|
72
|
+
</Heading>
|
|
73
|
+
</CardTitle>
|
|
74
74
|
<Text
|
|
75
75
|
muted
|
|
76
76
|
className="text-xs leading-loose text-center md:mt-5 md:text-sm lg:mt-5 lg:text-sm">
|
|
@@ -96,8 +96,7 @@ function SliderControls({
|
|
|
96
96
|
<div className="absolute left-0 z-40 items-center mt-20 -mx-3 order-0 md:mt-40 lg:mt-60 xl:-mx-6 xl:flex">
|
|
97
97
|
{featuredItems?.length >= 2 && (
|
|
98
98
|
<Button
|
|
99
|
-
|
|
100
|
-
ariaLabel="Show Previous Feature"
|
|
99
|
+
aria-label="Show Previous Feature"
|
|
101
100
|
className="z-10 p-4 text-white "
|
|
102
101
|
onClick={() => slider("prev")}>
|
|
103
102
|
<svg
|
|
@@ -119,8 +118,7 @@ function SliderControls({
|
|
|
119
118
|
<div className="absolute right-0 z-40 items-center order-2 mt-20 -mx-3 md:mt-40 lg:mt-60 xl:-mx-6 xl:flex">
|
|
120
119
|
{featuredItems?.length >= 2 && (
|
|
121
120
|
<Button
|
|
122
|
-
|
|
123
|
-
ariaLabel="Show Next Feature"
|
|
121
|
+
aria-label="Show Next Feature"
|
|
124
122
|
className="p-4 text-white "
|
|
125
123
|
onClick={() => slider("next")}>
|
|
126
124
|
<svg
|
package/src/features_f.tsx
CHANGED
|
@@ -3,7 +3,9 @@ import { Container } from "@stackshift-ui/container";
|
|
|
3
3
|
import { Flex } from "@stackshift-ui/flex";
|
|
4
4
|
import { Heading } from "@stackshift-ui/heading";
|
|
5
5
|
import { Image } from "@stackshift-ui/image";
|
|
6
|
+
import { Link } from "@stackshift-ui/link";
|
|
6
7
|
import { Section } from "@stackshift-ui/section";
|
|
8
|
+
import { buildSanityLink } from "@stackshift-ui/system";
|
|
7
9
|
import { Text } from "@stackshift-ui/text";
|
|
8
10
|
import { FeaturesProps } from ".";
|
|
9
11
|
import { LabeledRoute } from "./types";
|
|
@@ -63,10 +65,14 @@ function FeaturesInfo({
|
|
|
63
65
|
function CTAButton({ primaryButton }: { primaryButton?: LabeledRoute }) {
|
|
64
66
|
if (!primaryButton?.label) return null;
|
|
65
67
|
|
|
68
|
+
const link = buildSanityLink(primaryButton);
|
|
69
|
+
|
|
66
70
|
return (
|
|
67
71
|
<Container maxWidth={448} className="ml-0">
|
|
68
|
-
<Button
|
|
69
|
-
{
|
|
72
|
+
<Button aria-label={primaryButton?.label} asChild>
|
|
73
|
+
<Link href={link.href} target={link.target} rel={link.rel}>
|
|
74
|
+
{primaryButton?.label}
|
|
75
|
+
</Link>
|
|
70
76
|
</Button>
|
|
71
77
|
</Container>
|
|
72
78
|
);
|
package/src/features_g.tsx
CHANGED
|
@@ -4,7 +4,6 @@ import { Heading } from "@stackshift-ui/heading";
|
|
|
4
4
|
import { Image } from "@stackshift-ui/image";
|
|
5
5
|
import { Section } from "@stackshift-ui/section";
|
|
6
6
|
import { Text } from "@stackshift-ui/text";
|
|
7
|
-
import React from "react";
|
|
8
7
|
import { FeaturesProps } from ".";
|
|
9
8
|
|
|
10
9
|
export default function Features_G({ caption, title, description, images, tags }: FeaturesProps) {
|
|
@@ -35,7 +34,7 @@ function FeaturesInfo({
|
|
|
35
34
|
description?: string;
|
|
36
35
|
}) {
|
|
37
36
|
return (
|
|
38
|
-
<
|
|
37
|
+
<Flex direction="col" gap={3}>
|
|
39
38
|
{caption && (
|
|
40
39
|
<Text weight="bold" className="text-secondary">
|
|
41
40
|
{caption}
|
|
@@ -51,7 +50,7 @@ function FeaturesInfo({
|
|
|
51
50
|
{description}
|
|
52
51
|
</Text>
|
|
53
52
|
)}
|
|
54
|
-
</
|
|
53
|
+
</Flex>
|
|
55
54
|
);
|
|
56
55
|
}
|
|
57
56
|
|
|
@@ -73,7 +72,7 @@ function FeatureItem({ item }: { item?: string }) {
|
|
|
73
72
|
return (
|
|
74
73
|
<Flex as="li" align="center" className="mb-2 ">
|
|
75
74
|
<svg
|
|
76
|
-
className="w-5 h-5 mr-2 text-primary
|
|
75
|
+
className="w-5 h-5 mr-2 text-primary"
|
|
77
76
|
xmlns="http://www.w3.org/2000/svg"
|
|
78
77
|
viewBox="0 0 20 20"
|
|
79
78
|
fill="currentColor">
|
package/src/features_h.tsx
CHANGED
|
@@ -4,7 +4,6 @@ import { Heading } from "@stackshift-ui/heading";
|
|
|
4
4
|
import { Image } from "@stackshift-ui/image";
|
|
5
5
|
import { Section } from "@stackshift-ui/section";
|
|
6
6
|
import { Text } from "@stackshift-ui/text";
|
|
7
|
-
import React from "react";
|
|
8
7
|
import { FeaturesProps } from ".";
|
|
9
8
|
import { ArrayOfImageTitleAndText } from "./types";
|
|
10
9
|
|
|
@@ -28,7 +27,7 @@ export default function Features_H({ caption, title, features, images }: Feature
|
|
|
28
27
|
|
|
29
28
|
function CaptionAndTitleSection({ caption, title }: { caption?: string; title?: string }) {
|
|
30
29
|
return (
|
|
31
|
-
<
|
|
30
|
+
<Flex gap={3} direction="col">
|
|
32
31
|
{caption && (
|
|
33
32
|
<Text weight="bold" className="text-secondary">
|
|
34
33
|
{caption}
|
|
@@ -39,7 +38,7 @@ function CaptionAndTitleSection({ caption, title }: { caption?: string; title?:
|
|
|
39
38
|
{title}
|
|
40
39
|
</Heading>
|
|
41
40
|
)}
|
|
42
|
-
</
|
|
41
|
+
</Flex>
|
|
43
42
|
);
|
|
44
43
|
}
|
|
45
44
|
|
package/dist/chunk-24O5VU3C.mjs
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{Card as c}from"@stackshift-ui/card";import{Container as d}from"@stackshift-ui/container";import{Flex as g}from"@stackshift-ui/flex";import{Heading as p}from"@stackshift-ui/heading";import{Image as x}from"@stackshift-ui/image";import{Section as b}from"@stackshift-ui/section";import{Text as o}from"@stackshift-ui/text";import{jsx as i,jsxs as t}from"react/jsx-runtime";function w({caption:m,title:l,description:a,features:n,tags:s}){return i(b,{className:"py-20 bg-background",children:i(d,{maxWidth:1280,children:t(g,{wrap:!0,align:"center",children:[i("div",{className:"w-full px-4 mb-12 lg:mb-0 lg:w-1/2",children:t(d,{maxWidth:448,children:[i(N,{caption:m,title:l,description:a}),i(h,{tags:s})]})}),i(v,{features:n})]})})})}function N({caption:m,title:l,description:a}){return t("div",{className:"flex flex-col gap-3",children:[m&&i(o,{weight:"bold",className:"text-secondary",children:m}),l&&i(p,{fontSize:"3xl",children:l}),a&&i(o,{muted:!0,className:"mb-6 leading-loose",children:a})]})}function h({tags:m}){return m?i("ul",{children:m&&m.map(l=>t("li",{className:"flex mb-4",children:[i("svg",{className:"w-6 h-6 mr-2 text-secondary",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",children:i("path",{fillRule:"evenodd",d:"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z",clipRule:"evenodd"})}),i(o,{muted:!0,weight:"bold",children:l})]},l))}):null}function v({features:m}){return m?i(g,{wrap:!0,align:"stretch",className:"w-full lg:w-1/2",children:m&&(m==null?void 0:m.map((l,a)=>{var n,s,e,r;return i("div",{className:`w-full px-4 mb-8 md:w-1/2 ${a%2===0?"lg:mb-0":"lg:mt-12"}`,children:t(c,{className:"py-6 pl-6 pr-4 mb-8 bg-white",borderRadius:"md",children:[((n=l==null?void 0:l.mainImage)==null?void 0:n.image)&&i("span",{className:"inline-block p-3 mb-4 rounded-lg bg-secondary/50",children:i(x,{className:"object-scale-down",src:`${(s=l==null?void 0:l.mainImage)==null?void 0:s.image}`,width:40,height:40,alt:(r=(e=l==null?void 0:l.mainImage)==null?void 0:e.alt)!=null?r:`features-image-${a}`})}),i(o,{weight:"bold",className:"text-xl md:text-2xl mb-2 text-gray-500 break-all",children:l==null?void 0:l.title}),i(o,{muted:!0,className:"leading-loose break-all",children:l==null?void 0:l.plainText})]})},a)}))}):null}export{w as a};
|
package/dist/chunk-3S2KSCPX.mjs
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{Card as s}from"@stackshift-ui/card";import{Container as r}from"@stackshift-ui/container";import{Heading as d}from"@stackshift-ui/heading";import{Image as c}from"@stackshift-ui/image";import{Section as g}from"@stackshift-ui/section";import{Text as a}from"@stackshift-ui/text";import{jsx as l,jsxs as n}from"react/jsx-runtime";function p({caption:i,title:m,description:t,features:e}){return l(g,{className:"py-20 bg-background",children:n(r,{maxWidth:1800,children:[l(r,{maxWidth:640,className:"mb-16 text-center",children:l(x,{caption:i,title:m,description:t})}),l(b,{features:e})]})})}function x({caption:i,title:m,description:t}){return n("div",{className:"flex flex-col gap-3",children:[i?l(a,{weight:"bold",className:"text-secondary",children:i}):null,m?l(d,{fontSize:"3xl",children:m}):null,t?l(a,{muted:!0,className:"mb-6 leading-loose",children:t}):null]})}function b({features:i}){return i?l("div",{className:"lg:grid lg:grid-cols-2 gap-3",children:i.map(m=>l(N,{feature:m},m._key))}):null}function N({feature:i}){var m,t,e,o;return l("div",{className:"w-full p-3",children:n(s,{className:"flex flex-wrap h-full p-6 bg-white",borderRadius:"md",children:[l("div",{className:"self-start inline-block p-3 mb-4 mr-6 rounded-lg bg-secondary/50 md:p-5 lg:mb-0",children:((m=i==null?void 0:i.mainImage)==null?void 0:m.image)&&l(c,{className:"object-scale-down",src:`${(t=i==null?void 0:i.mainImage)==null?void 0:t.image}`,width:40,height:40,alt:(o=(e=i==null?void 0:i.mainImage)==null?void 0:e.alt)!=null?o:"features-main-image"})}),n("div",{className:"w-full lg:w-2/3 flex flex-col gap-2",children:[l(a,{weight:"bold",className:"text-xl md:text-2xl break-all",children:i==null?void 0:i.title}),l(a,{muted:!0,className:"break-all",children:i==null?void 0:i.plainText})]})]})})}export{p as a};
|
package/dist/chunk-5AMMO42A.mjs
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{Card as s}from"@stackshift-ui/card";import{Container as r}from"@stackshift-ui/container";import{Flex as d}from"@stackshift-ui/flex";import{Heading as c}from"@stackshift-ui/heading";import{Image as g}from"@stackshift-ui/image";import{Section as p}from"@stackshift-ui/section";import{Text as o}from"@stackshift-ui/text";import{jsx as i,jsxs as l}from"react/jsx-runtime";function x({caption:t,title:m,description:e,features:n}){return i(p,{className:"py-20 bg-background",children:l(r,{maxWidth:1280,children:[i(r,{maxWidth:448,className:"mb-8 text-center",children:i(b,{caption:t,title:m,description:e})}),i(T,{features:n})]})})}function b({caption:t,title:m,description:e}){return l("div",{className:"flex flex-col gap-3",children:[t?i(o,{weight:"bold",className:"text-secondary",children:t}):null,m?i(c,{fontSize:"3xl",children:m}):null,e?i(o,{muted:!0,className:"mb-6 leading-loose",children:e}):null]})}function T({features:t}){return t?i(d,{wrap:!0,justify:"center",align:"stretch",children:t.map(m=>i(y,{feature:m},m._key))}):null}function y({feature:t}){var m,e,n,a;return i("div",{className:"w-full px-4 mt-8 lg:mb-0 lg:w-1/3",children:l(s,{className:"h-full px-6 py-12 text-center bg-white",borderRadius:"md",children:[i("div",{className:"self-start inline-block p-3 mb-6 rounded-lg bg-secondary/50 md:p-5",children:((m=t==null?void 0:t.mainImage)==null?void 0:m.image)&&i(g,{className:"object-scale-down",src:`${(e=t==null?void 0:t.mainImage)==null?void 0:e.image}`,width:40,height:40,alt:(a=(n=t==null?void 0:t.mainImage)==null?void 0:n.alt)!=null?a:"features-image-"})}),i(o,{fontSize:"xl",weight:"bold",className:"px-8 mb-4 text-gray-500",children:t==null?void 0:t.title}),i(o,{muted:!0,children:t==null?void 0:t.plainText})]})})}export{x as a};
|
package/dist/chunk-6BDXLZOT.mjs
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{Container as s}from"@stackshift-ui/container";import{Flex as u}from"@stackshift-ui/flex";import{Heading as v}from"@stackshift-ui/heading";import{Image as x}from"@stackshift-ui/image";import{Section as w}from"@stackshift-ui/section";import{Text as d}from"@stackshift-ui/text";import{jsx as l,jsxs as a}from"react/jsx-runtime";function h({caption:e,title:t,description:r,images:i,tags:n}){return l(w,{className:"py-20 bg-background",children:l(s,{maxWidth:1280,children:a(u,{wrap:!0,align:"center",children:[l("div",{className:"w-full px-4 mb-12 lg:mb-0 lg:w-1/2",children:a(s,{maxWidth:448,children:[l(b,{caption:e,title:t,description:r}),l(N,{tags:n})]})}),l(y,{images:i})]})})})}function b({caption:e,title:t,description:r}){return a("div",{className:"flex flex-col gap-3",children:[e&&l(d,{weight:"bold",className:"text-secondary",children:e}),t&&l(v,{fontSize:"3xl",className:"mb-3",children:t}),r&&l(d,{muted:!0,className:"mb-6 leading-loose ",children:r})]})}function N({tags:e}){return e?l("ul",{className:"font-bold text-gray-500",children:e.map(t=>l(F,{item:t}))}):null}function F({item:e}){return e?a(u,{as:"li",align:"center",className:"mb-2 ",children:[l("svg",{className:"w-5 h-5 mr-2 text-primary-foreground",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",children:l("path",{fillRule:"evenodd",d:"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z",clipRule:"evenodd"})}),l("span",{children:e})]}):null}function y({images:e}){var r,i,n,o;if(!e||(e==null?void 0:e.length)===0)return null;function t(f,m,c,g,p){return l("div",{className:`overflow-hidden rounded-md ${p}`,children:l(x,{className:"object-cover w-full h-full",src:f,sizes:"100vw",width:c,height:g,alt:m!=null?m:"feature-image"})})}return a("div",{className:"w-full lg:w-1/2",children:[a("div",{className:"items-end mb-4 lg:flex lg:flex-wrap",children:[l("div",{className:"h-full px-3 mb-4 lg:mb-0 lg:w-2/3",children:((r=e[0])==null?void 0:r.image)&&t(e[0].image,e[0].alt,356,192,"h-[269px]")}),l("div",{className:"h-full px-3 lg:w-1/3",children:((i=e[1])==null?void 0:i.image)&&t(e[1].image,e[1].alt,166,128,"")})]}),a("div",{className:"items-start mb-4 lg:flex lg:flex-wrap",children:[l("div",{className:"h-full px-3 mb-4 lg:mb-0 lg:w-1/3",children:((n=e[2])==null?void 0:n.image)&&t(e[2].image,e[2].alt,166,128,"h-[269px] lg:h-[126px]")}),l("div",{className:"h-full px-3 lg:w-2/3",children:((o=e[3])==null?void 0:o.image)&&t(e[3].image,e[3].alt,356,192,"")})]})]})}export{h as a};
|
package/dist/chunk-7B6FI3PR.mjs
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{Button as p}from"@stackshift-ui/button";import{Card as w}from"@stackshift-ui/card";import{Container as v}from"@stackshift-ui/container";import{Flex as b}from"@stackshift-ui/flex";import{Heading as e}from"@stackshift-ui/heading";import{Image as N}from"@stackshift-ui/image";import{Section as F}from"@stackshift-ui/section";import{Text as s}from"@stackshift-ui/text";import h from"react";import{jsx as l,jsxs as c}from"react/jsx-runtime";function d({featuredItems:o}){let[i,n]=h.useState(0);return l(F,{className:"py-20 overflow-x-auto bg-background",children:l(v,{maxWidth:1280,children:l(b,{className:"relative",children:l(S,{featuredItems:o,slider:r=>{o&&(r==="next"?i!==o.length-1?n(t=>t+1):n(0):i>=1?n(t=>t-1):n(o.length-1))},children:c("div",{className:"order-1 w-full ml-auto xl:w-4/5",children:[l(k,{featuredItems:o,item:i}),l(C,{featuredItems:o,item:i})]})})})})})}function k({featuredItems:o,item:i}){var n,x,r,t,m,a,g;return(x=(n=o==null?void 0:o[i])==null?void 0:n.mainImage)!=null&&x.image?l("div",{className:"mx-auto overflow-hidden rounded-md md:max-w-xl xl:max-w-4xl",children:l(N,{className:"relative object-cover rounded-md",src:`${(t=(r=o==null?void 0:o[i])==null?void 0:r.mainImage)==null?void 0:t.image}`,sizes:"100vw",width:896,height:575,alt:(g=(a=(m=o==null?void 0:o[i])==null?void 0:m.mainImage)==null?void 0:a.alt)!=null?g:`features-image-${i}`})}):null}function C({featuredItems:o,item:i}){var n,x,r,t,m,a;return o?c(w,{className:"top-0 left-0 max-w-xl p-6 mx-auto text-center bg-white md:mt-12 md:p-10 lg:mt-12 lg:p-10 xl:absolute xl:mx-0 xl:mt-20 xl:py-24",borderRadius:"md",children:[l(s,{weight:"bold",className:"text-xs lg:text-md md:text-sm xl:text-lg text-secondary",children:((n=o==null?void 0:o[i])==null?void 0:n.subtitle)&&((x=o==null?void 0:o[i])==null?void 0:x.subtitle)}),l(e,{fontSize:"3xl",children:((r=o==null?void 0:o[i])==null?void 0:r.title)&&((t=o==null?void 0:o[i])==null?void 0:t.title)}),l(s,{muted:!0,className:"text-xs leading-loose text-center md:mt-5 md:text-sm lg:mt-5 lg:text-sm",children:((m=o==null?void 0:o[i])==null?void 0:m.description)&&((a=o==null?void 0:o[i])==null?void 0:a.description)})]}):null}function S({featuredItems:o,children:i,slider:n}){return o?c(h.Fragment,{children:[l("div",{className:"absolute left-0 z-40 items-center mt-20 -mx-3 order-0 md:mt-40 lg:mt-60 xl:-mx-6 xl:flex",children:(o==null?void 0:o.length)>=2&&l(p,{as:"button",ariaLabel:"Show Previous Feature",className:"z-10 p-4 text-white ",onClick:()=>n("prev"),children:l("svg",{className:"w-4 h-4",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:l("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M10 19l-7-7m0 0l7-7m-7 7h18"})})})}),i,l("div",{className:"absolute right-0 z-40 items-center order-2 mt-20 -mx-3 md:mt-40 lg:mt-60 xl:-mx-6 xl:flex",children:(o==null?void 0:o.length)>=2&&l(p,{as:"button",ariaLabel:"Show Next Feature",className:"p-4 text-white ",onClick:()=>n("next"),children:l("svg",{className:"w-4 h-4",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:l("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M14 5l7 7m0 0l-7 7m7-7H3"})})})})]}):null}export{d as a};
|
package/dist/chunk-7ZZLNFYE.mjs
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{Container as f}from"@stackshift-ui/container";import{Flex as s}from"@stackshift-ui/flex";import{Heading as N}from"@stackshift-ui/heading";import{Image as d}from"@stackshift-ui/image";import{Section as b}from"@stackshift-ui/section";import{Text as i}from"@stackshift-ui/text";import{jsx as r,jsxs as o}from"react/jsx-runtime";function T({caption:t,title:n,features:l,images:e}){return r(b,{className:"py-20 bg-background",children:r(f,{maxWidth:1280,children:o(s,{wrap:!0,align:"center",children:[r("div",{className:"w-full mb-12 lg:mb-0 lg:w-1/2",children:o(f,{maxWidth:448,children:[r(y,{caption:t,title:n}),r(F,{features:l})]})}),r(I,{images:e})]})})})}function y({caption:t,title:n}){return o("div",{className:"flex flex-col gap-3",children:[t&&r(i,{weight:"bold",className:"text-secondary",children:t}),n&&r(N,{fontSize:"3xl",className:"mb-6",children:n})]})}function F({features:t}){return!t||(t==null?void 0:t.length)<=0?null:r("ul",{children:t.map(n=>r(k,{feature:n},n._key))})}function k({feature:t}){return t?o(s,{as:"li",className:"mb-5",children:[r(A,{}),o("div",{className:"max-w-xs",children:[r(i,{weight:"bold",className:"text-gray-500",children:t==null?void 0:t.title}),r(i,{muted:!0,className:"leading-loose",children:t==null?void 0:t.plainText})]})]}):null}function A(){return r("svg",{className:"w-8 h-8 mr-3 text-primary",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:r("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M12 6V4m0 2a2 2 0 100 4m0-4a2 2 0 110 4m-6 8a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4m6 6v10m6-2a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4"})})}function I({images:t}){var n,l,e,c,m,a,x,w,p,v,h,u;return!t||(t==null?void 0:t.length)===0?null:o("div",{className:"items-center w-full px-4 sm:flex md:px-0 lg:w-1/2",children:[o("div",{className:"mb-5 sm:mb-0 sm:w-1/2",children:[((n=t==null?void 0:t[0])==null?void 0:n.image)&&r(d,{className:"object-cover overflow-hidden rounded-md",src:`${(l=t==null?void 0:t[0])==null?void 0:l.image}`,width:640,height:800,sizes:"(max-width: 639px) 100vw, (min-width: 640px) 30vw",alt:(c=(e=t==null?void 0:t[0])==null?void 0:e.alt)!=null?c:"features-image-1"}),((m=t==null?void 0:t[1])==null?void 0:m.image)&&r(d,{className:"object-cover mt-6 overflow-hidden rounded-md",src:`${(a=t==null?void 0:t[1])==null?void 0:a.image}`,width:640,height:800,sizes:"(max-width: 639px) 100vw, (min-width: 640px) 30vw",alt:(w=(x=t==null?void 0:t[1])==null?void 0:x.alt)!=null?w:"features-image-2"})]}),((p=t==null?void 0:t[2])==null?void 0:p.image)&&r(d,{className:"object-cover overflow-hidden rounded-md sm:ml-6 sm:w-1/2",src:`${(v=t==null?void 0:t[2])==null?void 0:v.image}`,width:640,height:800,sizes:"(max-width: 639px) 100vw, (min-width: 640px) 30vw",alt:(u=(h=t==null?void 0:t[2])==null?void 0:h.alt)!=null?u:"features-image-3"})]})}export{T as a};
|
package/dist/chunk-M4ZCOWFN.mjs
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{Button as x}from"@stackshift-ui/button";import{Container as d}from"@stackshift-ui/container";import{Flex as s}from"@stackshift-ui/flex";import{Heading as v}from"@stackshift-ui/heading";import{Image as h}from"@stackshift-ui/image";import{Section as w}from"@stackshift-ui/section";import{Text as f}from"@stackshift-ui/text";import{jsx as l,jsxs as t}from"react/jsx-runtime";function N({caption:e,title:a,description:i,images:n,primaryButton:o}){return l(w,{className:"py-20 bg-background",children:l(d,{maxWidth:1280,children:t(s,{wrap:!0,align:"center",children:[t(s,{direction:"col",className:"w-full mb-12 lg:mb-0 lg:w-1/2",children:[l(p,{caption:e,title:a,description:i}),l(F,{primaryButton:o})]}),l(C,{images:n})]})})})}function p({caption:e,title:a,description:i}){return t(d,{maxWidth:448,className:"ml-0",children:[e&&l(f,{weight:"bold",className:"font-bold text-secondary",children:e}),a&&l(v,{fontSize:"3xl",className:"mb-6",children:a}),i&&l(f,{muted:!0,className:"mb-6 leading-loose",children:i})]})}function F({primaryButton:e}){return e!=null&&e.label?l(d,{maxWidth:448,className:"ml-0",children:l(x,{as:"link",link:e,ariaLabel:e==null?void 0:e.label,children:e==null?void 0:e.label})}):null}function C({images:e}){var i,n,o,m;if(!e||(e==null?void 0:e.length)===0)return null;function a(c,r,g,u,b){return l("div",{className:`overflow-hidden rounded-md ${b}`,children:l(h,{className:"object-cover w-full h-full",src:c,sizes:"100vw",width:g,height:u,alt:r!=null?r:"feature-image"})})}return t("div",{className:"w-full lg:w-1/2",children:[t("div",{className:"items-end mb-4 lg:flex lg:flex-wrap",children:[l("div",{className:"h-full px-3 mb-4 lg:mb-0 lg:w-2/3",children:((i=e[0])==null?void 0:i.image)&&a(e[0].image,e[0].alt,356,192,"h-[269px]")}),l("div",{className:"h-full px-3 lg:w-1/3",children:((n=e[1])==null?void 0:n.image)&&a(e[1].image,e[1].alt,166,128,"")})]}),t("div",{className:"items-start mb-4 lg:flex lg:flex-wrap",children:[l("div",{className:"h-full px-3 mb-4 lg:mb-0 lg:w-1/3",children:((o=e[2])==null?void 0:o.image)&&a(e[2].image,e[2].alt,166,128,"h-[269px] lg:h-[126px]")}),l("div",{className:"h-full px-3 lg:w-2/3",children:((m=e[3])==null?void 0:m.image)&&a(e[3].image,e[3].alt,356,192,"")})]})]})}export{N as a};
|
package/dist/chunk-NMRXZVBL.mjs
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{lazy as r}from"react";import{jsx as R}from"react/jsx-runtime";var A={variant_a:r(()=>import("./features_a.mjs")),variant_b:r(()=>import("./features_b.mjs")),variant_c:r(()=>import("./features_c.mjs")),variant_d:r(()=>import("./features_d.mjs")),variant_e:r(()=>import("./features_e.mjs")),variant_f:r(()=>import("./features_f.mjs")),variant_g:r(()=>import("./features_g.mjs")),variant_h:r(()=>import("./features_h.mjs"))},x="Features",b=({data:e})=>{var t,s,o,m,p,u,f,g,c,v,l,I,y,a,F,T;let i=e==null?void 0:e.variant,n=i&&A[i],_={caption:(s=(t=e==null?void 0:e.variants)==null?void 0:t.subtitle)!=null?s:void 0,title:(m=(o=e==null?void 0:e.variants)==null?void 0:o.title)!=null?m:void 0,description:(u=(p=e==null?void 0:e.variants)==null?void 0:p.description)!=null?u:void 0,features:(g=(f=e==null?void 0:e.variants)==null?void 0:f.arrayOfImageTitleAndText)!=null?g:void 0,tags:(v=(c=e==null?void 0:e.variants)==null?void 0:c.tags)!=null?v:void 0,featuredItems:(I=(l=e==null?void 0:e.variants)==null?void 0:l.featuredItems)!=null?I:void 0,images:(a=(y=e==null?void 0:e.variants)==null?void 0:y.images)!=null?a:void 0,primaryButton:(T=(F=e==null?void 0:e.variants)==null?void 0:F.primaryButton)!=null?T:void 0};return n?R(n,{..._}):null};b.displayName=x;export{b as a};
|
package/dist/chunk-XY27OBDB.mjs
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{Container as a}from"@stackshift-ui/container";import{Heading as g}from"@stackshift-ui/heading";import{Image as e}from"@stackshift-ui/image";import{Section as c}from"@stackshift-ui/section";import{Text as o}from"@stackshift-ui/text";import{jsx as n,jsxs as s}from"react/jsx-runtime";function d({caption:i,title:t,description:m,features:l}){return n(c,{className:"py-20 bg-background",children:s(a,{maxWidth:1280,children:[n(a,{maxWidth:640,className:"mb-16 text-center",children:n(p,{caption:i,title:t,description:m})}),n(x,{features:l})]})})}function p({caption:i,title:t,description:m}){return s("div",{className:"flex flex-col gap-3",children:[i?n(o,{weight:"bold",className:"text-secondary",children:i}):null,t?n(g,{fontSize:"3xl",children:t}):null,m?n(o,{muted:!0,children:m}):null]})}function x({features:i}){return i?n("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6",children:i==null?void 0:i.map(t=>n(I,{feature:t},t._key))}):null}function I({feature:i}){var t;return s("div",{className:"text-center sm:text-start p-3",children:[(t=i==null?void 0:i.mainImage)!=null&&t.image?n(T,{feature:i}):null,i!=null&&i.title?n(o,{weight:"bold",className:"mb-4 text-gray-500",fontSize:"xl",children:i==null?void 0:i.title}):null,i!=null&&i.plainText?n(o,{muted:!0,children:i==null?void 0:i.plainText}):null]})}function T({feature:i}){var t,m,l,r;return(t=i==null?void 0:i.mainImage)!=null&&t.image?n("span",{className:"inline-block p-3 mb-4 rounded bg-secondary/50 text-primary-foreground md:mb-6",children:n(e,{className:"object-scale-down",src:`${(m=i==null?void 0:i.mainImage)==null?void 0:m.image}`,width:40,height:40,alt:(r=(l=i==null?void 0:i.mainImage)==null?void 0:l.alt)!=null?r:"features-image-"})}):null}export{d as a};
|
package/dist/features.d.ts
DELETED
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { ArrayOfImageTitleAndText, FeaturedItem, Images, LabeledRoute, SectionsProps } from "./types";
|
|
3
|
-
export interface FeaturesProps {
|
|
4
|
-
caption?: string;
|
|
5
|
-
title?: string;
|
|
6
|
-
description?: string;
|
|
7
|
-
features?: ArrayOfImageTitleAndText[];
|
|
8
|
-
tags?: string[];
|
|
9
|
-
featuredItems?: FeaturedItem[];
|
|
10
|
-
images?: Images[];
|
|
11
|
-
primaryButton?: LabeledRoute;
|
|
12
|
-
}
|
|
13
|
-
export interface FeaturesProps {
|
|
14
|
-
caption?: string;
|
|
15
|
-
title?: string;
|
|
16
|
-
description?: string;
|
|
17
|
-
features?: ArrayOfImageTitleAndText[];
|
|
18
|
-
tags?: string[];
|
|
19
|
-
featuredItems?: FeaturedItem[];
|
|
20
|
-
images?: Images[];
|
|
21
|
-
primaryButton?: LabeledRoute;
|
|
22
|
-
}
|
|
23
|
-
export declare const Features: React.FC<SectionsProps>;
|
package/dist/features.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";var el=Object.create;var S=Object.defineProperty;var ol=Object.getOwnPropertyDescriptor;var rl=Object.getOwnPropertyNames;var ml=Object.getPrototypeOf,al=Object.prototype.hasOwnProperty;var f=(t,l)=>()=>(t&&(l=t(t=0)),l);var h=(t,l)=>{for(var i in l)S(t,i,{get:l[i],enumerable:!0})},tt=(t,l,i,n)=>{if(l&&typeof l=="object"||typeof l=="function")for(let e of rl(l))!al.call(t,e)&&e!==i&&S(t,e,{get:()=>l[e],enumerable:!(n=ol(l,e))||n.enumerable});return t};var sl=(t,l,i)=>(i=t!=null?el(ml(t)):{},tt(l||!t||!t.__esModule?S(i,"default",{value:t,enumerable:!0}):i,t)),cl=t=>tt(S({},"__esModule",{value:!0}),t);var ot={};h(ot,{Features_A:()=>et,default:()=>et});function et({caption:t,title:l,description:i,features:n}){return(0,g.jsx)(nt.Section,{className:"py-20 bg-background",children:(0,g.jsxs)(P.Container,{maxWidth:1280,children:[(0,g.jsx)(P.Container,{maxWidth:640,className:"mb-16 text-center",children:(0,g.jsx)(dl,{caption:t,title:l,description:i})}),(0,g.jsx)(pl,{features:n})]})})}function dl({caption:t,title:l,description:i}){return(0,g.jsxs)("div",{className:"flex flex-col gap-3",children:[t?(0,g.jsx)(C.Text,{weight:"bold",className:"text-secondary",children:t}):null,l?(0,g.jsx)(lt.Heading,{fontSize:"3xl",children:l}):null,i?(0,g.jsx)(C.Text,{muted:!0,children:i}):null]})}function pl({features:t}){return t?(0,g.jsx)("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6",children:t==null?void 0:t.map(l=>(0,g.jsx)(gl,{feature:l},l._key))}):null}function gl({feature:t}){var l;return(0,g.jsxs)("div",{className:"text-center sm:text-start p-3",children:[(l=t==null?void 0:t.mainImage)!=null&&l.image?(0,g.jsx)(xl,{feature:t}):null,t!=null&&t.title?(0,g.jsx)(C.Text,{weight:"bold",className:"mb-4 text-gray-500",fontSize:"xl",children:t==null?void 0:t.title}):null,t!=null&&t.plainText?(0,g.jsx)(C.Text,{muted:!0,children:t==null?void 0:t.plainText}):null]})}function xl({feature:t}){var l,i,n,e;return(l=t==null?void 0:t.mainImage)!=null&&l.image?(0,g.jsx)("span",{className:"inline-block p-3 mb-4 rounded bg-secondary/50 text-primary-foreground md:mb-6",children:(0,g.jsx)(it.Image,{className:"object-scale-down",src:`${(i=t==null?void 0:t.mainImage)==null?void 0:i.image}`,width:40,height:40,alt:(e=(n=t==null?void 0:t.mainImage)==null?void 0:n.alt)!=null?e:"features-image-"})}):null}var P,lt,it,nt,C,g,rt=f(()=>{"use strict";P=require("@stackshift-ui/container"),lt=require("@stackshift-ui/heading"),it=require("@stackshift-ui/image"),nt=require("@stackshift-ui/section"),C=require("@stackshift-ui/text"),g=require("react/jsx-runtime")});var pt={};h(pt,{Features_B:()=>dt,default:()=>dt});function dt({caption:t,title:l,description:i,features:n,tags:e}){return(0,g.jsx)(nt.Section,{className:"py-20 bg-background",children:(0,g.jsx)(L.Container,{maxWidth:1280,children:(0,g.jsxs)(_.Flex,{wrap:!0,align:"center",children:[(0,g.jsx)("div",{className:"w-full px-4 mb-12 lg:mb-0 lg:w-1/2",children:(0,g.jsxs)(L.Container,{maxWidth:448,children:[(0,g.jsx)(vl,{caption:t,title:l,description:i}),(0,g.jsx)(ul,{tags:e})]})}),(0,g.jsx)(wl,{features:n})]})})})}function vl({caption:t,title:l,description:i}){return(0,g.jsxs)("div",{className:"flex flex-col gap-3",children:[t&&(0,g.jsx)(C.Text,{weight:"bold",className:"text-secondary",children:t}),l&&(0,g.jsx)(lt.Heading,{fontSize:"3xl",children:l}),i&&(0,g.jsx)(C.Text,{muted:!0,className:"mb-6 leading-loose",children:i})]})}function ul({tags:t}){return t?(0,g.jsx)("ul",{children:t&&t.map(l=>(0,g.jsxs)("li",{className:"flex mb-4",children:[(0,g.jsx)("svg",{className:"w-6 h-6 mr-2 text-secondary",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",children:(0,g.jsx)("path",{fillRule:"evenodd",g:"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z",clipRule:"evenodd"})}),(0,g.jsx)(C.Text,{muted:!0,weight:"bold",children:l})]},l))}):null}function wl({features:t}){return t?(0,g.jsx)(_.Flex,{wrap:!0,align:"stretch",className:"w-full lg:w-1/2",children:t&&(t==null?void 0:t.map((l,i)=>{var n,e,a,v;return(0,g.jsx)("div",{className:`w-full px-4 mb-8 md:w-1/2 ${i%2===0?"lg:mb-0":"lg:mt-12"}`,children:(0,g.jsxs)(mt.Card,{className:"py-6 pl-6 pr-4 mb-8 bg-white",borderRadius:"md",children:[((n=l==null?void 0:l.mainImage)==null?void 0:n.image)&&(0,g.jsx)("span",{className:"inline-block p-3 mb-4 rounded-lg bg-secondary/50",children:(0,g.jsx)(it.Image,{className:"object-scale-down",src:`${(e=l==null?void 0:l.mainImage)==null?void 0:e.image}`,width:40,height:40,alt:(v=(a=l==null?void 0:l.mainImage)==null?void 0:a.alt)!=null?v:`features-image-${i}`})}),(0,g.jsx)(C.Text,{weight:"bold",className:"text-xl md:text-2xl mb-2 text-gray-500 break-all",children:l==null?void 0:l.title}),(0,g.jsx)(C.Text,{muted:!0,className:"leading-loose break-all",children:l==null?void 0:l.plainText})]})},i)}))}):null}var mt,L,_,lt,it,nt,C,g,gt=f(()=>{"use strict";mt=require("@stackshift-ui/card"),L=require("@stackshift-ui/container"),_=require("@stackshift-ui/flex")});var ht={};h(ht,{Features_C:()=>bt,default:()=>bt});function bt({caption:t,title:l,description:i,features:n}){return(0,g.jsx)(nt.Section,{className:"py-20 bg-background",children:(0,g.jsxs)(L.Container,{maxWidth:1800,children:[(0,g.jsx)(L.Container,{maxWidth:640,className:"mb-16 text-center",children:(0,g.jsx)(bl,{caption:t,title:l,description:i})}),(0,g.jsx)(hl,{features:n})]})})}function bl({caption:t,title:l,description:i}){return(0,g.jsxs)("div",{className:"flex flex-col gap-3",children:[t?(0,g.jsx)(C.Text,{weight:"bold",className:"text-secondary",children:t}):null,l?(0,g.jsx)(lt.Heading,{fontSize:"3xl",children:l}):null,i?(0,g.jsx)(C.Text,{muted:!0,className:"mb-6 leading-loose",children:i}):null]})}function hl({features:t}){return t?(0,g.jsx)("div",{className:"lg:grid lg:grid-cols-2 gap-3",children:t.map(l=>(0,g.jsx)(Nl,{feature:l},l._key))}):null}function Nl({feature:t}){var l,i,n,e;return(0,g.jsx)("div",{className:"w-full p-3",children:(0,g.jsxs)(xt.Card,{className:"flex flex-wrap h-full p-6 bg-white",borderRadius:"md",children:[(0,g.jsx)("div",{className:"self-start inline-block p-3 mb-4 mr-6 rounded-lg bg-secondary/50 md:p-5 lg:mb-0",children:((l=t==null?void 0:t.mainImage)==null?void 0:l.image)&&(0,g.jsx)(it.Image,{className:"object-scale-down",src:`${(i=t==null?void 0:t.mainImage)==null?void 0:i.image}`,width:40,height:40,alt:(e=(n=t==null?void 0:t.mainImage)==null?void 0:n.alt)!=null?e:"features-main-image"})}),(0,g.jsxs)("div",{className:"w-full lg:w-2/3 flex flex-col gap-2",children:[(0,g.jsx)(C.Text,{weight:"bold",className:"text-xl md:text-2xl break-all",children:t==null?void 0:t.title}),(0,g.jsx)(C.Text,{muted:!0,className:"break-all",children:t==null?void 0:t.plainText})]})]})})}var xt,L,lt,it,nt,C,g,Nt=f(()=>{"use strict";xt=require("@stackshift-ui/card")});var At={};h(At,{Features_D:()=>kt,default:()=>kt});function kt({caption:t,title:l,description:i,features:n}){return(0,g.jsx)(nt.Section,{className:"py-20 bg-background",children:(0,g.jsxs)(L.Container,{maxWidth:1280,children:[(0,g.jsx)(L.Container,{maxWidth:448,className:"mb-8 text-center",children:(0,g.jsx)(fl,{caption:t,title:l,description:i})}),(0,g.jsx)(Tl,{features:n})]})})}function fl({caption:t,title:l,description:i}){return(0,g.jsxs)("div",{className:"flex flex-col gap-3",children:[t?(0,g.jsx)(C.Text,{weight:"bold",className:"text-secondary",children:t}):null,l?(0,g.jsx)(lt.Heading,{fontSize:"3xl",children:l}):null,i?(0,g.jsx)(C.Text,{muted:!0,className:"mb-6 leading-loose",children:i}):null]})}function Tl({features:t}){return t?(0,g.jsx)(_.Flex,{wrap:!0,justify:"center",align:"stretch",children:t.map(l=>(0,g.jsx)(Fl,{feature:l},l._key))}):null}function Fl({feature:t}){var l,i,n,e;return(0,g.jsx)("div",{className:"w-full px-4 mt-8 lg:mb-0 lg:w-1/3",children:(0,g.jsxs)(ft.Card,{className:"h-full px-6 py-12 text-center bg-white",borderRadius:"md",children:[(0,g.jsx)("div",{className:"self-start inline-block p-3 mb-6 rounded-lg bg-secondary/50 md:p-5",children:((l=t==null?void 0:t.mainImage)==null?void 0:l.image)&&(0,g.jsx)(it.Image,{className:"object-scale-down",src:`${(i=t==null?void 0:t.mainImage)==null?void 0:i.image}`,width:40,height:40,alt:(e=(n=t==null?void 0:t.mainImage)==null?void 0:n.alt)!=null?e:"features-image-"})}),(0,g.jsx)(C.Text,{fontSize:"xl",weight:"bold",className:"px-8 mb-4 text-gray-500",children:t==null?void 0:t.title}),(0,g.jsx)(C.Text,{muted:!0,children:t==null?void 0:t.plainText})]})})}var ft,L,_,lt,it,nt,C,g,St=f(()=>{"use strict";ft=require("@stackshift-ui/card")});var Ht={};h(Ht,{Features_E:()=>Wt,default:()=>Wt});function Wt({featuredItems:t}){let[l,i]=V.default.useState(0);return(0,g.jsx)(nt.Section,{className:"py-20 overflow-g-auto bg-background",children:(0,g.jsx)(L.Container,{maxWidth:1280,children:(0,g.jsx)(_.Flex,{className:"relative",children:(0,g.jsx)(kl,{featuredItems:t,slider:e=>{t&&(e==="next"?l!==t.length-1?i(a=>a+1):i(0):l>=1?i(a=>a-1):i(t.length-1))},children:(0,g.jsxs)("div",{className:"order-1 w-full ml-auto xl:w-4/5",children:[(0,g.jsx)(yl,{featuredItems:t,item:l}),(0,g.jsx)(Cl,{featuredItems:t,item:l})]})})})})})}function yl({featuredItems:t,item:l}){var i,n,e,a,v,p,u;return(n=(i=t==null?void 0:t[l])==null?void 0:i.mainImage)!=null&&n.image?(0,g.jsx)("div",{className:"mx-auto overflow-hidden rounded-md md:max-w-xl xl:max-w-4xl",children:(0,g.jsx)(it.Image,{className:"relative object-cover rounded-md",src:`${(a=(e=t==null?void 0:t[l])==null?void 0:e.mainImage)==null?void 0:a.image}`,sizes:"100vw",width:896,height:575,alt:(u=(p=(v=t==null?void 0:t[l])==null?void 0:v.mainImage)==null?void 0:p.alt)!=null?u:`features-image-${l}`})}):null}function Cl({featuredItems:t,item:l}){var i,n,e,a,v,p;return t?(0,g.jsxs)(It.Card,{className:"top-0 left-0 max-w-xl p-6 mx-auto text-center bg-white md:mt-12 md:p-10 lg:mt-12 lg:p-10 xl:absolute xl:mx-0 xl:mt-20 xl:py-24",borderRadius:"md",children:[(0,g.jsx)($.Text,{weight:"bold",className:"text-xs lg:text-md md:text-sm xl:text-lg text-secondary",children:((i=t==null?void 0:t[l])==null?void 0:i.subtitle)&&((n=t==null?void 0:t[l])==null?void 0:n.subtitle)}),(0,g.jsx)(lt.Heading,{fontSize:"3xl",children:((e=t==null?void 0:t[l])==null?void 0:e.title)&&((a=t==null?void 0:t[l])==null?void 0:a.title)}),(0,g.jsx)($.Text,{muted:!0,className:"text-xs leading-loose text-center md:mt-5 md:text-sm lg:mt-5 lg:text-sm",children:((v=t==null?void 0:t[l])==null?void 0:v.description)&&((p=t==null?void 0:t[l])==null?void 0:p.description)})]}):null}function kl({featuredItems:t,children:l,slider:i}){return t?(0,g.jsxs)(V.default.Fragment,{children:[(0,g.jsx)("div",{className:"absolute left-0 C-40 items-center mt-20 -mx-3 order-0 md:mt-40 lg:mt-60 xl:-mx-6 xl:flex",children:(t==null?void 0:t.length)>=2&&(0,g.jsx)(O.Button,{as:"button",ariaLabel:"Show Previous Feature",className:"C-10 p-4 text-white ",onClick:()=>i("prev"),children:(0,g.jsx)("svg",{className:"w-4 h-4",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:(0,g.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",g:"M10 19l-7-7m0 0l7-7m-7 7h18"})})})}),l,(0,g.jsx)("div",{className:"absolute right-0 C-40 items-center order-2 mt-20 -mx-3 md:mt-40 lg:mt-60 xl:-mx-6 xl:flex",children:(t==null?void 0:t.length)>=2&&(0,g.jsx)(O.Button,{as:"button",ariaLabel:"Show Next Feature",className:"p-4 text-white ",onClick:()=>i("next"),children:(0,g.jsx)("svg",{className:"w-4 h-4",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:(0,g.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",g:"M14 5l7 7m0 0l-7 7m7-7H3"})})})})]}):null}var O,It,L,_,lt,it,nt,$,V,g,Ot=f(()=>{"use strict";O=require("@stackshift-ui/button"),It=require("@stackshift-ui/card"),V=sl(require("react"))});var Bt={};h(Bt,{Features_F:()=>Gt,default:()=>Gt});function Gt({caption:t,title:l,description:i,images:n,primaryButton:e}){return(0,g.jsx)(nt.Section,{className:"py-20 bg-background",children:(0,g.jsx)(L.Container,{maxWidth:1280,children:(0,g.jsxs)(_.Flex,{wrap:!0,align:"center",children:[(0,g.jsxs)(_.Flex,{direction:"col",className:"w-full mb-12 lg:mb-0 lg:w-1/2",children:[(0,g.jsx)(Al,{caption:t,title:l,description:i}),(0,g.jsx)(Sl,{primaryButton:e})]}),(0,g.jsx)(Il,{images:n})]})})})}function Al({caption:t,title:l,description:i}){return(0,g.jsxs)(L.Container,{maxWidth:448,className:"ml-0",children:[t&&(0,g.jsx)(C.Text,{weight:"bold",className:"font-bold text-secondary",children:t}),l&&(0,g.jsx)(lt.Heading,{fontSize:"3xl",className:"mb-6",children:l}),i&&(0,g.jsx)(C.Text,{muted:!0,className:"mb-6 leading-loose",children:i})]})}function Sl({primaryButton:t}){return t!=null&&t.label?(0,g.jsx)(L.Container,{maxWidth:448,className:"ml-0",children:(0,g.jsx)($t.Button,{as:"link",link:t,ariaLabel:t==null?void 0:t.label,children:t==null?void 0:t.label})}):null}function Il({images:t}){var i,n,e,a;if(!t||(t==null?void 0:t.length)===0)return null;function l(v,p,u,w,b){return(0,g.jsx)("div",{className:`overflow-hidden rounded-md ${b}`,children:(0,g.jsx)(it.Image,{className:"object-cover w-full h-full",src:v,sizes:"100vw",width:u,height:w,alt:p!=null?p:"feature-image"})})}return(0,g.jsxs)("div",{className:"w-full lg:w-1/2",children:[(0,g.jsxs)("div",{className:"items-end mb-4 lg:flex lg:flex-wrap",children:[(0,g.jsx)("div",{className:"h-full px-3 mb-4 lg:mb-0 lg:w-2/3",children:((i=t[0])==null?void 0:i.image)&&l(t[0].image,t[0].alt,356,192,"h-[269px]")}),(0,g.jsx)("div",{className:"h-full px-3 lg:w-1/3",children:((n=t[1])==null?void 0:n.image)&&l(t[1].image,t[1].alt,166,128,"")})]}),(0,g.jsxs)("div",{className:"items-start mb-4 lg:flex lg:flex-wrap",children:[(0,g.jsx)("div",{className:"h-full px-3 mb-4 lg:mb-0 lg:w-1/3",children:((e=t[2])==null?void 0:e.image)&&l(t[2].image,t[2].alt,166,128,"h-[269px] lg:h-[126px]")}),(0,g.jsx)("div",{className:"h-full px-3 lg:w-2/3",children:((a=t[3])==null?void 0:a.image)&&l(t[3].image,t[3].alt,356,192,"")})]})]})}var $t,L,_,lt,it,nt,C,g,Dt=f(()=>{"use strict";$t=require("@stackshift-ui/button")});var Qt={};h(Qt,{Features_G:()=>Kt,default:()=>Kt});function Kt({caption:t,title:l,description:i,images:n,tags:e}){return(0,g.jsx)(nt.Section,{className:"py-20 bg-background",children:(0,g.jsx)(G.Container,{maxWidth:1280,children:(0,g.jsxs)(_.Flex,{wrap:!0,align:"center",children:[(0,g.jsx)("div",{className:"w-full px-4 mb-12 lg:mb-0 lg:w-1/2",children:(0,g.jsxs)(G.Container,{maxWidth:448,children:[(0,g.jsx)(Rl,{caption:t,title:l,description:i}),(0,g.jsx)(zl,{tags:e})]})}),(0,g.jsx)(Ll,{images:n})]})})})}function Rl({caption:t,title:l,description:i}){return(0,g.jsxs)("div",{className:"flex flex-col gap-3",children:[t&&(0,g.jsx)(C.Text,{weight:"bold",className:"text-secondary",children:t}),l&&(0,g.jsx)(lt.Heading,{fontSize:"3xl",className:"mb-3",children:l}),i&&(0,g.jsx)(C.Text,{muted:!0,className:"mb-6 leading-loose ",children:i})]})}function zl({tags:t}){return t?(0,g.jsx)("ul",{className:"font-bold text-gray-500",children:t.map(l=>(0,g.jsx)(Pl,{item:l}))}):null}function Pl({item:t}){return t?(0,g.jsxs)(_.Flex,{as:"li",align:"center",className:"mb-2 ",children:[(0,g.jsx)("svg",{className:"w-5 h-5 mr-2 text-primary-foreground",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",children:(0,g.jsx)("path",{fillRule:"evenodd",g:"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z",clipRule:"evenodd"})}),(0,g.jsx)("span",{children:t})]}):null}function Ll({images:t}){var i,n,e,a;if(!t||(t==null?void 0:t.length)===0)return null;function l(v,p,u,w,b){return(0,g.jsx)("div",{className:`overflow-hidden rounded-md ${b}`,children:(0,g.jsx)(it.Image,{className:"object-cover w-full h-full",src:v,sizes:"100vw",width:u,height:w,alt:p!=null?p:"feature-image"})})}return(0,g.jsxs)("div",{className:"w-full lg:w-1/2",children:[(0,g.jsxs)("div",{className:"items-end mb-4 lg:flex lg:flex-wrap",children:[(0,g.jsx)("div",{className:"h-full px-3 mb-4 lg:mb-0 lg:w-2/3",children:((i=t[0])==null?void 0:i.image)&&l(t[0].image,t[0].alt,356,192,"h-[269px]")}),(0,g.jsx)("div",{className:"h-full px-3 lg:w-1/3",children:((n=t[1])==null?void 0:n.image)&&l(t[1].image,t[1].alt,166,128,"")})]}),(0,g.jsxs)("div",{className:"items-start mb-4 lg:flex lg:flex-wrap",children:[(0,g.jsx)("div",{className:"h-full px-3 mb-4 lg:mb-0 lg:w-1/3",children:((e=t[2])==null?void 0:e.image)&&l(t[2].image,t[2].alt,166,128,"h-[269px] lg:h-[126px]")}),(0,g.jsx)("div",{className:"h-full px-3 lg:w-2/3",children:((a=t[3])==null?void 0:a.image)&&l(t[3].image,t[3].alt,356,192,"")})]})]})}var G,_,lt,it,nt,C,g,Ut=f(()=>{"use strict";G=require("@stackshift-ui/container")});var tl={};h(tl,{Features_H:()=>Zt,default:()=>Zt});function Zt({caption:t,title:l,features:i,images:n}){return(0,g.jsx)(nt.Section,{className:"py-20 bg-background",children:(0,g.jsx)(E.Container,{maxWidth:1280,children:(0,g.jsxs)(_.Flex,{wrap:!0,align:"center",children:[(0,g.jsx)("div",{className:"w-full mb-12 lg:mb-0 lg:w-1/2",children:(0,g.jsxs)(E.Container,{maxWidth:448,children:[(0,g.jsx)(_l,{caption:t,title:l}),(0,g.jsx)(Wl,{features:i})]})}),(0,g.jsx)($l,{images:n})]})})})}function _l({caption:t,title:l}){return(0,g.jsxs)("div",{className:"flex flex-col gap-3",children:[t&&(0,g.jsx)(C.Text,{weight:"bold",className:"text-secondary",children:t}),l&&(0,g.jsx)(lt.Heading,{fontSize:"3xl",className:"mb-6",children:l})]})}function Wl({features:t}){return!t||(t==null?void 0:t.length)<=0?null:(0,g.jsx)("ul",{children:t.map(l=>(0,g.jsx)(Hl,{feature:l},l._key))})}function Hl({feature:t}){return t?(0,g.jsxs)(_.Flex,{as:"li",className:"mb-5",children:[(0,g.jsx)(Ol,{}),(0,g.jsxs)("div",{className:"max-w-xs",children:[(0,g.jsx)(C.Text,{weight:"bold",className:"text-gray-500",children:t==null?void 0:t.title}),(0,g.jsx)(C.Text,{muted:!0,className:"leading-loose",children:t==null?void 0:t.plainText})]})]}):null}function Ol(){return(0,g.jsx)("svg",{className:"w-8 h-8 mr-3 text-primary",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:(0,g.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,g:"M12 6V4m0 2a2 2 0 100 4m0-4a2 2 0 110 4m-6 8a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4m6 6v10m6-2a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4"})})}function $l({images:t}){var l,i,n,e,a,v,p,u,w,b,F,y;return!t||(t==null?void 0:t.length)===0?null:(0,g.jsxs)("div",{className:"items-center w-full px-4 sm:flex md:px-0 lg:w-1/2",children:[(0,g.jsxs)("div",{className:"mb-5 sm:mb-0 sm:w-1/2",children:[((l=t==null?void 0:t[0])==null?void 0:l.image)&&(0,g.jsx)(it.Image,{className:"object-cover overflow-hidden rounded-md",src:`${(i=t==null?void 0:t[0])==null?void 0:i.image}`,width:640,height:800,sizes:"(max-width: 639px) 100vw, (min-width: 640px) 30vw",alt:(e=(n=t==null?void 0:t[0])==null?void 0:n.alt)!=null?e:"features-image-1"}),((a=t==null?void 0:t[1])==null?void 0:a.image)&&(0,g.jsx)(it.Image,{className:"object-cover mt-6 overflow-hidden rounded-md",src:`${(v=t==null?void 0:t[1])==null?void 0:v.image}`,width:640,height:800,sizes:"(max-width: 639px) 100vw, (min-width: 640px) 30vw",alt:(u=(p=t==null?void 0:t[1])==null?void 0:p.alt)!=null?u:"features-image-2"})]}),((w=t==null?void 0:t[2])==null?void 0:w.image)&&(0,g.jsx)(it.Image,{className:"object-cover overflow-hidden rounded-md sm:ml-6 sm:w-1/2",src:`${(b=t==null?void 0:t[2])==null?void 0:b.image}`,width:640,height:800,sizes:"(max-width: 639px) 100vw, (min-width: 640px) 30vw",alt:(y=(F=t==null?void 0:t[2])==null?void 0:F.alt)!=null?y:"features-image-3"})]})}var E,_,lt,it,nt,C,g,ll=f(()=>{"use strict";E=require("@stackshift-ui/container")});var Ml={};h(Ml,{Features:()=>il});module.exports=cl(Ml);var N=require("react"),Vl={variant_a:(0,N.lazy)(()=>Promise.resolve().then(()=>(rt(),ot))),variant_b:(0,N.lazy)(()=>Promise.resolve().then(()=>(gt(),pt))),variant_c:(0,N.lazy)(()=>Promise.resolve().then(()=>(Nt(),ht))),variant_d:(0,N.lazy)(()=>Promise.resolve().then(()=>(St(),At))),variant_e:(0,N.lazy)(()=>Promise.resolve().then(()=>(Ot(),Ht))),variant_f:(0,N.lazy)(()=>Promise.resolve().then(()=>(Dt(),Bt))),variant_g:(0,N.lazy)(()=>Promise.resolve().then(()=>(Ut(),Qt))),variant_h:(0,N.lazy)(()=>Promise.resolve().then(()=>(ll(),tl)))},jl="Features",il=({data:t})=>{var e,a,v,p,u,w,b,F,y,J,K,Q,U,X,Y,Z;let l=t==null?void 0:t.variant,i=l&&Vl[l],n={caption:(a=(e=t==null?void 0:t.variants)==null?void 0:e.subtitle)!=null?a:void 0,title:(p=(v=t==null?void 0:t.variants)==null?void 0:v.title)!=null?p:void 0,description:(w=(u=t==null?void 0:t.variants)==null?void 0:u.description)!=null?w:void 0,features:(F=(b=t==null?void 0:t.variants)==null?void 0:b.arrayOfImageTitleAndText)!=null?F:void 0,tags:(J=(y=t==null?void 0:t.variants)==null?void 0:y.tags)!=null?J:void 0,featuredItems:(Q=(K=t==null?void 0:t.variants)==null?void 0:K.featuredItems)!=null?Q:void 0,images:(X=(U=t==null?void 0:t.variants)==null?void 0:U.images)!=null?X:void 0,primaryButton:(Z=(Y=t==null?void 0:t.variants)==null?void 0:Y.primaryButton)!=null?Z:void 0};return i?(0,g.jsx)(i,{...n}):null};il.displayName=jl;0&&(module.exports={Features});
|
package/dist/features.mjs
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{a}from"./chunk-NMRXZVBL.mjs";export{a as Features};
|
package/dist/features_a.d.ts
DELETED