@deckspec/theme-noir-display 0.1.0 → 0.1.1
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/dist/components/card/index.d.ts +12 -0
- package/dist/components/card/index.d.ts.map +1 -0
- package/dist/components/card/index.js +19 -0
- package/dist/components/card/index.js.map +1 -0
- package/dist/components/index.d.ts +3 -0
- package/dist/components/index.d.ts.map +1 -0
- package/dist/components/index.js +3 -0
- package/dist/components/index.js.map +1 -0
- package/dist/components/slide-header/index.d.ts +13 -0
- package/dist/components/slide-header/index.d.ts.map +1 -0
- package/dist/components/slide-header/index.js +22 -0
- package/dist/components/slide-header/index.js.map +1 -0
- package/dist/patterns/_lib/chart-colors.d.ts +3 -0
- package/dist/patterns/_lib/chart-colors.d.ts.map +1 -0
- package/dist/patterns/_lib/chart-colors.js +12 -0
- package/dist/patterns/_lib/chart-colors.js.map +1 -0
- package/dist/patterns/_lib/icon.d.ts +10 -0
- package/dist/patterns/_lib/icon.d.ts.map +1 -0
- package/dist/patterns/_lib/icon.js +33 -0
- package/dist/patterns/_lib/icon.js.map +1 -0
- package/dist/patterns/big-number/index.d.ts +24 -0
- package/dist/patterns/big-number/index.d.ts.map +1 -0
- package/dist/patterns/big-number/index.js +44 -0
- package/dist/patterns/big-number/index.js.map +1 -0
- package/dist/patterns/body-message/index.d.ts +62 -0
- package/dist/patterns/body-message/index.d.ts.map +1 -0
- package/dist/patterns/body-message/index.js +163 -0
- package/dist/patterns/body-message/index.js.map +1 -0
- package/dist/patterns/bullet-list/index.d.ts +33 -0
- package/dist/patterns/bullet-list/index.d.ts.map +1 -0
- package/dist/patterns/bullet-list/index.js +72 -0
- package/dist/patterns/bullet-list/index.js.map +1 -0
- package/dist/patterns/challenge-cards/index.d.ts +38 -0
- package/dist/patterns/challenge-cards/index.d.ts.map +1 -0
- package/dist/patterns/challenge-cards/index.js +58 -0
- package/dist/patterns/challenge-cards/index.js.map +1 -0
- package/dist/patterns/chart-bar/index.d.ts +44 -0
- package/dist/patterns/chart-bar/index.d.ts.map +1 -0
- package/dist/patterns/chart-bar/index.js +43 -0
- package/dist/patterns/chart-bar/index.js.map +1 -0
- package/dist/patterns/comparison-columns/index.d.ts +35 -0
- package/dist/patterns/comparison-columns/index.d.ts.map +1 -0
- package/dist/patterns/comparison-columns/index.js +57 -0
- package/dist/patterns/comparison-columns/index.js.map +1 -0
- package/dist/patterns/feature-metrics/index.d.ts +33 -0
- package/dist/patterns/feature-metrics/index.d.ts.map +1 -0
- package/dist/patterns/feature-metrics/index.js +51 -0
- package/dist/patterns/feature-metrics/index.js.map +1 -0
- package/dist/patterns/flow-diagram/index.d.ts +33 -0
- package/dist/patterns/flow-diagram/index.d.ts.map +1 -0
- package/dist/patterns/flow-diagram/index.js +80 -0
- package/dist/patterns/flow-diagram/index.js.map +1 -0
- package/dist/patterns/hero-statement/index.d.ts +18 -0
- package/dist/patterns/hero-statement/index.d.ts.map +1 -0
- package/dist/patterns/hero-statement/index.js +36 -0
- package/dist/patterns/hero-statement/index.js.map +1 -0
- package/dist/patterns/icon-grid/index.d.ts +38 -0
- package/dist/patterns/icon-grid/index.d.ts.map +1 -0
- package/dist/patterns/icon-grid/index.js +73 -0
- package/dist/patterns/icon-grid/index.js.map +1 -0
- package/dist/patterns/index.d.ts +18 -0
- package/dist/patterns/index.d.ts.map +1 -0
- package/dist/patterns/index.js +18 -0
- package/dist/patterns/index.js.map +1 -0
- package/dist/patterns/phased-roadmap/index.d.ts +41 -0
- package/dist/patterns/phased-roadmap/index.d.ts.map +1 -0
- package/dist/patterns/phased-roadmap/index.js +99 -0
- package/dist/patterns/phased-roadmap/index.js.map +1 -0
- package/dist/patterns/photo-split/index.d.ts +28 -0
- package/dist/patterns/photo-split/index.d.ts.map +1 -0
- package/dist/patterns/photo-split/index.js +55 -0
- package/dist/patterns/photo-split/index.js.map +1 -0
- package/dist/patterns/pricing-tiers/index.d.ts +45 -0
- package/dist/patterns/pricing-tiers/index.d.ts.map +1 -0
- package/dist/patterns/pricing-tiers/index.js +62 -0
- package/dist/patterns/pricing-tiers/index.js.map +1 -0
- package/dist/patterns/showcase-grid/index.d.ts +38 -0
- package/dist/patterns/showcase-grid/index.d.ts.map +1 -0
- package/dist/patterns/showcase-grid/index.js +54 -0
- package/dist/patterns/showcase-grid/index.js.map +1 -0
- package/dist/patterns/thank-you/index.d.ts +21 -0
- package/dist/patterns/thank-you/index.d.ts.map +1 -0
- package/dist/patterns/thank-you/index.js +45 -0
- package/dist/patterns/thank-you/index.js.map +1 -0
- package/dist/patterns/three-pillars/index.d.ts +38 -0
- package/dist/patterns/three-pillars/index.d.ts.map +1 -0
- package/dist/patterns/three-pillars/index.js +61 -0
- package/dist/patterns/three-pillars/index.js.map +1 -0
- package/dist/patterns/title-center/index.d.ts +15 -0
- package/dist/patterns/title-center/index.d.ts.map +1 -0
- package/dist/patterns/title-center/index.js +26 -0
- package/dist/patterns/title-center/index.js.map +1 -0
- package/dist/tsconfig.tsbuildinfo +1 -0
- package/package.json +9 -1
- package/tsconfig.json +0 -13
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { z } from "zod";
|
|
2
|
+
export declare const schema: z.ZodObject<{
|
|
3
|
+
label: z.ZodOptional<z.ZodString>;
|
|
4
|
+
heading: z.ZodString;
|
|
5
|
+
challenges: z.ZodArray<z.ZodObject<{
|
|
6
|
+
title: z.ZodString;
|
|
7
|
+
icon: z.ZodString;
|
|
8
|
+
items: z.ZodArray<z.ZodString, "many">;
|
|
9
|
+
}, "strip", z.ZodTypeAny, {
|
|
10
|
+
title: string;
|
|
11
|
+
items: string[];
|
|
12
|
+
icon: string;
|
|
13
|
+
}, {
|
|
14
|
+
title: string;
|
|
15
|
+
items: string[];
|
|
16
|
+
icon: string;
|
|
17
|
+
}>, "many">;
|
|
18
|
+
}, "strip", z.ZodTypeAny, {
|
|
19
|
+
heading: string;
|
|
20
|
+
challenges: {
|
|
21
|
+
title: string;
|
|
22
|
+
items: string[];
|
|
23
|
+
icon: string;
|
|
24
|
+
}[];
|
|
25
|
+
label?: string | undefined;
|
|
26
|
+
}, {
|
|
27
|
+
heading: string;
|
|
28
|
+
challenges: {
|
|
29
|
+
title: string;
|
|
30
|
+
items: string[];
|
|
31
|
+
icon: string;
|
|
32
|
+
}[];
|
|
33
|
+
label?: string | undefined;
|
|
34
|
+
}>;
|
|
35
|
+
type Props = z.infer<typeof schema>;
|
|
36
|
+
export default function ChallengeCards({ label, heading, challenges }: Props): import("react/jsx-runtime").JSX.Element;
|
|
37
|
+
export {};
|
|
38
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../patterns/challenge-cards/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAUxB,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAIjB,CAAC;AAEH,KAAK,KAAK,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,MAAM,CAAC,CAAC;AAEpC,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,UAAU,EAAE,EAAE,KAAK,2CA6F3E"}
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { z } from "zod";
|
|
3
|
+
import { Icon } from "../_lib/icon.js";
|
|
4
|
+
import { SlideHeader } from "../../components/index.js";
|
|
5
|
+
const challengeSchema = z.object({
|
|
6
|
+
title: z.string().min(1).max(30).describe("Challenge card title"),
|
|
7
|
+
icon: z.string().min(1).describe("Lucide icon name"),
|
|
8
|
+
items: z.array(z.string()).min(2).max(5).describe("Bullet points"),
|
|
9
|
+
});
|
|
10
|
+
export const schema = z.object({
|
|
11
|
+
label: z.string().min(1).max(30).optional().describe("Accent eyebrow"),
|
|
12
|
+
heading: z.string().min(1).max(60).describe("Section heading"),
|
|
13
|
+
challenges: z.array(challengeSchema).min(2).max(3).describe("Challenge cards (2-3)"),
|
|
14
|
+
});
|
|
15
|
+
export default function ChallengeCards({ label, heading, challenges }) {
|
|
16
|
+
return (_jsxs("div", { className: "slide-stack", style: { gap: 32, justifyContent: "center" }, children: [_jsx(SlideHeader, { label: label, heading: heading }), _jsx("div", { style: {
|
|
17
|
+
display: "grid",
|
|
18
|
+
gridTemplateColumns: `repeat(${challenges.length}, 1fr)`,
|
|
19
|
+
gap: 20,
|
|
20
|
+
}, children: challenges.map((c, i) => (_jsx("div", { style: {
|
|
21
|
+
backgroundColor: "var(--color-card-background)",
|
|
22
|
+
borderRadius: 18,
|
|
23
|
+
padding: 0,
|
|
24
|
+
boxShadow: "4px 4px 12px rgba(0,0,0,0.06)",
|
|
25
|
+
display: "flex",
|
|
26
|
+
flexDirection: "column",
|
|
27
|
+
overflow: "hidden",
|
|
28
|
+
}, children: _jsxs("div", { style: { padding: "24px 24px 28px", display: "flex", flexDirection: "column", gap: 16 }, children: [_jsx("span", { style: {
|
|
29
|
+
fontSize: 21,
|
|
30
|
+
fontWeight: 600,
|
|
31
|
+
fontFamily: "var(--font-heading)",
|
|
32
|
+
letterSpacing: "-0.022em",
|
|
33
|
+
color: "var(--color-foreground)",
|
|
34
|
+
lineHeight: 1.24,
|
|
35
|
+
}, children: c.title }), _jsx("div", { style: { color: "var(--color-muted-foreground)" }, children: _jsx(Icon, { name: c.icon, size: 48 }) }), _jsx("ul", { style: {
|
|
36
|
+
listStyle: "none",
|
|
37
|
+
margin: 0,
|
|
38
|
+
padding: 0,
|
|
39
|
+
display: "flex",
|
|
40
|
+
flexDirection: "column",
|
|
41
|
+
gap: 8,
|
|
42
|
+
}, children: c.items.map((item, j) => (_jsxs("li", { style: {
|
|
43
|
+
fontSize: 14,
|
|
44
|
+
fontWeight: 400,
|
|
45
|
+
fontFamily: "var(--font-body)",
|
|
46
|
+
letterSpacing: "-0.016em",
|
|
47
|
+
lineHeight: 1.43,
|
|
48
|
+
color: "var(--color-foreground)",
|
|
49
|
+
paddingLeft: 14,
|
|
50
|
+
position: "relative",
|
|
51
|
+
}, children: [_jsx("span", { style: {
|
|
52
|
+
position: "absolute",
|
|
53
|
+
left: 0,
|
|
54
|
+
top: 0,
|
|
55
|
+
color: "var(--color-muted-foreground)",
|
|
56
|
+
}, children: "\u2022" }), item] }, j))) })] }) }, i))) })] }));
|
|
57
|
+
}
|
|
58
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../patterns/challenge-cards/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import { z } from "zod";
|
|
2
|
+
export declare const schema: z.ZodObject<{
|
|
3
|
+
label: z.ZodOptional<z.ZodString>;
|
|
4
|
+
heading: z.ZodString;
|
|
5
|
+
data: z.ZodArray<z.ZodObject<{
|
|
6
|
+
label: z.ZodString;
|
|
7
|
+
value: z.ZodNumber;
|
|
8
|
+
value2: z.ZodOptional<z.ZodNumber>;
|
|
9
|
+
}, "strip", z.ZodTypeAny, {
|
|
10
|
+
value: number;
|
|
11
|
+
label: string;
|
|
12
|
+
value2?: number | undefined;
|
|
13
|
+
}, {
|
|
14
|
+
value: number;
|
|
15
|
+
label: string;
|
|
16
|
+
value2?: number | undefined;
|
|
17
|
+
}>, "many">;
|
|
18
|
+
series1Name: z.ZodOptional<z.ZodString>;
|
|
19
|
+
series2Name: z.ZodOptional<z.ZodString>;
|
|
20
|
+
}, "strip", z.ZodTypeAny, {
|
|
21
|
+
heading: string;
|
|
22
|
+
data: {
|
|
23
|
+
value: number;
|
|
24
|
+
label: string;
|
|
25
|
+
value2?: number | undefined;
|
|
26
|
+
}[];
|
|
27
|
+
label?: string | undefined;
|
|
28
|
+
series1Name?: string | undefined;
|
|
29
|
+
series2Name?: string | undefined;
|
|
30
|
+
}, {
|
|
31
|
+
heading: string;
|
|
32
|
+
data: {
|
|
33
|
+
value: number;
|
|
34
|
+
label: string;
|
|
35
|
+
value2?: number | undefined;
|
|
36
|
+
}[];
|
|
37
|
+
label?: string | undefined;
|
|
38
|
+
series1Name?: string | undefined;
|
|
39
|
+
series2Name?: string | undefined;
|
|
40
|
+
}>;
|
|
41
|
+
type Props = z.infer<typeof schema>;
|
|
42
|
+
export default function ChartBarPattern({ label, heading, data, series1Name, series2Name }: Props): import("react/jsx-runtime").JSX.Element;
|
|
43
|
+
export {};
|
|
44
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../patterns/chart-bar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AASxB,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAMjB,CAAC;AAEH,KAAK,KAAK,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,MAAM,CAAC,CAAC;AAEpC,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,WAAW,EAAE,EAAE,KAAK,2CAuFhG"}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { z } from "zod";
|
|
3
|
+
import { BarChart, Bar, CartesianGrid, XAxis, YAxis, Tooltip } from "recharts";
|
|
4
|
+
const dataSchema = z.object({
|
|
5
|
+
label: z.string().min(1).describe("Category label"),
|
|
6
|
+
value: z.number().describe("Bar value"),
|
|
7
|
+
value2: z.number().optional().describe("Second bar value"),
|
|
8
|
+
});
|
|
9
|
+
export const schema = z.object({
|
|
10
|
+
label: z.string().min(1).max(30).optional().describe("Accent eyebrow"),
|
|
11
|
+
heading: z.string().min(1).max(60).describe("Chart heading"),
|
|
12
|
+
data: z.array(dataSchema).min(2).max(8).describe("Bar data"),
|
|
13
|
+
series1Name: z.string().optional().describe("First series name"),
|
|
14
|
+
series2Name: z.string().optional().describe("Second series name"),
|
|
15
|
+
});
|
|
16
|
+
export default function ChartBarPattern({ label, heading, data, series1Name, series2Name }) {
|
|
17
|
+
const hasSecond = data.some((d) => d.value2 !== undefined);
|
|
18
|
+
return (_jsxs("div", { className: "slide", style: {
|
|
19
|
+
display: "flex",
|
|
20
|
+
flexDirection: "column",
|
|
21
|
+
background: "#ffffff",
|
|
22
|
+
padding: "48px 80px",
|
|
23
|
+
gap: 32,
|
|
24
|
+
}, children: [_jsxs("div", { children: [label && (_jsx("span", { style: {
|
|
25
|
+
fontSize: 17,
|
|
26
|
+
fontWeight: 600,
|
|
27
|
+
letterSpacing: "-0.022em",
|
|
28
|
+
color: "var(--color-primary)",
|
|
29
|
+
display: "block",
|
|
30
|
+
marginBottom: 8,
|
|
31
|
+
}, children: label })), _jsx("h2", { style: {
|
|
32
|
+
fontSize: 40,
|
|
33
|
+
fontWeight: 600,
|
|
34
|
+
lineHeight: 1.1,
|
|
35
|
+
letterSpacing: "-0.009em",
|
|
36
|
+
}, children: heading })] }), hasSecond && (_jsxs("div", { style: { display: "flex", gap: 24 }, children: [_jsxs("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [_jsx("div", { style: { width: 12, height: 12, borderRadius: 3, backgroundColor: "#0071e3" } }), _jsx("span", { style: { fontSize: 14, color: "#6e6e73" }, children: series1Name ?? "Series 1" })] }), _jsxs("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [_jsx("div", { style: { width: 12, height: 12, borderRadius: 3, backgroundColor: "#1d1d1f" } }), _jsx("span", { style: { fontSize: 14, color: "#6e6e73" }, children: series2Name ?? "Series 2" })] })] })), _jsx("div", { style: { flex: 1, display: "flex", alignItems: "center", justifyContent: "center" }, children: _jsxs(BarChart, { width: 1020, height: 380, data: data, margin: { top: 8, right: 8, bottom: 8, left: 0 }, children: [_jsx(CartesianGrid, { strokeDasharray: "3 3", stroke: "rgba(0,0,0,0.06)", vertical: false }), _jsx(XAxis, { dataKey: "label", tick: { fontSize: 13, fill: "#6e6e73" }, axisLine: { stroke: "rgba(0,0,0,0.08)" }, tickLine: false }), _jsx(YAxis, { tick: { fontSize: 13, fill: "#6e6e73" }, axisLine: false, tickLine: false }), _jsx(Tooltip, { contentStyle: {
|
|
37
|
+
backgroundColor: "#fff",
|
|
38
|
+
border: "1px solid rgba(0,0,0,0.08)",
|
|
39
|
+
borderRadius: 8,
|
|
40
|
+
fontSize: 13,
|
|
41
|
+
} }), _jsx(Bar, { dataKey: "value", fill: "#0071e3", radius: [4, 4, 0, 0], name: series1Name }), hasSecond && (_jsx(Bar, { dataKey: "value2", fill: "#1d1d1f", radius: [4, 4, 0, 0], name: series2Name }))] }) })] }));
|
|
42
|
+
}
|
|
43
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../patterns/chart-bar/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { z } from "zod";
|
|
2
|
+
export declare const schema: z.ZodObject<{
|
|
3
|
+
heading: z.ZodString;
|
|
4
|
+
columns: z.ZodArray<z.ZodObject<{
|
|
5
|
+
name: z.ZodString;
|
|
6
|
+
items: z.ZodArray<z.ZodString, "many">;
|
|
7
|
+
highlighted: z.ZodOptional<z.ZodBoolean>;
|
|
8
|
+
}, "strip", z.ZodTypeAny, {
|
|
9
|
+
items: string[];
|
|
10
|
+
name: string;
|
|
11
|
+
highlighted?: boolean | undefined;
|
|
12
|
+
}, {
|
|
13
|
+
items: string[];
|
|
14
|
+
name: string;
|
|
15
|
+
highlighted?: boolean | undefined;
|
|
16
|
+
}>, "many">;
|
|
17
|
+
}, "strip", z.ZodTypeAny, {
|
|
18
|
+
heading: string;
|
|
19
|
+
columns: {
|
|
20
|
+
items: string[];
|
|
21
|
+
name: string;
|
|
22
|
+
highlighted?: boolean | undefined;
|
|
23
|
+
}[];
|
|
24
|
+
}, {
|
|
25
|
+
heading: string;
|
|
26
|
+
columns: {
|
|
27
|
+
items: string[];
|
|
28
|
+
name: string;
|
|
29
|
+
highlighted?: boolean | undefined;
|
|
30
|
+
}[];
|
|
31
|
+
}>;
|
|
32
|
+
type Props = z.infer<typeof schema>;
|
|
33
|
+
export default function ComparisonColumns({ heading, columns }: Props): import("react/jsx-runtime").JSX.Element;
|
|
34
|
+
export {};
|
|
35
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../patterns/comparison-columns/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAQxB,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAGjB,CAAC;AAEH,KAAK,KAAK,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,MAAM,CAAC,CAAC;AAEpC,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,KAAK,2CAmGpE"}
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { z } from "zod";
|
|
3
|
+
const columnSchema = z.object({
|
|
4
|
+
name: z.string().min(1).describe("Column header"),
|
|
5
|
+
items: z.array(z.string().min(1)).min(1).max(6).describe("Feature items"),
|
|
6
|
+
highlighted: z.boolean().optional().describe("Highlight this column"),
|
|
7
|
+
});
|
|
8
|
+
export const schema = z.object({
|
|
9
|
+
heading: z.string().min(1).max(60).describe("Section heading"),
|
|
10
|
+
columns: z.array(columnSchema).min(2).max(3).describe("Comparison columns"),
|
|
11
|
+
});
|
|
12
|
+
export default function ComparisonColumns({ heading, columns }) {
|
|
13
|
+
return (_jsxs("div", { className: "slide-stack", style: { justifyContent: "center", gap: 44 }, children: [_jsx("h2", { style: {
|
|
14
|
+
fontSize: 48,
|
|
15
|
+
fontWeight: 600,
|
|
16
|
+
lineHeight: 1.08,
|
|
17
|
+
letterSpacing: "-0.003em",
|
|
18
|
+
textAlign: "center",
|
|
19
|
+
}, children: heading }), _jsx("div", { style: {
|
|
20
|
+
display: "grid",
|
|
21
|
+
gridTemplateColumns: `repeat(${columns.length}, 1fr)`,
|
|
22
|
+
gap: 20,
|
|
23
|
+
}, children: columns.map((col, ci) => (_jsxs("div", { style: {
|
|
24
|
+
backgroundColor: "#ffffff",
|
|
25
|
+
borderRadius: 18,
|
|
26
|
+
border: col.highlighted
|
|
27
|
+
? "1.5px solid var(--color-primary)"
|
|
28
|
+
: "none",
|
|
29
|
+
padding: "36px 32px",
|
|
30
|
+
display: "flex",
|
|
31
|
+
flexDirection: "column",
|
|
32
|
+
gap: 24,
|
|
33
|
+
boxShadow: col.highlighted
|
|
34
|
+
? "0 2px 12px rgba(0,113,227,0.08)"
|
|
35
|
+
: "4px 4px 12px rgba(0,0,0,0.06)",
|
|
36
|
+
}, children: [_jsxs("div", { style: { display: "flex", alignItems: "center", gap: 10 }, children: [_jsx("span", { style: {
|
|
37
|
+
fontSize: 24,
|
|
38
|
+
fontWeight: 600,
|
|
39
|
+
fontFamily: "var(--font-heading)",
|
|
40
|
+
letterSpacing: "0.009em",
|
|
41
|
+
color: "var(--color-foreground)",
|
|
42
|
+
}, children: col.name }), col.highlighted && (_jsx("span", { style: {
|
|
43
|
+
fontSize: 12,
|
|
44
|
+
fontWeight: 600,
|
|
45
|
+
padding: "3px 10px",
|
|
46
|
+
borderRadius: 980,
|
|
47
|
+
backgroundColor: "var(--color-primary)",
|
|
48
|
+
color: "#fff",
|
|
49
|
+
}, children: "Recommended" }))] }), _jsx("div", { style: { display: "flex", flexDirection: "column", gap: 14 }, children: col.items.map((item, ii) => (_jsxs("div", { style: { display: "flex", alignItems: "center", gap: 10 }, children: [_jsx("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", style: { flexShrink: 0 }, children: _jsx("path", { d: "M3 8.5L6.5 12L13 4", stroke: col.highlighted ? "var(--color-primary)" : "var(--color-muted-foreground)", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }), _jsx("span", { style: {
|
|
50
|
+
fontSize: 17,
|
|
51
|
+
fontWeight: 400,
|
|
52
|
+
letterSpacing: "-0.022em",
|
|
53
|
+
color: "var(--color-foreground)",
|
|
54
|
+
lineHeight: 1.47,
|
|
55
|
+
}, children: item })] }, ii))) })] }, ci))) })] }));
|
|
56
|
+
}
|
|
57
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../patterns/comparison-columns/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { z } from "zod";
|
|
2
|
+
export declare const schema: z.ZodObject<{
|
|
3
|
+
headline: z.ZodString;
|
|
4
|
+
description: z.ZodOptional<z.ZodString>;
|
|
5
|
+
metrics: z.ZodArray<z.ZodObject<{
|
|
6
|
+
label: z.ZodString;
|
|
7
|
+
value: z.ZodString;
|
|
8
|
+
}, "strip", z.ZodTypeAny, {
|
|
9
|
+
value: string;
|
|
10
|
+
label: string;
|
|
11
|
+
}, {
|
|
12
|
+
value: string;
|
|
13
|
+
label: string;
|
|
14
|
+
}>, "many">;
|
|
15
|
+
}, "strip", z.ZodTypeAny, {
|
|
16
|
+
headline: string;
|
|
17
|
+
metrics: {
|
|
18
|
+
value: string;
|
|
19
|
+
label: string;
|
|
20
|
+
}[];
|
|
21
|
+
description?: string | undefined;
|
|
22
|
+
}, {
|
|
23
|
+
headline: string;
|
|
24
|
+
metrics: {
|
|
25
|
+
value: string;
|
|
26
|
+
label: string;
|
|
27
|
+
}[];
|
|
28
|
+
description?: string | undefined;
|
|
29
|
+
}>;
|
|
30
|
+
type Props = z.infer<typeof schema>;
|
|
31
|
+
export default function FeatureMetrics({ headline, description, metrics }: Props): import("react/jsx-runtime").JSX.Element;
|
|
32
|
+
export {};
|
|
33
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../patterns/feature-metrics/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAOxB,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;EAIjB,CAAC;AAEH,KAAK,KAAK,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,MAAM,CAAC,CAAC;AAEpC,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE,OAAO,EAAE,EAAE,KAAK,2CA8E/E"}
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { z } from "zod";
|
|
3
|
+
const metricSchema = z.object({
|
|
4
|
+
label: z.string().min(1).describe("Metric label"),
|
|
5
|
+
value: z.string().min(1).describe("Display value"),
|
|
6
|
+
});
|
|
7
|
+
export const schema = z.object({
|
|
8
|
+
headline: z.string().min(1).max(60).describe("Section heading"),
|
|
9
|
+
description: z.string().max(200).optional().describe("Optional body text"),
|
|
10
|
+
metrics: z.array(metricSchema).min(2).max(4).describe("Key metrics"),
|
|
11
|
+
});
|
|
12
|
+
export default function FeatureMetrics({ headline, description, metrics }) {
|
|
13
|
+
return (_jsxs("div", { className: "slide", style: {
|
|
14
|
+
display: "flex",
|
|
15
|
+
flexDirection: "column",
|
|
16
|
+
alignItems: "center",
|
|
17
|
+
justifyContent: "center",
|
|
18
|
+
gap: 48,
|
|
19
|
+
background: "#ffffff",
|
|
20
|
+
padding: "40px 80px 60px",
|
|
21
|
+
}, children: [_jsxs("div", { style: { textAlign: "center", marginBottom: 16 }, children: [_jsx("h2", { style: {
|
|
22
|
+
fontSize: 48,
|
|
23
|
+
fontWeight: 600,
|
|
24
|
+
lineHeight: 1.08,
|
|
25
|
+
letterSpacing: "-0.003em",
|
|
26
|
+
}, children: headline }), description && (_jsx("p", { style: {
|
|
27
|
+
fontSize: 21,
|
|
28
|
+
fontWeight: 400,
|
|
29
|
+
lineHeight: 1.38,
|
|
30
|
+
color: "var(--color-muted-foreground)",
|
|
31
|
+
marginTop: 12,
|
|
32
|
+
}, children: description }))] }), _jsx("div", { style: { display: "flex", justifyContent: "center", gap: 64 }, children: metrics.map((m, i) => (_jsxs("div", { style: {
|
|
33
|
+
display: "flex",
|
|
34
|
+
flexDirection: "column",
|
|
35
|
+
alignItems: "center",
|
|
36
|
+
gap: 8,
|
|
37
|
+
}, children: [_jsx("span", { style: {
|
|
38
|
+
fontSize: 56,
|
|
39
|
+
fontWeight: 600,
|
|
40
|
+
fontFamily: "var(--font-heading)",
|
|
41
|
+
lineHeight: 1,
|
|
42
|
+
letterSpacing: "-0.015em",
|
|
43
|
+
color: "var(--color-foreground)",
|
|
44
|
+
}, children: m.value }), _jsx("span", { style: {
|
|
45
|
+
fontSize: 17,
|
|
46
|
+
fontWeight: 400,
|
|
47
|
+
letterSpacing: "-0.022em",
|
|
48
|
+
color: "var(--color-muted-foreground)",
|
|
49
|
+
}, children: m.label })] }, i))) })] }));
|
|
50
|
+
}
|
|
51
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../patterns/feature-metrics/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAExB,MAAM,YAAY,GAAG,CAAC,CAAC,MAAM,CAAC;IAC5B,KAAK,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,cAAc,CAAC;IACjD,KAAK,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,eAAe,CAAC;CACnD,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,CAAC,MAAM,CAAC;IAC7B,QAAQ,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,iBAAiB,CAAC;IAC/D,WAAW,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,oBAAoB,CAAC;IAC1E,OAAO,EAAE,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,aAAa,CAAC;CACrE,CAAC,CAAC;AAIH,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE,OAAO,EAAS;IAC9E,OAAO,CACL,eACE,SAAS,EAAC,OAAO,EACjB,KAAK,EAAE;YACL,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;YACvB,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,QAAQ;YACxB,GAAG,EAAE,EAAE;YACP,UAAU,EAAE,SAAS;YACrB,OAAO,EAAE,gBAAgB;SAC1B,aAED,eAAK,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,YAAY,EAAE,EAAE,EAAE,aACnD,aACE,KAAK,EAAE;4BACL,QAAQ,EAAE,EAAE;4BACZ,UAAU,EAAE,GAAG;4BACf,UAAU,EAAE,IAAI;4BAChB,aAAa,EAAE,UAAU;yBAC1B,YAEA,QAAQ,GACN,EACJ,WAAW,IAAI,CACd,YACE,KAAK,EAAE;4BACL,QAAQ,EAAE,EAAE;4BACZ,UAAU,EAAE,GAAG;4BACf,UAAU,EAAE,IAAI;4BAChB,KAAK,EAAE,+BAA+B;4BACtC,SAAS,EAAE,EAAE;yBACd,YAEA,WAAW,GACV,CACL,IACG,EAEN,cAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,QAAQ,EAAE,GAAG,EAAE,EAAE,EAAE,YAC/D,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACrB,eAEE,KAAK,EAAE;wBACL,OAAO,EAAE,MAAM;wBACf,aAAa,EAAE,QAAQ;wBACvB,UAAU,EAAE,QAAQ;wBACpB,GAAG,EAAE,CAAC;qBACP,aAED,eACE,KAAK,EAAE;gCACL,QAAQ,EAAE,EAAE;gCACZ,UAAU,EAAE,GAAG;gCACf,UAAU,EAAE,qBAAqB;gCACjC,UAAU,EAAE,CAAC;gCACb,aAAa,EAAE,UAAU;gCACzB,KAAK,EAAE,yBAAyB;6BACjC,YAEA,CAAC,CAAC,KAAK,GACH,EACP,eACE,KAAK,EAAE;gCACL,QAAQ,EAAE,EAAE;gCACZ,UAAU,EAAE,GAAG;gCACf,aAAa,EAAE,UAAU;gCACzB,KAAK,EAAE,+BAA+B;6BACvC,YAEA,CAAC,CAAC,KAAK,GACH,KA7BF,CAAC,CA8BF,CACP,CAAC,GACE,IACF,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { z } from "zod";
|
|
2
|
+
export declare const schema: z.ZodObject<{
|
|
3
|
+
label: z.ZodOptional<z.ZodString>;
|
|
4
|
+
heading: z.ZodString;
|
|
5
|
+
steps: z.ZodArray<z.ZodObject<{
|
|
6
|
+
title: z.ZodString;
|
|
7
|
+
description: z.ZodOptional<z.ZodString>;
|
|
8
|
+
}, "strip", z.ZodTypeAny, {
|
|
9
|
+
title: string;
|
|
10
|
+
description?: string | undefined;
|
|
11
|
+
}, {
|
|
12
|
+
title: string;
|
|
13
|
+
description?: string | undefined;
|
|
14
|
+
}>, "many">;
|
|
15
|
+
}, "strip", z.ZodTypeAny, {
|
|
16
|
+
heading: string;
|
|
17
|
+
steps: {
|
|
18
|
+
title: string;
|
|
19
|
+
description?: string | undefined;
|
|
20
|
+
}[];
|
|
21
|
+
label?: string | undefined;
|
|
22
|
+
}, {
|
|
23
|
+
heading: string;
|
|
24
|
+
steps: {
|
|
25
|
+
title: string;
|
|
26
|
+
description?: string | undefined;
|
|
27
|
+
}[];
|
|
28
|
+
label?: string | undefined;
|
|
29
|
+
}>;
|
|
30
|
+
type Props = z.infer<typeof schema>;
|
|
31
|
+
export default function FlowDiagram({ label, heading, steps }: Props): import("react/jsx-runtime").JSX.Element;
|
|
32
|
+
export {};
|
|
33
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../patterns/flow-diagram/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAOxB,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;EAIjB,CAAC;AAEH,KAAK,KAAK,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,MAAM,CAAC,CAAC;AAgBpC,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,KAAK,2CAyHnE"}
|
|
@@ -0,0 +1,80 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { z } from "zod";
|
|
3
|
+
const stepSchema = z.object({
|
|
4
|
+
title: z.string().min(1).describe("Step title"),
|
|
5
|
+
description: z.string().optional().describe("Step description"),
|
|
6
|
+
});
|
|
7
|
+
export const schema = z.object({
|
|
8
|
+
label: z.string().min(1).max(30).optional().describe("Accent eyebrow"),
|
|
9
|
+
heading: z.string().min(1).max(60).describe("Diagram heading"),
|
|
10
|
+
steps: z.array(stepSchema).min(3).max(5).describe("Flow steps"),
|
|
11
|
+
});
|
|
12
|
+
function Arrow() {
|
|
13
|
+
return (_jsx("svg", { width: 32, height: 32, viewBox: "0 0 32 32", fill: "none", style: { flexShrink: 0 }, children: _jsx("path", { d: "M8 16H24M24 16L18 10M24 16L18 22", stroke: "#0071e3", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }));
|
|
14
|
+
}
|
|
15
|
+
export default function FlowDiagram({ label, heading, steps }) {
|
|
16
|
+
return (_jsxs("div", { className: "slide", style: {
|
|
17
|
+
display: "flex",
|
|
18
|
+
flexDirection: "column",
|
|
19
|
+
alignItems: "center",
|
|
20
|
+
justifyContent: "center",
|
|
21
|
+
gap: 48,
|
|
22
|
+
background: "#ffffff",
|
|
23
|
+
padding: "48px 60px",
|
|
24
|
+
}, children: [_jsxs("div", { style: { textAlign: "center" }, children: [label && (_jsx("span", { style: {
|
|
25
|
+
fontSize: 17,
|
|
26
|
+
fontWeight: 600,
|
|
27
|
+
letterSpacing: "-0.022em",
|
|
28
|
+
color: "var(--color-primary)",
|
|
29
|
+
display: "block",
|
|
30
|
+
marginBottom: 8,
|
|
31
|
+
}, children: label })), _jsx("h2", { style: {
|
|
32
|
+
fontSize: 44,
|
|
33
|
+
fontWeight: 600,
|
|
34
|
+
lineHeight: 1.08,
|
|
35
|
+
letterSpacing: "-0.003em",
|
|
36
|
+
}, children: heading })] }), _jsx("div", { style: {
|
|
37
|
+
display: "flex",
|
|
38
|
+
alignItems: "center",
|
|
39
|
+
gap: 8,
|
|
40
|
+
width: "100%",
|
|
41
|
+
justifyContent: "center",
|
|
42
|
+
}, children: steps.map((step, i) => (_jsxs("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [_jsxs("div", { style: {
|
|
43
|
+
display: "flex",
|
|
44
|
+
flexDirection: "column",
|
|
45
|
+
alignItems: "center",
|
|
46
|
+
textAlign: "center",
|
|
47
|
+
gap: 12,
|
|
48
|
+
padding: "28px 20px",
|
|
49
|
+
backgroundColor: "#f5f5f7",
|
|
50
|
+
borderRadius: 16,
|
|
51
|
+
minWidth: 160,
|
|
52
|
+
maxWidth: 200,
|
|
53
|
+
}, children: [_jsx("div", { style: {
|
|
54
|
+
width: 36,
|
|
55
|
+
height: 36,
|
|
56
|
+
borderRadius: "50%",
|
|
57
|
+
backgroundColor: i === 0 ? "#0071e3" : "#1d1d1f",
|
|
58
|
+
color: "#fff",
|
|
59
|
+
display: "flex",
|
|
60
|
+
alignItems: "center",
|
|
61
|
+
justifyContent: "center",
|
|
62
|
+
fontSize: 15,
|
|
63
|
+
fontWeight: 600,
|
|
64
|
+
fontFamily: "var(--font-heading)",
|
|
65
|
+
}, children: i + 1 }), _jsx("span", { style: {
|
|
66
|
+
fontSize: 17,
|
|
67
|
+
fontWeight: 600,
|
|
68
|
+
fontFamily: "var(--font-heading)",
|
|
69
|
+
letterSpacing: "-0.022em",
|
|
70
|
+
color: "#1d1d1f",
|
|
71
|
+
lineHeight: 1.3,
|
|
72
|
+
}, children: step.title }), step.description && (_jsx("span", { style: {
|
|
73
|
+
fontSize: 13,
|
|
74
|
+
fontWeight: 400,
|
|
75
|
+
letterSpacing: "-0.016em",
|
|
76
|
+
color: "#6e6e73",
|
|
77
|
+
lineHeight: 1.38,
|
|
78
|
+
}, children: step.description }))] }), i < steps.length - 1 && _jsx(Arrow, {})] }, i))) })] }));
|
|
79
|
+
}
|
|
80
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../patterns/flow-diagram/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { z } from "zod";
|
|
2
|
+
export declare const schema: z.ZodObject<{
|
|
3
|
+
eyebrow: z.ZodString;
|
|
4
|
+
headline: z.ZodString;
|
|
5
|
+
body: z.ZodString;
|
|
6
|
+
}, "strip", z.ZodTypeAny, {
|
|
7
|
+
eyebrow: string;
|
|
8
|
+
headline: string;
|
|
9
|
+
body: string;
|
|
10
|
+
}, {
|
|
11
|
+
eyebrow: string;
|
|
12
|
+
headline: string;
|
|
13
|
+
body: string;
|
|
14
|
+
}>;
|
|
15
|
+
type Props = z.infer<typeof schema>;
|
|
16
|
+
export default function HeroStatement({ eyebrow, headline, body }: Props): import("react/jsx-runtime").JSX.Element;
|
|
17
|
+
export {};
|
|
18
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../patterns/hero-statement/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAExB,eAAO,MAAM,MAAM;;;;;;;;;;;;EAIjB,CAAC;AAEH,KAAK,KAAK,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,MAAM,CAAC,CAAC;AAEpC,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE,KAAK,2CA6DvE"}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { z } from "zod";
|
|
3
|
+
export const schema = z.object({
|
|
4
|
+
eyebrow: z.string().min(1).max(30).describe("Small accent label above headline"),
|
|
5
|
+
headline: z.string().min(1).max(60).describe("Massive display headline (supports \\n)"),
|
|
6
|
+
body: z.string().min(1).max(200).describe("Supporting body text"),
|
|
7
|
+
});
|
|
8
|
+
export default function HeroStatement({ eyebrow, headline, body }) {
|
|
9
|
+
const lines = headline.split("\\n");
|
|
10
|
+
return (_jsx("div", { className: "slide", style: {
|
|
11
|
+
display: "flex",
|
|
12
|
+
alignItems: "center",
|
|
13
|
+
justifyContent: "center",
|
|
14
|
+
background: "#ffffff",
|
|
15
|
+
}, children: _jsxs("div", { className: "stack-center", style: { gap: 20, maxWidth: 900, padding: "0 80px", marginBottom: 32 }, children: [_jsx("span", { style: {
|
|
16
|
+
fontSize: 17,
|
|
17
|
+
fontWeight: 600,
|
|
18
|
+
letterSpacing: "-0.022em",
|
|
19
|
+
color: "var(--color-primary)",
|
|
20
|
+
}, children: eyebrow }), _jsx("h1", { style: {
|
|
21
|
+
fontSize: 80,
|
|
22
|
+
fontWeight: 600,
|
|
23
|
+
lineHeight: 1.05,
|
|
24
|
+
letterSpacing: "-0.015em",
|
|
25
|
+
textAlign: "center",
|
|
26
|
+
}, children: lines.map((line, i) => (_jsxs("span", { children: [i > 0 && _jsx("br", {}), line] }, i))) }), _jsx("p", { style: {
|
|
27
|
+
fontSize: 21,
|
|
28
|
+
fontWeight: 400,
|
|
29
|
+
lineHeight: 1.38,
|
|
30
|
+
letterSpacing: "0.011em",
|
|
31
|
+
color: "var(--color-muted-foreground)",
|
|
32
|
+
maxWidth: 700,
|
|
33
|
+
textAlign: "center",
|
|
34
|
+
}, children: body })] }) }));
|
|
35
|
+
}
|
|
36
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../patterns/hero-statement/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAExB,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,CAAC,MAAM,CAAC;IAC7B,OAAO,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,mCAAmC,CAAC;IAChF,QAAQ,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,yCAAyC,CAAC;IACvF,IAAI,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,QAAQ,CAAC,sBAAsB,CAAC;CAClE,CAAC,CAAC;AAIH,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAS;IACtE,MAAM,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IAEpC,OAAO,CACL,cACE,SAAS,EAAC,OAAO,EACjB,KAAK,EAAE;YACL,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,QAAQ;YACxB,UAAU,EAAE,SAAS;SACtB,YAED,eACE,SAAS,EAAC,cAAc,EACxB,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,EAAE,EAAE,aAEtE,eACE,KAAK,EAAE;wBACL,QAAQ,EAAE,EAAE;wBACZ,UAAU,EAAE,GAAG;wBACf,aAAa,EAAE,UAAU;wBACzB,KAAK,EAAE,sBAAsB;qBAC9B,YAEA,OAAO,GACH,EAEP,aACE,KAAK,EAAE;wBACL,QAAQ,EAAE,EAAE;wBACZ,UAAU,EAAE,GAAG;wBACf,UAAU,EAAE,IAAI;wBAChB,aAAa,EAAE,UAAU;wBACzB,SAAS,EAAE,QAAQ;qBACpB,YAEA,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CACtB,2BACG,CAAC,GAAG,CAAC,IAAI,cAAM,EACf,IAAI,KAFI,CAAC,CAGL,CACR,CAAC,GACC,EAEL,YACE,KAAK,EAAE;wBACL,QAAQ,EAAE,EAAE;wBACZ,UAAU,EAAE,GAAG;wBACf,UAAU,EAAE,IAAI;wBAChB,aAAa,EAAE,SAAS;wBACxB,KAAK,EAAE,+BAA+B;wBACtC,QAAQ,EAAE,GAAG;wBACb,SAAS,EAAE,QAAQ;qBACpB,YAEA,IAAI,GACH,IACA,GACF,CACP,CAAC;AACJ,CAAC"}
|