npm - @spectratools/graphic-designer-cli - Versions diffs - 0.6.0 → 0.7.1 - Mend

@spectratools/graphic-designer-cli 0.6.0 → 0.7.1

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

Files changed (11) hide show

package/dist/cli.js +242 -31
package/dist/index.d.ts +15 -5
package/dist/index.js +242 -31
package/dist/qa.d.ts +1 -1
package/dist/qa.js +48 -10
package/dist/renderer.d.ts +1 -1
package/dist/renderer.js +242 -31
package/dist/{spec.schema-Dm_wOLTd.d.ts → spec.schema-BDvtn_mJ.d.ts} +1456 -21
package/dist/spec.schema.d.ts +1 -1
package/dist/spec.schema.js +48 -10
package/package.json +1 -1

package/dist/{spec.schema-Dm_wOLTd.d.ts → spec.schema-BDvtn_mJ.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,19 +606,41 @@ 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;
     opacity: number;
     text: string;
-    fontSize: number;
-    align: "center" | "left" | "right";
     x: number;
     y: number;
+    fontSize: number;
+    align: "center" | "left" | "right";
     fontWeight: number;
     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,19 +872,41 @@ 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;
     opacity: number;
     background: string;
     text: string;
-    fontSize: number;
-    borderRadius: number;
     x: number;
     y: number;
+    fontSize: number;
+    borderRadius: number;
     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,10 +1066,45 @@ 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<{
+    type: z.ZodLiteral<"grid">;
+    spacing: z.ZodDefault<z.ZodNumber>;
+    color: z.ZodDefault<z.ZodEffects<z.ZodEffects<z.ZodString, string, string>, string, string>>;
+    width: z.ZodDefault<z.ZodNumber>;
+    opacity: z.ZodDefault<z.ZodNumber>;
+    offsetX: z.ZodDefault<z.ZodNumber>;
+    offsetY: z.ZodDefault<z.ZodNumber>;
+}, "strict", z.ZodTypeAny, {
+    width: number;
+    type: "grid";
+    color: string;
+    opacity: number;
+    offsetX: number;
+    offsetY: number;
+    spacing: number;
+}, {
+    type: "grid";
+    width?: number | undefined;
+    color?: string | undefined;
+    opacity?: number | undefined;
+    offsetX?: number | undefined;
+    offsetY?: number | undefined;
+    spacing?: number | undefined;
+}>;
 declare const drawCommandSchema: z.ZodDiscriminatedUnion<"type", [z.ZodObject<{
     type: z.ZodLiteral<"rect">;
     x: z.ZodNumber;
@@ -803,6 +1116,22 @@ declare const drawCommandSchema: z.ZodDiscriminatedUnion<"type", [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;
@@ -813,6 +1142,12 @@ declare const drawCommandSchema: z.ZodDiscriminatedUnion<"type", [z.ZodObject<{
     y: number;
     radius: number;
     fill?: string | undefined;
+    shadow?: {
+        color: string;
+        blur: number;
+        offsetX: number;
+        offsetY: number;
+    } | undefined;
     stroke?: string | undefined;
 }, {
     width: number;
@@ -822,6 +1157,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;
@@ -834,6 +1175,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;
@@ -842,6 +1199,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";
@@ -850,6 +1213,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<{
@@ -866,19 +1235,41 @@ 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;
     opacity: number;
     text: string;
-    fontSize: number;
-    align: "center" | "left" | "right";
     x: number;
     y: number;
+    fontSize: number;
+    align: "center" | "left" | "right";
     fontWeight: number;
     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";
@@ -887,6 +1278,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;
@@ -906,6 +1303,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";
@@ -917,6 +1330,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";
@@ -927,6 +1346,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;
@@ -948,6 +1373,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";
@@ -959,6 +1400,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";
@@ -969,6 +1416,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;
@@ -979,18 +1432,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<{
@@ -1006,19 +1487,41 @@ 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;
     opacity: number;
     background: string;
     text: string;
-    fontSize: number;
-    borderRadius: number;
     x: number;
     y: number;
+    fontSize: number;
+    borderRadius: number;
     fontFamily: "body" | "heading" | "mono";
     paddingX: number;
     paddingY: number;
+    shadow?: {
+        color: string;
+        blur: number;
+        offsetX: number;
+        offsetY: number;
+    } | undefined;
 }, {
     type: "badge";
     text: string;
@@ -1026,6 +1529,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;
@@ -1067,6 +1576,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>;
@@ -1083,15 +1596,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;
@@ -1113,7 +1650,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;
@@ -1133,9 +1680,43 @@ 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">;
+    spacing: z.ZodDefault<z.ZodNumber>;
+    color: z.ZodDefault<z.ZodEffects<z.ZodEffects<z.ZodString, string, string>, string, string>>;
+    width: z.ZodDefault<z.ZodNumber>;
+    opacity: z.ZodDefault<z.ZodNumber>;
+    offsetX: z.ZodDefault<z.ZodNumber>;
+    offsetY: z.ZodDefault<z.ZodNumber>;
+}, "strict", z.ZodTypeAny, {
+    width: number;
+    type: "grid";
+    color: string;
+    opacity: number;
+    offsetX: number;
+    offsetY: number;
+    spacing: number;
+}, {
+    type: "grid";
+    width?: number | undefined;
+    color?: string | undefined;
+    opacity?: number | undefined;
+    offsetX?: number | undefined;
+    offsetY?: number | undefined;
+    spacing?: number | undefined;
 }>]>;
 /** Default canvas dimensions and padding (1200 × 675 px, 48 px padding). */
 declare const defaultCanvas: {
@@ -1351,6 +1932,16 @@ declare const flowNodeElementSchema: z.ZodObject<{
         offsetY?: number | undefined;
     } | undefined;
 }>;
+declare const anchorHintSchema: z.ZodUnion<[z.ZodEnum<["top", "bottom", "left", "right", "center"]>, z.ZodObject<{
+    x: z.ZodNumber;
+    y: z.ZodNumber;
+}, "strict", z.ZodTypeAny, {
+    x: number;
+    y: number;
+}, {
+    x: number;
+    y: number;
+}>]>;
 declare const connectionElementSchema: z.ZodObject<{
     type: z.ZodLiteral<"connection">;
     from: z.ZodString;
@@ -1364,9 +1955,30 @@ declare const connectionElementSchema: z.ZodObject<{
     width: z.ZodOptional<z.ZodNumber>;
     strokeWidth: z.ZodDefault<z.ZodNumber>;
     arrowSize: z.ZodOptional<z.ZodNumber>;
+    arrowPlacement: z.ZodDefault<z.ZodEnum<["endpoint", "boundary"]>>;
     opacity: z.ZodDefault<z.ZodNumber>;
     routing: z.ZodDefault<z.ZodEnum<["auto", "orthogonal", "curve", "arc"]>>;
     tension: z.ZodDefault<z.ZodNumber>;
+    fromAnchor: z.ZodOptional<z.ZodUnion<[z.ZodEnum<["top", "bottom", "left", "right", "center"]>, z.ZodObject<{
+        x: z.ZodNumber;
+        y: z.ZodNumber;
+    }, "strict", z.ZodTypeAny, {
+        x: number;
+        y: number;
+    }, {
+        x: number;
+        y: number;
+    }>]>>;
+    toAnchor: z.ZodOptional<z.ZodUnion<[z.ZodEnum<["top", "bottom", "left", "right", "center"]>, z.ZodObject<{
+        x: z.ZodNumber;
+        y: z.ZodNumber;
+    }, "strict", z.ZodTypeAny, {
+        x: number;
+        y: number;
+    }, {
+        x: number;
+        y: number;
+    }>]>>;
 }, "strict", z.ZodTypeAny, {
     type: "connection";
     opacity: number;
@@ -1377,12 +1989,21 @@ declare const connectionElementSchema: z.ZodObject<{
     arrow: "end" | "start" | "both" | "none";
     labelPosition: "end" | "start" | "middle";
     strokeWidth: number;
+    arrowPlacement: "endpoint" | "boundary";
     routing: "auto" | "orthogonal" | "curve" | "arc";
     tension: number;
     width?: number | undefined;
     label?: string | undefined;
     color?: string | undefined;
     arrowSize?: number | undefined;
+    fromAnchor?: "top" | "center" | "left" | "right" | "bottom" | {
+        x: number;
+        y: number;
+    } | undefined;
+    toAnchor?: "top" | "center" | "left" | "right" | "bottom" | {
+        x: number;
+        y: number;
+    } | undefined;
 }, {
     type: "connection";
     from: string;
@@ -1397,8 +2018,17 @@ declare const connectionElementSchema: z.ZodObject<{
     labelPosition?: "end" | "start" | "middle" | undefined;
     strokeWidth?: number | undefined;
     arrowSize?: number | undefined;
+    arrowPlacement?: "endpoint" | "boundary" | undefined;
     routing?: "auto" | "orthogonal" | "curve" | "arc" | undefined;
     tension?: number | undefined;
+    fromAnchor?: "top" | "center" | "left" | "right" | "bottom" | {
+        x: number;
+        y: number;
+    } | undefined;
+    toAnchor?: "top" | "center" | "left" | "right" | "bottom" | {
+        x: number;
+        y: number;
+    } | undefined;
 }>;
 declare const codeBlockStyleSchema: z.ZodObject<{
     paddingVertical: z.ZodOptional<z.ZodDefault<z.ZodNumber>>;
@@ -1814,9 +2444,30 @@ declare const elementSchema: z.ZodDiscriminatedUnion<"type", [z.ZodObject<{
     width: z.ZodOptional<z.ZodNumber>;
     strokeWidth: z.ZodDefault<z.ZodNumber>;
     arrowSize: z.ZodOptional<z.ZodNumber>;
+    arrowPlacement: z.ZodDefault<z.ZodEnum<["endpoint", "boundary"]>>;
     opacity: z.ZodDefault<z.ZodNumber>;
     routing: z.ZodDefault<z.ZodEnum<["auto", "orthogonal", "curve", "arc"]>>;
     tension: z.ZodDefault<z.ZodNumber>;
+    fromAnchor: z.ZodOptional<z.ZodUnion<[z.ZodEnum<["top", "bottom", "left", "right", "center"]>, z.ZodObject<{
+        x: z.ZodNumber;
+        y: z.ZodNumber;
+    }, "strict", z.ZodTypeAny, {
+        x: number;
+        y: number;
+    }, {
+        x: number;
+        y: number;
+    }>]>>;
+    toAnchor: z.ZodOptional<z.ZodUnion<[z.ZodEnum<["top", "bottom", "left", "right", "center"]>, z.ZodObject<{
+        x: z.ZodNumber;
+        y: z.ZodNumber;
+    }, "strict", z.ZodTypeAny, {
+        x: number;
+        y: number;
+    }, {
+        x: number;
+        y: number;
+    }>]>>;
 }, "strict", z.ZodTypeAny, {
     type: "connection";
     opacity: number;
@@ -1827,12 +2478,21 @@ declare const elementSchema: z.ZodDiscriminatedUnion<"type", [z.ZodObject<{
     arrow: "end" | "start" | "both" | "none";
     labelPosition: "end" | "start" | "middle";
     strokeWidth: number;
+    arrowPlacement: "endpoint" | "boundary";
     routing: "auto" | "orthogonal" | "curve" | "arc";
     tension: number;
     width?: number | undefined;
     label?: string | undefined;
     color?: string | undefined;
     arrowSize?: number | undefined;
+    fromAnchor?: "top" | "center" | "left" | "right" | "bottom" | {
+        x: number;
+        y: number;
+    } | undefined;
+    toAnchor?: "top" | "center" | "left" | "right" | "bottom" | {
+        x: number;
+        y: number;
+    } | undefined;
 }, {
     type: "connection";
     from: string;
@@ -1847,8 +2507,17 @@ declare const elementSchema: z.ZodDiscriminatedUnion<"type", [z.ZodObject<{
     labelPosition?: "end" | "start" | "middle" | undefined;
     strokeWidth?: number | undefined;
     arrowSize?: number | undefined;
+    arrowPlacement?: "endpoint" | "boundary" | undefined;
     routing?: "auto" | "orthogonal" | "curve" | "arc" | undefined;
     tension?: number | undefined;
+    fromAnchor?: "top" | "center" | "left" | "right" | "bottom" | {
+        x: number;
+        y: number;
+    } | undefined;
+    toAnchor?: "top" | "center" | "left" | "right" | "bottom" | {
+        x: number;
+        y: number;
+    } | undefined;
 }>, z.ZodObject<{
     type: z.ZodLiteral<"code-block">;
     id: z.ZodString;
@@ -2537,6 +3206,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>;
@@ -2553,12 +3226,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, {
@@ -2577,6 +3258,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";
@@ -2593,6 +3278,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;
 }>]>;
@@ -2847,9 +3536,30 @@ declare const diagramElementSchema: z.ZodDiscriminatedUnion<"type", [z.ZodObject
     width: z.ZodOptional<z.ZodNumber>;
     strokeWidth: z.ZodDefault<z.ZodNumber>;
     arrowSize: z.ZodOptional<z.ZodNumber>;
+    arrowPlacement: z.ZodDefault<z.ZodEnum<["endpoint", "boundary"]>>;
     opacity: z.ZodDefault<z.ZodNumber>;
     routing: z.ZodDefault<z.ZodEnum<["auto", "orthogonal", "curve", "arc"]>>;
     tension: z.ZodDefault<z.ZodNumber>;
+    fromAnchor: z.ZodOptional<z.ZodUnion<[z.ZodEnum<["top", "bottom", "left", "right", "center"]>, z.ZodObject<{
+        x: z.ZodNumber;
+        y: z.ZodNumber;
+    }, "strict", z.ZodTypeAny, {
+        x: number;
+        y: number;
+    }, {
+        x: number;
+        y: number;
+    }>]>>;
+    toAnchor: z.ZodOptional<z.ZodUnion<[z.ZodEnum<["top", "bottom", "left", "right", "center"]>, z.ZodObject<{
+        x: z.ZodNumber;
+        y: z.ZodNumber;
+    }, "strict", z.ZodTypeAny, {
+        x: number;
+        y: number;
+    }, {
+        x: number;
+        y: number;
+    }>]>>;
 }, "strict", z.ZodTypeAny, {
     type: "connection";
     opacity: number;
@@ -2860,12 +3570,21 @@ declare const diagramElementSchema: z.ZodDiscriminatedUnion<"type", [z.ZodObject
     arrow: "end" | "start" | "both" | "none";
     labelPosition: "end" | "start" | "middle";
     strokeWidth: number;
+    arrowPlacement: "endpoint" | "boundary";
     routing: "auto" | "orthogonal" | "curve" | "arc";
     tension: number;
     width?: number | undefined;
     label?: string | undefined;
     color?: string | undefined;
     arrowSize?: number | undefined;
+    fromAnchor?: "top" | "center" | "left" | "right" | "bottom" | {
+        x: number;
+        y: number;
+    } | undefined;
+    toAnchor?: "top" | "center" | "left" | "right" | "bottom" | {
+        x: number;
+        y: number;
+    } | undefined;
 }, {
     type: "connection";
     from: string;
@@ -2880,8 +3599,17 @@ declare const diagramElementSchema: z.ZodDiscriminatedUnion<"type", [z.ZodObject
     labelPosition?: "end" | "start" | "middle" | undefined;
     strokeWidth?: number | undefined;
     arrowSize?: number | undefined;
+    arrowPlacement?: "endpoint" | "boundary" | undefined;
     routing?: "auto" | "orthogonal" | "curve" | "arc" | undefined;
     tension?: number | undefined;
+    fromAnchor?: "top" | "center" | "left" | "right" | "bottom" | {
+        x: number;
+        y: number;
+    } | undefined;
+    toAnchor?: "top" | "center" | "left" | "right" | "bottom" | {
+        x: number;
+        y: number;
+    } | undefined;
 }>]>;
 declare const diagramLayoutSchema: z.ZodObject<{
     mode: z.ZodDefault<z.ZodEnum<["manual", "auto"]>>;
@@ -3199,9 +3927,30 @@ declare const diagramSpecSchema: z.ZodObject<{
         width: z.ZodOptional<z.ZodNumber>;
         strokeWidth: z.ZodDefault<z.ZodNumber>;
         arrowSize: z.ZodOptional<z.ZodNumber>;
+        arrowPlacement: z.ZodDefault<z.ZodEnum<["endpoint", "boundary"]>>;
         opacity: z.ZodDefault<z.ZodNumber>;
         routing: z.ZodDefault<z.ZodEnum<["auto", "orthogonal", "curve", "arc"]>>;
         tension: z.ZodDefault<z.ZodNumber>;
+        fromAnchor: z.ZodOptional<z.ZodUnion<[z.ZodEnum<["top", "bottom", "left", "right", "center"]>, z.ZodObject<{
+            x: z.ZodNumber;
+            y: z.ZodNumber;
+        }, "strict", z.ZodTypeAny, {
+            x: number;
+            y: number;
+        }, {
+            x: number;
+            y: number;
+        }>]>>;
+        toAnchor: z.ZodOptional<z.ZodUnion<[z.ZodEnum<["top", "bottom", "left", "right", "center"]>, z.ZodObject<{
+            x: z.ZodNumber;
+            y: z.ZodNumber;
+        }, "strict", z.ZodTypeAny, {
+            x: number;
+            y: number;
+        }, {
+            x: number;
+            y: number;
+        }>]>>;
     }, "strict", z.ZodTypeAny, {
         type: "connection";
         opacity: number;
@@ -3212,12 +3961,21 @@ declare const diagramSpecSchema: z.ZodObject<{
         arrow: "end" | "start" | "both" | "none";
         labelPosition: "end" | "start" | "middle";
         strokeWidth: number;
+        arrowPlacement: "endpoint" | "boundary";
         routing: "auto" | "orthogonal" | "curve" | "arc";
         tension: number;
         width?: number | undefined;
         label?: string | undefined;
         color?: string | undefined;
         arrowSize?: number | undefined;
+        fromAnchor?: "top" | "center" | "left" | "right" | "bottom" | {
+            x: number;
+            y: number;
+        } | undefined;
+        toAnchor?: "top" | "center" | "left" | "right" | "bottom" | {
+            x: number;
+            y: number;
+        } | undefined;
     }, {
         type: "connection";
         from: string;
@@ -3232,8 +3990,17 @@ declare const diagramSpecSchema: z.ZodObject<{
         labelPosition?: "end" | "start" | "middle" | undefined;
         strokeWidth?: number | undefined;
         arrowSize?: number | undefined;
+        arrowPlacement?: "endpoint" | "boundary" | undefined;
         routing?: "auto" | "orthogonal" | "curve" | "arc" | undefined;
         tension?: number | undefined;
+        fromAnchor?: "top" | "center" | "left" | "right" | "bottom" | {
+            x: number;
+            y: number;
+        } | undefined;
+        toAnchor?: "top" | "center" | "left" | "right" | "bottom" | {
+            x: number;
+            y: number;
+        } | undefined;
     }>]>, "many">;
     layout: z.ZodDefault<z.ZodObject<{
         mode: z.ZodDefault<z.ZodEnum<["manual", "auto"]>>;
@@ -3335,12 +4102,21 @@ declare const diagramSpecSchema: z.ZodObject<{
         arrow: "end" | "start" | "both" | "none";
         labelPosition: "end" | "start" | "middle";
         strokeWidth: number;
+        arrowPlacement: "endpoint" | "boundary";
         routing: "auto" | "orthogonal" | "curve" | "arc";
         tension: number;
         width?: number | undefined;
         label?: string | undefined;
         color?: string | undefined;
         arrowSize?: number | undefined;
+        fromAnchor?: "top" | "center" | "left" | "right" | "bottom" | {
+            x: number;
+            y: number;
+        } | undefined;
+        toAnchor?: "top" | "center" | "left" | "right" | "bottom" | {
+            x: number;
+            y: number;
+        } | undefined;
     })[];
     layout: {
         mode: "auto" | "manual";
@@ -3437,8 +4213,17 @@ declare const diagramSpecSchema: z.ZodObject<{
         labelPosition?: "end" | "start" | "middle" | undefined;
         strokeWidth?: number | undefined;
         arrowSize?: number | undefined;
+        arrowPlacement?: "endpoint" | "boundary" | undefined;
         routing?: "auto" | "orthogonal" | "curve" | "arc" | undefined;
         tension?: number | undefined;
+        fromAnchor?: "top" | "center" | "left" | "right" | "bottom" | {
+            x: number;
+            y: number;
+        } | undefined;
+        toAnchor?: "top" | "center" | "left" | "right" | "bottom" | {
+            x: number;
+            y: number;
+        } | undefined;
     })[];
     theme?: {
         code: {
@@ -3671,6 +4456,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>;
@@ -3687,12 +4476,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>;
@@ -3861,9 +4658,30 @@ declare const designSpecSchema: z.ZodEffects<z.ZodObject<{
         width: z.ZodOptional<z.ZodNumber>;
         strokeWidth: z.ZodDefault<z.ZodNumber>;
         arrowSize: z.ZodOptional<z.ZodNumber>;
+        arrowPlacement: z.ZodDefault<z.ZodEnum<["endpoint", "boundary"]>>;
         opacity: z.ZodDefault<z.ZodNumber>;
         routing: z.ZodDefault<z.ZodEnum<["auto", "orthogonal", "curve", "arc"]>>;
         tension: z.ZodDefault<z.ZodNumber>;
+        fromAnchor: z.ZodOptional<z.ZodUnion<[z.ZodEnum<["top", "bottom", "left", "right", "center"]>, z.ZodObject<{
+            x: z.ZodNumber;
+            y: z.ZodNumber;
+        }, "strict", z.ZodTypeAny, {
+            x: number;
+            y: number;
+        }, {
+            x: number;
+            y: number;
+        }>]>>;
+        toAnchor: z.ZodOptional<z.ZodUnion<[z.ZodEnum<["top", "bottom", "left", "right", "center"]>, z.ZodObject<{
+            x: z.ZodNumber;
+            y: z.ZodNumber;
+        }, "strict", z.ZodTypeAny, {
+            x: number;
+            y: number;
+        }, {
+            x: number;
+            y: number;
+        }>]>>;
     }, "strict", z.ZodTypeAny, {
         type: "connection";
         opacity: number;
@@ -3874,12 +4692,21 @@ declare const designSpecSchema: z.ZodEffects<z.ZodObject<{
         arrow: "end" | "start" | "both" | "none";
         labelPosition: "end" | "start" | "middle";
         strokeWidth: number;
+        arrowPlacement: "endpoint" | "boundary";
         routing: "auto" | "orthogonal" | "curve" | "arc";
         tension: number;
         width?: number | undefined;
         label?: string | undefined;
         color?: string | undefined;
         arrowSize?: number | undefined;
+        fromAnchor?: "top" | "center" | "left" | "right" | "bottom" | {
+            x: number;
+            y: number;
+        } | undefined;
+        toAnchor?: "top" | "center" | "left" | "right" | "bottom" | {
+            x: number;
+            y: number;
+        } | undefined;
     }, {
         type: "connection";
         from: string;
@@ -3894,8 +4721,17 @@ declare const designSpecSchema: z.ZodEffects<z.ZodObject<{
         labelPosition?: "end" | "start" | "middle" | undefined;
         strokeWidth?: number | undefined;
         arrowSize?: number | undefined;
+        arrowPlacement?: "endpoint" | "boundary" | undefined;
         routing?: "auto" | "orthogonal" | "curve" | "arc" | undefined;
         tension?: number | undefined;
+        fromAnchor?: "top" | "center" | "left" | "right" | "bottom" | {
+            x: number;
+            y: number;
+        } | undefined;
+        toAnchor?: "top" | "center" | "left" | "right" | "bottom" | {
+            x: number;
+            y: number;
+        } | undefined;
     }>, z.ZodObject<{
         type: z.ZodLiteral<"code-block">;
         id: z.ZodString;
@@ -4201,6 +5037,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>;
@@ -4217,12 +5057,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, {
@@ -4241,6 +5089,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";
@@ -4257,6 +5109,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">>;
@@ -4271,6 +5127,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;
@@ -4281,6 +5153,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;
@@ -4290,6 +5168,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;
@@ -4302,6 +5186,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;
@@ -4310,6 +5210,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";
@@ -4318,6 +5224,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<{
@@ -4334,19 +5246,41 @@ 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;
         opacity: number;
         text: string;
-        fontSize: number;
-        align: "center" | "left" | "right";
         x: number;
         y: number;
+        fontSize: number;
+        align: "center" | "left" | "right";
         fontWeight: number;
         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";
@@ -4355,6 +5289,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;
@@ -4374,6 +5314,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";
@@ -4385,6 +5341,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";
@@ -4395,6 +5357,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;
@@ -4416,6 +5384,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";
@@ -4427,6 +5411,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";
@@ -4437,6 +5427,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;
@@ -4447,18 +5443,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<{
@@ -4474,19 +5498,41 @@ 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;
         opacity: number;
         background: string;
         text: string;
-        fontSize: number;
-        borderRadius: number;
         x: number;
         y: number;
+        fontSize: number;
+        borderRadius: number;
         fontFamily: "body" | "heading" | "mono";
         paddingX: number;
         paddingY: number;
+        shadow?: {
+            color: string;
+            blur: number;
+            offsetX: number;
+            offsetY: number;
+        } | undefined;
     }, {
         type: "badge";
         text: string;
@@ -4494,6 +5540,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;
@@ -4535,6 +5587,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>;
@@ -4551,15 +5607,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;
@@ -4581,7 +5661,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;
@@ -4601,9 +5691,43 @@ 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">;
+        spacing: z.ZodDefault<z.ZodNumber>;
+        color: z.ZodDefault<z.ZodEffects<z.ZodEffects<z.ZodString, string, string>, string, string>>;
+        width: z.ZodDefault<z.ZodNumber>;
+        opacity: z.ZodDefault<z.ZodNumber>;
+        offsetX: z.ZodDefault<z.ZodNumber>;
+        offsetY: z.ZodDefault<z.ZodNumber>;
+    }, "strict", z.ZodTypeAny, {
+        width: number;
+        type: "grid";
+        color: string;
+        opacity: number;
+        offsetX: number;
+        offsetY: number;
+        spacing: number;
+    }, {
+        type: "grid";
+        width?: number | undefined;
+        color?: string | undefined;
+        opacity?: number | undefined;
+        offsetX?: number | undefined;
+        offsetY?: number | undefined;
+        spacing?: number | undefined;
     }>]>, "many">>;
     layout: z.ZodOptional<z.ZodDiscriminatedUnion<"mode", [z.ZodObject<{
         mode: z.ZodLiteral<"auto">;
@@ -4819,6 +5943,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";
@@ -4828,20 +5958,32 @@ 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";
         color: string;
         opacity: number;
         text: string;
-        fontSize: number;
-        align: "center" | "left" | "right";
         x: number;
         y: number;
+        fontSize: number;
+        align: "center" | "left" | "right";
         fontWeight: number;
         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;
@@ -4854,6 +5996,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;
@@ -4866,6 +6014,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";
@@ -4873,6 +6027,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";
@@ -4880,13 +6040,19 @@ declare const designSpecSchema: z.ZodEffects<z.ZodObject<{
         opacity: number;
         background: string;
         text: string;
-        fontSize: number;
-        borderRadius: number;
         x: number;
         y: number;
+        fontSize: number;
+        borderRadius: number;
         fontFamily: "body" | "heading" | "mono";
         paddingX: number;
         paddingY: number;
+        shadow?: {
+            color: string;
+            blur: number;
+            offsetX: number;
+            offsetY: number;
+        } | undefined;
     } | {
         width: number;
         height: number;
@@ -4908,7 +6074,25 @@ 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";
+        color: string;
+        opacity: number;
+        offsetX: number;
+        offsetY: number;
+        spacing: number;
     })[];
     theme: {
         code: {
@@ -5001,12 +6185,21 @@ declare const designSpecSchema: z.ZodEffects<z.ZodObject<{
         arrow: "end" | "start" | "both" | "none";
         labelPosition: "end" | "start" | "middle";
         strokeWidth: number;
+        arrowPlacement: "endpoint" | "boundary";
         routing: "auto" | "orthogonal" | "curve" | "arc";
         tension: number;
         width?: number | undefined;
         label?: string | undefined;
         color?: string | undefined;
         arrowSize?: number | undefined;
+        fromAnchor?: "top" | "center" | "left" | "right" | "bottom" | {
+            x: number;
+            y: number;
+        } | undefined;
+        toAnchor?: "top" | "center" | "left" | "right" | "bottom" | {
+            x: number;
+            y: number;
+        } | undefined;
     } | {
         type: "code-block";
         code: string;
@@ -5097,6 +6290,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: {
@@ -5118,6 +6315,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;
@@ -5194,6 +6395,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;
@@ -5215,6 +6420,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;
@@ -5225,6 +6436,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;
     } | {
@@ -5234,6 +6451,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;
@@ -5250,6 +6473,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;
@@ -5262,6 +6491,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;
@@ -5270,6 +6505,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;
     } | {
@@ -5279,6 +6520,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;
@@ -5304,9 +6551,27 @@ 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";
+        width?: number | undefined;
+        color?: string | undefined;
+        opacity?: number | undefined;
+        offsetX?: number | undefined;
+        offsetY?: number | undefined;
+        spacing?: number | undefined;
     })[] | undefined;
     theme?: {
         code: {
@@ -5403,8 +6668,17 @@ declare const designSpecSchema: z.ZodEffects<z.ZodObject<{
         labelPosition?: "end" | "start" | "middle" | undefined;
         strokeWidth?: number | undefined;
         arrowSize?: number | undefined;
+        arrowPlacement?: "endpoint" | "boundary" | undefined;
         routing?: "auto" | "orthogonal" | "curve" | "arc" | undefined;
         tension?: number | undefined;
+        fromAnchor?: "top" | "center" | "left" | "right" | "bottom" | {
+            x: number;
+            y: number;
+        } | undefined;
+        toAnchor?: "top" | "center" | "left" | "right" | "bottom" | {
+            x: number;
+            y: number;
+        } | undefined;
     } | {
         type: "code-block";
         code: string;
@@ -5494,6 +6768,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;
@@ -5612,6 +6890,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";
@@ -5621,20 +6905,32 @@ 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";
         color: string;
         opacity: number;
         text: string;
-        fontSize: number;
-        align: "center" | "left" | "right";
         x: number;
         y: number;
+        fontSize: number;
+        align: "center" | "left" | "right";
         fontWeight: number;
         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;
@@ -5647,6 +6943,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;
@@ -5659,6 +6961,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";
@@ -5666,6 +6974,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";
@@ -5673,13 +6987,19 @@ declare const designSpecSchema: z.ZodEffects<z.ZodObject<{
         opacity: number;
         background: string;
         text: string;
-        fontSize: number;
-        borderRadius: number;
         x: number;
         y: number;
+        fontSize: number;
+        borderRadius: number;
         fontFamily: "body" | "heading" | "mono";
         paddingX: number;
         paddingY: number;
+        shadow?: {
+            color: string;
+            blur: number;
+            offsetX: number;
+            offsetY: number;
+        } | undefined;
     } | {
         width: number;
         height: number;
@@ -5701,7 +7021,25 @@ 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";
+        color: string;
+        opacity: number;
+        offsetX: number;
+        offsetY: number;
+        spacing: number;
     })[];
     theme: {
         code: {
@@ -5794,12 +7132,21 @@ declare const designSpecSchema: z.ZodEffects<z.ZodObject<{
         arrow: "end" | "start" | "both" | "none";
         labelPosition: "end" | "start" | "middle";
         strokeWidth: number;
+        arrowPlacement: "endpoint" | "boundary";
         routing: "auto" | "orthogonal" | "curve" | "arc";
         tension: number;
         width?: number | undefined;
         label?: string | undefined;
         color?: string | undefined;
         arrowSize?: number | undefined;
+        fromAnchor?: "top" | "center" | "left" | "right" | "bottom" | {
+            x: number;
+            y: number;
+        } | undefined;
+        toAnchor?: "top" | "center" | "left" | "right" | "bottom" | {
+            x: number;
+            y: number;
+        } | undefined;
     } | {
         type: "code-block";
         code: string;
@@ -5890,6 +7237,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: {
@@ -5911,6 +7262,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;
@@ -5938,6 +7293,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;
@@ -5959,6 +7318,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;
@@ -5969,6 +7334,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;
     } | {
@@ -5978,6 +7349,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;
@@ -5994,6 +7371,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;
@@ -6006,6 +7389,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;
@@ -6014,6 +7403,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;
     } | {
@@ -6023,6 +7418,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;
@@ -6048,9 +7449,27 @@ 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";
+        width?: number | undefined;
+        color?: string | undefined;
+        opacity?: number | undefined;
+        offsetX?: number | undefined;
+        offsetY?: number | undefined;
+        spacing?: number | undefined;
     })[] | undefined;
     theme?: {
         code: {
@@ -6147,8 +7566,17 @@ declare const designSpecSchema: z.ZodEffects<z.ZodObject<{
         labelPosition?: "end" | "start" | "middle" | undefined;
         strokeWidth?: number | undefined;
         arrowSize?: number | undefined;
+        arrowPlacement?: "endpoint" | "boundary" | undefined;
         routing?: "auto" | "orthogonal" | "curve" | "arc" | undefined;
         tension?: number | undefined;
+        fromAnchor?: "top" | "center" | "left" | "right" | "bottom" | {
+            x: number;
+            y: number;
+        } | undefined;
+        toAnchor?: "top" | "center" | "left" | "right" | "bottom" | {
+            x: number;
+            y: number;
+        } | undefined;
     } | {
         type: "code-block";
         code: string;
@@ -6238,6 +7666,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;
@@ -6303,6 +7735,7 @@ type CardElement = z.infer<typeof cardElementSchema>;
 type FlowNodeElement = z.infer<typeof flowNodeElementSchema>;
 type FlowNodeShadow = z.infer<typeof flowNodeShadowSchema>;
 type ConnectionElement = z.infer<typeof connectionElementSchema>;
+type AnchorHint = z.infer<typeof anchorHintSchema>;
 type DiagramElement = z.infer<typeof diagramElementSchema>;
 type DiagramLayout = z.infer<typeof diagramLayoutSchema>;
 type DiagramSpec = z.infer<typeof diagramSpecSchema>;
@@ -6312,6 +7745,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>;
@@ -6322,6 +7756,7 @@ type DrawBezier = z.infer<typeof drawBezierSchema>;
 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 DrawCommand = z.infer<typeof drawCommandSchema>;
 type LayoutConfig = z.infer<typeof layoutConfigSchema>;
 type AutoLayoutConfig = z.infer<typeof autoLayoutConfigSchema>;
@@ -6379,4 +7814,4 @@ declare function deriveSafeFrame(spec: DesignSpec): DesignSafeFrame;
 declare function parseDiagramSpec(input: unknown): DiagramSpec;
 declare function parseDesignSpec(input: unknown): DesignSpec;
-export { builtInThemes as $, type AutoLayoutConfig as A, type BuiltInTheme as B, type ConnectionElement as C, type DesignSpec as D, type Element as E, type FlowNodeElement as F, type Gradient as G, type GradientOverlayDecorator as H, type GradientSpec as I, type GradientStop$1 as J, type GridLayoutConfig as K, type ImageElement as L, type LayoutConfig as M, type LayoutSnapshot as N, type ManualLayoutConfig as O, type RainbowRuleDecorator as P, type RenderResult as Q, type RenderMetadata as R, type ShapeElement as S, type ThemeInput$1 as T, type StackLayoutConfig as U, type TerminalElement as V, type TextElement as W, type ThemeInput as X, type VignetteDecorator as Y, type WrittenArtifacts as Z, builtInThemeBackgrounds as _, type Rect as a, computeSpecHash as a0, connectionElementSchema as a1, defaultAutoLayout as a2, defaultCanvas as a3, defaultConstraints as a4, defaultGridLayout as a5, defaultLayout as a6, defaultStackLayout as a7, defaultTheme as a8, deriveSafeFrame as a9, designSpecSchema as aa, diagramElementSchema as ab, diagramLayoutSchema as ac, diagramSpecSchema as ad, drawGradientRect as ae, drawRainbowRule as af, drawVignette as ag, flowNodeElementSchema as ah, inferLayout as ai, inferSidecarPath as aj, parseDesignSpec as ak, parseDiagramSpec as al, renderDesign as am, resolveTheme as an, writeRenderArtifacts as ao, type CodeBlockStyle as ap, type FlowNodeShadow as aq, type GradientStop as ar, type LinearGradient as as, type RadialGradient as at, type DrawCommand as b, type Theme as c, type RenderedElement as d, type CardElement as e, type CodeBlockElement as f, type ConstraintSpec as g, DEFAULT_GENERATOR_VERSION as h, DEFAULT_RAINBOW_COLORS as i, type Decorator as j, type DesignCardSpec as k, type DesignSafeFrame as l, type DesignTheme as m, type DiagramElement as n, type DiagramLayout as o, type DiagramSpec as p, type DrawBadge as q, type DrawBezier as r, type DrawCircle as s, type DrawFontFamily as t, type DrawGradientRect as u, type DrawLine as v, type DrawPath as w, type DrawPoint as x, type DrawRect as y, type DrawText as z };
+export { type WrittenArtifacts 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 Element as G, type FlowNodeElement as H, type Gradient as I, type GradientOverlayDecorator as J, type GradientSpec as K, type GradientStop$1 as L, type GridLayoutConfig as M, type ImageElement as N, type LayoutConfig as O, type LayoutSnapshot as P, type ManualLayoutConfig as Q, type RenderMetadata as R, type RainbowRuleDecorator as S, type ThemeInput$1 as T, type RenderResult as U, type ShapeElement as V, type StackLayoutConfig as W, type TerminalElement as X, type TextElement as Y, type ThemeInput as Z, type VignetteDecorator as _, type Rect as a, builtInThemeBackgrounds as a0, builtInThemes as a1, computeSpecHash as a2, connectionElementSchema as a3, defaultAutoLayout as a4, defaultCanvas as a5, defaultConstraints as a6, defaultGridLayout as a7, defaultLayout as a8, defaultStackLayout as a9, defaultTheme as aa, deriveSafeFrame as ab, designSpecSchema as ac, diagramElementSchema as ad, diagramLayoutSchema as ae, diagramSpecSchema as af, drawGradientRect as ag, drawRainbowRule as ah, drawVignette as ai, flowNodeElementSchema as aj, inferLayout as ak, inferSidecarPath as al, parseDesignSpec as am, parseDiagramSpec as an, renderDesign as ao, resolveTheme as ap, writeRenderArtifacts as aq, type CodeBlockStyle as ar, type DrawGrid as as, type FlowNodeShadow as at, type GradientStop as au, type LinearGradient as av, type RadialGradient as aw, 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 };