@deckspec/theme-noir-display 0.1.0 → 0.1.1

package/dist/components/card/index.d.ts

@@ -0,0 +1,12 @@
+import type { ReactElement, ReactNode, CSSProperties } from "react";
+interface CardProps {
+    children: ReactNode;
+    highlight?: boolean;
+    style?: CSSProperties;
+}
+/**
+ * Dark card with subtle border and rounded corners.
+ */
+export declare function Card({ children, highlight, style }: CardProps): ReactElement;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/components/card/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/card/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEpE,UAAU,SAAS;IACjB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAED;;GAEG;AACH,wBAAgB,IAAI,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,SAAS,GAAG,YAAY,CAmB5E"}

package/dist/components/card/index.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Dark card with subtle border and rounded corners.
+ */
+export function Card({ children, highlight, style }) {
+    return (_jsx("div", { style: {
+            backgroundColor: "var(--color-card-background)",
+            borderRadius: "var(--radius)",
+            border: highlight
+                ? "1px solid var(--color-primary)"
+                : "1px solid var(--color-border)",
+            padding: "32px",
+            display: "flex",
+            flexDirection: "column",
+            gap: 12,
+            ...style,
+        }, children: children }));
+}
+//# sourceMappingURL=index.js.map

package/dist/components/card/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/card/index.tsx"],"names":[],"mappings":";AAQA;;GAEG;AACH,MAAM,UAAU,IAAI,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAa;IAC5D,OAAO,CACL,cACE,KAAK,EAAE;YACL,eAAe,EAAE,8BAA8B;YAC/C,YAAY,EAAE,eAAe;YAC7B,MAAM,EAAE,SAAS;gBACf,CAAC,CAAC,gCAAgC;gBAClC,CAAC,CAAC,+BAA+B;YACnC,OAAO,EAAE,MAAM;YACf,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;YACvB,GAAG,EAAE,EAAE;YACP,GAAG,KAAK;SACT,YAEA,QAAQ,GACL,CACP,CAAC;AACJ,CAAC"}

package/dist/components/index.d.ts

@@ -0,0 +1,3 @@
+export { SlideHeader } from "./slide-header/index.js";
+export { Card } from "./card/index.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/components/index.js

@@ -0,0 +1,3 @@
+export { SlideHeader } from "./slide-header/index.js";
+export { Card } from "./card/index.js";
+//# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/components/slide-header/index.d.ts

@@ -0,0 +1,13 @@
+import type { ReactElement } from "react";
+interface SlideHeaderProps {
+    label?: string;
+    heading: string;
+    headingSize?: number;
+}
+/**
+ * Minimal slide header — optional muted label + display heading.
+ * Apple-style: label is small muted text, heading is large semibold.
+ */
+export declare function SlideHeader({ label, heading, headingSize, }: SlideHeaderProps): ReactElement;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/components/slide-header/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/slide-header/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE1C,UAAU,gBAAgB;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;;GAGG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,OAAO,EACP,WAAgB,GACjB,EAAE,gBAAgB,GAAG,YAAY,CA8BjC"}

package/dist/components/slide-header/index.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Minimal slide header — optional muted label + display heading.
+ * Apple-style: label is small muted text, heading is large semibold.
+ */
+export function SlideHeader({ label, heading, headingSize = 40, }) {
+    return (_jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: [label && (_jsx("span", { style: {
+                    fontSize: 14,
+                    fontWeight: 600,
+                    letterSpacing: "-0.016em",
+                    color: "var(--color-accent)",
+                }, children: label })), _jsx("h2", { style: {
+                    fontFamily: "var(--font-heading)",
+                    fontSize: headingSize,
+                    fontWeight: 600,
+                    lineHeight: 1.1,
+                    letterSpacing: headingSize >= 48 ? "-0.015em" : "-0.009em",
+                    color: "var(--color-foreground)",
+                    margin: 0,
+                }, children: heading })] }));
+}
+//# sourceMappingURL=index.js.map

package/dist/components/slide-header/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/slide-header/index.tsx"],"names":[],"mappings":";AAQA;;;GAGG;AACH,MAAM,UAAU,WAAW,CAAC,EAC1B,KAAK,EACL,OAAO,EACP,WAAW,GAAG,EAAE,GACC;IACjB,OAAO,CACL,eAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,aAC7D,KAAK,IAAI,CACR,eACE,KAAK,EAAE;oBACL,QAAQ,EAAE,EAAE;oBACZ,UAAU,EAAE,GAAG;oBACf,aAAa,EAAE,UAAU;oBACzB,KAAK,EAAE,qBAAqB;iBAC7B,YAEA,KAAK,GACD,CACR,EACD,aACE,KAAK,EAAE;oBACL,UAAU,EAAE,qBAAqB;oBACjC,QAAQ,EAAE,WAAW;oBACrB,UAAU,EAAE,GAAG;oBACf,UAAU,EAAE,GAAG;oBACf,aAAa,EAAE,WAAW,IAAI,EAAE,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU;oBAC1D,KAAK,EAAE,yBAAyB;oBAChC,MAAM,EAAE,CAAC;iBACV,YAEA,OAAO,GACL,IACD,CACP,CAAC;AACJ,CAAC"}

package/dist/patterns/_lib/chart-colors.d.ts

@@ -0,0 +1,3 @@
+export declare const chartColors: string[];
+export declare function getChartColor(index: number): string;
+//# sourceMappingURL=chart-colors.d.ts.map

package/dist/patterns/_lib/chart-colors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-colors.d.ts","sourceRoot":"","sources":["../../../patterns/_lib/chart-colors.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW,UAOvB,CAAC;AAEF,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAEnD"}

package/dist/patterns/_lib/chart-colors.js

@@ -0,0 +1,12 @@
+export const chartColors = [
+    "var(--color-primary)",
+    "var(--color-foreground)",
+    "var(--color-muted-foreground)",
+    "#6366f1", // indigo accent
+    "#0891b2", // cyan accent
+    "#059669", // emerald accent
+];
+export function getChartColor(index) {
+    return chartColors[index % chartColors.length];
+}
+//# sourceMappingURL=chart-colors.js.map

package/dist/patterns/_lib/chart-colors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-colors.js","sourceRoot":"","sources":["../../../patterns/_lib/chart-colors.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,WAAW,GAAG;IACzB,sBAAsB;IACtB,yBAAyB;IACzB,+BAA+B;IAC/B,SAAS,EAAE,gBAAgB;IAC3B,SAAS,EAAE,cAAc;IACzB,SAAS,EAAE,iBAAiB;CAC7B,CAAC;AAEF,MAAM,UAAU,aAAa,CAAC,KAAa;IACzC,OAAO,WAAW,CAAC,KAAK,GAAG,WAAW,CAAC,MAAM,CAAC,CAAC;AACjD,CAAC"}

package/dist/patterns/_lib/icon.d.ts

@@ -0,0 +1,10 @@
+import { type ReactElement } from "react";
+interface IconProps {
+    name: string;
+    size?: number;
+    color?: string;
+    strokeWidth?: number;
+}
+export declare function Icon({ name, size, color, strokeWidth, }: IconProps): ReactElement;
+export {};
+//# sourceMappingURL=icon.d.ts.map

package/dist/patterns/_lib/icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../patterns/_lib/icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqC,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAM7E,UAAU,SAAS;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AASD,wBAAgB,IAAI,CAAC,EACnB,IAAI,EACJ,IAAS,EACT,KAAsB,EACtB,WAAe,GAChB,EAAE,SAAS,GAAG,YAAY,CAwB1B"}

package/dist/patterns/_lib/icon.js

@@ -0,0 +1,33 @@
+import { createElement } from "react";
+import * as lucideIcons from "lucide-react";
+import * as phIcons from "@phosphor-icons/react";
+function toPascalCase(kebab) {
+    return kebab
+        .split("-")
+        .map((s) => s.charAt(0).toUpperCase() + s.slice(1))
+        .join("");
+}
+export function Icon({ name, size = 24, color = "currentColor", strokeWidth = 2, }) {
+    // Support "ph:icon-name" prefix for explicit Phosphor selection
+    const [lib, iconName] = name.includes(":")
+        ? name.split(":", 2)
+        : ["lucide", name];
+    const pascalName = toPascalCase(iconName);
+    if (lib === "ph") {
+        const PhIcon = phIcons[pascalName];
+        if (PhIcon) {
+            return createElement(PhIcon, { size, color, weight: "regular" });
+        }
+    }
+    else {
+        const LucideIcon = lucideIcons[pascalName];
+        if (LucideIcon) {
+            return createElement(LucideIcon, { size, color, strokeWidth });
+        }
+    }
+    // Fallback: empty placeholder
+    return createElement("span", {
+        style: { display: "inline-block", width: size, height: size },
+    });
+}
+//# sourceMappingURL=icon.js.map

package/dist/patterns/_lib/icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.js","sourceRoot":"","sources":["../../../patterns/_lib/icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAyC,MAAM,OAAO,CAAC;AAC7E,OAAO,KAAK,WAAW,MAAM,cAAc,CAAC;AAC5C,OAAO,KAAK,OAAO,MAAM,uBAAuB,CAAC;AAWjD,SAAS,YAAY,CAAC,KAAa;IACjC,OAAO,KAAK;SACT,KAAK,CAAC,GAAG,CAAC;SACV,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;SAClD,IAAI,CAAC,EAAE,CAAC,CAAC;AACd,CAAC;AAED,MAAM,UAAU,IAAI,CAAC,EACnB,IAAI,EACJ,IAAI,GAAG,EAAE,EACT,KAAK,GAAG,cAAc,EACtB,WAAW,GAAG,CAAC,GACL;IACV,gEAAgE;IAChE,MAAM,CAAC,GAAG,EAAE,QAAQ,CAAC,GAAG,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC;QACxC,CAAC,CAAE,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,CAAsB;QAC1C,CAAC,CAAC,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC;IAErB,MAAM,UAAU,GAAG,YAAY,CAAC,QAAQ,CAAC,CAAC;IAE1C,IAAI,GAAG,KAAK,IAAI,EAAE,CAAC;QACjB,MAAM,MAAM,GAAI,OAA8B,CAAC,UAAU,CAAC,CAAC;QAC3D,IAAI,MAAM,EAAE,CAAC;YACX,OAAO,aAAa,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,CAAC;QACnE,CAAC;IACH,CAAC;SAAM,CAAC;QACN,MAAM,UAAU,GAAI,WAAkC,CAAC,UAAU,CAAC,CAAC;QACnE,IAAI,UAAU,EAAE,CAAC;YACf,OAAO,aAAa,CAAC,UAAU,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE,CAAC,CAAC;QACjE,CAAC;IACH,CAAC;IAED,8BAA8B;IAC9B,OAAO,aAAa,CAAC,MAAM,EAAE;QAC3B,KAAK,EAAE,EAAE,OAAO,EAAE,cAAc,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE;KAC9D,CAAC,CAAC;AACL,CAAC"}

package/dist/patterns/big-number/index.d.ts

@@ -0,0 +1,24 @@
+import { z } from "zod";
+export declare const schema: z.ZodObject<{
+    label: z.ZodOptional<z.ZodString>;
+    value: z.ZodString;
+    unit: z.ZodOptional<z.ZodString>;
+    headline: z.ZodString;
+    description: z.ZodOptional<z.ZodString>;
+}, "strip", z.ZodTypeAny, {
+    value: string;
+    headline: string;
+    label?: string | undefined;
+    description?: string | undefined;
+    unit?: string | undefined;
+}, {
+    value: string;
+    headline: string;
+    label?: string | undefined;
+    description?: string | undefined;
+    unit?: string | undefined;
+}>;
+type Props = z.infer<typeof schema>;
+export default function BigNumber({ label, value, unit, headline, description }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/patterns/big-number/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../patterns/big-number/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAExB,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;EAMjB,CAAC;AAEH,KAAK,KAAK,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,MAAM,CAAC,CAAC;AAEpC,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,EAAE,KAAK,2CA0ErF"}

package/dist/patterns/big-number/index.js

@@ -0,0 +1,44 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { z } from "zod";
+export const schema = z.object({
+    label: z.string().min(1).max(30).optional().describe("Accent eyebrow"),
+    value: z.string().min(1).max(20).describe("Massive display number"),
+    unit: z.string().max(10).optional().describe("Unit after number"),
+    headline: z.string().min(1).max(60).describe("Headline"),
+    description: z.string().max(200).optional().describe("Body text"),
+});
+export default function BigNumber({ label, value, unit, headline, description }) {
+    return (_jsx("div", { className: "slide", style: { display: "flex", alignItems: "center", justifyContent: "center", background: "#ffffff" }, children: _jsxs("div", { className: "stack-center", style: { gap: 20, maxWidth: 800, marginBottom: 32 }, children: [label && (_jsx("span", { style: {
+                        fontSize: 17,
+                        fontWeight: 600,
+                        letterSpacing: "-0.022em",
+                        color: "var(--color-primary)",
+                    }, children: label })), _jsxs("div", { style: { display: "flex", alignItems: "baseline", gap: 8 }, children: [_jsx("span", { style: {
+                                fontSize: 120,
+                                fontWeight: 600,
+                                fontFamily: "var(--font-heading)",
+                                lineHeight: 1,
+                                letterSpacing: "-0.025em",
+                                color: "var(--color-foreground)",
+                            }, children: value }), unit && (_jsx("span", { style: {
+                                fontSize: 40,
+                                fontWeight: 600,
+                                fontFamily: "var(--font-heading)",
+                                letterSpacing: "-0.009em",
+                                color: "var(--color-muted-foreground)",
+                            }, children: unit }))] }), _jsx("h3", { style: {
+                        fontSize: 28,
+                        fontWeight: 600,
+                        lineHeight: 1.14,
+                        letterSpacing: "0.007em",
+                    }, children: headline }), description && (_jsx("p", { style: {
+                        fontSize: 17,
+                        fontWeight: 400,
+                        lineHeight: 1.47,
+                        letterSpacing: "-0.022em",
+                        color: "var(--color-muted-foreground)",
+                        maxWidth: 600,
+                        textAlign: "center",
+                    }, children: description }))] }) }));
+}
+//# sourceMappingURL=index.js.map

package/dist/patterns/big-number/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../patterns/big-number/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,EAAE,CAAC,QAAQ,CAAC,gBAAgB,CAAC;IACtE,KAAK,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,wBAAwB,CAAC;IACnE,IAAI,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,mBAAmB,CAAC;IACjE,QAAQ,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,UAAU,CAAC;IACxD,WAAW,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,WAAW,CAAC;CAClE,CAAC,CAAC;AAIH,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAS;IACpF,OAAO,CACL,cAAK,SAAS,EAAC,OAAO,EAAC,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,cAAc,EAAE,QAAQ,EAAE,UAAU,EAAE,SAAS,EAAE,YACtH,eAAK,SAAS,EAAC,cAAc,EAAC,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,YAAY,EAAE,EAAE,EAAE,aAC9E,KAAK,IAAI,CACR,eACE,KAAK,EAAE;wBACL,QAAQ,EAAE,EAAE;wBACZ,UAAU,EAAE,GAAG;wBACf,aAAa,EAAE,UAAU;wBACzB,KAAK,EAAE,sBAAsB;qBAC9B,YAEA,KAAK,GACD,CACR,EAED,eAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,GAAG,EAAE,CAAC,EAAE,aAC7D,eACE,KAAK,EAAE;gCACL,QAAQ,EAAE,GAAG;gCACb,UAAU,EAAE,GAAG;gCACf,UAAU,EAAE,qBAAqB;gCACjC,UAAU,EAAE,CAAC;gCACb,aAAa,EAAE,UAAU;gCACzB,KAAK,EAAE,yBAAyB;6BACjC,YAEA,KAAK,GACD,EACN,IAAI,IAAI,CACP,eACE,KAAK,EAAE;gCACL,QAAQ,EAAE,EAAE;gCACZ,UAAU,EAAE,GAAG;gCACf,UAAU,EAAE,qBAAqB;gCACjC,aAAa,EAAE,UAAU;gCACzB,KAAK,EAAE,+BAA+B;6BACvC,YAEA,IAAI,GACA,CACR,IACG,EAEN,aACE,KAAK,EAAE;wBACL,QAAQ,EAAE,EAAE;wBACZ,UAAU,EAAE,GAAG;wBACf,UAAU,EAAE,IAAI;wBAChB,aAAa,EAAE,SAAS;qBACzB,YAEA,QAAQ,GACN,EAEJ,WAAW,IAAI,CACd,YACE,KAAK,EAAE;wBACL,QAAQ,EAAE,EAAE;wBACZ,UAAU,EAAE,GAAG;wBACf,UAAU,EAAE,IAAI;wBAChB,aAAa,EAAE,UAAU;wBACzB,KAAK,EAAE,+BAA+B;wBACtC,QAAQ,EAAE,GAAG;wBACb,SAAS,EAAE,QAAQ;qBACpB,YAEA,WAAW,GACV,CACL,IACG,GACF,CACP,CAAC;AACJ,CAAC"}

package/dist/patterns/body-message/index.d.ts

@@ -0,0 +1,62 @@
+import { z } from "zod";
+export declare const schema: z.ZodObject<{
+    label: z.ZodOptional<z.ZodString>;
+    heading: z.ZodString;
+    center: z.ZodString;
+    nodes: z.ZodArray<z.ZodObject<{
+        id: z.ZodString;
+        title: z.ZodString;
+    }, "strip", z.ZodTypeAny, {
+        title: string;
+        id: string;
+    }, {
+        title: string;
+        id: string;
+    }>, "many">;
+    explanations: z.ZodArray<z.ZodObject<{
+        id: z.ZodString;
+        title: z.ZodString;
+        items: z.ZodArray<z.ZodString, "many">;
+    }, "strip", z.ZodTypeAny, {
+        title: string;
+        items: string[];
+        id: string;
+    }, {
+        title: string;
+        items: string[];
+        id: string;
+    }>, "many">;
+    footer: z.ZodOptional<z.ZodString>;
+}, "strip", z.ZodTypeAny, {
+    center: string;
+    heading: string;
+    nodes: {
+        title: string;
+        id: string;
+    }[];
+    explanations: {
+        title: string;
+        items: string[];
+        id: string;
+    }[];
+    label?: string | undefined;
+    footer?: string | undefined;
+}, {
+    center: string;
+    heading: string;
+    nodes: {
+        title: string;
+        id: string;
+    }[];
+    explanations: {
+        title: string;
+        items: string[];
+        id: string;
+    }[];
+    label?: string | undefined;
+    footer?: string | undefined;
+}>;
+type Props = z.infer<typeof schema>;
+export default function BodyMessage({ label, heading, center, nodes, explanations, footer, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/patterns/body-message/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../patterns/body-message/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAcxB,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAOjB,CAAC;AAEH,KAAK,KAAK,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,MAAM,CAAC,CAAC;AAEpC,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,KAAK,EACL,OAAO,EACP,MAAM,EACN,KAAK,EACL,YAAY,EACZ,MAAM,GACP,EAAE,KAAK,2CAyPP"}

package/dist/patterns/body-message/index.js

@@ -0,0 +1,163 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { z } from "zod";
+import { SlideHeader } from "../../components/index.js";
+const nodeSchema = z.object({
+    id: z.string().min(1).max(3).describe("Node ID (A, B, C)"),
+    title: z.string().min(1).max(30).describe("Node title"),
+});
+const explanationSchema = z.object({
+    id: z.string().min(1).max(3).describe("Explanation ID matching node"),
+    title: z.string().min(1).max(30).describe("Explanation title"),
+    items: z.array(z.string()).min(1).max(5).describe("Detail points"),
+});
+export const schema = z.object({
+    label: z.string().min(1).max(30).optional().describe("Accent eyebrow"),
+    heading: z.string().min(1).max(60).describe("Section heading"),
+    center: z.string().min(1).max(40).describe("Central concept"),
+    nodes: z.array(nodeSchema).min(2).max(5).describe("Surrounding nodes"),
+    explanations: z.array(explanationSchema).min(2).max(5).describe("Explanations for each node"),
+    footer: z.string().min(1).max(100).optional().describe("Footer message"),
+});
+export default function BodyMessage({ label, heading, center, nodes, explanations, footer, }) {
+    // Position nodes around the center concept in a radial layout
+    const nodePositions = getNodePositions(nodes.length);
+    return (_jsxs("div", { className: "slide", style: {
+            display: "flex",
+            flexDirection: "column",
+            background: "var(--color-card-background)",
+            padding: "40px 60px",
+            gap: 20,
+        }, children: [_jsx(SlideHeader, { label: label, heading: heading }), _jsxs("div", { style: { display: "flex", gap: 32, flex: 1, minHeight: 0 }, children: [_jsxs("div", { style: {
+                            width: "58%",
+                            position: "relative",
+                            display: "flex",
+                            alignItems: "center",
+                            justifyContent: "center",
+                        }, children: [_jsx("div", { style: {
+                                    position: "absolute",
+                                    left: "50%",
+                                    top: "50%",
+                                    transform: "translate(-50%, -50%)",
+                                    backgroundColor: "var(--color-card-background)",
+                                    border: "2px solid var(--color-primary)",
+                                    borderRadius: 16,
+                                    padding: "20px 28px",
+                                    textAlign: "center",
+                                    zIndex: 2,
+                                    boxShadow: "4px 4px 12px rgba(0,0,0,0.06)",
+                                }, children: _jsx("span", { style: {
+                                        fontSize: 19,
+                                        fontWeight: 600,
+                                        fontFamily: "var(--font-heading)",
+                                        letterSpacing: "-0.022em",
+                                        color: "var(--color-foreground)",
+                                        lineHeight: 1.3,
+                                    }, children: center }) }), nodes.map((node, i) => {
+                                const pos = nodePositions[i];
+                                return (_jsxs("div", { style: {
+                                        position: "absolute",
+                                        left: `${pos.x}%`,
+                                        top: `${pos.y}%`,
+                                        transform: "translate(-50%, -50%)",
+                                        backgroundColor: "var(--color-muted)",
+                                        borderRadius: 12,
+                                        padding: "12px 18px",
+                                        textAlign: "center",
+                                        zIndex: 1,
+                                        minWidth: 100,
+                                    }, children: [_jsx("span", { style: {
+                                                fontSize: 12,
+                                                fontWeight: 600,
+                                                fontFamily: "var(--font-heading)",
+                                                color: "var(--color-primary)",
+                                                display: "block",
+                                                marginBottom: 2,
+                                            }, children: node.id }), _jsx("span", { style: {
+                                                fontSize: 14,
+                                                fontWeight: 600,
+                                                fontFamily: "var(--font-heading)",
+                                                letterSpacing: "-0.016em",
+                                                color: "var(--color-foreground)",
+                                                lineHeight: 1.3,
+                                            }, children: node.title })] }, i));
+                            }), _jsx("svg", { style: {
+                                    position: "absolute",
+                                    left: 0,
+                                    top: 0,
+                                    width: "100%",
+                                    height: "100%",
+                                    zIndex: 0,
+                                    overflow: "visible",
+                                }, viewBox: "0 0 100 100", preserveAspectRatio: "none", children: nodes.map((_, i) => {
+                                    const pos = nodePositions[i];
+                                    return (_jsx("line", { x1: "50", y1: "50", x2: pos.x, y2: pos.y, stroke: "var(--color-border)", strokeWidth: "0.4", strokeDasharray: "1,1" }, i));
+                                }) })] }), _jsx("div", { style: {
+                            width: "42%",
+                            display: "flex",
+                            flexDirection: "column",
+                            justifyContent: "center",
+                            gap: 16,
+                        }, children: explanations.map((exp, i) => (_jsxs("div", { style: {
+                                display: "flex",
+                                flexDirection: "column",
+                                gap: 6,
+                            }, children: [_jsxs("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [_jsx("span", { style: {
+                                                fontSize: 13,
+                                                fontWeight: 600,
+                                                fontFamily: "var(--font-heading)",
+                                                color: "var(--color-primary)",
+                                                backgroundColor: "var(--color-background)",
+                                                borderRadius: 6,
+                                                padding: "2px 8px",
+                                                lineHeight: 1.4,
+                                            }, children: exp.id }), _jsx("span", { style: {
+                                                fontSize: 17,
+                                                fontWeight: 600,
+                                                fontFamily: "var(--font-heading)",
+                                                letterSpacing: "-0.022em",
+                                                color: "var(--color-foreground)",
+                                                lineHeight: 1.3,
+                                            }, children: exp.title })] }), _jsx("ul", { style: {
+                                        listStyle: "none",
+                                        margin: 0,
+                                        padding: 0,
+                                        display: "flex",
+                                        flexDirection: "column",
+                                        gap: 4,
+                                        paddingLeft: 4,
+                                    }, children: exp.items.map((item, j) => (_jsxs("li", { style: {
+                                            fontSize: 14,
+                                            fontWeight: 400,
+                                            fontFamily: "var(--font-body)",
+                                            letterSpacing: "-0.016em",
+                                            lineHeight: 1.43,
+                                            color: "var(--color-muted-foreground)",
+                                            paddingLeft: 14,
+                                            position: "relative",
+                                        }, children: [_jsx("span", { style: {
+                                                    position: "absolute",
+                                                    left: 0,
+                                                    top: 0,
+                                                    color: "var(--color-muted-foreground)",
+                                                }, children: "\u2022" }), item] }, j))) })] }, i))) })] }), footer && (_jsx("div", { style: { textAlign: "center" }, children: _jsx("span", { style: {
+                        fontSize: 14,
+                        fontWeight: 400,
+                        fontFamily: "var(--font-body)",
+                        letterSpacing: "-0.016em",
+                        color: "var(--color-muted-foreground)",
+                        lineHeight: 1.43,
+                    }, children: footer }) }))] }));
+}
+/** Compute radial positions (%) for nodes around center (50,50) */
+function getNodePositions(count) {
+    const radius = 36;
+    const startAngle = -Math.PI / 2; // Start from top
+    return Array.from({ length: count }, (_, i) => {
+        const angle = startAngle + (2 * Math.PI * i) / count;
+        return {
+            x: 50 + radius * Math.cos(angle),
+            y: 50 + radius * Math.sin(angle),
+        };
+    });
+}
+//# sourceMappingURL=index.js.map

package/dist/patterns/body-message/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../patterns/body-message/index.tsx"],"names":[],"mappings":"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"}

package/dist/patterns/bullet-list/index.d.ts

@@ -0,0 +1,33 @@
+import { z } from "zod";
+export declare const schema: z.ZodObject<{
+    label: z.ZodOptional<z.ZodString>;
+    heading: z.ZodString;
+    items: z.ZodArray<z.ZodObject<{
+        title: z.ZodString;
+        description: z.ZodOptional<z.ZodString>;
+    }, "strip", z.ZodTypeAny, {
+        title: string;
+        description?: string | undefined;
+    }, {
+        title: string;
+        description?: string | undefined;
+    }>, "many">;
+}, "strip", z.ZodTypeAny, {
+    heading: string;
+    items: {
+        title: string;
+        description?: string | undefined;
+    }[];
+    label?: string | undefined;
+}, {
+    heading: string;
+    items: {
+        title: string;
+        description?: string | undefined;
+    }[];
+    label?: string | undefined;
+}>;
+type Props = z.infer<typeof schema>;
+export default function BulletList({ label, heading, items }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/patterns/bullet-list/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../patterns/bullet-list/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,UAAU,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,KAAK,2CAoHlE"}

package/dist/patterns/bullet-list/index.js

@@ -0,0 +1,72 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { z } from "zod";
+const itemSchema = z.object({
+    title: z.string().min(1).describe("Item title"),
+    description: z.string().optional().describe("Item description"),
+});
+export const schema = z.object({
+    label: z.string().min(1).max(30).optional().describe("Accent eyebrow"),
+    heading: z.string().min(1).max(80).describe("Section heading"),
+    items: z.array(itemSchema).min(2).max(6).describe("List items"),
+});
+export default function BulletList({ label, heading, items }) {
+    return (_jsxs("div", { className: "slide", style: {
+            display: "flex",
+            background: "#ffffff",
+            overflow: "hidden",
+        }, children: [_jsxs("div", { style: {
+                    width: "40%",
+                    padding: "60px 48px 60px 80px",
+                    display: "flex",
+                    flexDirection: "column",
+                    justifyContent: "center",
+                    gap: 8,
+                }, children: [label && (_jsx("span", { style: {
+                            fontSize: 17,
+                            fontWeight: 600,
+                            letterSpacing: "-0.022em",
+                            color: "var(--color-primary)",
+                        }, children: label })), _jsx("h2", { style: {
+                            fontSize: 40,
+                            fontWeight: 600,
+                            lineHeight: 1.1,
+                            letterSpacing: "-0.009em",
+                        }, children: heading })] }), _jsx("div", { style: {
+                    flex: 1,
+                    padding: "60px 80px 60px 0",
+                    display: "flex",
+                    flexDirection: "column",
+                    justifyContent: "center",
+                }, children: items.map((item, i) => (_jsxs("div", { style: {
+                        display: "flex",
+                        alignItems: "baseline",
+                        gap: 16,
+                        padding: "14px 0",
+                        borderBottom: i < items.length - 1
+                            ? "1px solid rgba(0,0,0,0.08)"
+                            : "none",
+                    }, children: [_jsx("span", { style: {
+                                fontSize: 14,
+                                fontWeight: 600,
+                                fontFamily: "var(--font-heading)",
+                                color: "var(--color-muted-foreground)",
+                                letterSpacing: "-0.016em",
+                                minWidth: 24,
+                                flexShrink: 0,
+                            }, children: String(i + 1).padStart(2, "0") }), _jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 4 }, children: [_jsx("span", { style: {
+                                        fontSize: 19,
+                                        fontWeight: 600,
+                                        fontFamily: "var(--font-heading)",
+                                        letterSpacing: "0.012em",
+                                        color: "var(--color-foreground)",
+                                        lineHeight: 1.37,
+                                    }, children: item.title }), item.description && (_jsx("span", { style: {
+                                        fontSize: 15,
+                                        fontWeight: 400,
+                                        fontFamily: "var(--font-body)",
+                                        letterSpacing: "-0.022em",
+                                        color: "var(--color-muted-foreground)",
+                                        lineHeight: 1.47,
+                                    }, children: item.description }))] })] }, i))) })] }));
+}
+//# sourceMappingURL=index.js.map

package/dist/patterns/bullet-list/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../patterns/bullet-list/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAExB,MAAM,UAAU,GAAG,CAAC,CAAC,MAAM,CAAC;IAC1B,KAAK,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,YAAY,CAAC;IAC/C,WAAW,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,kBAAkB,CAAC;CAChE,CAAC,CAAC;AAEH,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,EAAE,CAAC,QAAQ,CAAC,gBAAgB,CAAC;IACtE,OAAO,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,iBAAiB,CAAC;IAC9D,KAAK,EAAE,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,YAAY,CAAC;CAChE,CAAC,CAAC;AAIH,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAS;IACjE,OAAO,CACL,eACE,SAAS,EAAC,OAAO,EACjB,KAAK,EAAE;YACL,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,SAAS;YACrB,QAAQ,EAAE,QAAQ;SACnB,aAGD,eACE,KAAK,EAAE;oBACL,KAAK,EAAE,KAAK;oBACZ,OAAO,EAAE,qBAAqB;oBAC9B,OAAO,EAAE,MAAM;oBACf,aAAa,EAAE,QAAQ;oBACvB,cAAc,EAAE,QAAQ;oBACxB,GAAG,EAAE,CAAC;iBACP,aAEA,KAAK,IAAI,CACR,eACE,KAAK,EAAE;4BACL,QAAQ,EAAE,EAAE;4BACZ,UAAU,EAAE,GAAG;4BACf,aAAa,EAAE,UAAU;4BACzB,KAAK,EAAE,sBAAsB;yBAC9B,YAEA,KAAK,GACD,CACR,EACD,aACE,KAAK,EAAE;4BACL,QAAQ,EAAE,EAAE;4BACZ,UAAU,EAAE,GAAG;4BACf,UAAU,EAAE,GAAG;4BACf,aAAa,EAAE,UAAU;yBAC1B,YAEA,OAAO,GACL,IACD,EAGN,cACE,KAAK,EAAE;oBACL,IAAI,EAAE,CAAC;oBACP,OAAO,EAAE,kBAAkB;oBAC3B,OAAO,EAAE,MAAM;oBACf,aAAa,EAAE,QAAQ;oBACvB,cAAc,EAAE,QAAQ;iBACzB,YAEA,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CACtB,eAEE,KAAK,EAAE;wBACL,OAAO,EAAE,MAAM;wBACf,UAAU,EAAE,UAAU;wBACtB,GAAG,EAAE,EAAE;wBACP,OAAO,EAAE,QAAQ;wBACjB,YAAY,EACV,CAAC,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC;4BAClB,CAAC,CAAC,4BAA4B;4BAC9B,CAAC,CAAC,MAAM;qBACb,aAED,eACE,KAAK,EAAE;gCACL,QAAQ,EAAE,EAAE;gCACZ,UAAU,EAAE,GAAG;gCACf,UAAU,EAAE,qBAAqB;gCACjC,KAAK,EAAE,+BAA+B;gCACtC,aAAa,EAAE,UAAU;gCACzB,QAAQ,EAAE,EAAE;gCACZ,UAAU,EAAE,CAAC;6BACd,YAEA,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,GAC1B,EAEP,eAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,aAC9D,eACE,KAAK,EAAE;wCACL,QAAQ,EAAE,EAAE;wCACZ,UAAU,EAAE,GAAG;wCACf,UAAU,EAAE,qBAAqB;wCACjC,aAAa,EAAE,SAAS;wCACxB,KAAK,EAAE,yBAAyB;wCAChC,UAAU,EAAE,IAAI;qCACjB,YAEA,IAAI,CAAC,KAAK,GACN,EACN,IAAI,CAAC,WAAW,IAAI,CACnB,eACE,KAAK,EAAE;wCACL,QAAQ,EAAE,EAAE;wCACZ,UAAU,EAAE,GAAG;wCACf,UAAU,EAAE,kBAAkB;wCAC9B,aAAa,EAAE,UAAU;wCACzB,KAAK,EAAE,+BAA+B;wCACtC,UAAU,EAAE,IAAI;qCACjB,YAEA,IAAI,CAAC,WAAW,GACZ,CACR,IACG,KArDD,CAAC,CAsDF,CACP,CAAC,GACE,IACF,CACP,CAAC;AACJ,CAAC"}