@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.
Files changed (52) hide show
  1. package/package.json +15 -14
  2. package/src/features.test.tsx +2 -2
  3. package/src/features.tsx +22 -15
  4. package/src/features_a.tsx +2 -3
  5. package/src/features_b.tsx +7 -8
  6. package/src/features_c.tsx +8 -9
  7. package/src/features_d.tsx +7 -8
  8. package/src/features_e.tsx +9 -11
  9. package/src/features_f.tsx +8 -2
  10. package/src/features_g.tsx +3 -4
  11. package/src/features_h.tsx +2 -3
  12. package/dist/chunk-24O5VU3C.mjs +0 -1
  13. package/dist/chunk-3S2KSCPX.mjs +0 -1
  14. package/dist/chunk-5AMMO42A.mjs +0 -1
  15. package/dist/chunk-6BDXLZOT.mjs +0 -1
  16. package/dist/chunk-7B6FI3PR.mjs +0 -1
  17. package/dist/chunk-7ZZLNFYE.mjs +0 -1
  18. package/dist/chunk-M4ZCOWFN.mjs +0 -1
  19. package/dist/chunk-NMRXZVBL.mjs +0 -1
  20. package/dist/chunk-XY27OBDB.mjs +0 -1
  21. package/dist/features.d.ts +0 -23
  22. package/dist/features.js +0 -1
  23. package/dist/features.mjs +0 -1
  24. package/dist/features_a.d.ts +0 -3
  25. package/dist/features_a.js +0 -1
  26. package/dist/features_a.mjs +0 -1
  27. package/dist/features_b.d.ts +0 -3
  28. package/dist/features_b.js +0 -1
  29. package/dist/features_b.mjs +0 -1
  30. package/dist/features_c.d.ts +0 -3
  31. package/dist/features_c.js +0 -1
  32. package/dist/features_c.mjs +0 -1
  33. package/dist/features_d.d.ts +0 -3
  34. package/dist/features_d.js +0 -1
  35. package/dist/features_d.mjs +0 -1
  36. package/dist/features_e.d.ts +0 -3
  37. package/dist/features_e.js +0 -1
  38. package/dist/features_e.mjs +0 -1
  39. package/dist/features_f.d.ts +0 -3
  40. package/dist/features_f.js +0 -1
  41. package/dist/features_f.mjs +0 -1
  42. package/dist/features_g.d.ts +0 -3
  43. package/dist/features_g.js +0 -1
  44. package/dist/features_g.mjs +0 -1
  45. package/dist/features_h.d.ts +0 -3
  46. package/dist/features_h.js +0 -1
  47. package/dist/features_h.mjs +0 -1
  48. package/dist/index.d.ts +0 -9
  49. package/dist/index.js +0 -2
  50. package/dist/index.mjs +0 -2
  51. package/dist/types.d.ts +0 -362
  52. 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": "6.0.13",
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/eslint-config": "6.0.10",
33
- "@stackshift-ui/typescript-config": "6.0.10"
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/scripts": "6.0.10",
38
- "@stackshift-ui/text": "6.0.11",
39
- "@stackshift-ui/heading": "6.0.11",
40
- "@stackshift-ui/system": "6.0.11",
41
- "@stackshift-ui/image": "6.0.11",
42
- "@stackshift-ui/card": "6.0.11",
43
- "@stackshift-ui/button": "6.0.11",
44
- "@stackshift-ui/section": "6.0.11",
45
- "@stackshift-ui/container": "6.0.11",
46
- "@stackshift-ui/flex": "6.0.11"
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": ">=6.0.11"
54
+ "@stackshift-ui/system": ">=7.0.0-beta.5"
54
55
  },
55
56
  "peerDependenciesMeta": {
56
57
  "next": {
@@ -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("{ kebabCase name }}").classList).toContain(clx);
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, { lazy } from "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
- ArrayOfImageTitleAndText,
5
- FeaturedItem,
6
- Images,
7
- LabeledRoute,
8
- SectionsProps,
11
+ ArrayOfImageTitleAndText,
12
+ FeaturedItem,
13
+ Images,
14
+ LabeledRoute,
15
+ SectionsProps,
9
16
  } from "./types";
10
17
 
11
18
  const Variants = {
12
- variant_a: lazy(() => import("./features_a")),
13
- variant_b: lazy(() => import("./features_b")),
14
- variant_c: lazy(() => import("./features_c")),
15
- variant_d: lazy(() => import("./features_d")),
16
- variant_e: lazy(() => import("./features_e")),
17
- variant_f: lazy(() => import("./features_f")),
18
- variant_g: lazy(() => import("./features_g")),
19
- variant_h: lazy(() => import("./features_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 {
@@ -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
- <div className="flex flex-col gap-3">
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
- </div>
50
+ </Flex>
52
51
  );
53
52
  }
54
53
 
@@ -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
- <div className="flex flex-col gap-3">
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
- </div>
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="flex mb-4" key={item}>
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
- </li>
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" borderRadius="md">
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-all">
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-all">
108
+ <Text muted className="leading-loose break-normal">
110
109
  {feature?.plainText}
111
110
  </Text>
112
111
  </Card>
@@ -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
- <div className="flex flex-col gap-3">
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
- </div>
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 flex-wrap h-full p-6 bg-white" borderRadius="md">
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
- <div className="w-full lg:w-2/3 flex flex-col gap-2">
79
- <Text weight="bold" className="text-xl md:text-2xl break-all">
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
- </Text>
80
+ </CardTitle>
82
81
  <Text muted className="break-all">
83
82
  {feature?.plainText}
84
83
  </Text>
85
- </div>
84
+ </Flex>
86
85
  </Card>
87
86
  </div>
88
87
  );
@@ -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={448} className="mb-8 text-center">
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
- <div className="flex flex-col gap-3">
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
- </div>
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" borderRadius="md">
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
- <Text fontSize="xl" weight="bold" className="px-8 mb-4 text-gray-500">
77
+ <CardTitle className="px-8 mb-4 text-gray-500 font-bold text-xl">
79
78
  {feature?.title}
80
- </Text>
79
+ </CardTitle>
81
80
  <Text muted>{feature?.plainText}</Text>
82
81
  </Card>
83
82
  </div>
@@ -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
- <Heading fontSize="3xl">
72
- {featuredItems?.[item]?.title && featuredItems?.[item]?.title}
73
- </Heading>
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
- as="button"
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
- as="button"
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
@@ -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 as="link" link={primaryButton} ariaLabel={primaryButton?.label}>
69
- {primaryButton?.label}
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
  );
@@ -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
- <div className="flex flex-col gap-3">
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
- </div>
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-foreground"
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">
@@ -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
- <div className="flex flex-col gap-3">
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
- </div>
41
+ </Flex>
43
42
  );
44
43
  }
45
44
 
@@ -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};
@@ -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};
@@ -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};
@@ -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};
@@ -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};
@@ -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};
@@ -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};
@@ -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};
@@ -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};
@@ -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};
@@ -1,3 +0,0 @@
1
- import { FeaturesProps } from ".";
2
- export default function Features_A({ caption, title, description, features }: FeaturesProps): import("react/jsx-runtime").JSX.Element;
3
- export { Features_A };