npm - @spectratools/graphic-designer-cli - Versions diffs - 0.7.0 → 0.8.0 - Mend

@spectratools/graphic-designer-cli 0.7.0 → 0.8.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (11) hide show

package/dist/cli.js +83 -16
package/dist/index.d.ts +2 -2
package/dist/index.js +83 -16
package/dist/qa.d.ts +1 -1
package/dist/qa.js +56 -10
package/dist/renderer.d.ts +1 -1
package/dist/renderer.js +83 -16
package/dist/{spec.schema-BeFz_nk1.d.ts → spec.schema-B_Z-KNqt.d.ts} +1494 -28
package/dist/spec.schema.d.ts +1 -1
package/dist/spec.schema.js +56 -10
package/package.json +1 -1

package/dist/{spec.schema-BeFz_nk1.d.ts → spec.schema-B_Z-KNqt.d.ts} RENAMED Viewed

@@ -116,6 +116,10 @@ type LinearGradientSpec = {
 };
 type RadialGradientSpec = {
     type: 'radial';
+    cx?: number | undefined;
+    cy?: number | undefined;
+    innerRadius?: number | undefined;
+    outerRadius?: number | undefined;
     stops: GradientStop$1[];
 };
 type GradientSpec = LinearGradientSpec | RadialGradientSpec;
@@ -354,6 +358,10 @@ declare const linearGradientSchema: z.ZodObject<{
 }>;
 declare const radialGradientSchema: z.ZodObject<{
     type: z.ZodLiteral<"radial">;
+    cx: z.ZodOptional<z.ZodNumber>;
+    cy: z.ZodOptional<z.ZodNumber>;
+    innerRadius: z.ZodOptional<z.ZodNumber>;
+    outerRadius: z.ZodOptional<z.ZodNumber>;
     stops: z.ZodArray<z.ZodObject<{
         offset: z.ZodNumber;
         color: z.ZodEffects<z.ZodEffects<z.ZodString, string, string>, string, string>;
@@ -370,12 +378,20 @@ declare const radialGradientSchema: z.ZodObject<{
         color: string;
         offset: number;
     }[];
+    cx?: number | undefined;
+    cy?: number | undefined;
+    innerRadius?: number | undefined;
+    outerRadius?: number | undefined;
 }, {
     type: "radial";
     stops: {
         color: string;
         offset: number;
     }[];
+    cx?: number | undefined;
+    cy?: number | undefined;
+    innerRadius?: number | undefined;
+    outerRadius?: number | undefined;
 }>;
 declare const gradientSchema: z.ZodDiscriminatedUnion<"type", [z.ZodObject<{
     type: z.ZodLiteral<"linear">;
@@ -406,6 +422,10 @@ declare const gradientSchema: z.ZodDiscriminatedUnion<"type", [z.ZodObject<{
     angle?: number | undefined;
 }>, z.ZodObject<{
     type: z.ZodLiteral<"radial">;
+    cx: z.ZodOptional<z.ZodNumber>;
+    cy: z.ZodOptional<z.ZodNumber>;
+    innerRadius: z.ZodOptional<z.ZodNumber>;
+    outerRadius: z.ZodOptional<z.ZodNumber>;
     stops: z.ZodArray<z.ZodObject<{
         offset: z.ZodNumber;
         color: z.ZodEffects<z.ZodEffects<z.ZodString, string, string>, string, string>;
@@ -422,13 +442,37 @@ declare const gradientSchema: z.ZodDiscriminatedUnion<"type", [z.ZodObject<{
         color: string;
         offset: number;
     }[];
+    cx?: number | undefined;
+    cy?: number | undefined;
+    innerRadius?: number | undefined;
+    outerRadius?: number | undefined;
 }, {
     type: "radial";
     stops: {
         color: string;
         offset: number;
     }[];
+    cx?: number | undefined;
+    cy?: number | undefined;
+    innerRadius?: number | undefined;
+    outerRadius?: number | undefined;
 }>]>;
+declare const drawShadowSchema: z.ZodObject<{
+    color: z.ZodDefault<z.ZodEffects<z.ZodEffects<z.ZodString, string, string>, string, string>>;
+    blur: z.ZodDefault<z.ZodNumber>;
+    offsetX: z.ZodDefault<z.ZodNumber>;
+    offsetY: z.ZodDefault<z.ZodNumber>;
+}, "strict", z.ZodTypeAny, {
+    color: string;
+    blur: number;
+    offsetX: number;
+    offsetY: number;
+}, {
+    color?: string | undefined;
+    blur?: number | undefined;
+    offsetX?: number | undefined;
+    offsetY?: number | undefined;
+}>;
 declare const drawFontFamilySchema: z.ZodEnum<["heading", "body", "mono"]>;
 declare const drawRectSchema: z.ZodObject<{
     type: z.ZodLiteral<"rect">;
@@ -441,6 +485,22 @@ declare const drawRectSchema: z.ZodObject<{
     strokeWidth: z.ZodDefault<z.ZodNumber>;
     radius: z.ZodDefault<z.ZodNumber>;
     opacity: z.ZodDefault<z.ZodNumber>;
+    shadow: z.ZodOptional<z.ZodObject<{
+        color: z.ZodDefault<z.ZodEffects<z.ZodEffects<z.ZodString, string, string>, string, string>>;
+        blur: z.ZodDefault<z.ZodNumber>;
+        offsetX: z.ZodDefault<z.ZodNumber>;
+        offsetY: z.ZodDefault<z.ZodNumber>;
+    }, "strict", z.ZodTypeAny, {
+        color: string;
+        blur: number;
+        offsetX: number;
+        offsetY: number;
+    }, {
+        color?: string | undefined;
+        blur?: number | undefined;
+        offsetX?: number | undefined;
+        offsetY?: number | undefined;
+    }>>;
 }, "strict", z.ZodTypeAny, {
     width: number;
     height: number;
@@ -451,6 +511,12 @@ declare const drawRectSchema: z.ZodObject<{
     y: number;
     radius: number;
     fill?: string | undefined;
+    shadow?: {
+        color: string;
+        blur: number;
+        offsetX: number;
+        offsetY: number;
+    } | undefined;
     stroke?: string | undefined;
 }, {
     width: number;
@@ -460,6 +526,12 @@ declare const drawRectSchema: z.ZodObject<{
     y: number;
     fill?: string | undefined;
     opacity?: number | undefined;
+    shadow?: {
+        color?: string | undefined;
+        blur?: number | undefined;
+        offsetX?: number | undefined;
+        offsetY?: number | undefined;
+    } | undefined;
     strokeWidth?: number | undefined;
     stroke?: string | undefined;
     radius?: number | undefined;
@@ -473,6 +545,22 @@ declare const drawCircleSchema: z.ZodObject<{
     stroke: z.ZodOptional<z.ZodEffects<z.ZodEffects<z.ZodString, string, string>, string, string>>;
     strokeWidth: z.ZodDefault<z.ZodNumber>;
     opacity: z.ZodDefault<z.ZodNumber>;
+    shadow: z.ZodOptional<z.ZodObject<{
+        color: z.ZodDefault<z.ZodEffects<z.ZodEffects<z.ZodString, string, string>, string, string>>;
+        blur: z.ZodDefault<z.ZodNumber>;
+        offsetX: z.ZodDefault<z.ZodNumber>;
+        offsetY: z.ZodDefault<z.ZodNumber>;
+    }, "strict", z.ZodTypeAny, {
+        color: string;
+        blur: number;
+        offsetX: number;
+        offsetY: number;
+    }, {
+        color?: string | undefined;
+        blur?: number | undefined;
+        offsetX?: number | undefined;
+        offsetY?: number | undefined;
+    }>>;
 }, "strict", z.ZodTypeAny, {
     type: "circle";
     opacity: number;
@@ -481,6 +569,12 @@ declare const drawCircleSchema: z.ZodObject<{
     cx: number;
     cy: number;
     fill?: string | undefined;
+    shadow?: {
+        color: string;
+        blur: number;
+        offsetX: number;
+        offsetY: number;
+    } | undefined;
     stroke?: string | undefined;
 }, {
     type: "circle";
@@ -489,6 +583,12 @@ declare const drawCircleSchema: z.ZodObject<{
     cy: number;
     fill?: string | undefined;
     opacity?: number | undefined;
+    shadow?: {
+        color?: string | undefined;
+        blur?: number | undefined;
+        offsetX?: number | undefined;
+        offsetY?: number | undefined;
+    } | undefined;
     strokeWidth?: number | undefined;
     stroke?: string | undefined;
 }>;
@@ -506,6 +606,22 @@ declare const drawTextSchema: z.ZodObject<{
     letterSpacing: z.ZodDefault<z.ZodNumber>;
     maxWidth: z.ZodOptional<z.ZodNumber>;
     opacity: z.ZodDefault<z.ZodNumber>;
+    shadow: z.ZodOptional<z.ZodObject<{
+        color: z.ZodDefault<z.ZodEffects<z.ZodEffects<z.ZodString, string, string>, string, string>>;
+        blur: z.ZodDefault<z.ZodNumber>;
+        offsetX: z.ZodDefault<z.ZodNumber>;
+        offsetY: z.ZodDefault<z.ZodNumber>;
+    }, "strict", z.ZodTypeAny, {
+        color: string;
+        blur: number;
+        offsetX: number;
+        offsetY: number;
+    }, {
+        color?: string | undefined;
+        blur?: number | undefined;
+        offsetX?: number | undefined;
+        offsetY?: number | undefined;
+    }>>;
 }, "strict", z.ZodTypeAny, {
     type: "text";
     color: string;
@@ -519,6 +635,12 @@ declare const drawTextSchema: z.ZodObject<{
     fontFamily: "body" | "heading" | "mono";
     baseline: "top" | "alphabetic" | "bottom" | "middle";
     letterSpacing: number;
+    shadow?: {
+        color: string;
+        blur: number;
+        offsetX: number;
+        offsetY: number;
+    } | undefined;
     maxWidth?: number | undefined;
 }, {
     type: "text";
@@ -527,6 +649,12 @@ declare const drawTextSchema: z.ZodObject<{
     y: number;
     color?: string | undefined;
     opacity?: number | undefined;
+    shadow?: {
+        color?: string | undefined;
+        blur?: number | undefined;
+        offsetX?: number | undefined;
+        offsetY?: number | undefined;
+    } | undefined;
     fontSize?: number | undefined;
     align?: "center" | "left" | "right" | undefined;
     fontWeight?: number | undefined;
@@ -547,6 +675,22 @@ declare const drawLineSchema: z.ZodObject<{
     arrow: z.ZodDefault<z.ZodEnum<["none", "end", "start", "both"]>>;
     arrowSize: z.ZodDefault<z.ZodNumber>;
     opacity: z.ZodDefault<z.ZodNumber>;
+    shadow: z.ZodOptional<z.ZodObject<{
+        color: z.ZodDefault<z.ZodEffects<z.ZodEffects<z.ZodString, string, string>, string, string>>;
+        blur: z.ZodDefault<z.ZodNumber>;
+        offsetX: z.ZodDefault<z.ZodNumber>;
+        offsetY: z.ZodDefault<z.ZodNumber>;
+    }, "strict", z.ZodTypeAny, {
+        color: string;
+        blur: number;
+        offsetX: number;
+        offsetY: number;
+    }, {
+        color?: string | undefined;
+        blur?: number | undefined;
+        offsetX?: number | undefined;
+        offsetY?: number | undefined;
+    }>>;
 }, "strict", z.ZodTypeAny, {
     width: number;
     type: "line";
@@ -558,6 +702,12 @@ declare const drawLineSchema: z.ZodObject<{
     y1: number;
     x2: number;
     y2: number;
+    shadow?: {
+        color: string;
+        blur: number;
+        offsetX: number;
+        offsetY: number;
+    } | undefined;
     dash?: number[] | undefined;
 }, {
     type: "line";
@@ -568,6 +718,12 @@ declare const drawLineSchema: z.ZodObject<{
     width?: number | undefined;
     color?: string | undefined;
     opacity?: number | undefined;
+    shadow?: {
+        color?: string | undefined;
+        blur?: number | undefined;
+        offsetX?: number | undefined;
+        offsetY?: number | undefined;
+    } | undefined;
     arrow?: "end" | "start" | "both" | "none" | undefined;
     arrowSize?: number | undefined;
     dash?: number[] | undefined;
@@ -600,6 +756,22 @@ declare const drawBezierSchema: z.ZodObject<{
     arrow: z.ZodDefault<z.ZodEnum<["none", "end", "start", "both"]>>;
     arrowSize: z.ZodDefault<z.ZodNumber>;
     opacity: z.ZodDefault<z.ZodNumber>;
+    shadow: z.ZodOptional<z.ZodObject<{
+        color: z.ZodDefault<z.ZodEffects<z.ZodEffects<z.ZodString, string, string>, string, string>>;
+        blur: z.ZodDefault<z.ZodNumber>;
+        offsetX: z.ZodDefault<z.ZodNumber>;
+        offsetY: z.ZodDefault<z.ZodNumber>;
+    }, "strict", z.ZodTypeAny, {
+        color: string;
+        blur: number;
+        offsetX: number;
+        offsetY: number;
+    }, {
+        color?: string | undefined;
+        blur?: number | undefined;
+        offsetX?: number | undefined;
+        offsetY?: number | undefined;
+    }>>;
 }, "strict", z.ZodTypeAny, {
     width: number;
     type: "bezier";
@@ -611,6 +783,12 @@ declare const drawBezierSchema: z.ZodObject<{
         x: number;
         y: number;
     }[];
+    shadow?: {
+        color: string;
+        blur: number;
+        offsetX: number;
+        offsetY: number;
+    } | undefined;
     dash?: number[] | undefined;
 }, {
     type: "bezier";
@@ -621,6 +799,12 @@ declare const drawBezierSchema: z.ZodObject<{
     width?: number | undefined;
     color?: string | undefined;
     opacity?: number | undefined;
+    shadow?: {
+        color?: string | undefined;
+        blur?: number | undefined;
+        offsetX?: number | undefined;
+        offsetY?: number | undefined;
+    } | undefined;
     arrow?: "end" | "start" | "both" | "none" | undefined;
     arrowSize?: number | undefined;
     dash?: number[] | undefined;
@@ -632,18 +816,46 @@ declare const drawPathSchema: z.ZodObject<{
     stroke: z.ZodOptional<z.ZodEffects<z.ZodEffects<z.ZodString, string, string>, string, string>>;
     strokeWidth: z.ZodDefault<z.ZodNumber>;
     opacity: z.ZodDefault<z.ZodNumber>;
+    shadow: z.ZodOptional<z.ZodObject<{
+        color: z.ZodDefault<z.ZodEffects<z.ZodEffects<z.ZodString, string, string>, string, string>>;
+        blur: z.ZodDefault<z.ZodNumber>;
+        offsetX: z.ZodDefault<z.ZodNumber>;
+        offsetY: z.ZodDefault<z.ZodNumber>;
+    }, "strict", z.ZodTypeAny, {
+        color: string;
+        blur: number;
+        offsetX: number;
+        offsetY: number;
+    }, {
+        color?: string | undefined;
+        blur?: number | undefined;
+        offsetX?: number | undefined;
+        offsetY?: number | undefined;
+    }>>;
 }, "strict", z.ZodTypeAny, {
     type: "path";
     opacity: number;
     strokeWidth: number;
     d: string;
     fill?: string | undefined;
+    shadow?: {
+        color: string;
+        blur: number;
+        offsetX: number;
+        offsetY: number;
+    } | undefined;
     stroke?: string | undefined;
 }, {
     type: "path";
     d: string;
     fill?: string | undefined;
     opacity?: number | undefined;
+    shadow?: {
+        color?: string | undefined;
+        blur?: number | undefined;
+        offsetX?: number | undefined;
+        offsetY?: number | undefined;
+    } | undefined;
     strokeWidth?: number | undefined;
     stroke?: string | undefined;
 }>;
@@ -660,6 +872,22 @@ declare const drawBadgeSchema: z.ZodObject<{
     paddingY: z.ZodDefault<z.ZodNumber>;
     borderRadius: z.ZodDefault<z.ZodNumber>;
     opacity: z.ZodDefault<z.ZodNumber>;
+    shadow: z.ZodOptional<z.ZodObject<{
+        color: z.ZodDefault<z.ZodEffects<z.ZodEffects<z.ZodString, string, string>, string, string>>;
+        blur: z.ZodDefault<z.ZodNumber>;
+        offsetX: z.ZodDefault<z.ZodNumber>;
+        offsetY: z.ZodDefault<z.ZodNumber>;
+    }, "strict", z.ZodTypeAny, {
+        color: string;
+        blur: number;
+        offsetX: number;
+        offsetY: number;
+    }, {
+        color?: string | undefined;
+        blur?: number | undefined;
+        offsetX?: number | undefined;
+        offsetY?: number | undefined;
+    }>>;
 }, "strict", z.ZodTypeAny, {
     type: "badge";
     color: string;
@@ -673,6 +901,12 @@ declare const drawBadgeSchema: z.ZodObject<{
     fontFamily: "body" | "heading" | "mono";
     paddingX: number;
     paddingY: number;
+    shadow?: {
+        color: string;
+        blur: number;
+        offsetX: number;
+        offsetY: number;
+    } | undefined;
 }, {
     type: "badge";
     text: string;
@@ -680,6 +914,12 @@ declare const drawBadgeSchema: z.ZodObject<{
     y: number;
     color?: string | undefined;
     opacity?: number | undefined;
+    shadow?: {
+        color?: string | undefined;
+        blur?: number | undefined;
+        offsetX?: number | undefined;
+        offsetY?: number | undefined;
+    } | undefined;
     background?: string | undefined;
     fontSize?: number | undefined;
     borderRadius?: number | undefined;
@@ -722,6 +962,10 @@ declare const drawGradientRectSchema: z.ZodObject<{
         angle?: number | undefined;
     }>, z.ZodObject<{
         type: z.ZodLiteral<"radial">;
+        cx: z.ZodOptional<z.ZodNumber>;
+        cy: z.ZodOptional<z.ZodNumber>;
+        innerRadius: z.ZodOptional<z.ZodNumber>;
+        outerRadius: z.ZodOptional<z.ZodNumber>;
         stops: z.ZodArray<z.ZodObject<{
             offset: z.ZodNumber;
             color: z.ZodEffects<z.ZodEffects<z.ZodString, string, string>, string, string>;
@@ -738,15 +982,39 @@ declare const drawGradientRectSchema: z.ZodObject<{
             color: string;
             offset: number;
         }[];
+        cx?: number | undefined;
+        cy?: number | undefined;
+        innerRadius?: number | undefined;
+        outerRadius?: number | undefined;
     }, {
         type: "radial";
         stops: {
             color: string;
             offset: number;
         }[];
+        cx?: number | undefined;
+        cy?: number | undefined;
+        innerRadius?: number | undefined;
+        outerRadius?: number | undefined;
     }>]>;
     radius: z.ZodDefault<z.ZodNumber>;
     opacity: z.ZodDefault<z.ZodNumber>;
+    shadow: z.ZodOptional<z.ZodObject<{
+        color: z.ZodDefault<z.ZodEffects<z.ZodEffects<z.ZodString, string, string>, string, string>>;
+        blur: z.ZodDefault<z.ZodNumber>;
+        offsetX: z.ZodDefault<z.ZodNumber>;
+        offsetY: z.ZodDefault<z.ZodNumber>;
+    }, "strict", z.ZodTypeAny, {
+        color: string;
+        blur: number;
+        offsetX: number;
+        offsetY: number;
+    }, {
+        color?: string | undefined;
+        blur?: number | undefined;
+        offsetX?: number | undefined;
+        offsetY?: number | undefined;
+    }>>;
 }, "strict", z.ZodTypeAny, {
     width: number;
     height: number;
@@ -768,7 +1036,17 @@ declare const drawGradientRectSchema: z.ZodObject<{
             color: string;
             offset: number;
         }[];
+        cx?: number | undefined;
+        cy?: number | undefined;
+        innerRadius?: number | undefined;
+        outerRadius?: number | undefined;
     };
+    shadow?: {
+        color: string;
+        blur: number;
+        offsetX: number;
+        offsetY: number;
+    } | undefined;
 }, {
     width: number;
     height: number;
@@ -788,8 +1066,18 @@ declare const drawGradientRectSchema: z.ZodObject<{
             color: string;
             offset: number;
         }[];
+        cx?: number | undefined;
+        cy?: number | undefined;
+        innerRadius?: number | undefined;
+        outerRadius?: number | undefined;
     };
     opacity?: number | undefined;
+    shadow?: {
+        color?: string | undefined;
+        blur?: number | undefined;
+        offsetX?: number | undefined;
+        offsetY?: number | undefined;
+    } | undefined;
     radius?: number | undefined;
 }>;
 declare const drawGridSchema: z.ZodObject<{
@@ -817,27 +1105,135 @@ declare const drawGridSchema: z.ZodObject<{
     offsetY?: number | undefined;
     spacing?: number | undefined;
 }>;
-declare const drawCommandSchema: z.ZodDiscriminatedUnion<"type", [z.ZodObject<{
-    type: z.ZodLiteral<"rect">;
-    x: z.ZodNumber;
-    y: z.ZodNumber;
-    width: z.ZodNumber;
-    height: z.ZodNumber;
-    fill: z.ZodOptional<z.ZodEffects<z.ZodEffects<z.ZodString, string, string>, string, string>>;
-    stroke: z.ZodOptional<z.ZodEffects<z.ZodEffects<z.ZodString, string, string>, string, string>>;
-    strokeWidth: z.ZodDefault<z.ZodNumber>;
-    radius: z.ZodDefault<z.ZodNumber>;
-    opacity: z.ZodDefault<z.ZodNumber>;
+declare const drawTextRowSegmentSchema: z.ZodObject<{
+    text: z.ZodString;
+    color: z.ZodOptional<z.ZodEffects<z.ZodEffects<z.ZodString, string, string>, string, string>>;
+    fontSize: z.ZodOptional<z.ZodNumber>;
+    fontWeight: z.ZodOptional<z.ZodNumber>;
+    fontFamily: z.ZodOptional<z.ZodEnum<["heading", "body", "mono"]>>;
 }, "strict", z.ZodTypeAny, {
-    width: number;
-    height: number;
-    type: "rect";
-    opacity: number;
+    text: string;
+    color?: string | undefined;
+    fontSize?: number | undefined;
+    fontWeight?: number | undefined;
+    fontFamily?: "body" | "heading" | "mono" | undefined;
+}, {
+    text: string;
+    color?: string | undefined;
+    fontSize?: number | undefined;
+    fontWeight?: number | undefined;
+    fontFamily?: "body" | "heading" | "mono" | undefined;
+}>;
+declare const drawTextRowSchema: z.ZodObject<{
+    type: z.ZodLiteral<"text-row">;
+    segments: z.ZodArray<z.ZodObject<{
+        text: z.ZodString;
+        color: z.ZodOptional<z.ZodEffects<z.ZodEffects<z.ZodString, string, string>, string, string>>;
+        fontSize: z.ZodOptional<z.ZodNumber>;
+        fontWeight: z.ZodOptional<z.ZodNumber>;
+        fontFamily: z.ZodOptional<z.ZodEnum<["heading", "body", "mono"]>>;
+    }, "strict", z.ZodTypeAny, {
+        text: string;
+        color?: string | undefined;
+        fontSize?: number | undefined;
+        fontWeight?: number | undefined;
+        fontFamily?: "body" | "heading" | "mono" | undefined;
+    }, {
+        text: string;
+        color?: string | undefined;
+        fontSize?: number | undefined;
+        fontWeight?: number | undefined;
+        fontFamily?: "body" | "heading" | "mono" | undefined;
+    }>, "many">;
+    x: z.ZodNumber;
+    y: z.ZodNumber;
+    align: z.ZodDefault<z.ZodEnum<["left", "center", "right"]>>;
+    baseline: z.ZodDefault<z.ZodEnum<["top", "middle", "alphabetic", "bottom"]>>;
+    defaultFontSize: z.ZodDefault<z.ZodNumber>;
+    defaultFontWeight: z.ZodDefault<z.ZodNumber>;
+    defaultFontFamily: z.ZodDefault<z.ZodEnum<["heading", "body", "mono"]>>;
+    defaultColor: z.ZodDefault<z.ZodEffects<z.ZodEffects<z.ZodString, string, string>, string, string>>;
+    opacity: z.ZodDefault<z.ZodNumber>;
+}, "strict", z.ZodTypeAny, {
+    type: "text-row";
+    opacity: number;
+    x: number;
+    y: number;
+    align: "center" | "left" | "right";
+    baseline: "top" | "alphabetic" | "bottom" | "middle";
+    segments: {
+        text: string;
+        color?: string | undefined;
+        fontSize?: number | undefined;
+        fontWeight?: number | undefined;
+        fontFamily?: "body" | "heading" | "mono" | undefined;
+    }[];
+    defaultFontSize: number;
+    defaultFontWeight: number;
+    defaultFontFamily: "body" | "heading" | "mono";
+    defaultColor: string;
+}, {
+    type: "text-row";
+    x: number;
+    y: number;
+    segments: {
+        text: string;
+        color?: string | undefined;
+        fontSize?: number | undefined;
+        fontWeight?: number | undefined;
+        fontFamily?: "body" | "heading" | "mono" | undefined;
+    }[];
+    opacity?: number | undefined;
+    align?: "center" | "left" | "right" | undefined;
+    baseline?: "top" | "alphabetic" | "bottom" | "middle" | undefined;
+    defaultFontSize?: number | undefined;
+    defaultFontWeight?: number | undefined;
+    defaultFontFamily?: "body" | "heading" | "mono" | undefined;
+    defaultColor?: string | undefined;
+}>;
+declare const drawCommandSchema: z.ZodDiscriminatedUnion<"type", [z.ZodObject<{
+    type: z.ZodLiteral<"rect">;
+    x: z.ZodNumber;
+    y: z.ZodNumber;
+    width: z.ZodNumber;
+    height: z.ZodNumber;
+    fill: z.ZodOptional<z.ZodEffects<z.ZodEffects<z.ZodString, string, string>, string, string>>;
+    stroke: z.ZodOptional<z.ZodEffects<z.ZodEffects<z.ZodString, string, string>, string, string>>;
+    strokeWidth: z.ZodDefault<z.ZodNumber>;
+    radius: z.ZodDefault<z.ZodNumber>;
+    opacity: z.ZodDefault<z.ZodNumber>;
+    shadow: z.ZodOptional<z.ZodObject<{
+        color: z.ZodDefault<z.ZodEffects<z.ZodEffects<z.ZodString, string, string>, string, string>>;
+        blur: z.ZodDefault<z.ZodNumber>;
+        offsetX: z.ZodDefault<z.ZodNumber>;
+        offsetY: z.ZodDefault<z.ZodNumber>;
+    }, "strict", z.ZodTypeAny, {
+        color: string;
+        blur: number;
+        offsetX: number;
+        offsetY: number;
+    }, {
+        color?: string | undefined;
+        blur?: number | undefined;
+        offsetX?: number | undefined;
+        offsetY?: number | undefined;
+    }>>;
+}, "strict", z.ZodTypeAny, {
+    width: number;
+    height: number;
+    type: "rect";
+    opacity: number;
     strokeWidth: number;
     x: number;
     y: number;
     radius: number;
     fill?: string | undefined;
+    shadow?: {
+        color: string;
+        blur: number;
+        offsetX: number;
+        offsetY: number;
+    } | undefined;
     stroke?: string | undefined;
 }, {
     width: number;
@@ -847,6 +1243,12 @@ declare const drawCommandSchema: z.ZodDiscriminatedUnion<"type", [z.ZodObject<{
     y: number;
     fill?: string | undefined;
     opacity?: number | undefined;
+    shadow?: {
+        color?: string | undefined;
+        blur?: number | undefined;
+        offsetX?: number | undefined;
+        offsetY?: number | undefined;
+    } | undefined;
     strokeWidth?: number | undefined;
     stroke?: string | undefined;
     radius?: number | undefined;
@@ -859,6 +1261,22 @@ declare const drawCommandSchema: z.ZodDiscriminatedUnion<"type", [z.ZodObject<{
     stroke: z.ZodOptional<z.ZodEffects<z.ZodEffects<z.ZodString, string, string>, string, string>>;
     strokeWidth: z.ZodDefault<z.ZodNumber>;
     opacity: z.ZodDefault<z.ZodNumber>;
+    shadow: z.ZodOptional<z.ZodObject<{
+        color: z.ZodDefault<z.ZodEffects<z.ZodEffects<z.ZodString, string, string>, string, string>>;
+        blur: z.ZodDefault<z.ZodNumber>;
+        offsetX: z.ZodDefault<z.ZodNumber>;
+        offsetY: z.ZodDefault<z.ZodNumber>;
+    }, "strict", z.ZodTypeAny, {
+        color: string;
+        blur: number;
+        offsetX: number;
+        offsetY: number;
+    }, {
+        color?: string | undefined;
+        blur?: number | undefined;
+        offsetX?: number | undefined;
+        offsetY?: number | undefined;
+    }>>;
 }, "strict", z.ZodTypeAny, {
     type: "circle";
     opacity: number;
@@ -867,6 +1285,12 @@ declare const drawCommandSchema: z.ZodDiscriminatedUnion<"type", [z.ZodObject<{
     cx: number;
     cy: number;
     fill?: string | undefined;
+    shadow?: {
+        color: string;
+        blur: number;
+        offsetX: number;
+        offsetY: number;
+    } | undefined;
     stroke?: string | undefined;
 }, {
     type: "circle";
@@ -875,6 +1299,12 @@ declare const drawCommandSchema: z.ZodDiscriminatedUnion<"type", [z.ZodObject<{
     cy: number;
     fill?: string | undefined;
     opacity?: number | undefined;
+    shadow?: {
+        color?: string | undefined;
+        blur?: number | undefined;
+        offsetX?: number | undefined;
+        offsetY?: number | undefined;
+    } | undefined;
     strokeWidth?: number | undefined;
     stroke?: string | undefined;
 }>, z.ZodObject<{
@@ -891,6 +1321,22 @@ declare const drawCommandSchema: z.ZodDiscriminatedUnion<"type", [z.ZodObject<{
     letterSpacing: z.ZodDefault<z.ZodNumber>;
     maxWidth: z.ZodOptional<z.ZodNumber>;
     opacity: z.ZodDefault<z.ZodNumber>;
+    shadow: z.ZodOptional<z.ZodObject<{
+        color: z.ZodDefault<z.ZodEffects<z.ZodEffects<z.ZodString, string, string>, string, string>>;
+        blur: z.ZodDefault<z.ZodNumber>;
+        offsetX: z.ZodDefault<z.ZodNumber>;
+        offsetY: z.ZodDefault<z.ZodNumber>;
+    }, "strict", z.ZodTypeAny, {
+        color: string;
+        blur: number;
+        offsetX: number;
+        offsetY: number;
+    }, {
+        color?: string | undefined;
+        blur?: number | undefined;
+        offsetX?: number | undefined;
+        offsetY?: number | undefined;
+    }>>;
 }, "strict", z.ZodTypeAny, {
     type: "text";
     color: string;
@@ -904,6 +1350,12 @@ declare const drawCommandSchema: z.ZodDiscriminatedUnion<"type", [z.ZodObject<{
     fontFamily: "body" | "heading" | "mono";
     baseline: "top" | "alphabetic" | "bottom" | "middle";
     letterSpacing: number;
+    shadow?: {
+        color: string;
+        blur: number;
+        offsetX: number;
+        offsetY: number;
+    } | undefined;
     maxWidth?: number | undefined;
 }, {
     type: "text";
@@ -912,6 +1364,12 @@ declare const drawCommandSchema: z.ZodDiscriminatedUnion<"type", [z.ZodObject<{
     y: number;
     color?: string | undefined;
     opacity?: number | undefined;
+    shadow?: {
+        color?: string | undefined;
+        blur?: number | undefined;
+        offsetX?: number | undefined;
+        offsetY?: number | undefined;
+    } | undefined;
     fontSize?: number | undefined;
     align?: "center" | "left" | "right" | undefined;
     fontWeight?: number | undefined;
@@ -931,6 +1389,22 @@ declare const drawCommandSchema: z.ZodDiscriminatedUnion<"type", [z.ZodObject<{
     arrow: z.ZodDefault<z.ZodEnum<["none", "end", "start", "both"]>>;
     arrowSize: z.ZodDefault<z.ZodNumber>;
     opacity: z.ZodDefault<z.ZodNumber>;
+    shadow: z.ZodOptional<z.ZodObject<{
+        color: z.ZodDefault<z.ZodEffects<z.ZodEffects<z.ZodString, string, string>, string, string>>;
+        blur: z.ZodDefault<z.ZodNumber>;
+        offsetX: z.ZodDefault<z.ZodNumber>;
+        offsetY: z.ZodDefault<z.ZodNumber>;
+    }, "strict", z.ZodTypeAny, {
+        color: string;
+        blur: number;
+        offsetX: number;
+        offsetY: number;
+    }, {
+        color?: string | undefined;
+        blur?: number | undefined;
+        offsetX?: number | undefined;
+        offsetY?: number | undefined;
+    }>>;
 }, "strict", z.ZodTypeAny, {
     width: number;
     type: "line";
@@ -942,6 +1416,12 @@ declare const drawCommandSchema: z.ZodDiscriminatedUnion<"type", [z.ZodObject<{
     y1: number;
     x2: number;
     y2: number;
+    shadow?: {
+        color: string;
+        blur: number;
+        offsetX: number;
+        offsetY: number;
+    } | undefined;
     dash?: number[] | undefined;
 }, {
     type: "line";
@@ -952,6 +1432,12 @@ declare const drawCommandSchema: z.ZodDiscriminatedUnion<"type", [z.ZodObject<{
     width?: number | undefined;
     color?: string | undefined;
     opacity?: number | undefined;
+    shadow?: {
+        color?: string | undefined;
+        blur?: number | undefined;
+        offsetX?: number | undefined;
+        offsetY?: number | undefined;
+    } | undefined;
     arrow?: "end" | "start" | "both" | "none" | undefined;
     arrowSize?: number | undefined;
     dash?: number[] | undefined;
@@ -973,6 +1459,22 @@ declare const drawCommandSchema: z.ZodDiscriminatedUnion<"type", [z.ZodObject<{
     arrow: z.ZodDefault<z.ZodEnum<["none", "end", "start", "both"]>>;
     arrowSize: z.ZodDefault<z.ZodNumber>;
     opacity: z.ZodDefault<z.ZodNumber>;
+    shadow: z.ZodOptional<z.ZodObject<{
+        color: z.ZodDefault<z.ZodEffects<z.ZodEffects<z.ZodString, string, string>, string, string>>;
+        blur: z.ZodDefault<z.ZodNumber>;
+        offsetX: z.ZodDefault<z.ZodNumber>;
+        offsetY: z.ZodDefault<z.ZodNumber>;
+    }, "strict", z.ZodTypeAny, {
+        color: string;
+        blur: number;
+        offsetX: number;
+        offsetY: number;
+    }, {
+        color?: string | undefined;
+        blur?: number | undefined;
+        offsetX?: number | undefined;
+        offsetY?: number | undefined;
+    }>>;
 }, "strict", z.ZodTypeAny, {
     width: number;
     type: "bezier";
@@ -984,6 +1486,12 @@ declare const drawCommandSchema: z.ZodDiscriminatedUnion<"type", [z.ZodObject<{
         x: number;
         y: number;
     }[];
+    shadow?: {
+        color: string;
+        blur: number;
+        offsetX: number;
+        offsetY: number;
+    } | undefined;
     dash?: number[] | undefined;
 }, {
     type: "bezier";
@@ -994,6 +1502,12 @@ declare const drawCommandSchema: z.ZodDiscriminatedUnion<"type", [z.ZodObject<{
     width?: number | undefined;
     color?: string | undefined;
     opacity?: number | undefined;
+    shadow?: {
+        color?: string | undefined;
+        blur?: number | undefined;
+        offsetX?: number | undefined;
+        offsetY?: number | undefined;
+    } | undefined;
     arrow?: "end" | "start" | "both" | "none" | undefined;
     arrowSize?: number | undefined;
     dash?: number[] | undefined;
@@ -1004,18 +1518,46 @@ declare const drawCommandSchema: z.ZodDiscriminatedUnion<"type", [z.ZodObject<{
     stroke: z.ZodOptional<z.ZodEffects<z.ZodEffects<z.ZodString, string, string>, string, string>>;
     strokeWidth: z.ZodDefault<z.ZodNumber>;
     opacity: z.ZodDefault<z.ZodNumber>;
+    shadow: z.ZodOptional<z.ZodObject<{
+        color: z.ZodDefault<z.ZodEffects<z.ZodEffects<z.ZodString, string, string>, string, string>>;
+        blur: z.ZodDefault<z.ZodNumber>;
+        offsetX: z.ZodDefault<z.ZodNumber>;
+        offsetY: z.ZodDefault<z.ZodNumber>;
+    }, "strict", z.ZodTypeAny, {
+        color: string;
+        blur: number;
+        offsetX: number;
+        offsetY: number;
+    }, {
+        color?: string | undefined;
+        blur?: number | undefined;
+        offsetX?: number | undefined;
+        offsetY?: number | undefined;
+    }>>;
 }, "strict", z.ZodTypeAny, {
     type: "path";
     opacity: number;
     strokeWidth: number;
     d: string;
     fill?: string | undefined;
+    shadow?: {
+        color: string;
+        blur: number;
+        offsetX: number;
+        offsetY: number;
+    } | undefined;
     stroke?: string | undefined;
 }, {
     type: "path";
     d: string;
     fill?: string | undefined;
     opacity?: number | undefined;
+    shadow?: {
+        color?: string | undefined;
+        blur?: number | undefined;
+        offsetX?: number | undefined;
+        offsetY?: number | undefined;
+    } | undefined;
     strokeWidth?: number | undefined;
     stroke?: string | undefined;
 }>, z.ZodObject<{
@@ -1031,6 +1573,22 @@ declare const drawCommandSchema: z.ZodDiscriminatedUnion<"type", [z.ZodObject<{
     paddingY: z.ZodDefault<z.ZodNumber>;
     borderRadius: z.ZodDefault<z.ZodNumber>;
     opacity: z.ZodDefault<z.ZodNumber>;
+    shadow: z.ZodOptional<z.ZodObject<{
+        color: z.ZodDefault<z.ZodEffects<z.ZodEffects<z.ZodString, string, string>, string, string>>;
+        blur: z.ZodDefault<z.ZodNumber>;
+        offsetX: z.ZodDefault<z.ZodNumber>;
+        offsetY: z.ZodDefault<z.ZodNumber>;
+    }, "strict", z.ZodTypeAny, {
+        color: string;
+        blur: number;
+        offsetX: number;
+        offsetY: number;
+    }, {
+        color?: string | undefined;
+        blur?: number | undefined;
+        offsetX?: number | undefined;
+        offsetY?: number | undefined;
+    }>>;
 }, "strict", z.ZodTypeAny, {
     type: "badge";
     color: string;
@@ -1044,6 +1602,12 @@ declare const drawCommandSchema: z.ZodDiscriminatedUnion<"type", [z.ZodObject<{
     fontFamily: "body" | "heading" | "mono";
     paddingX: number;
     paddingY: number;
+    shadow?: {
+        color: string;
+        blur: number;
+        offsetX: number;
+        offsetY: number;
+    } | undefined;
 }, {
     type: "badge";
     text: string;
@@ -1051,6 +1615,12 @@ declare const drawCommandSchema: z.ZodDiscriminatedUnion<"type", [z.ZodObject<{
     y: number;
     color?: string | undefined;
     opacity?: number | undefined;
+    shadow?: {
+        color?: string | undefined;
+        blur?: number | undefined;
+        offsetX?: number | undefined;
+        offsetY?: number | undefined;
+    } | undefined;
     background?: string | undefined;
     fontSize?: number | undefined;
     borderRadius?: number | undefined;
@@ -1092,6 +1662,10 @@ declare const drawCommandSchema: z.ZodDiscriminatedUnion<"type", [z.ZodObject<{
         angle?: number | undefined;
     }>, z.ZodObject<{
         type: z.ZodLiteral<"radial">;
+        cx: z.ZodOptional<z.ZodNumber>;
+        cy: z.ZodOptional<z.ZodNumber>;
+        innerRadius: z.ZodOptional<z.ZodNumber>;
+        outerRadius: z.ZodOptional<z.ZodNumber>;
         stops: z.ZodArray<z.ZodObject<{
             offset: z.ZodNumber;
             color: z.ZodEffects<z.ZodEffects<z.ZodString, string, string>, string, string>;
@@ -1108,15 +1682,39 @@ declare const drawCommandSchema: z.ZodDiscriminatedUnion<"type", [z.ZodObject<{
             color: string;
             offset: number;
         }[];
+        cx?: number | undefined;
+        cy?: number | undefined;
+        innerRadius?: number | undefined;
+        outerRadius?: number | undefined;
     }, {
         type: "radial";
         stops: {
             color: string;
             offset: number;
         }[];
+        cx?: number | undefined;
+        cy?: number | undefined;
+        innerRadius?: number | undefined;
+        outerRadius?: number | undefined;
     }>]>;
     radius: z.ZodDefault<z.ZodNumber>;
     opacity: z.ZodDefault<z.ZodNumber>;
+    shadow: z.ZodOptional<z.ZodObject<{
+        color: z.ZodDefault<z.ZodEffects<z.ZodEffects<z.ZodString, string, string>, string, string>>;
+        blur: z.ZodDefault<z.ZodNumber>;
+        offsetX: z.ZodDefault<z.ZodNumber>;
+        offsetY: z.ZodDefault<z.ZodNumber>;
+    }, "strict", z.ZodTypeAny, {
+        color: string;
+        blur: number;
+        offsetX: number;
+        offsetY: number;
+    }, {
+        color?: string | undefined;
+        blur?: number | undefined;
+        offsetX?: number | undefined;
+        offsetY?: number | undefined;
+    }>>;
 }, "strict", z.ZodTypeAny, {
     width: number;
     height: number;
@@ -1138,7 +1736,17 @@ declare const drawCommandSchema: z.ZodDiscriminatedUnion<"type", [z.ZodObject<{
             color: string;
             offset: number;
         }[];
+        cx?: number | undefined;
+        cy?: number | undefined;
+        innerRadius?: number | undefined;
+        outerRadius?: number | undefined;
     };
+    shadow?: {
+        color: string;
+        blur: number;
+        offsetX: number;
+        offsetY: number;
+    } | undefined;
 }, {
     width: number;
     height: number;
@@ -1158,8 +1766,18 @@ declare const drawCommandSchema: z.ZodDiscriminatedUnion<"type", [z.ZodObject<{
             color: string;
             offset: number;
         }[];
+        cx?: number | undefined;
+        cy?: number | undefined;
+        innerRadius?: number | undefined;
+        outerRadius?: number | undefined;
     };
     opacity?: number | undefined;
+    shadow?: {
+        color?: string | undefined;
+        blur?: number | undefined;
+        offsetX?: number | undefined;
+        offsetY?: number | undefined;
+    } | undefined;
     radius?: number | undefined;
 }>, z.ZodObject<{
     type: z.ZodLiteral<"grid">;
@@ -1178,13 +1796,79 @@ declare const drawCommandSchema: z.ZodDiscriminatedUnion<"type", [z.ZodObject<{
     offsetY: number;
     spacing: number;
 }, {
-    type: "grid";
-    width?: number | undefined;
-    color?: string | undefined;
+    type: "grid";
+    width?: number | undefined;
+    color?: string | undefined;
+    opacity?: number | undefined;
+    offsetX?: number | undefined;
+    offsetY?: number | undefined;
+    spacing?: number | undefined;
+}>, z.ZodObject<{
+    type: z.ZodLiteral<"text-row">;
+    segments: z.ZodArray<z.ZodObject<{
+        text: z.ZodString;
+        color: z.ZodOptional<z.ZodEffects<z.ZodEffects<z.ZodString, string, string>, string, string>>;
+        fontSize: z.ZodOptional<z.ZodNumber>;
+        fontWeight: z.ZodOptional<z.ZodNumber>;
+        fontFamily: z.ZodOptional<z.ZodEnum<["heading", "body", "mono"]>>;
+    }, "strict", z.ZodTypeAny, {
+        text: string;
+        color?: string | undefined;
+        fontSize?: number | undefined;
+        fontWeight?: number | undefined;
+        fontFamily?: "body" | "heading" | "mono" | undefined;
+    }, {
+        text: string;
+        color?: string | undefined;
+        fontSize?: number | undefined;
+        fontWeight?: number | undefined;
+        fontFamily?: "body" | "heading" | "mono" | undefined;
+    }>, "many">;
+    x: z.ZodNumber;
+    y: z.ZodNumber;
+    align: z.ZodDefault<z.ZodEnum<["left", "center", "right"]>>;
+    baseline: z.ZodDefault<z.ZodEnum<["top", "middle", "alphabetic", "bottom"]>>;
+    defaultFontSize: z.ZodDefault<z.ZodNumber>;
+    defaultFontWeight: z.ZodDefault<z.ZodNumber>;
+    defaultFontFamily: z.ZodDefault<z.ZodEnum<["heading", "body", "mono"]>>;
+    defaultColor: z.ZodDefault<z.ZodEffects<z.ZodEffects<z.ZodString, string, string>, string, string>>;
+    opacity: z.ZodDefault<z.ZodNumber>;
+}, "strict", z.ZodTypeAny, {
+    type: "text-row";
+    opacity: number;
+    x: number;
+    y: number;
+    align: "center" | "left" | "right";
+    baseline: "top" | "alphabetic" | "bottom" | "middle";
+    segments: {
+        text: string;
+        color?: string | undefined;
+        fontSize?: number | undefined;
+        fontWeight?: number | undefined;
+        fontFamily?: "body" | "heading" | "mono" | undefined;
+    }[];
+    defaultFontSize: number;
+    defaultFontWeight: number;
+    defaultFontFamily: "body" | "heading" | "mono";
+    defaultColor: string;
+}, {
+    type: "text-row";
+    x: number;
+    y: number;
+    segments: {
+        text: string;
+        color?: string | undefined;
+        fontSize?: number | undefined;
+        fontWeight?: number | undefined;
+        fontFamily?: "body" | "heading" | "mono" | undefined;
+    }[];
     opacity?: number | undefined;
-    offsetX?: number | undefined;
-    offsetY?: number | undefined;
-    spacing?: number | undefined;
+    align?: "center" | "left" | "right" | undefined;
+    baseline?: "top" | "alphabetic" | "bottom" | "middle" | undefined;
+    defaultFontSize?: number | undefined;
+    defaultFontWeight?: number | undefined;
+    defaultFontFamily?: "body" | "heading" | "mono" | undefined;
+    defaultColor?: string | undefined;
 }>]>;
 /** Default canvas dimensions and padding (1200 × 675 px, 48 px padding). */
 declare const defaultCanvas: {
@@ -1337,6 +2021,11 @@ declare const flowNodeElementSchema: z.ZodObject<{
         offsetX?: number | undefined;
         offsetY?: number | undefined;
     }>>;
+    accentColor: z.ZodOptional<z.ZodEffects<z.ZodEffects<z.ZodString, string, string>, string, string>>;
+    accentBarWidth: z.ZodDefault<z.ZodNumber>;
+    glowColor: z.ZodOptional<z.ZodEffects<z.ZodEffects<z.ZodString, string, string>, string, string>>;
+    glowWidth: z.ZodDefault<z.ZodNumber>;
+    glowOpacity: z.ZodDefault<z.ZodNumber>;
 }, "strict", z.ZodTypeAny, {
     type: "flow-node";
     id: string;
@@ -1345,6 +2034,9 @@ declare const flowNodeElementSchema: z.ZodObject<{
     fillOpacity: number;
     opacity: number;
     badgePosition: "top" | "inside-top";
+    accentBarWidth: number;
+    glowWidth: number;
+    glowOpacity: number;
     width?: number | undefined;
     height?: number | undefined;
     sublabel?: string | undefined;
@@ -1368,6 +2060,8 @@ declare const flowNodeElementSchema: z.ZodObject<{
         offsetY: number;
         color?: string | undefined;
     } | undefined;
+    accentColor?: string | undefined;
+    glowColor?: string | undefined;
 }, {
     type: "flow-node";
     id: string;
@@ -1399,6 +2093,11 @@ declare const flowNodeElementSchema: z.ZodObject<{
         offsetX?: number | undefined;
         offsetY?: number | undefined;
     } | undefined;
+    accentColor?: string | undefined;
+    accentBarWidth?: number | undefined;
+    glowColor?: string | undefined;
+    glowWidth?: number | undefined;
+    glowOpacity?: number | undefined;
 }>;
 declare const anchorHintSchema: z.ZodUnion<[z.ZodEnum<["top", "bottom", "left", "right", "center"]>, z.ZodObject<{
     x: z.ZodNumber;
@@ -1837,6 +2536,11 @@ declare const elementSchema: z.ZodDiscriminatedUnion<"type", [z.ZodObject<{
         offsetX?: number | undefined;
         offsetY?: number | undefined;
     }>>;
+    accentColor: z.ZodOptional<z.ZodEffects<z.ZodEffects<z.ZodString, string, string>, string, string>>;
+    accentBarWidth: z.ZodDefault<z.ZodNumber>;
+    glowColor: z.ZodOptional<z.ZodEffects<z.ZodEffects<z.ZodString, string, string>, string, string>>;
+    glowWidth: z.ZodDefault<z.ZodNumber>;
+    glowOpacity: z.ZodDefault<z.ZodNumber>;
 }, "strict", z.ZodTypeAny, {
     type: "flow-node";
     id: string;
@@ -1845,6 +2549,9 @@ declare const elementSchema: z.ZodDiscriminatedUnion<"type", [z.ZodObject<{
     fillOpacity: number;
     opacity: number;
     badgePosition: "top" | "inside-top";
+    accentBarWidth: number;
+    glowWidth: number;
+    glowOpacity: number;
     width?: number | undefined;
     height?: number | undefined;
     sublabel?: string | undefined;
@@ -1868,6 +2575,8 @@ declare const elementSchema: z.ZodDiscriminatedUnion<"type", [z.ZodObject<{
         offsetY: number;
         color?: string | undefined;
     } | undefined;
+    accentColor?: string | undefined;
+    glowColor?: string | undefined;
 }, {
     type: "flow-node";
     id: string;
@@ -1899,6 +2608,11 @@ declare const elementSchema: z.ZodDiscriminatedUnion<"type", [z.ZodObject<{
         offsetX?: number | undefined;
         offsetY?: number | undefined;
     } | undefined;
+    accentColor?: string | undefined;
+    accentBarWidth?: number | undefined;
+    glowColor?: string | undefined;
+    glowWidth?: number | undefined;
+    glowOpacity?: number | undefined;
 }>, z.ZodObject<{
     type: z.ZodLiteral<"connection">;
     from: z.ZodString;
@@ -2674,6 +3388,10 @@ declare const decoratorSchema: z.ZodDiscriminatedUnion<"type", [z.ZodObject<{
         angle?: number | undefined;
     }>, z.ZodObject<{
         type: z.ZodLiteral<"radial">;
+        cx: z.ZodOptional<z.ZodNumber>;
+        cy: z.ZodOptional<z.ZodNumber>;
+        innerRadius: z.ZodOptional<z.ZodNumber>;
+        outerRadius: z.ZodOptional<z.ZodNumber>;
         stops: z.ZodArray<z.ZodObject<{
             offset: z.ZodNumber;
             color: z.ZodEffects<z.ZodEffects<z.ZodString, string, string>, string, string>;
@@ -2690,12 +3408,20 @@ declare const decoratorSchema: z.ZodDiscriminatedUnion<"type", [z.ZodObject<{
             color: string;
             offset: number;
         }[];
+        cx?: number | undefined;
+        cy?: number | undefined;
+        innerRadius?: number | undefined;
+        outerRadius?: number | undefined;
     }, {
         type: "radial";
         stops: {
             color: string;
             offset: number;
         }[];
+        cx?: number | undefined;
+        cy?: number | undefined;
+        innerRadius?: number | undefined;
+        outerRadius?: number | undefined;
     }>]>;
     opacity: z.ZodDefault<z.ZodNumber>;
 }, "strict", z.ZodTypeAny, {
@@ -2714,6 +3440,10 @@ declare const decoratorSchema: z.ZodDiscriminatedUnion<"type", [z.ZodObject<{
             color: string;
             offset: number;
         }[];
+        cx?: number | undefined;
+        cy?: number | undefined;
+        innerRadius?: number | undefined;
+        outerRadius?: number | undefined;
     };
 }, {
     type: "gradient-overlay";
@@ -2730,6 +3460,10 @@ declare const decoratorSchema: z.ZodDiscriminatedUnion<"type", [z.ZodObject<{
             color: string;
             offset: number;
         }[];
+        cx?: number | undefined;
+        cy?: number | undefined;
+        innerRadius?: number | undefined;
+        outerRadius?: number | undefined;
     };
     opacity?: number | undefined;
 }>]>;
@@ -2909,6 +3643,11 @@ declare const diagramElementSchema: z.ZodDiscriminatedUnion<"type", [z.ZodObject
         offsetX?: number | undefined;
         offsetY?: number | undefined;
     }>>;
+    accentColor: z.ZodOptional<z.ZodEffects<z.ZodEffects<z.ZodString, string, string>, string, string>>;
+    accentBarWidth: z.ZodDefault<z.ZodNumber>;
+    glowColor: z.ZodOptional<z.ZodEffects<z.ZodEffects<z.ZodString, string, string>, string, string>>;
+    glowWidth: z.ZodDefault<z.ZodNumber>;
+    glowOpacity: z.ZodDefault<z.ZodNumber>;
 }, "strict", z.ZodTypeAny, {
     type: "flow-node";
     id: string;
@@ -2917,6 +3656,9 @@ declare const diagramElementSchema: z.ZodDiscriminatedUnion<"type", [z.ZodObject
     fillOpacity: number;
     opacity: number;
     badgePosition: "top" | "inside-top";
+    accentBarWidth: number;
+    glowWidth: number;
+    glowOpacity: number;
     width?: number | undefined;
     height?: number | undefined;
     sublabel?: string | undefined;
@@ -2940,6 +3682,8 @@ declare const diagramElementSchema: z.ZodDiscriminatedUnion<"type", [z.ZodObject
         offsetY: number;
         color?: string | undefined;
     } | undefined;
+    accentColor?: string | undefined;
+    glowColor?: string | undefined;
 }, {
     type: "flow-node";
     id: string;
@@ -2971,6 +3715,11 @@ declare const diagramElementSchema: z.ZodDiscriminatedUnion<"type", [z.ZodObject
         offsetX?: number | undefined;
         offsetY?: number | undefined;
     } | undefined;
+    accentColor?: string | undefined;
+    accentBarWidth?: number | undefined;
+    glowColor?: string | undefined;
+    glowWidth?: number | undefined;
+    glowOpacity?: number | undefined;
 }>, z.ZodObject<{
     type: z.ZodLiteral<"connection">;
     from: z.ZodString;
@@ -3300,6 +4049,11 @@ declare const diagramSpecSchema: z.ZodObject<{
             offsetX?: number | undefined;
             offsetY?: number | undefined;
         }>>;
+        accentColor: z.ZodOptional<z.ZodEffects<z.ZodEffects<z.ZodString, string, string>, string, string>>;
+        accentBarWidth: z.ZodDefault<z.ZodNumber>;
+        glowColor: z.ZodOptional<z.ZodEffects<z.ZodEffects<z.ZodString, string, string>, string, string>>;
+        glowWidth: z.ZodDefault<z.ZodNumber>;
+        glowOpacity: z.ZodDefault<z.ZodNumber>;
     }, "strict", z.ZodTypeAny, {
         type: "flow-node";
         id: string;
@@ -3308,6 +4062,9 @@ declare const diagramSpecSchema: z.ZodObject<{
         fillOpacity: number;
         opacity: number;
         badgePosition: "top" | "inside-top";
+        accentBarWidth: number;
+        glowWidth: number;
+        glowOpacity: number;
         width?: number | undefined;
         height?: number | undefined;
         sublabel?: string | undefined;
@@ -3331,6 +4088,8 @@ declare const diagramSpecSchema: z.ZodObject<{
             offsetY: number;
             color?: string | undefined;
         } | undefined;
+        accentColor?: string | undefined;
+        glowColor?: string | undefined;
     }, {
         type: "flow-node";
         id: string;
@@ -3362,6 +4121,11 @@ declare const diagramSpecSchema: z.ZodObject<{
             offsetX?: number | undefined;
             offsetY?: number | undefined;
         } | undefined;
+        accentColor?: string | undefined;
+        accentBarWidth?: number | undefined;
+        glowColor?: string | undefined;
+        glowWidth?: number | undefined;
+        glowOpacity?: number | undefined;
     }>, z.ZodObject<{
         type: z.ZodLiteral<"connection">;
         from: z.ZodString;
@@ -3517,6 +4281,9 @@ declare const diagramSpecSchema: z.ZodObject<{
         fillOpacity: number;
         opacity: number;
         badgePosition: "top" | "inside-top";
+        accentBarWidth: number;
+        glowWidth: number;
+        glowOpacity: number;
         width?: number | undefined;
         height?: number | undefined;
         sublabel?: string | undefined;
@@ -3540,6 +4307,8 @@ declare const diagramSpecSchema: z.ZodObject<{
             offsetY: number;
             color?: string | undefined;
         } | undefined;
+        accentColor?: string | undefined;
+        glowColor?: string | undefined;
     } | {
         type: "connection";
         opacity: number;
@@ -3647,6 +4416,11 @@ declare const diagramSpecSchema: z.ZodObject<{
             offsetX?: number | undefined;
             offsetY?: number | undefined;
         } | undefined;
+        accentColor?: string | undefined;
+        accentBarWidth?: number | undefined;
+        glowColor?: string | undefined;
+        glowWidth?: number | undefined;
+        glowOpacity?: number | undefined;
     } | {
         type: "connection";
         from: string;
@@ -3904,6 +4678,10 @@ declare const designSpecSchema: z.ZodEffects<z.ZodObject<{
         angle?: number | undefined;
     }>, z.ZodObject<{
         type: z.ZodLiteral<"radial">;
+        cx: z.ZodOptional<z.ZodNumber>;
+        cy: z.ZodOptional<z.ZodNumber>;
+        innerRadius: z.ZodOptional<z.ZodNumber>;
+        outerRadius: z.ZodOptional<z.ZodNumber>;
         stops: z.ZodArray<z.ZodObject<{
             offset: z.ZodNumber;
             color: z.ZodEffects<z.ZodEffects<z.ZodString, string, string>, string, string>;
@@ -3920,12 +4698,20 @@ declare const designSpecSchema: z.ZodEffects<z.ZodObject<{
             color: string;
             offset: number;
         }[];
+        cx?: number | undefined;
+        cy?: number | undefined;
+        innerRadius?: number | undefined;
+        outerRadius?: number | undefined;
     }, {
         type: "radial";
         stops: {
             color: string;
             offset: number;
         }[];
+        cx?: number | undefined;
+        cy?: number | undefined;
+        innerRadius?: number | undefined;
+        outerRadius?: number | undefined;
     }>]>]>>;
     header: z.ZodOptional<z.ZodObject<{
         eyebrow: z.ZodOptional<z.ZodString>;
@@ -4019,6 +4805,11 @@ declare const designSpecSchema: z.ZodEffects<z.ZodObject<{
             offsetX?: number | undefined;
             offsetY?: number | undefined;
         }>>;
+        accentColor: z.ZodOptional<z.ZodEffects<z.ZodEffects<z.ZodString, string, string>, string, string>>;
+        accentBarWidth: z.ZodDefault<z.ZodNumber>;
+        glowColor: z.ZodOptional<z.ZodEffects<z.ZodEffects<z.ZodString, string, string>, string, string>>;
+        glowWidth: z.ZodDefault<z.ZodNumber>;
+        glowOpacity: z.ZodDefault<z.ZodNumber>;
     }, "strict", z.ZodTypeAny, {
         type: "flow-node";
         id: string;
@@ -4027,6 +4818,9 @@ declare const designSpecSchema: z.ZodEffects<z.ZodObject<{
         fillOpacity: number;
         opacity: number;
         badgePosition: "top" | "inside-top";
+        accentBarWidth: number;
+        glowWidth: number;
+        glowOpacity: number;
         width?: number | undefined;
         height?: number | undefined;
         sublabel?: string | undefined;
@@ -4050,6 +4844,8 @@ declare const designSpecSchema: z.ZodEffects<z.ZodObject<{
             offsetY: number;
             color?: string | undefined;
         } | undefined;
+        accentColor?: string | undefined;
+        glowColor?: string | undefined;
     }, {
         type: "flow-node";
         id: string;
@@ -4081,6 +4877,11 @@ declare const designSpecSchema: z.ZodEffects<z.ZodObject<{
             offsetX?: number | undefined;
             offsetY?: number | undefined;
         } | undefined;
+        accentColor?: string | undefined;
+        accentBarWidth?: number | undefined;
+        glowColor?: string | undefined;
+        glowWidth?: number | undefined;
+        glowOpacity?: number | undefined;
     }>, z.ZodObject<{
         type: z.ZodLiteral<"connection">;
         from: z.ZodString;
@@ -4473,6 +5274,10 @@ declare const designSpecSchema: z.ZodEffects<z.ZodObject<{
             angle?: number | undefined;
         }>, z.ZodObject<{
             type: z.ZodLiteral<"radial">;
+            cx: z.ZodOptional<z.ZodNumber>;
+            cy: z.ZodOptional<z.ZodNumber>;
+            innerRadius: z.ZodOptional<z.ZodNumber>;
+            outerRadius: z.ZodOptional<z.ZodNumber>;
             stops: z.ZodArray<z.ZodObject<{
                 offset: z.ZodNumber;
                 color: z.ZodEffects<z.ZodEffects<z.ZodString, string, string>, string, string>;
@@ -4489,12 +5294,20 @@ declare const designSpecSchema: z.ZodEffects<z.ZodObject<{
                 color: string;
                 offset: number;
             }[];
+            cx?: number | undefined;
+            cy?: number | undefined;
+            innerRadius?: number | undefined;
+            outerRadius?: number | undefined;
         }, {
             type: "radial";
             stops: {
                 color: string;
                 offset: number;
             }[];
+            cx?: number | undefined;
+            cy?: number | undefined;
+            innerRadius?: number | undefined;
+            outerRadius?: number | undefined;
         }>]>;
         opacity: z.ZodDefault<z.ZodNumber>;
     }, "strict", z.ZodTypeAny, {
@@ -4513,6 +5326,10 @@ declare const designSpecSchema: z.ZodEffects<z.ZodObject<{
                 color: string;
                 offset: number;
             }[];
+            cx?: number | undefined;
+            cy?: number | undefined;
+            innerRadius?: number | undefined;
+            outerRadius?: number | undefined;
         };
     }, {
         type: "gradient-overlay";
@@ -4529,6 +5346,10 @@ declare const designSpecSchema: z.ZodEffects<z.ZodObject<{
                 color: string;
                 offset: number;
             }[];
+            cx?: number | undefined;
+            cy?: number | undefined;
+            innerRadius?: number | undefined;
+            outerRadius?: number | undefined;
         };
         opacity?: number | undefined;
     }>]>, "many">>;
@@ -4543,6 +5364,22 @@ declare const designSpecSchema: z.ZodEffects<z.ZodObject<{
         strokeWidth: z.ZodDefault<z.ZodNumber>;
         radius: z.ZodDefault<z.ZodNumber>;
         opacity: z.ZodDefault<z.ZodNumber>;
+        shadow: z.ZodOptional<z.ZodObject<{
+            color: z.ZodDefault<z.ZodEffects<z.ZodEffects<z.ZodString, string, string>, string, string>>;
+            blur: z.ZodDefault<z.ZodNumber>;
+            offsetX: z.ZodDefault<z.ZodNumber>;
+            offsetY: z.ZodDefault<z.ZodNumber>;
+        }, "strict", z.ZodTypeAny, {
+            color: string;
+            blur: number;
+            offsetX: number;
+            offsetY: number;
+        }, {
+            color?: string | undefined;
+            blur?: number | undefined;
+            offsetX?: number | undefined;
+            offsetY?: number | undefined;
+        }>>;
     }, "strict", z.ZodTypeAny, {
         width: number;
         height: number;
@@ -4553,6 +5390,12 @@ declare const designSpecSchema: z.ZodEffects<z.ZodObject<{
         y: number;
         radius: number;
         fill?: string | undefined;
+        shadow?: {
+            color: string;
+            blur: number;
+            offsetX: number;
+            offsetY: number;
+        } | undefined;
         stroke?: string | undefined;
     }, {
         width: number;
@@ -4562,6 +5405,12 @@ declare const designSpecSchema: z.ZodEffects<z.ZodObject<{
         y: number;
         fill?: string | undefined;
         opacity?: number | undefined;
+        shadow?: {
+            color?: string | undefined;
+            blur?: number | undefined;
+            offsetX?: number | undefined;
+            offsetY?: number | undefined;
+        } | undefined;
         strokeWidth?: number | undefined;
         stroke?: string | undefined;
         radius?: number | undefined;
@@ -4574,6 +5423,22 @@ declare const designSpecSchema: z.ZodEffects<z.ZodObject<{
         stroke: z.ZodOptional<z.ZodEffects<z.ZodEffects<z.ZodString, string, string>, string, string>>;
         strokeWidth: z.ZodDefault<z.ZodNumber>;
         opacity: z.ZodDefault<z.ZodNumber>;
+        shadow: z.ZodOptional<z.ZodObject<{
+            color: z.ZodDefault<z.ZodEffects<z.ZodEffects<z.ZodString, string, string>, string, string>>;
+            blur: z.ZodDefault<z.ZodNumber>;
+            offsetX: z.ZodDefault<z.ZodNumber>;
+            offsetY: z.ZodDefault<z.ZodNumber>;
+        }, "strict", z.ZodTypeAny, {
+            color: string;
+            blur: number;
+            offsetX: number;
+            offsetY: number;
+        }, {
+            color?: string | undefined;
+            blur?: number | undefined;
+            offsetX?: number | undefined;
+            offsetY?: number | undefined;
+        }>>;
     }, "strict", z.ZodTypeAny, {
         type: "circle";
         opacity: number;
@@ -4582,6 +5447,12 @@ declare const designSpecSchema: z.ZodEffects<z.ZodObject<{
         cx: number;
         cy: number;
         fill?: string | undefined;
+        shadow?: {
+            color: string;
+            blur: number;
+            offsetX: number;
+            offsetY: number;
+        } | undefined;
         stroke?: string | undefined;
     }, {
         type: "circle";
@@ -4590,6 +5461,12 @@ declare const designSpecSchema: z.ZodEffects<z.ZodObject<{
         cy: number;
         fill?: string | undefined;
         opacity?: number | undefined;
+        shadow?: {
+            color?: string | undefined;
+            blur?: number | undefined;
+            offsetX?: number | undefined;
+            offsetY?: number | undefined;
+        } | undefined;
         strokeWidth?: number | undefined;
         stroke?: string | undefined;
     }>, z.ZodObject<{
@@ -4606,6 +5483,22 @@ declare const designSpecSchema: z.ZodEffects<z.ZodObject<{
         letterSpacing: z.ZodDefault<z.ZodNumber>;
         maxWidth: z.ZodOptional<z.ZodNumber>;
         opacity: z.ZodDefault<z.ZodNumber>;
+        shadow: z.ZodOptional<z.ZodObject<{
+            color: z.ZodDefault<z.ZodEffects<z.ZodEffects<z.ZodString, string, string>, string, string>>;
+            blur: z.ZodDefault<z.ZodNumber>;
+            offsetX: z.ZodDefault<z.ZodNumber>;
+            offsetY: z.ZodDefault<z.ZodNumber>;
+        }, "strict", z.ZodTypeAny, {
+            color: string;
+            blur: number;
+            offsetX: number;
+            offsetY: number;
+        }, {
+            color?: string | undefined;
+            blur?: number | undefined;
+            offsetX?: number | undefined;
+            offsetY?: number | undefined;
+        }>>;
     }, "strict", z.ZodTypeAny, {
         type: "text";
         color: string;
@@ -4619,6 +5512,12 @@ declare const designSpecSchema: z.ZodEffects<z.ZodObject<{
         fontFamily: "body" | "heading" | "mono";
         baseline: "top" | "alphabetic" | "bottom" | "middle";
         letterSpacing: number;
+        shadow?: {
+            color: string;
+            blur: number;
+            offsetX: number;
+            offsetY: number;
+        } | undefined;
         maxWidth?: number | undefined;
     }, {
         type: "text";
@@ -4627,6 +5526,12 @@ declare const designSpecSchema: z.ZodEffects<z.ZodObject<{
         y: number;
         color?: string | undefined;
         opacity?: number | undefined;
+        shadow?: {
+            color?: string | undefined;
+            blur?: number | undefined;
+            offsetX?: number | undefined;
+            offsetY?: number | undefined;
+        } | undefined;
         fontSize?: number | undefined;
         align?: "center" | "left" | "right" | undefined;
         fontWeight?: number | undefined;
@@ -4646,6 +5551,22 @@ declare const designSpecSchema: z.ZodEffects<z.ZodObject<{
         arrow: z.ZodDefault<z.ZodEnum<["none", "end", "start", "both"]>>;
         arrowSize: z.ZodDefault<z.ZodNumber>;
         opacity: z.ZodDefault<z.ZodNumber>;
+        shadow: z.ZodOptional<z.ZodObject<{
+            color: z.ZodDefault<z.ZodEffects<z.ZodEffects<z.ZodString, string, string>, string, string>>;
+            blur: z.ZodDefault<z.ZodNumber>;
+            offsetX: z.ZodDefault<z.ZodNumber>;
+            offsetY: z.ZodDefault<z.ZodNumber>;
+        }, "strict", z.ZodTypeAny, {
+            color: string;
+            blur: number;
+            offsetX: number;
+            offsetY: number;
+        }, {
+            color?: string | undefined;
+            blur?: number | undefined;
+            offsetX?: number | undefined;
+            offsetY?: number | undefined;
+        }>>;
     }, "strict", z.ZodTypeAny, {
         width: number;
         type: "line";
@@ -4657,6 +5578,12 @@ declare const designSpecSchema: z.ZodEffects<z.ZodObject<{
         y1: number;
         x2: number;
         y2: number;
+        shadow?: {
+            color: string;
+            blur: number;
+            offsetX: number;
+            offsetY: number;
+        } | undefined;
         dash?: number[] | undefined;
     }, {
         type: "line";
@@ -4667,6 +5594,12 @@ declare const designSpecSchema: z.ZodEffects<z.ZodObject<{
         width?: number | undefined;
         color?: string | undefined;
         opacity?: number | undefined;
+        shadow?: {
+            color?: string | undefined;
+            blur?: number | undefined;
+            offsetX?: number | undefined;
+            offsetY?: number | undefined;
+        } | undefined;
         arrow?: "end" | "start" | "both" | "none" | undefined;
         arrowSize?: number | undefined;
         dash?: number[] | undefined;
@@ -4688,6 +5621,22 @@ declare const designSpecSchema: z.ZodEffects<z.ZodObject<{
         arrow: z.ZodDefault<z.ZodEnum<["none", "end", "start", "both"]>>;
         arrowSize: z.ZodDefault<z.ZodNumber>;
         opacity: z.ZodDefault<z.ZodNumber>;
+        shadow: z.ZodOptional<z.ZodObject<{
+            color: z.ZodDefault<z.ZodEffects<z.ZodEffects<z.ZodString, string, string>, string, string>>;
+            blur: z.ZodDefault<z.ZodNumber>;
+            offsetX: z.ZodDefault<z.ZodNumber>;
+            offsetY: z.ZodDefault<z.ZodNumber>;
+        }, "strict", z.ZodTypeAny, {
+            color: string;
+            blur: number;
+            offsetX: number;
+            offsetY: number;
+        }, {
+            color?: string | undefined;
+            blur?: number | undefined;
+            offsetX?: number | undefined;
+            offsetY?: number | undefined;
+        }>>;
     }, "strict", z.ZodTypeAny, {
         width: number;
         type: "bezier";
@@ -4699,6 +5648,12 @@ declare const designSpecSchema: z.ZodEffects<z.ZodObject<{
             x: number;
             y: number;
         }[];
+        shadow?: {
+            color: string;
+            blur: number;
+            offsetX: number;
+            offsetY: number;
+        } | undefined;
         dash?: number[] | undefined;
     }, {
         type: "bezier";
@@ -4709,6 +5664,12 @@ declare const designSpecSchema: z.ZodEffects<z.ZodObject<{
         width?: number | undefined;
         color?: string | undefined;
         opacity?: number | undefined;
+        shadow?: {
+            color?: string | undefined;
+            blur?: number | undefined;
+            offsetX?: number | undefined;
+            offsetY?: number | undefined;
+        } | undefined;
         arrow?: "end" | "start" | "both" | "none" | undefined;
         arrowSize?: number | undefined;
         dash?: number[] | undefined;
@@ -4719,18 +5680,46 @@ declare const designSpecSchema: z.ZodEffects<z.ZodObject<{
         stroke: z.ZodOptional<z.ZodEffects<z.ZodEffects<z.ZodString, string, string>, string, string>>;
         strokeWidth: z.ZodDefault<z.ZodNumber>;
         opacity: z.ZodDefault<z.ZodNumber>;
+        shadow: z.ZodOptional<z.ZodObject<{
+            color: z.ZodDefault<z.ZodEffects<z.ZodEffects<z.ZodString, string, string>, string, string>>;
+            blur: z.ZodDefault<z.ZodNumber>;
+            offsetX: z.ZodDefault<z.ZodNumber>;
+            offsetY: z.ZodDefault<z.ZodNumber>;
+        }, "strict", z.ZodTypeAny, {
+            color: string;
+            blur: number;
+            offsetX: number;
+            offsetY: number;
+        }, {
+            color?: string | undefined;
+            blur?: number | undefined;
+            offsetX?: number | undefined;
+            offsetY?: number | undefined;
+        }>>;
     }, "strict", z.ZodTypeAny, {
         type: "path";
         opacity: number;
         strokeWidth: number;
         d: string;
         fill?: string | undefined;
+        shadow?: {
+            color: string;
+            blur: number;
+            offsetX: number;
+            offsetY: number;
+        } | undefined;
         stroke?: string | undefined;
     }, {
         type: "path";
         d: string;
         fill?: string | undefined;
         opacity?: number | undefined;
+        shadow?: {
+            color?: string | undefined;
+            blur?: number | undefined;
+            offsetX?: number | undefined;
+            offsetY?: number | undefined;
+        } | undefined;
         strokeWidth?: number | undefined;
         stroke?: string | undefined;
     }>, z.ZodObject<{
@@ -4746,6 +5735,22 @@ declare const designSpecSchema: z.ZodEffects<z.ZodObject<{
         paddingY: z.ZodDefault<z.ZodNumber>;
         borderRadius: z.ZodDefault<z.ZodNumber>;
         opacity: z.ZodDefault<z.ZodNumber>;
+        shadow: z.ZodOptional<z.ZodObject<{
+            color: z.ZodDefault<z.ZodEffects<z.ZodEffects<z.ZodString, string, string>, string, string>>;
+            blur: z.ZodDefault<z.ZodNumber>;
+            offsetX: z.ZodDefault<z.ZodNumber>;
+            offsetY: z.ZodDefault<z.ZodNumber>;
+        }, "strict", z.ZodTypeAny, {
+            color: string;
+            blur: number;
+            offsetX: number;
+            offsetY: number;
+        }, {
+            color?: string | undefined;
+            blur?: number | undefined;
+            offsetX?: number | undefined;
+            offsetY?: number | undefined;
+        }>>;
     }, "strict", z.ZodTypeAny, {
         type: "badge";
         color: string;
@@ -4759,6 +5764,12 @@ declare const designSpecSchema: z.ZodEffects<z.ZodObject<{
         fontFamily: "body" | "heading" | "mono";
         paddingX: number;
         paddingY: number;
+        shadow?: {
+            color: string;
+            blur: number;
+            offsetX: number;
+            offsetY: number;
+        } | undefined;
     }, {
         type: "badge";
         text: string;
@@ -4766,6 +5777,12 @@ declare const designSpecSchema: z.ZodEffects<z.ZodObject<{
         y: number;
         color?: string | undefined;
         opacity?: number | undefined;
+        shadow?: {
+            color?: string | undefined;
+            blur?: number | undefined;
+            offsetX?: number | undefined;
+            offsetY?: number | undefined;
+        } | undefined;
         background?: string | undefined;
         fontSize?: number | undefined;
         borderRadius?: number | undefined;
@@ -4807,6 +5824,10 @@ declare const designSpecSchema: z.ZodEffects<z.ZodObject<{
             angle?: number | undefined;
         }>, z.ZodObject<{
             type: z.ZodLiteral<"radial">;
+            cx: z.ZodOptional<z.ZodNumber>;
+            cy: z.ZodOptional<z.ZodNumber>;
+            innerRadius: z.ZodOptional<z.ZodNumber>;
+            outerRadius: z.ZodOptional<z.ZodNumber>;
             stops: z.ZodArray<z.ZodObject<{
                 offset: z.ZodNumber;
                 color: z.ZodEffects<z.ZodEffects<z.ZodString, string, string>, string, string>;
@@ -4823,15 +5844,39 @@ declare const designSpecSchema: z.ZodEffects<z.ZodObject<{
                 color: string;
                 offset: number;
             }[];
+            cx?: number | undefined;
+            cy?: number | undefined;
+            innerRadius?: number | undefined;
+            outerRadius?: number | undefined;
         }, {
             type: "radial";
             stops: {
                 color: string;
                 offset: number;
             }[];
+            cx?: number | undefined;
+            cy?: number | undefined;
+            innerRadius?: number | undefined;
+            outerRadius?: number | undefined;
         }>]>;
         radius: z.ZodDefault<z.ZodNumber>;
         opacity: z.ZodDefault<z.ZodNumber>;
+        shadow: z.ZodOptional<z.ZodObject<{
+            color: z.ZodDefault<z.ZodEffects<z.ZodEffects<z.ZodString, string, string>, string, string>>;
+            blur: z.ZodDefault<z.ZodNumber>;
+            offsetX: z.ZodDefault<z.ZodNumber>;
+            offsetY: z.ZodDefault<z.ZodNumber>;
+        }, "strict", z.ZodTypeAny, {
+            color: string;
+            blur: number;
+            offsetX: number;
+            offsetY: number;
+        }, {
+            color?: string | undefined;
+            blur?: number | undefined;
+            offsetX?: number | undefined;
+            offsetY?: number | undefined;
+        }>>;
     }, "strict", z.ZodTypeAny, {
         width: number;
         height: number;
@@ -4853,7 +5898,17 @@ declare const designSpecSchema: z.ZodEffects<z.ZodObject<{
                 color: string;
                 offset: number;
             }[];
+            cx?: number | undefined;
+            cy?: number | undefined;
+            innerRadius?: number | undefined;
+            outerRadius?: number | undefined;
         };
+        shadow?: {
+            color: string;
+            blur: number;
+            offsetX: number;
+            offsetY: number;
+        } | undefined;
     }, {
         width: number;
         height: number;
@@ -4873,8 +5928,18 @@ declare const designSpecSchema: z.ZodEffects<z.ZodObject<{
                 color: string;
                 offset: number;
             }[];
+            cx?: number | undefined;
+            cy?: number | undefined;
+            innerRadius?: number | undefined;
+            outerRadius?: number | undefined;
         };
         opacity?: number | undefined;
+        shadow?: {
+            color?: string | undefined;
+            blur?: number | undefined;
+            offsetX?: number | undefined;
+            offsetY?: number | undefined;
+        } | undefined;
         radius?: number | undefined;
     }>, z.ZodObject<{
         type: z.ZodLiteral<"grid">;
@@ -4893,13 +5958,79 @@ declare const designSpecSchema: z.ZodEffects<z.ZodObject<{
         offsetY: number;
         spacing: number;
     }, {
-        type: "grid";
-        width?: number | undefined;
-        color?: string | undefined;
+        type: "grid";
+        width?: number | undefined;
+        color?: string | undefined;
+        opacity?: number | undefined;
+        offsetX?: number | undefined;
+        offsetY?: number | undefined;
+        spacing?: number | undefined;
+    }>, z.ZodObject<{
+        type: z.ZodLiteral<"text-row">;
+        segments: z.ZodArray<z.ZodObject<{
+            text: z.ZodString;
+            color: z.ZodOptional<z.ZodEffects<z.ZodEffects<z.ZodString, string, string>, string, string>>;
+            fontSize: z.ZodOptional<z.ZodNumber>;
+            fontWeight: z.ZodOptional<z.ZodNumber>;
+            fontFamily: z.ZodOptional<z.ZodEnum<["heading", "body", "mono"]>>;
+        }, "strict", z.ZodTypeAny, {
+            text: string;
+            color?: string | undefined;
+            fontSize?: number | undefined;
+            fontWeight?: number | undefined;
+            fontFamily?: "body" | "heading" | "mono" | undefined;
+        }, {
+            text: string;
+            color?: string | undefined;
+            fontSize?: number | undefined;
+            fontWeight?: number | undefined;
+            fontFamily?: "body" | "heading" | "mono" | undefined;
+        }>, "many">;
+        x: z.ZodNumber;
+        y: z.ZodNumber;
+        align: z.ZodDefault<z.ZodEnum<["left", "center", "right"]>>;
+        baseline: z.ZodDefault<z.ZodEnum<["top", "middle", "alphabetic", "bottom"]>>;
+        defaultFontSize: z.ZodDefault<z.ZodNumber>;
+        defaultFontWeight: z.ZodDefault<z.ZodNumber>;
+        defaultFontFamily: z.ZodDefault<z.ZodEnum<["heading", "body", "mono"]>>;
+        defaultColor: z.ZodDefault<z.ZodEffects<z.ZodEffects<z.ZodString, string, string>, string, string>>;
+        opacity: z.ZodDefault<z.ZodNumber>;
+    }, "strict", z.ZodTypeAny, {
+        type: "text-row";
+        opacity: number;
+        x: number;
+        y: number;
+        align: "center" | "left" | "right";
+        baseline: "top" | "alphabetic" | "bottom" | "middle";
+        segments: {
+            text: string;
+            color?: string | undefined;
+            fontSize?: number | undefined;
+            fontWeight?: number | undefined;
+            fontFamily?: "body" | "heading" | "mono" | undefined;
+        }[];
+        defaultFontSize: number;
+        defaultFontWeight: number;
+        defaultFontFamily: "body" | "heading" | "mono";
+        defaultColor: string;
+    }, {
+        type: "text-row";
+        x: number;
+        y: number;
+        segments: {
+            text: string;
+            color?: string | undefined;
+            fontSize?: number | undefined;
+            fontWeight?: number | undefined;
+            fontFamily?: "body" | "heading" | "mono" | undefined;
+        }[];
         opacity?: number | undefined;
-        offsetX?: number | undefined;
-        offsetY?: number | undefined;
-        spacing?: number | undefined;
+        align?: "center" | "left" | "right" | undefined;
+        baseline?: "top" | "alphabetic" | "bottom" | "middle" | undefined;
+        defaultFontSize?: number | undefined;
+        defaultFontWeight?: number | undefined;
+        defaultFontFamily?: "body" | "heading" | "mono" | undefined;
+        defaultColor?: string | undefined;
     }>]>, "many">>;
     layout: z.ZodOptional<z.ZodDiscriminatedUnion<"mode", [z.ZodObject<{
         mode: z.ZodLiteral<"auto">;
@@ -5115,6 +6246,12 @@ declare const designSpecSchema: z.ZodEffects<z.ZodObject<{
         y: number;
         radius: number;
         fill?: string | undefined;
+        shadow?: {
+            color: string;
+            blur: number;
+            offsetX: number;
+            offsetY: number;
+        } | undefined;
         stroke?: string | undefined;
     } | {
         type: "circle";
@@ -5124,6 +6261,12 @@ declare const designSpecSchema: z.ZodEffects<z.ZodObject<{
         cx: number;
         cy: number;
         fill?: string | undefined;
+        shadow?: {
+            color: string;
+            blur: number;
+            offsetX: number;
+            offsetY: number;
+        } | undefined;
         stroke?: string | undefined;
     } | {
         type: "text";
@@ -5138,6 +6281,12 @@ declare const designSpecSchema: z.ZodEffects<z.ZodObject<{
         fontFamily: "body" | "heading" | "mono";
         baseline: "top" | "alphabetic" | "bottom" | "middle";
         letterSpacing: number;
+        shadow?: {
+            color: string;
+            blur: number;
+            offsetX: number;
+            offsetY: number;
+        } | undefined;
         maxWidth?: number | undefined;
     } | {
         width: number;
@@ -5150,6 +6299,12 @@ declare const designSpecSchema: z.ZodEffects<z.ZodObject<{
         y1: number;
         x2: number;
         y2: number;
+        shadow?: {
+            color: string;
+            blur: number;
+            offsetX: number;
+            offsetY: number;
+        } | undefined;
         dash?: number[] | undefined;
     } | {
         width: number;
@@ -5162,6 +6317,12 @@ declare const designSpecSchema: z.ZodEffects<z.ZodObject<{
             x: number;
             y: number;
         }[];
+        shadow?: {
+            color: string;
+            blur: number;
+            offsetX: number;
+            offsetY: number;
+        } | undefined;
         dash?: number[] | undefined;
     } | {
         type: "path";
@@ -5169,6 +6330,12 @@ declare const designSpecSchema: z.ZodEffects<z.ZodObject<{
         strokeWidth: number;
         d: string;
         fill?: string | undefined;
+        shadow?: {
+            color: string;
+            blur: number;
+            offsetX: number;
+            offsetY: number;
+        } | undefined;
         stroke?: string | undefined;
     } | {
         type: "badge";
@@ -5183,6 +6350,12 @@ declare const designSpecSchema: z.ZodEffects<z.ZodObject<{
         fontFamily: "body" | "heading" | "mono";
         paddingX: number;
         paddingY: number;
+        shadow?: {
+            color: string;
+            blur: number;
+            offsetX: number;
+            offsetY: number;
+        } | undefined;
     } | {
         width: number;
         height: number;
@@ -5204,7 +6377,17 @@ declare const designSpecSchema: z.ZodEffects<z.ZodObject<{
                 color: string;
                 offset: number;
             }[];
+            cx?: number | undefined;
+            cy?: number | undefined;
+            innerRadius?: number | undefined;
+            outerRadius?: number | undefined;
         };
+        shadow?: {
+            color: string;
+            blur: number;
+            offsetX: number;
+            offsetY: number;
+        } | undefined;
     } | {
         width: number;
         type: "grid";
@@ -5213,6 +6396,24 @@ declare const designSpecSchema: z.ZodEffects<z.ZodObject<{
         offsetX: number;
         offsetY: number;
         spacing: number;
+    } | {
+        type: "text-row";
+        opacity: number;
+        x: number;
+        y: number;
+        align: "center" | "left" | "right";
+        baseline: "top" | "alphabetic" | "bottom" | "middle";
+        segments: {
+            text: string;
+            color?: string | undefined;
+            fontSize?: number | undefined;
+            fontWeight?: number | undefined;
+            fontFamily?: "body" | "heading" | "mono" | undefined;
+        }[];
+        defaultFontSize: number;
+        defaultFontWeight: number;
+        defaultFontFamily: "body" | "heading" | "mono";
+        defaultColor: string;
     })[];
     theme: {
         code: {
@@ -5263,6 +6464,9 @@ declare const designSpecSchema: z.ZodEffects<z.ZodObject<{
         fillOpacity: number;
         opacity: number;
         badgePosition: "top" | "inside-top";
+        accentBarWidth: number;
+        glowWidth: number;
+        glowOpacity: number;
         width?: number | undefined;
         height?: number | undefined;
         sublabel?: string | undefined;
@@ -5286,6 +6490,8 @@ declare const designSpecSchema: z.ZodEffects<z.ZodObject<{
             offsetY: number;
             color?: string | undefined;
         } | undefined;
+        accentColor?: string | undefined;
+        glowColor?: string | undefined;
     } | {
         body: string;
         type: "card";
@@ -5410,6 +6616,10 @@ declare const designSpecSchema: z.ZodEffects<z.ZodObject<{
                 color: string;
                 offset: number;
             }[];
+            cx?: number | undefined;
+            cy?: number | undefined;
+            innerRadius?: number | undefined;
+            outerRadius?: number | undefined;
         };
     })[];
     constraints: {
@@ -5431,6 +6641,10 @@ declare const designSpecSchema: z.ZodEffects<z.ZodObject<{
             color: string;
             offset: number;
         }[];
+        cx?: number | undefined;
+        cy?: number | undefined;
+        innerRadius?: number | undefined;
+        outerRadius?: number | undefined;
     } | undefined;
     header?: {
         title: string;
@@ -5507,6 +6721,10 @@ declare const designSpecSchema: z.ZodEffects<z.ZodObject<{
             color: string;
             offset: number;
         }[];
+        cx?: number | undefined;
+        cy?: number | undefined;
+        innerRadius?: number | undefined;
+        outerRadius?: number | undefined;
     } | undefined;
     header?: {
         title: string;
@@ -5528,6 +6746,12 @@ declare const designSpecSchema: z.ZodEffects<z.ZodObject<{
         y: number;
         fill?: string | undefined;
         opacity?: number | undefined;
+        shadow?: {
+            color?: string | undefined;
+            blur?: number | undefined;
+            offsetX?: number | undefined;
+            offsetY?: number | undefined;
+        } | undefined;
         strokeWidth?: number | undefined;
         stroke?: string | undefined;
         radius?: number | undefined;
@@ -5538,6 +6762,12 @@ declare const designSpecSchema: z.ZodEffects<z.ZodObject<{
         cy: number;
         fill?: string | undefined;
         opacity?: number | undefined;
+        shadow?: {
+            color?: string | undefined;
+            blur?: number | undefined;
+            offsetX?: number | undefined;
+            offsetY?: number | undefined;
+        } | undefined;
         strokeWidth?: number | undefined;
         stroke?: string | undefined;
     } | {
@@ -5547,6 +6777,12 @@ declare const designSpecSchema: z.ZodEffects<z.ZodObject<{
         y: number;
         color?: string | undefined;
         opacity?: number | undefined;
+        shadow?: {
+            color?: string | undefined;
+            blur?: number | undefined;
+            offsetX?: number | undefined;
+            offsetY?: number | undefined;
+        } | undefined;
         fontSize?: number | undefined;
         align?: "center" | "left" | "right" | undefined;
         fontWeight?: number | undefined;
@@ -5563,6 +6799,12 @@ declare const designSpecSchema: z.ZodEffects<z.ZodObject<{
         width?: number | undefined;
         color?: string | undefined;
         opacity?: number | undefined;
+        shadow?: {
+            color?: string | undefined;
+            blur?: number | undefined;
+            offsetX?: number | undefined;
+            offsetY?: number | undefined;
+        } | undefined;
         arrow?: "end" | "start" | "both" | "none" | undefined;
         arrowSize?: number | undefined;
         dash?: number[] | undefined;
@@ -5575,6 +6817,12 @@ declare const designSpecSchema: z.ZodEffects<z.ZodObject<{
         width?: number | undefined;
         color?: string | undefined;
         opacity?: number | undefined;
+        shadow?: {
+            color?: string | undefined;
+            blur?: number | undefined;
+            offsetX?: number | undefined;
+            offsetY?: number | undefined;
+        } | undefined;
         arrow?: "end" | "start" | "both" | "none" | undefined;
         arrowSize?: number | undefined;
         dash?: number[] | undefined;
@@ -5583,6 +6831,12 @@ declare const designSpecSchema: z.ZodEffects<z.ZodObject<{
         d: string;
         fill?: string | undefined;
         opacity?: number | undefined;
+        shadow?: {
+            color?: string | undefined;
+            blur?: number | undefined;
+            offsetX?: number | undefined;
+            offsetY?: number | undefined;
+        } | undefined;
         strokeWidth?: number | undefined;
         stroke?: string | undefined;
     } | {
@@ -5592,6 +6846,12 @@ declare const designSpecSchema: z.ZodEffects<z.ZodObject<{
         y: number;
         color?: string | undefined;
         opacity?: number | undefined;
+        shadow?: {
+            color?: string | undefined;
+            blur?: number | undefined;
+            offsetX?: number | undefined;
+            offsetY?: number | undefined;
+        } | undefined;
         background?: string | undefined;
         fontSize?: number | undefined;
         borderRadius?: number | undefined;
@@ -5617,8 +6877,18 @@ declare const designSpecSchema: z.ZodEffects<z.ZodObject<{
                 color: string;
                 offset: number;
             }[];
+            cx?: number | undefined;
+            cy?: number | undefined;
+            innerRadius?: number | undefined;
+            outerRadius?: number | undefined;
         };
         opacity?: number | undefined;
+        shadow?: {
+            color?: string | undefined;
+            blur?: number | undefined;
+            offsetX?: number | undefined;
+            offsetY?: number | undefined;
+        } | undefined;
         radius?: number | undefined;
     } | {
         type: "grid";
@@ -5628,6 +6898,24 @@ declare const designSpecSchema: z.ZodEffects<z.ZodObject<{
         offsetX?: number | undefined;
         offsetY?: number | undefined;
         spacing?: number | undefined;
+    } | {
+        type: "text-row";
+        x: number;
+        y: number;
+        segments: {
+            text: string;
+            color?: string | undefined;
+            fontSize?: number | undefined;
+            fontWeight?: number | undefined;
+            fontFamily?: "body" | "heading" | "mono" | undefined;
+        }[];
+        opacity?: number | undefined;
+        align?: "center" | "left" | "right" | undefined;
+        baseline?: "top" | "alphabetic" | "bottom" | "middle" | undefined;
+        defaultFontSize?: number | undefined;
+        defaultFontWeight?: number | undefined;
+        defaultFontFamily?: "body" | "heading" | "mono" | undefined;
+        defaultColor?: string | undefined;
     })[] | undefined;
     theme?: {
         code: {
@@ -5701,6 +6989,11 @@ declare const designSpecSchema: z.ZodEffects<z.ZodObject<{
             offsetX?: number | undefined;
             offsetY?: number | undefined;
         } | undefined;
+        accentColor?: string | undefined;
+        accentBarWidth?: number | undefined;
+        glowColor?: string | undefined;
+        glowWidth?: number | undefined;
+        glowOpacity?: number | undefined;
     } | {
         body: string;
         type: "card";
@@ -5824,6 +7117,10 @@ declare const designSpecSchema: z.ZodEffects<z.ZodObject<{
                 color: string;
                 offset: number;
             }[];
+            cx?: number | undefined;
+            cy?: number | undefined;
+            innerRadius?: number | undefined;
+            outerRadius?: number | undefined;
         };
         opacity?: number | undefined;
     })[] | undefined;
@@ -5942,6 +7239,12 @@ declare const designSpecSchema: z.ZodEffects<z.ZodObject<{
         y: number;
         radius: number;
         fill?: string | undefined;
+        shadow?: {
+            color: string;
+            blur: number;
+            offsetX: number;
+            offsetY: number;
+        } | undefined;
         stroke?: string | undefined;
     } | {
         type: "circle";
@@ -5951,6 +7254,12 @@ declare const designSpecSchema: z.ZodEffects<z.ZodObject<{
         cx: number;
         cy: number;
         fill?: string | undefined;
+        shadow?: {
+            color: string;
+            blur: number;
+            offsetX: number;
+            offsetY: number;
+        } | undefined;
         stroke?: string | undefined;
     } | {
         type: "text";
@@ -5965,6 +7274,12 @@ declare const designSpecSchema: z.ZodEffects<z.ZodObject<{
         fontFamily: "body" | "heading" | "mono";
         baseline: "top" | "alphabetic" | "bottom" | "middle";
         letterSpacing: number;
+        shadow?: {
+            color: string;
+            blur: number;
+            offsetX: number;
+            offsetY: number;
+        } | undefined;
         maxWidth?: number | undefined;
     } | {
         width: number;
@@ -5977,6 +7292,12 @@ declare const designSpecSchema: z.ZodEffects<z.ZodObject<{
         y1: number;
         x2: number;
         y2: number;
+        shadow?: {
+            color: string;
+            blur: number;
+            offsetX: number;
+            offsetY: number;
+        } | undefined;
         dash?: number[] | undefined;
     } | {
         width: number;
@@ -5989,6 +7310,12 @@ declare const designSpecSchema: z.ZodEffects<z.ZodObject<{
             x: number;
             y: number;
         }[];
+        shadow?: {
+            color: string;
+            blur: number;
+            offsetX: number;
+            offsetY: number;
+        } | undefined;
         dash?: number[] | undefined;
     } | {
         type: "path";
@@ -5996,6 +7323,12 @@ declare const designSpecSchema: z.ZodEffects<z.ZodObject<{
         strokeWidth: number;
         d: string;
         fill?: string | undefined;
+        shadow?: {
+            color: string;
+            blur: number;
+            offsetX: number;
+            offsetY: number;
+        } | undefined;
         stroke?: string | undefined;
     } | {
         type: "badge";
@@ -6010,6 +7343,12 @@ declare const designSpecSchema: z.ZodEffects<z.ZodObject<{
         fontFamily: "body" | "heading" | "mono";
         paddingX: number;
         paddingY: number;
+        shadow?: {
+            color: string;
+            blur: number;
+            offsetX: number;
+            offsetY: number;
+        } | undefined;
     } | {
         width: number;
         height: number;
@@ -6031,7 +7370,17 @@ declare const designSpecSchema: z.ZodEffects<z.ZodObject<{
                 color: string;
                 offset: number;
             }[];
+            cx?: number | undefined;
+            cy?: number | undefined;
+            innerRadius?: number | undefined;
+            outerRadius?: number | undefined;
         };
+        shadow?: {
+            color: string;
+            blur: number;
+            offsetX: number;
+            offsetY: number;
+        } | undefined;
     } | {
         width: number;
         type: "grid";
@@ -6040,6 +7389,24 @@ declare const designSpecSchema: z.ZodEffects<z.ZodObject<{
         offsetX: number;
         offsetY: number;
         spacing: number;
+    } | {
+        type: "text-row";
+        opacity: number;
+        x: number;
+        y: number;
+        align: "center" | "left" | "right";
+        baseline: "top" | "alphabetic" | "bottom" | "middle";
+        segments: {
+            text: string;
+            color?: string | undefined;
+            fontSize?: number | undefined;
+            fontWeight?: number | undefined;
+            fontFamily?: "body" | "heading" | "mono" | undefined;
+        }[];
+        defaultFontSize: number;
+        defaultFontWeight: number;
+        defaultFontFamily: "body" | "heading" | "mono";
+        defaultColor: string;
     })[];
     theme: {
         code: {
@@ -6090,6 +7457,9 @@ declare const designSpecSchema: z.ZodEffects<z.ZodObject<{
         fillOpacity: number;
         opacity: number;
         badgePosition: "top" | "inside-top";
+        accentBarWidth: number;
+        glowWidth: number;
+        glowOpacity: number;
         width?: number | undefined;
         height?: number | undefined;
         sublabel?: string | undefined;
@@ -6113,6 +7483,8 @@ declare const designSpecSchema: z.ZodEffects<z.ZodObject<{
             offsetY: number;
             color?: string | undefined;
         } | undefined;
+        accentColor?: string | undefined;
+        glowColor?: string | undefined;
     } | {
         body: string;
         type: "card";
@@ -6237,6 +7609,10 @@ declare const designSpecSchema: z.ZodEffects<z.ZodObject<{
                 color: string;
                 offset: number;
             }[];
+            cx?: number | undefined;
+            cy?: number | undefined;
+            innerRadius?: number | undefined;
+            outerRadius?: number | undefined;
         };
     })[];
     constraints: {
@@ -6258,6 +7634,10 @@ declare const designSpecSchema: z.ZodEffects<z.ZodObject<{
             color: string;
             offset: number;
         }[];
+        cx?: number | undefined;
+        cy?: number | undefined;
+        innerRadius?: number | undefined;
+        outerRadius?: number | undefined;
     } | undefined;
     header?: {
         title: string;
@@ -6285,6 +7665,10 @@ declare const designSpecSchema: z.ZodEffects<z.ZodObject<{
             color: string;
             offset: number;
         }[];
+        cx?: number | undefined;
+        cy?: number | undefined;
+        innerRadius?: number | undefined;
+        outerRadius?: number | undefined;
     } | undefined;
     header?: {
         title: string;
@@ -6306,6 +7690,12 @@ declare const designSpecSchema: z.ZodEffects<z.ZodObject<{
         y: number;
         fill?: string | undefined;
         opacity?: number | undefined;
+        shadow?: {
+            color?: string | undefined;
+            blur?: number | undefined;
+            offsetX?: number | undefined;
+            offsetY?: number | undefined;
+        } | undefined;
         strokeWidth?: number | undefined;
         stroke?: string | undefined;
         radius?: number | undefined;
@@ -6316,6 +7706,12 @@ declare const designSpecSchema: z.ZodEffects<z.ZodObject<{
         cy: number;
         fill?: string | undefined;
         opacity?: number | undefined;
+        shadow?: {
+            color?: string | undefined;
+            blur?: number | undefined;
+            offsetX?: number | undefined;
+            offsetY?: number | undefined;
+        } | undefined;
         strokeWidth?: number | undefined;
         stroke?: string | undefined;
     } | {
@@ -6325,6 +7721,12 @@ declare const designSpecSchema: z.ZodEffects<z.ZodObject<{
         y: number;
         color?: string | undefined;
         opacity?: number | undefined;
+        shadow?: {
+            color?: string | undefined;
+            blur?: number | undefined;
+            offsetX?: number | undefined;
+            offsetY?: number | undefined;
+        } | undefined;
         fontSize?: number | undefined;
         align?: "center" | "left" | "right" | undefined;
         fontWeight?: number | undefined;
@@ -6341,6 +7743,12 @@ declare const designSpecSchema: z.ZodEffects<z.ZodObject<{
         width?: number | undefined;
         color?: string | undefined;
         opacity?: number | undefined;
+        shadow?: {
+            color?: string | undefined;
+            blur?: number | undefined;
+            offsetX?: number | undefined;
+            offsetY?: number | undefined;
+        } | undefined;
         arrow?: "end" | "start" | "both" | "none" | undefined;
         arrowSize?: number | undefined;
         dash?: number[] | undefined;
@@ -6353,6 +7761,12 @@ declare const designSpecSchema: z.ZodEffects<z.ZodObject<{
         width?: number | undefined;
         color?: string | undefined;
         opacity?: number | undefined;
+        shadow?: {
+            color?: string | undefined;
+            blur?: number | undefined;
+            offsetX?: number | undefined;
+            offsetY?: number | undefined;
+        } | undefined;
         arrow?: "end" | "start" | "both" | "none" | undefined;
         arrowSize?: number | undefined;
         dash?: number[] | undefined;
@@ -6361,6 +7775,12 @@ declare const designSpecSchema: z.ZodEffects<z.ZodObject<{
         d: string;
         fill?: string | undefined;
         opacity?: number | undefined;
+        shadow?: {
+            color?: string | undefined;
+            blur?: number | undefined;
+            offsetX?: number | undefined;
+            offsetY?: number | undefined;
+        } | undefined;
         strokeWidth?: number | undefined;
         stroke?: string | undefined;
     } | {
@@ -6370,6 +7790,12 @@ declare const designSpecSchema: z.ZodEffects<z.ZodObject<{
         y: number;
         color?: string | undefined;
         opacity?: number | undefined;
+        shadow?: {
+            color?: string | undefined;
+            blur?: number | undefined;
+            offsetX?: number | undefined;
+            offsetY?: number | undefined;
+        } | undefined;
         background?: string | undefined;
         fontSize?: number | undefined;
         borderRadius?: number | undefined;
@@ -6395,8 +7821,18 @@ declare const designSpecSchema: z.ZodEffects<z.ZodObject<{
                 color: string;
                 offset: number;
             }[];
+            cx?: number | undefined;
+            cy?: number | undefined;
+            innerRadius?: number | undefined;
+            outerRadius?: number | undefined;
         };
         opacity?: number | undefined;
+        shadow?: {
+            color?: string | undefined;
+            blur?: number | undefined;
+            offsetX?: number | undefined;
+            offsetY?: number | undefined;
+        } | undefined;
         radius?: number | undefined;
     } | {
         type: "grid";
@@ -6406,6 +7842,24 @@ declare const designSpecSchema: z.ZodEffects<z.ZodObject<{
         offsetX?: number | undefined;
         offsetY?: number | undefined;
         spacing?: number | undefined;
+    } | {
+        type: "text-row";
+        x: number;
+        y: number;
+        segments: {
+            text: string;
+            color?: string | undefined;
+            fontSize?: number | undefined;
+            fontWeight?: number | undefined;
+            fontFamily?: "body" | "heading" | "mono" | undefined;
+        }[];
+        opacity?: number | undefined;
+        align?: "center" | "left" | "right" | undefined;
+        baseline?: "top" | "alphabetic" | "bottom" | "middle" | undefined;
+        defaultFontSize?: number | undefined;
+        defaultFontWeight?: number | undefined;
+        defaultFontFamily?: "body" | "heading" | "mono" | undefined;
+        defaultColor?: string | undefined;
     })[] | undefined;
     theme?: {
         code: {
@@ -6479,6 +7933,11 @@ declare const designSpecSchema: z.ZodEffects<z.ZodObject<{
             offsetX?: number | undefined;
             offsetY?: number | undefined;
         } | undefined;
+        accentColor?: string | undefined;
+        accentBarWidth?: number | undefined;
+        glowColor?: string | undefined;
+        glowWidth?: number | undefined;
+        glowOpacity?: number | undefined;
     } | {
         body: string;
         type: "card";
@@ -6602,6 +8061,10 @@ declare const designSpecSchema: z.ZodEffects<z.ZodObject<{
                 color: string;
                 offset: number;
             }[];
+            cx?: number | undefined;
+            cy?: number | undefined;
+            innerRadius?: number | undefined;
+            outerRadius?: number | undefined;
         };
         opacity?: number | undefined;
     })[] | undefined;
@@ -6677,6 +8140,7 @@ type TerminalElement = z.infer<typeof terminalElementSchema>;
 type TextElement = z.infer<typeof textElementSchema>;
 type ShapeElement = z.infer<typeof shapeElementSchema>;
 type ImageElement = z.infer<typeof imageElementSchema>;
+type DrawShadow = z.infer<typeof drawShadowSchema>;
 type DrawFontFamily = z.infer<typeof drawFontFamilySchema>;
 type DrawPoint = z.infer<typeof drawPointSchema>;
 type DrawRect = z.infer<typeof drawRectSchema>;
@@ -6688,6 +8152,8 @@ type DrawPath = z.infer<typeof drawPathSchema>;
 type DrawBadge = z.infer<typeof drawBadgeSchema>;
 type DrawGradientRect = z.infer<typeof drawGradientRectSchema>;
 type DrawGrid = z.infer<typeof drawGridSchema>;
+type DrawTextRow = z.infer<typeof drawTextRowSchema>;
+type DrawTextRowSegment = z.infer<typeof drawTextRowSegmentSchema>;
 type DrawCommand = z.infer<typeof drawCommandSchema>;
 type LayoutConfig = z.infer<typeof layoutConfigSchema>;
 type AutoLayoutConfig = z.infer<typeof autoLayoutConfigSchema>;
@@ -6745,4 +8211,4 @@ declare function deriveSafeFrame(spec: DesignSpec): DesignSafeFrame;
 declare function parseDiagramSpec(input: unknown): DiagramSpec;
 declare function parseDesignSpec(input: unknown): DesignSpec;
-export { builtInThemeBackgrounds as $, type AnchorHint as A, type BuiltInTheme as B, type ConnectionElement as C, type DesignSpec as D, type DrawText as E, type Element as F, type FlowNodeElement as G, type Gradient as H, type GradientOverlayDecorator as I, type GradientSpec as J, type GradientStop$1 as K, type GridLayoutConfig as L, type ImageElement as M, type LayoutConfig as N, type LayoutSnapshot as O, type ManualLayoutConfig as P, type RainbowRuleDecorator as Q, type RenderMetadata as R, type RenderResult as S, type ThemeInput$1 as T, type ShapeElement as U, type StackLayoutConfig as V, type TerminalElement as W, type TextElement as X, type ThemeInput as Y, type VignetteDecorator as Z, type WrittenArtifacts as _, type Rect as a, builtInThemes as a0, computeSpecHash as a1, connectionElementSchema as a2, defaultAutoLayout as a3, defaultCanvas as a4, defaultConstraints as a5, defaultGridLayout as a6, defaultLayout as a7, defaultStackLayout as a8, defaultTheme as a9, deriveSafeFrame as aa, designSpecSchema as ab, diagramElementSchema as ac, diagramLayoutSchema as ad, diagramSpecSchema as ae, drawGradientRect as af, drawRainbowRule as ag, drawVignette as ah, flowNodeElementSchema as ai, inferLayout as aj, inferSidecarPath as ak, parseDesignSpec as al, parseDiagramSpec as am, renderDesign as an, resolveTheme as ao, writeRenderArtifacts as ap, type CodeBlockStyle as aq, type DrawGrid as ar, type FlowNodeShadow as as, type GradientStop as at, type LinearGradient as au, type RadialGradient as av, type DrawCommand as b, type Theme as c, type RenderedElement as d, type AutoLayoutConfig as e, type CardElement as f, type CodeBlockElement as g, type ConstraintSpec as h, DEFAULT_GENERATOR_VERSION as i, DEFAULT_RAINBOW_COLORS as j, type Decorator as k, type DesignCardSpec as l, type DesignSafeFrame as m, type DesignTheme as n, type DiagramElement as o, type DiagramLayout as p, type DiagramSpec as q, type DrawBadge as r, type DrawBezier as s, type DrawCircle as t, type DrawFontFamily as u, type DrawGradientRect as v, type DrawLine as w, type DrawPath as x, type DrawPoint as y, type DrawRect as z };
+export { type ThemeInput as $, type AnchorHint as A, type BuiltInTheme as B, type ConnectionElement as C, type DesignSpec as D, type DrawShadow as E, type DrawText as F, type DrawTextRow as G, type DrawTextRowSegment as H, type Element as I, type FlowNodeElement as J, type Gradient as K, type GradientOverlayDecorator as L, type GradientSpec as M, type GradientStop$1 as N, type GridLayoutConfig as O, type ImageElement as P, type LayoutConfig as Q, type RenderMetadata as R, type LayoutSnapshot as S, type ThemeInput$1 as T, type ManualLayoutConfig as U, type RainbowRuleDecorator as V, type RenderResult as W, type ShapeElement as X, type StackLayoutConfig as Y, type TerminalElement as Z, type TextElement as _, type Rect as a, type VignetteDecorator as a0, type WrittenArtifacts as a1, builtInThemeBackgrounds as a2, builtInThemes as a3, computeSpecHash as a4, connectionElementSchema as a5, defaultAutoLayout as a6, defaultCanvas as a7, defaultConstraints as a8, defaultGridLayout as a9, defaultLayout as aa, defaultStackLayout as ab, defaultTheme as ac, deriveSafeFrame as ad, designSpecSchema as ae, diagramElementSchema as af, diagramLayoutSchema as ag, diagramSpecSchema as ah, drawGradientRect as ai, drawRainbowRule as aj, drawVignette as ak, flowNodeElementSchema as al, inferLayout as am, inferSidecarPath as an, parseDesignSpec as ao, parseDiagramSpec as ap, renderDesign as aq, resolveTheme as ar, writeRenderArtifacts as as, type CodeBlockStyle as at, type DrawGrid as au, type FlowNodeShadow as av, type GradientStop as aw, type LinearGradient as ax, type RadialGradient as ay, type DrawCommand as b, type Theme as c, type RenderedElement as d, type AutoLayoutConfig as e, type CardElement as f, type CodeBlockElement as g, type ConstraintSpec as h, DEFAULT_GENERATOR_VERSION as i, DEFAULT_RAINBOW_COLORS as j, type Decorator as k, type DesignCardSpec as l, type DesignSafeFrame as m, type DesignTheme as n, type DiagramElement as o, type DiagramLayout as p, type DiagramSpec as q, type DrawBadge as r, type DrawBezier as s, type DrawCircle as t, type DrawFontFamily as u, type DrawGradientRect as v, type DrawLine as w, type DrawPath as x, type DrawPoint as y, type DrawRect as z };