@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
|
+
items: z.ZodArray<z.ZodObject<{
|
|
6
|
+
icon: z.ZodString;
|
|
7
|
+
title: z.ZodString;
|
|
8
|
+
description: z.ZodOptional<z.ZodString>;
|
|
9
|
+
}, "strip", z.ZodTypeAny, {
|
|
10
|
+
title: string;
|
|
11
|
+
icon: string;
|
|
12
|
+
description?: string | undefined;
|
|
13
|
+
}, {
|
|
14
|
+
title: string;
|
|
15
|
+
icon: string;
|
|
16
|
+
description?: string | undefined;
|
|
17
|
+
}>, "many">;
|
|
18
|
+
}, "strip", z.ZodTypeAny, {
|
|
19
|
+
heading: string;
|
|
20
|
+
items: {
|
|
21
|
+
title: string;
|
|
22
|
+
icon: string;
|
|
23
|
+
description?: string | undefined;
|
|
24
|
+
}[];
|
|
25
|
+
label?: string | undefined;
|
|
26
|
+
}, {
|
|
27
|
+
heading: string;
|
|
28
|
+
items: {
|
|
29
|
+
title: string;
|
|
30
|
+
icon: string;
|
|
31
|
+
description?: string | undefined;
|
|
32
|
+
}[];
|
|
33
|
+
label?: string | undefined;
|
|
34
|
+
}>;
|
|
35
|
+
type Props = z.infer<typeof schema>;
|
|
36
|
+
export default function IconGrid({ label, heading, items }: 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/icon-grid/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AASxB,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAIjB,CAAC;AAEH,KAAK,KAAK,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,MAAM,CAAC,CAAC;AAEpC,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,KAAK,2CA4GhE"}
|
|
@@ -0,0 +1,73 @@
|
|
|
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
|
+
const itemSchema = z.object({
|
|
5
|
+
icon: z.string().min(1).describe("Icon name (lucide)"),
|
|
6
|
+
title: z.string().min(1).describe("Feature title"),
|
|
7
|
+
description: z.string().optional().describe("Short description"),
|
|
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("Section heading"),
|
|
12
|
+
items: z.array(itemSchema).min(3).max(6).describe("Icon feature items"),
|
|
13
|
+
});
|
|
14
|
+
export default function IconGrid({ label, heading, items }) {
|
|
15
|
+
const cols = items.length <= 3 ? items.length : items.length <= 4 ? 2 : 3;
|
|
16
|
+
return (_jsxs("div", { className: "slide", style: {
|
|
17
|
+
display: "flex",
|
|
18
|
+
flexDirection: "column",
|
|
19
|
+
alignItems: "center",
|
|
20
|
+
justifyContent: "center",
|
|
21
|
+
gap: 40,
|
|
22
|
+
background: "#ffffff",
|
|
23
|
+
padding: "48px 80px",
|
|
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: "grid",
|
|
38
|
+
gridTemplateColumns: `repeat(${cols}, 1fr)`,
|
|
39
|
+
gap: 24,
|
|
40
|
+
width: "100%",
|
|
41
|
+
maxWidth: 900,
|
|
42
|
+
}, children: items.map((item, i) => (_jsxs("div", { style: {
|
|
43
|
+
display: "flex",
|
|
44
|
+
flexDirection: "column",
|
|
45
|
+
alignItems: "center",
|
|
46
|
+
textAlign: "center",
|
|
47
|
+
gap: 12,
|
|
48
|
+
padding: "24px 16px",
|
|
49
|
+
}, children: [_jsx("div", { style: {
|
|
50
|
+
width: 48,
|
|
51
|
+
height: 48,
|
|
52
|
+
borderRadius: 12,
|
|
53
|
+
backgroundColor: "#f5f5f7",
|
|
54
|
+
display: "flex",
|
|
55
|
+
alignItems: "center",
|
|
56
|
+
justifyContent: "center",
|
|
57
|
+
color: "var(--color-primary)",
|
|
58
|
+
}, children: _jsx(Icon, { name: item.icon, size: 24 }) }), _jsx("span", { style: {
|
|
59
|
+
fontSize: 17,
|
|
60
|
+
fontWeight: 600,
|
|
61
|
+
fontFamily: "var(--font-heading)",
|
|
62
|
+
letterSpacing: "-0.022em",
|
|
63
|
+
color: "var(--color-foreground)",
|
|
64
|
+
lineHeight: 1.3,
|
|
65
|
+
}, children: item.title }), item.description && (_jsx("span", { style: {
|
|
66
|
+
fontSize: 14,
|
|
67
|
+
fontWeight: 400,
|
|
68
|
+
letterSpacing: "-0.016em",
|
|
69
|
+
color: "var(--color-muted-foreground)",
|
|
70
|
+
lineHeight: 1.43,
|
|
71
|
+
}, children: item.description }))] }, i))) })] }));
|
|
72
|
+
}
|
|
73
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../patterns/icon-grid/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
export { default as TitleCenter, schema as titleCenterSchema } from "./title-center/index.js";
|
|
2
|
+
export { default as HeroStatement, schema as heroStatementSchema } from "./hero-statement/index.js";
|
|
3
|
+
export { default as FeatureMetrics, schema as featureMetricsSchema } from "./feature-metrics/index.js";
|
|
4
|
+
export { default as BulletList, schema as bulletListSchema } from "./bullet-list/index.js";
|
|
5
|
+
export { default as ThreePillars, schema as threePillarsSchema } from "./three-pillars/index.js";
|
|
6
|
+
export { default as BigNumber, schema as bigNumberSchema } from "./big-number/index.js";
|
|
7
|
+
export { default as ComparisonColumns, schema as comparisonColumnsSchema } from "./comparison-columns/index.js";
|
|
8
|
+
export { default as PricingTiers, schema as pricingTiersSchema } from "./pricing-tiers/index.js";
|
|
9
|
+
export { default as ThankYou, schema as thankYouSchema } from "./thank-you/index.js";
|
|
10
|
+
export { default as IconGrid, schema as iconGridSchema } from "./icon-grid/index.js";
|
|
11
|
+
export { default as ChartBar, schema as chartBarSchema } from "./chart-bar/index.js";
|
|
12
|
+
export { default as FlowDiagram, schema as flowDiagramSchema } from "./flow-diagram/index.js";
|
|
13
|
+
export { default as PhotoSplit, schema as photoSplitSchema } from "./photo-split/index.js";
|
|
14
|
+
export { default as ChallengeCards, schema as challengeCardsSchema } from "./challenge-cards/index.js";
|
|
15
|
+
export { default as PhasedRoadmap, schema as phasedRoadmapSchema } from "./phased-roadmap/index.js";
|
|
16
|
+
export { default as ShowcaseGrid, schema as showcaseGridSchema } from "./showcase-grid/index.js";
|
|
17
|
+
export { default as BodyMessage, schema as bodyMessageSchema } from "./body-message/index.js";
|
|
18
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../patterns/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,IAAI,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC9F,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,IAAI,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AACpG,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,IAAI,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AACvG,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,IAAI,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC3F,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,IAAI,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AACjG,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxF,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,IAAI,uBAAuB,EAAE,MAAM,+BAA+B,CAAC;AAChH,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,IAAI,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AACjG,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACrF,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACrF,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACrF,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,IAAI,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC9F,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,IAAI,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC3F,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,IAAI,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AACvG,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,IAAI,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AACpG,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,IAAI,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AACjG,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,IAAI,iBAAiB,EAAE,MAAM,yBAAyB,CAAC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
export { default as TitleCenter, schema as titleCenterSchema } from "./title-center/index.js";
|
|
2
|
+
export { default as HeroStatement, schema as heroStatementSchema } from "./hero-statement/index.js";
|
|
3
|
+
export { default as FeatureMetrics, schema as featureMetricsSchema } from "./feature-metrics/index.js";
|
|
4
|
+
export { default as BulletList, schema as bulletListSchema } from "./bullet-list/index.js";
|
|
5
|
+
export { default as ThreePillars, schema as threePillarsSchema } from "./three-pillars/index.js";
|
|
6
|
+
export { default as BigNumber, schema as bigNumberSchema } from "./big-number/index.js";
|
|
7
|
+
export { default as ComparisonColumns, schema as comparisonColumnsSchema } from "./comparison-columns/index.js";
|
|
8
|
+
export { default as PricingTiers, schema as pricingTiersSchema } from "./pricing-tiers/index.js";
|
|
9
|
+
export { default as ThankYou, schema as thankYouSchema } from "./thank-you/index.js";
|
|
10
|
+
export { default as IconGrid, schema as iconGridSchema } from "./icon-grid/index.js";
|
|
11
|
+
export { default as ChartBar, schema as chartBarSchema } from "./chart-bar/index.js";
|
|
12
|
+
export { default as FlowDiagram, schema as flowDiagramSchema } from "./flow-diagram/index.js";
|
|
13
|
+
export { default as PhotoSplit, schema as photoSplitSchema } from "./photo-split/index.js";
|
|
14
|
+
export { default as ChallengeCards, schema as challengeCardsSchema } from "./challenge-cards/index.js";
|
|
15
|
+
export { default as PhasedRoadmap, schema as phasedRoadmapSchema } from "./phased-roadmap/index.js";
|
|
16
|
+
export { default as ShowcaseGrid, schema as showcaseGridSchema } from "./showcase-grid/index.js";
|
|
17
|
+
export { default as BodyMessage, schema as bodyMessageSchema } from "./body-message/index.js";
|
|
18
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../patterns/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,IAAI,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC9F,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,IAAI,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AACpG,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,IAAI,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AACvG,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,IAAI,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC3F,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,IAAI,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AACjG,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxF,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,IAAI,uBAAuB,EAAE,MAAM,+BAA+B,CAAC;AAChH,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,IAAI,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AACjG,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACrF,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACrF,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACrF,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,IAAI,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC9F,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,IAAI,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC3F,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,IAAI,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AACvG,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,IAAI,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AACpG,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,IAAI,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AACjG,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,IAAI,iBAAiB,EAAE,MAAM,yBAAyB,CAAC"}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import { z } from "zod";
|
|
2
|
+
export declare const schema: z.ZodObject<{
|
|
3
|
+
label: z.ZodOptional<z.ZodString>;
|
|
4
|
+
heading: z.ZodString;
|
|
5
|
+
banner: z.ZodOptional<z.ZodString>;
|
|
6
|
+
phases: z.ZodArray<z.ZodObject<{
|
|
7
|
+
name: z.ZodString;
|
|
8
|
+
title: z.ZodString;
|
|
9
|
+
items: z.ZodArray<z.ZodString, "many">;
|
|
10
|
+
}, "strip", z.ZodTypeAny, {
|
|
11
|
+
title: string;
|
|
12
|
+
items: string[];
|
|
13
|
+
name: string;
|
|
14
|
+
}, {
|
|
15
|
+
title: string;
|
|
16
|
+
items: string[];
|
|
17
|
+
name: string;
|
|
18
|
+
}>, "many">;
|
|
19
|
+
}, "strip", z.ZodTypeAny, {
|
|
20
|
+
heading: string;
|
|
21
|
+
phases: {
|
|
22
|
+
title: string;
|
|
23
|
+
items: string[];
|
|
24
|
+
name: string;
|
|
25
|
+
}[];
|
|
26
|
+
label?: string | undefined;
|
|
27
|
+
banner?: string | undefined;
|
|
28
|
+
}, {
|
|
29
|
+
heading: string;
|
|
30
|
+
phases: {
|
|
31
|
+
title: string;
|
|
32
|
+
items: string[];
|
|
33
|
+
name: string;
|
|
34
|
+
}[];
|
|
35
|
+
label?: string | undefined;
|
|
36
|
+
banner?: string | undefined;
|
|
37
|
+
}>;
|
|
38
|
+
type Props = z.infer<typeof schema>;
|
|
39
|
+
export default function PhasedRoadmap({ label, heading, banner, phases }: Props): import("react/jsx-runtime").JSX.Element;
|
|
40
|
+
export {};
|
|
41
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../patterns/phased-roadmap/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AASxB,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAKjB,CAAC;AAEH,KAAK,KAAK,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,MAAM,CAAC,CAAC;AAEpC,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,KAAK,2CAgK9E"}
|
|
@@ -0,0 +1,99 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { z } from "zod";
|
|
3
|
+
import { SlideHeader } from "../../components/index.js";
|
|
4
|
+
const phaseSchema = z.object({
|
|
5
|
+
name: z.string().min(1).max(15).describe("Phase label e.g. Phase1"),
|
|
6
|
+
title: z.string().min(1).max(30).describe("Phase title"),
|
|
7
|
+
items: z.array(z.string()).min(2).max(5).describe("Phase action items"),
|
|
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("Section heading"),
|
|
12
|
+
banner: z.string().min(1).max(60).optional().describe("Cross-phase goal text"),
|
|
13
|
+
phases: z.array(phaseSchema).min(2).max(4).describe("Roadmap phases (2-4)"),
|
|
14
|
+
});
|
|
15
|
+
export default function PhasedRoadmap({ label, heading, banner, phases }) {
|
|
16
|
+
const count = phases.length;
|
|
17
|
+
return (_jsxs("div", { className: "slide", style: {
|
|
18
|
+
display: "flex",
|
|
19
|
+
flexDirection: "column",
|
|
20
|
+
background: "var(--color-card-background)",
|
|
21
|
+
padding: "48px 60px",
|
|
22
|
+
gap: 24,
|
|
23
|
+
}, children: [_jsx(SlideHeader, { label: label, heading: heading }), _jsx("div", { style: { display: "flex", gap: 8, alignItems: "stretch" }, children: phases.map((phase, i) => (_jsxs("div", { style: {
|
|
24
|
+
flex: 1,
|
|
25
|
+
position: "relative",
|
|
26
|
+
backgroundColor: i === 0 ? "var(--color-primary)" : "var(--color-muted)",
|
|
27
|
+
clipPath: i < count - 1
|
|
28
|
+
? "polygon(0 0, calc(100% - 16px) 0, 100% 50%, calc(100% - 16px) 100%, 0 100%, 16px 50%)"
|
|
29
|
+
: "polygon(0 0, 100% 0, 100% 100%, 0 100%, 16px 50%)",
|
|
30
|
+
padding: i === 0 ? "14px 24px 14px 16px" : "14px 24px 14px 28px",
|
|
31
|
+
display: "flex",
|
|
32
|
+
flexDirection: "column",
|
|
33
|
+
justifyContent: "center",
|
|
34
|
+
gap: 2,
|
|
35
|
+
minHeight: 56,
|
|
36
|
+
}, children: [_jsx("span", { style: {
|
|
37
|
+
fontSize: 12,
|
|
38
|
+
fontWeight: 600,
|
|
39
|
+
fontFamily: "var(--font-heading)",
|
|
40
|
+
letterSpacing: "0.04em",
|
|
41
|
+
textTransform: "uppercase",
|
|
42
|
+
color: i === 0 ? "#ffffff" : "var(--color-primary)",
|
|
43
|
+
lineHeight: 1,
|
|
44
|
+
}, children: phase.name }), _jsx("span", { style: {
|
|
45
|
+
fontSize: 15,
|
|
46
|
+
fontWeight: 600,
|
|
47
|
+
fontFamily: "var(--font-heading)",
|
|
48
|
+
letterSpacing: "-0.022em",
|
|
49
|
+
color: i === 0 ? "#ffffff" : "var(--color-foreground)",
|
|
50
|
+
lineHeight: 1.2,
|
|
51
|
+
}, children: phase.title })] }, i))) }), banner && (_jsx("div", { style: {
|
|
52
|
+
backgroundColor: "var(--color-muted)",
|
|
53
|
+
borderRadius: 8,
|
|
54
|
+
padding: "10px 24px",
|
|
55
|
+
textAlign: "center",
|
|
56
|
+
}, children: _jsx("span", { style: {
|
|
57
|
+
fontSize: 14,
|
|
58
|
+
fontWeight: 600,
|
|
59
|
+
fontFamily: "var(--font-heading)",
|
|
60
|
+
letterSpacing: "-0.016em",
|
|
61
|
+
color: "var(--color-foreground)",
|
|
62
|
+
}, children: banner }) })), _jsx("div", { style: { display: "flex", gap: 16, flex: 1 }, children: phases.map((phase, i) => (_jsxs("div", { style: {
|
|
63
|
+
flex: 1,
|
|
64
|
+
backgroundColor: "var(--color-background)",
|
|
65
|
+
borderRadius: 12,
|
|
66
|
+
padding: "20px 20px",
|
|
67
|
+
display: "flex",
|
|
68
|
+
flexDirection: "column",
|
|
69
|
+
gap: 10,
|
|
70
|
+
}, children: [_jsx("span", { style: {
|
|
71
|
+
fontSize: 14,
|
|
72
|
+
fontWeight: 600,
|
|
73
|
+
fontFamily: "var(--font-heading)",
|
|
74
|
+
letterSpacing: "-0.016em",
|
|
75
|
+
color: "var(--color-primary)",
|
|
76
|
+
}, children: phase.name }), _jsx("ul", { style: {
|
|
77
|
+
listStyle: "none",
|
|
78
|
+
margin: 0,
|
|
79
|
+
padding: 0,
|
|
80
|
+
display: "flex",
|
|
81
|
+
flexDirection: "column",
|
|
82
|
+
gap: 6,
|
|
83
|
+
}, children: phase.items.map((item, j) => (_jsxs("li", { style: {
|
|
84
|
+
fontSize: 14,
|
|
85
|
+
fontWeight: 400,
|
|
86
|
+
fontFamily: "var(--font-body)",
|
|
87
|
+
letterSpacing: "-0.016em",
|
|
88
|
+
lineHeight: 1.43,
|
|
89
|
+
color: "var(--color-foreground)",
|
|
90
|
+
paddingLeft: 14,
|
|
91
|
+
position: "relative",
|
|
92
|
+
}, children: [_jsx("span", { style: {
|
|
93
|
+
position: "absolute",
|
|
94
|
+
left: 0,
|
|
95
|
+
top: 0,
|
|
96
|
+
color: "var(--color-muted-foreground)",
|
|
97
|
+
}, children: "\u2022" }), item] }, j))) })] }, i))) })] }));
|
|
98
|
+
}
|
|
99
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../patterns/phased-roadmap/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { z } from "zod";
|
|
2
|
+
export declare const schema: z.ZodObject<{
|
|
3
|
+
label: z.ZodOptional<z.ZodString>;
|
|
4
|
+
heading: z.ZodString;
|
|
5
|
+
body: z.ZodString;
|
|
6
|
+
image: z.ZodString;
|
|
7
|
+
imagePosition: z.ZodOptional<z.ZodEnum<["left", "right"]>>;
|
|
8
|
+
}, "strip", z.ZodTypeAny, {
|
|
9
|
+
body: string;
|
|
10
|
+
heading: string;
|
|
11
|
+
image: string;
|
|
12
|
+
label?: string | undefined;
|
|
13
|
+
imagePosition?: "left" | "right" | undefined;
|
|
14
|
+
}, {
|
|
15
|
+
body: string;
|
|
16
|
+
heading: string;
|
|
17
|
+
image: string;
|
|
18
|
+
label?: string | undefined;
|
|
19
|
+
imagePosition?: "left" | "right" | undefined;
|
|
20
|
+
}>;
|
|
21
|
+
export declare const assets: {
|
|
22
|
+
field: string;
|
|
23
|
+
type: "image";
|
|
24
|
+
}[];
|
|
25
|
+
type Props = z.infer<typeof schema>;
|
|
26
|
+
export default function PhotoSplit({ label, heading, body, image, imagePosition }: Props): import("react/jsx-runtime").JSX.Element;
|
|
27
|
+
export {};
|
|
28
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../patterns/photo-split/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAExB,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;EAMjB,CAAC;AAEH,eAAO,MAAM,MAAM;;;GAA+C,CAAC;AAEnE,KAAK,KAAK,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,MAAM,CAAC,CAAC;AAEpC,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,aAAa,EAAE,EAAE,KAAK,2CA+FvF"}
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
+
import { z } from "zod";
|
|
3
|
+
export const schema = z.object({
|
|
4
|
+
label: z.string().min(1).max(30).optional().describe("Accent eyebrow"),
|
|
5
|
+
heading: z.string().min(1).max(60).describe("Heading"),
|
|
6
|
+
body: z.string().min(1).max(300).describe("Body text"),
|
|
7
|
+
image: z.string().min(1).describe("Image path or URL"),
|
|
8
|
+
imagePosition: z.enum(["left", "right"]).optional().describe("Image position (default: right)"),
|
|
9
|
+
});
|
|
10
|
+
export const assets = [{ field: "image", type: "image" }];
|
|
11
|
+
export default function PhotoSplit({ label, heading, body, image, imagePosition }) {
|
|
12
|
+
const imgRight = imagePosition !== "left";
|
|
13
|
+
const textBlock = (_jsxs("div", { style: {
|
|
14
|
+
flex: 1,
|
|
15
|
+
display: "flex",
|
|
16
|
+
flexDirection: "column",
|
|
17
|
+
justifyContent: "center",
|
|
18
|
+
padding: "60px 56px",
|
|
19
|
+
gap: 16,
|
|
20
|
+
}, children: [label && (_jsx("span", { style: {
|
|
21
|
+
fontSize: 17,
|
|
22
|
+
fontWeight: 600,
|
|
23
|
+
letterSpacing: "-0.022em",
|
|
24
|
+
color: "var(--color-primary)",
|
|
25
|
+
}, children: label })), _jsx("h2", { style: {
|
|
26
|
+
fontSize: 36,
|
|
27
|
+
fontWeight: 600,
|
|
28
|
+
lineHeight: 1.11,
|
|
29
|
+
letterSpacing: "-0.009em",
|
|
30
|
+
}, children: heading }), _jsx("p", { style: {
|
|
31
|
+
fontSize: 17,
|
|
32
|
+
fontWeight: 400,
|
|
33
|
+
lineHeight: 1.47,
|
|
34
|
+
letterSpacing: "-0.022em",
|
|
35
|
+
color: "var(--color-muted-foreground)",
|
|
36
|
+
}, children: body })] }));
|
|
37
|
+
const imageBlock = (_jsx("div", { style: {
|
|
38
|
+
width: "50%",
|
|
39
|
+
overflow: "hidden",
|
|
40
|
+
display: "flex",
|
|
41
|
+
alignItems: "center",
|
|
42
|
+
justifyContent: "center",
|
|
43
|
+
backgroundColor: "#e8e8ed",
|
|
44
|
+
}, children: _jsx("img", { src: image, alt: "", style: {
|
|
45
|
+
width: "100%",
|
|
46
|
+
height: "100%",
|
|
47
|
+
objectFit: "cover",
|
|
48
|
+
} }) }));
|
|
49
|
+
return (_jsx("div", { className: "slide", style: {
|
|
50
|
+
display: "flex",
|
|
51
|
+
background: "#ffffff",
|
|
52
|
+
overflow: "hidden",
|
|
53
|
+
}, children: imgRight ? (_jsxs(_Fragment, { children: [textBlock, imageBlock] })) : (_jsxs(_Fragment, { children: [imageBlock, textBlock] })) }));
|
|
54
|
+
}
|
|
55
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../patterns/photo-split/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import { z } from "zod";
|
|
2
|
+
export declare const schema: z.ZodObject<{
|
|
3
|
+
heading: z.ZodString;
|
|
4
|
+
plans: z.ZodArray<z.ZodObject<{
|
|
5
|
+
name: z.ZodString;
|
|
6
|
+
price: z.ZodString;
|
|
7
|
+
description: z.ZodOptional<z.ZodString>;
|
|
8
|
+
features: z.ZodArray<z.ZodString, "many">;
|
|
9
|
+
highlighted: z.ZodOptional<z.ZodBoolean>;
|
|
10
|
+
}, "strip", z.ZodTypeAny, {
|
|
11
|
+
name: string;
|
|
12
|
+
price: string;
|
|
13
|
+
features: string[];
|
|
14
|
+
description?: string | undefined;
|
|
15
|
+
highlighted?: boolean | undefined;
|
|
16
|
+
}, {
|
|
17
|
+
name: string;
|
|
18
|
+
price: string;
|
|
19
|
+
features: string[];
|
|
20
|
+
description?: string | undefined;
|
|
21
|
+
highlighted?: boolean | undefined;
|
|
22
|
+
}>, "many">;
|
|
23
|
+
}, "strip", z.ZodTypeAny, {
|
|
24
|
+
heading: string;
|
|
25
|
+
plans: {
|
|
26
|
+
name: string;
|
|
27
|
+
price: string;
|
|
28
|
+
features: string[];
|
|
29
|
+
description?: string | undefined;
|
|
30
|
+
highlighted?: boolean | undefined;
|
|
31
|
+
}[];
|
|
32
|
+
}, {
|
|
33
|
+
heading: string;
|
|
34
|
+
plans: {
|
|
35
|
+
name: string;
|
|
36
|
+
price: string;
|
|
37
|
+
features: string[];
|
|
38
|
+
description?: string | undefined;
|
|
39
|
+
highlighted?: boolean | undefined;
|
|
40
|
+
}[];
|
|
41
|
+
}>;
|
|
42
|
+
type Props = z.infer<typeof schema>;
|
|
43
|
+
export default function PricingTiers({ heading, plans }: Props): import("react/jsx-runtime").JSX.Element;
|
|
44
|
+
export {};
|
|
45
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../patterns/pricing-tiers/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAUxB,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAGjB,CAAC;AAEH,KAAK,KAAK,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,MAAM,CAAC,CAAC;AAEpC,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,KAAK,2CA6G7D"}
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { z } from "zod";
|
|
3
|
+
const planSchema = z.object({
|
|
4
|
+
name: z.string().min(1).describe("Plan name"),
|
|
5
|
+
price: z.string().min(1).describe("Price display"),
|
|
6
|
+
description: z.string().optional().describe("Plan description"),
|
|
7
|
+
features: z.array(z.string().min(1)).min(1).max(6).describe("Feature list"),
|
|
8
|
+
highlighted: z.boolean().optional().describe("Highlight this plan"),
|
|
9
|
+
});
|
|
10
|
+
export const schema = z.object({
|
|
11
|
+
heading: z.string().min(1).max(60).describe("Section heading"),
|
|
12
|
+
plans: z.array(planSchema).min(2).max(3).describe("Pricing plans"),
|
|
13
|
+
});
|
|
14
|
+
export default function PricingTiers({ heading, plans }) {
|
|
15
|
+
return (_jsxs("div", { className: "slide-stack", style: { justifyContent: "center", gap: 40 }, children: [_jsx("h2", { style: {
|
|
16
|
+
fontSize: 48,
|
|
17
|
+
fontWeight: 600,
|
|
18
|
+
lineHeight: 1.08,
|
|
19
|
+
letterSpacing: "-0.003em",
|
|
20
|
+
textAlign: "center",
|
|
21
|
+
}, children: heading }), _jsx("div", { style: {
|
|
22
|
+
display: "grid",
|
|
23
|
+
gridTemplateColumns: `repeat(${plans.length}, 1fr)`,
|
|
24
|
+
gap: 20,
|
|
25
|
+
}, children: plans.map((plan, i) => (_jsxs("div", { style: {
|
|
26
|
+
backgroundColor: "#ffffff",
|
|
27
|
+
borderRadius: 18,
|
|
28
|
+
border: plan.highlighted ? "1.5px solid var(--color-primary)" : "none",
|
|
29
|
+
padding: "36px 32px",
|
|
30
|
+
display: "flex",
|
|
31
|
+
flexDirection: "column",
|
|
32
|
+
gap: 20,
|
|
33
|
+
boxShadow: plan.highlighted
|
|
34
|
+
? "0 2px 12px rgba(0,113,227,0.08)"
|
|
35
|
+
: "4px 4px 12px rgba(0,0,0,0.06)",
|
|
36
|
+
}, children: [_jsx("span", { style: {
|
|
37
|
+
fontSize: 14,
|
|
38
|
+
fontWeight: 600,
|
|
39
|
+
letterSpacing: "-0.016em",
|
|
40
|
+
color: plan.highlighted ? "var(--color-primary)" : "var(--color-muted-foreground)",
|
|
41
|
+
}, children: plan.name }), _jsx("span", { style: {
|
|
42
|
+
fontSize: 40,
|
|
43
|
+
fontWeight: 600,
|
|
44
|
+
fontFamily: "var(--font-heading)",
|
|
45
|
+
lineHeight: 1,
|
|
46
|
+
letterSpacing: "-0.009em",
|
|
47
|
+
color: "var(--color-foreground)",
|
|
48
|
+
}, children: plan.price }), plan.description && (_jsx("span", { style: {
|
|
49
|
+
fontSize: 14,
|
|
50
|
+
fontWeight: 400,
|
|
51
|
+
letterSpacing: "-0.016em",
|
|
52
|
+
color: "var(--color-muted-foreground)",
|
|
53
|
+
lineHeight: 1.43,
|
|
54
|
+
}, children: plan.description })), _jsx("div", { style: { height: 1, backgroundColor: "rgba(0,0,0,0.08)" } }), _jsx("div", { style: { display: "flex", flexDirection: "column", gap: 12 }, children: plan.features.map((feat, fi) => (_jsxs("div", { style: { display: "flex", alignItems: "center", gap: 10 }, children: [_jsx("svg", { width: 14, height: 14, viewBox: "0 0 16 16", fill: "none", style: { flexShrink: 0 }, children: _jsx("path", { d: "M3 8.5L6.5 12L13 4", stroke: plan.highlighted ? "var(--color-primary)" : "var(--color-muted-foreground)", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }), _jsx("span", { style: {
|
|
55
|
+
fontSize: 14,
|
|
56
|
+
fontWeight: 400,
|
|
57
|
+
letterSpacing: "-0.016em",
|
|
58
|
+
color: "var(--color-foreground)",
|
|
59
|
+
lineHeight: 1.43,
|
|
60
|
+
}, children: feat })] }, fi))) })] }, i))) })] }));
|
|
61
|
+
}
|
|
62
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../patterns/pricing-tiers/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -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
|
+
items: z.ZodArray<z.ZodObject<{
|
|
6
|
+
category: z.ZodString;
|
|
7
|
+
icon: z.ZodString;
|
|
8
|
+
title: z.ZodString;
|
|
9
|
+
}, "strip", z.ZodTypeAny, {
|
|
10
|
+
title: string;
|
|
11
|
+
icon: string;
|
|
12
|
+
category: string;
|
|
13
|
+
}, {
|
|
14
|
+
title: string;
|
|
15
|
+
icon: string;
|
|
16
|
+
category: string;
|
|
17
|
+
}>, "many">;
|
|
18
|
+
}, "strip", z.ZodTypeAny, {
|
|
19
|
+
heading: string;
|
|
20
|
+
items: {
|
|
21
|
+
title: string;
|
|
22
|
+
icon: string;
|
|
23
|
+
category: string;
|
|
24
|
+
}[];
|
|
25
|
+
label?: string | undefined;
|
|
26
|
+
}, {
|
|
27
|
+
heading: string;
|
|
28
|
+
items: {
|
|
29
|
+
title: string;
|
|
30
|
+
icon: string;
|
|
31
|
+
category: string;
|
|
32
|
+
}[];
|
|
33
|
+
label?: string | undefined;
|
|
34
|
+
}>;
|
|
35
|
+
type Props = z.infer<typeof schema>;
|
|
36
|
+
export default function ShowcaseGrid({ label, heading, items }: 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/showcase-grid/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,YAAY,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,KAAK,2CAgFpE"}
|