@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,54 @@
|
|
|
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 itemSchema = z.object({
|
|
6
|
+
category: z.string().min(1).max(15).describe("Category label"),
|
|
7
|
+
icon: z.string().min(1).describe("Lucide icon name"),
|
|
8
|
+
title: z.string().min(1).max(40).describe("Item title"),
|
|
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
|
+
items: z.array(itemSchema).min(4).max(8).describe("Grid items (4-8)"),
|
|
14
|
+
});
|
|
15
|
+
export default function ShowcaseGrid({ label, heading, items }) {
|
|
16
|
+
const cols = items.length <= 4 ? items.length : 4;
|
|
17
|
+
return (_jsxs("div", { className: "slide", style: {
|
|
18
|
+
display: "flex",
|
|
19
|
+
flexDirection: "column",
|
|
20
|
+
alignItems: "center",
|
|
21
|
+
justifyContent: "center",
|
|
22
|
+
gap: 40,
|
|
23
|
+
background: "var(--color-card-background)",
|
|
24
|
+
padding: "48px 80px",
|
|
25
|
+
}, children: [_jsx("div", { style: { textAlign: "center" }, children: _jsx(SlideHeader, { label: label, heading: heading }) }), _jsx("div", { style: {
|
|
26
|
+
display: "grid",
|
|
27
|
+
gridTemplateColumns: `repeat(${cols}, 1fr)`,
|
|
28
|
+
gap: 24,
|
|
29
|
+
width: "100%",
|
|
30
|
+
maxWidth: 1040,
|
|
31
|
+
}, children: items.map((item, i) => (_jsxs("div", { style: {
|
|
32
|
+
display: "flex",
|
|
33
|
+
flexDirection: "column",
|
|
34
|
+
alignItems: "center",
|
|
35
|
+
textAlign: "center",
|
|
36
|
+
gap: 10,
|
|
37
|
+
padding: "20px 12px",
|
|
38
|
+
}, children: [_jsx("span", { style: {
|
|
39
|
+
fontSize: 14,
|
|
40
|
+
fontWeight: 600,
|
|
41
|
+
fontFamily: "var(--font-heading)",
|
|
42
|
+
letterSpacing: "-0.016em",
|
|
43
|
+
color: "var(--color-primary)",
|
|
44
|
+
lineHeight: 1,
|
|
45
|
+
}, children: item.category }), _jsx("div", { style: { color: "var(--color-foreground)" }, children: _jsx(Icon, { name: item.icon, size: 40 }) }), _jsx("span", { style: {
|
|
46
|
+
fontSize: 17,
|
|
47
|
+
fontWeight: 600,
|
|
48
|
+
fontFamily: "var(--font-heading)",
|
|
49
|
+
letterSpacing: "-0.022em",
|
|
50
|
+
color: "var(--color-foreground)",
|
|
51
|
+
lineHeight: 1.3,
|
|
52
|
+
}, children: item.title })] }, i))) })] }));
|
|
53
|
+
}
|
|
54
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../patterns/showcase-grid/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { z } from "zod";
|
|
2
|
+
export declare const schema: z.ZodObject<{
|
|
3
|
+
headline: z.ZodString;
|
|
4
|
+
body: z.ZodOptional<z.ZodString>;
|
|
5
|
+
cta: z.ZodOptional<z.ZodString>;
|
|
6
|
+
link: z.ZodOptional<z.ZodString>;
|
|
7
|
+
}, "strip", z.ZodTypeAny, {
|
|
8
|
+
headline: string;
|
|
9
|
+
link?: string | undefined;
|
|
10
|
+
body?: string | undefined;
|
|
11
|
+
cta?: string | undefined;
|
|
12
|
+
}, {
|
|
13
|
+
headline: string;
|
|
14
|
+
link?: string | undefined;
|
|
15
|
+
body?: string | undefined;
|
|
16
|
+
cta?: string | undefined;
|
|
17
|
+
}>;
|
|
18
|
+
type Props = z.infer<typeof schema>;
|
|
19
|
+
export default function ThankYou({ headline, body, cta, link }: Props): import("react/jsx-runtime").JSX.Element;
|
|
20
|
+
export {};
|
|
21
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../patterns/thank-you/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAExB,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;EAKjB,CAAC;AAEH,KAAK,KAAK,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,MAAM,CAAC,CAAC;AAEpC,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,EAAE,KAAK,2CA0EpE"}
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { z } from "zod";
|
|
3
|
+
export const schema = z.object({
|
|
4
|
+
headline: z.string().min(1).max(40).describe("Closing headline"),
|
|
5
|
+
body: z.string().max(200).optional().describe("Closing body text"),
|
|
6
|
+
cta: z.string().max(40).optional().describe("Call-to-action text (pill button)"),
|
|
7
|
+
link: z.string().max(80).optional().describe("URL or contact info beneath CTA"),
|
|
8
|
+
});
|
|
9
|
+
export default function ThankYou({ headline, body, cta, link }) {
|
|
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: 24, maxWidth: 800, marginBottom: 48 }, children: [_jsx("h1", { style: {
|
|
16
|
+
fontSize: 72,
|
|
17
|
+
fontWeight: 600,
|
|
18
|
+
lineHeight: 1.05,
|
|
19
|
+
letterSpacing: "-0.015em",
|
|
20
|
+
}, children: headline }), body && (_jsx("p", { style: {
|
|
21
|
+
fontSize: 21,
|
|
22
|
+
fontWeight: 400,
|
|
23
|
+
lineHeight: 1.38,
|
|
24
|
+
letterSpacing: "0.011em",
|
|
25
|
+
color: "var(--color-muted-foreground)",
|
|
26
|
+
maxWidth: 600,
|
|
27
|
+
textAlign: "center",
|
|
28
|
+
}, children: body })), cta && (_jsx("div", { style: { marginTop: 8 }, children: _jsx("span", { style: {
|
|
29
|
+
display: "inline-flex",
|
|
30
|
+
alignItems: "center",
|
|
31
|
+
padding: "12px 28px",
|
|
32
|
+
borderRadius: 980,
|
|
33
|
+
backgroundColor: "var(--color-primary)",
|
|
34
|
+
color: "#fff",
|
|
35
|
+
fontSize: 17,
|
|
36
|
+
fontWeight: 600,
|
|
37
|
+
letterSpacing: "-0.022em",
|
|
38
|
+
}, children: cta }) })), link && (_jsx("span", { style: {
|
|
39
|
+
fontSize: 17,
|
|
40
|
+
fontWeight: 400,
|
|
41
|
+
letterSpacing: "-0.022em",
|
|
42
|
+
color: "var(--color-accent)",
|
|
43
|
+
}, children: link }))] }) }));
|
|
44
|
+
}
|
|
45
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../patterns/thank-you/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAExB,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,kBAAkB,CAAC;IAChE,IAAI,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,mBAAmB,CAAC;IAClE,GAAG,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,mCAAmC,CAAC;IAChF,IAAI,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,iCAAiC,CAAC;CAChF,CAAC,CAAC;AAIH,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAS;IACnE,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,eAAK,SAAS,EAAC,cAAc,EAAC,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,YAAY,EAAE,EAAE,EAAE,aAC/E,aACE,KAAK,EAAE;wBACL,QAAQ,EAAE,EAAE;wBACZ,UAAU,EAAE,GAAG;wBACf,UAAU,EAAE,IAAI;wBAChB,aAAa,EAAE,UAAU;qBAC1B,YAEA,QAAQ,GACN,EAEJ,IAAI,IAAI,CACP,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,CACL,EAEA,GAAG,IAAI,CACN,cAAK,KAAK,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,YAC1B,eACE,KAAK,EAAE;4BACL,OAAO,EAAE,aAAa;4BACtB,UAAU,EAAE,QAAQ;4BACpB,OAAO,EAAE,WAAW;4BACpB,YAAY,EAAE,GAAG;4BACjB,eAAe,EAAE,sBAAsB;4BACvC,KAAK,EAAE,MAAM;4BACb,QAAQ,EAAE,EAAE;4BACZ,UAAU,EAAE,GAAG;4BACf,aAAa,EAAE,UAAU;yBAC1B,YAEA,GAAG,GACC,GACH,CACP,EAEA,IAAI,IAAI,CACP,eACE,KAAK,EAAE;wBACL,QAAQ,EAAE,EAAE;wBACZ,UAAU,EAAE,GAAG;wBACf,aAAa,EAAE,UAAU;wBACzB,KAAK,EAAE,qBAAqB;qBAC7B,YAEA,IAAI,GACA,CACR,IACG,GACF,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -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
|
+
pillars: z.ZodArray<z.ZodObject<{
|
|
6
|
+
title: z.ZodString;
|
|
7
|
+
description: z.ZodString;
|
|
8
|
+
value: z.ZodOptional<z.ZodString>;
|
|
9
|
+
}, "strip", z.ZodTypeAny, {
|
|
10
|
+
title: string;
|
|
11
|
+
description: string;
|
|
12
|
+
value?: string | undefined;
|
|
13
|
+
}, {
|
|
14
|
+
title: string;
|
|
15
|
+
description: string;
|
|
16
|
+
value?: string | undefined;
|
|
17
|
+
}>, "many">;
|
|
18
|
+
}, "strip", z.ZodTypeAny, {
|
|
19
|
+
heading: string;
|
|
20
|
+
pillars: {
|
|
21
|
+
title: string;
|
|
22
|
+
description: string;
|
|
23
|
+
value?: string | undefined;
|
|
24
|
+
}[];
|
|
25
|
+
label?: string | undefined;
|
|
26
|
+
}, {
|
|
27
|
+
heading: string;
|
|
28
|
+
pillars: {
|
|
29
|
+
title: string;
|
|
30
|
+
description: string;
|
|
31
|
+
value?: string | undefined;
|
|
32
|
+
}[];
|
|
33
|
+
label?: string | undefined;
|
|
34
|
+
}>;
|
|
35
|
+
type Props = z.infer<typeof schema>;
|
|
36
|
+
export default function ThreePillars({ label, heading, pillars }: 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/three-pillars/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAQxB,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAIjB,CAAC;AAEH,KAAK,KAAK,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,MAAM,CAAC,CAAC;AAEpC,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,KAAK,2CA+FtE"}
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { z } from "zod";
|
|
3
|
+
const pillarSchema = z.object({
|
|
4
|
+
title: z.string().min(1).describe("Pillar title"),
|
|
5
|
+
description: z.string().min(1).describe("Pillar description"),
|
|
6
|
+
value: z.string().optional().describe("Optional large display value"),
|
|
7
|
+
});
|
|
8
|
+
export const schema = z.object({
|
|
9
|
+
label: z.string().min(1).max(30).optional().describe("Accent eyebrow"),
|
|
10
|
+
heading: z.string().min(1).max(60).describe("Section heading"),
|
|
11
|
+
pillars: z.array(pillarSchema).min(2).max(3).describe("Pillars (2-3)"),
|
|
12
|
+
});
|
|
13
|
+
export default function ThreePillars({ label, heading, pillars }) {
|
|
14
|
+
return (_jsxs("div", { className: "slide-stack", style: { justifyContent: "center", gap: 48 }, children: [_jsxs("div", { style: { textAlign: "center" }, children: [label && (_jsx("span", { style: {
|
|
15
|
+
fontSize: 17,
|
|
16
|
+
fontWeight: 600,
|
|
17
|
+
letterSpacing: "-0.022em",
|
|
18
|
+
color: "var(--color-primary)",
|
|
19
|
+
display: "block",
|
|
20
|
+
marginBottom: 8,
|
|
21
|
+
}, children: label })), _jsx("h2", { style: {
|
|
22
|
+
fontSize: 48,
|
|
23
|
+
fontWeight: 600,
|
|
24
|
+
lineHeight: 1.08,
|
|
25
|
+
letterSpacing: "-0.003em",
|
|
26
|
+
}, children: heading })] }), _jsx("div", { style: {
|
|
27
|
+
display: "grid",
|
|
28
|
+
gridTemplateColumns: `repeat(${pillars.length}, 1fr)`,
|
|
29
|
+
gap: 20,
|
|
30
|
+
}, children: pillars.map((p, i) => (_jsxs("div", { style: {
|
|
31
|
+
backgroundColor: "#ffffff",
|
|
32
|
+
borderRadius: 18,
|
|
33
|
+
padding: "36px 32px",
|
|
34
|
+
display: "flex",
|
|
35
|
+
flexDirection: "column",
|
|
36
|
+
gap: 12,
|
|
37
|
+
boxShadow: "4px 4px 12px rgba(0,0,0,0.06)",
|
|
38
|
+
}, children: [p.value && (_jsx("span", { style: {
|
|
39
|
+
fontSize: 40,
|
|
40
|
+
fontWeight: 600,
|
|
41
|
+
fontFamily: "var(--font-heading)",
|
|
42
|
+
lineHeight: 1,
|
|
43
|
+
letterSpacing: "-0.009em",
|
|
44
|
+
color: "var(--color-primary)",
|
|
45
|
+
}, children: p.value })), _jsx("span", { style: {
|
|
46
|
+
fontSize: 21,
|
|
47
|
+
fontWeight: 600,
|
|
48
|
+
fontFamily: "var(--font-heading)",
|
|
49
|
+
letterSpacing: "0.011em",
|
|
50
|
+
color: "var(--color-foreground)",
|
|
51
|
+
lineHeight: 1.24,
|
|
52
|
+
}, children: p.title }), _jsx("span", { style: {
|
|
53
|
+
fontSize: 17,
|
|
54
|
+
fontWeight: 400,
|
|
55
|
+
fontFamily: "var(--font-body)",
|
|
56
|
+
letterSpacing: "-0.022em",
|
|
57
|
+
color: "var(--color-muted-foreground)",
|
|
58
|
+
lineHeight: 1.47,
|
|
59
|
+
}, children: p.description })] }, i))) })] }));
|
|
60
|
+
}
|
|
61
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../patterns/three-pillars/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { z } from "zod";
|
|
2
|
+
export declare const schema: z.ZodObject<{
|
|
3
|
+
title: z.ZodString;
|
|
4
|
+
subtitle: z.ZodString;
|
|
5
|
+
}, "strip", z.ZodTypeAny, {
|
|
6
|
+
title: string;
|
|
7
|
+
subtitle: string;
|
|
8
|
+
}, {
|
|
9
|
+
title: string;
|
|
10
|
+
subtitle: string;
|
|
11
|
+
}>;
|
|
12
|
+
type Props = z.infer<typeof schema>;
|
|
13
|
+
export default function TitleCenter({ title, subtitle }: Props): import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
export {};
|
|
15
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../patterns/title-center/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAExB,eAAO,MAAM,MAAM;;;;;;;;;EAGjB,CAAC;AAEH,KAAK,KAAK,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,MAAM,CAAC,CAAC;AAEpC,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,KAAK,2CAoC7D"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { z } from "zod";
|
|
3
|
+
export const schema = z.object({
|
|
4
|
+
title: z.string().min(1).max(40).describe("Display headline — large, dramatic"),
|
|
5
|
+
subtitle: z.string().min(1).max(80).describe("Muted subtitle beneath headline"),
|
|
6
|
+
});
|
|
7
|
+
export default function TitleCenter({ title, subtitle }) {
|
|
8
|
+
return (_jsx("div", { className: "slide", style: {
|
|
9
|
+
display: "flex",
|
|
10
|
+
alignItems: "center",
|
|
11
|
+
justifyContent: "center",
|
|
12
|
+
background: "#ffffff",
|
|
13
|
+
}, children: _jsxs("div", { className: "stack-center", style: { gap: 16, maxWidth: 900, marginBottom: 32 }, children: [_jsx("h1", { style: {
|
|
14
|
+
fontSize: 72,
|
|
15
|
+
fontWeight: 600,
|
|
16
|
+
lineHeight: 1.05,
|
|
17
|
+
letterSpacing: "-0.015em",
|
|
18
|
+
}, children: title }), _jsx("p", { style: {
|
|
19
|
+
fontSize: 24,
|
|
20
|
+
fontWeight: 400,
|
|
21
|
+
lineHeight: 1.17,
|
|
22
|
+
letterSpacing: "0.009em",
|
|
23
|
+
color: "var(--color-muted-foreground)",
|
|
24
|
+
}, children: subtitle })] }) }));
|
|
25
|
+
}
|
|
26
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../patterns/title-center/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAExB,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,CAAC,MAAM,CAAC;IAC7B,KAAK,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,oCAAoC,CAAC;IAC/E,QAAQ,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,iCAAiC,CAAC;CAChF,CAAC,CAAC;AAIH,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAS;IAC5D,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,eAAK,SAAS,EAAC,cAAc,EAAC,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,YAAY,EAAE,EAAE,EAAE,aAC/E,aACE,KAAK,EAAE;wBACL,QAAQ,EAAE,EAAE;wBACZ,UAAU,EAAE,GAAG;wBACf,UAAU,EAAE,IAAI;wBAChB,aAAa,EAAE,UAAU;qBAC1B,YAEA,KAAK,GACH,EACL,YACE,KAAK,EAAE;wBACL,QAAQ,EAAE,EAAE;wBACZ,UAAU,EAAE,GAAG;wBACf,UAAU,EAAE,IAAI;wBAChB,aAAa,EAAE,SAAS;wBACxB,KAAK,EAAE,+BAA+B;qBACvC,YAEA,QAAQ,GACP,IACA,GACF,CACP,CAAC;AACJ,CAAC"}
|