@spectratools/graphic-designer-cli 0.7.0 → 0.7.1

package/dist/cli.js

@@ -752,9 +752,19 @@ var linearGradientSchema = z2.object({
 }).strict();
 var radialGradientSchema = z2.object({
   type: z2.literal("radial"),
+  cx: z2.number().optional(),
+  cy: z2.number().optional(),
+  innerRadius: z2.number().min(0).optional(),
+  outerRadius: z2.number().min(0).optional(),
   stops: z2.array(gradientStopSchema).min(2)
 }).strict();
 var gradientSchema = z2.discriminatedUnion("type", [linearGradientSchema, radialGradientSchema]);
+var drawShadowSchema = z2.object({
+  color: colorHexSchema2.default("rgba(0,0,0,0.5)"),
+  blur: z2.number().min(0).max(64).default(10),
+  offsetX: z2.number().default(0),
+  offsetY: z2.number().default(4)
+}).strict();
 var drawFontFamilySchema = z2.enum(["heading", "body", "mono"]);
 var drawRectSchema = z2.object({
   type: z2.literal("rect"),
@@ -766,7 +776,8 @@ var drawRectSchema = z2.object({
   stroke: colorHexSchema2.optional(),
   strokeWidth: z2.number().min(0).max(32).default(0),
   radius: z2.number().min(0).max(256).default(0),
-  opacity: z2.number().min(0).max(1).default(1)
+  opacity: z2.number().min(0).max(1).default(1),
+  shadow: drawShadowSchema.optional()
 }).strict();
 var drawCircleSchema = z2.object({
   type: z2.literal("circle"),
@@ -776,7 +787,8 @@ var drawCircleSchema = z2.object({
   fill: colorHexSchema2.optional(),
   stroke: colorHexSchema2.optional(),
   strokeWidth: z2.number().min(0).max(32).default(0),
-  opacity: z2.number().min(0).max(1).default(1)
+  opacity: z2.number().min(0).max(1).default(1),
+  shadow: drawShadowSchema.optional()
 }).strict();
 var drawTextSchema = z2.object({
   type: z2.literal("text"),
@@ -791,7 +803,8 @@ var drawTextSchema = z2.object({
   baseline: z2.enum(["top", "middle", "alphabetic", "bottom"]).default("alphabetic"),
   letterSpacing: z2.number().min(-10).max(50).default(0),
   maxWidth: z2.number().positive().optional(),
-  opacity: z2.number().min(0).max(1).default(1)
+  opacity: z2.number().min(0).max(1).default(1),
+  shadow: drawShadowSchema.optional()
 }).strict();
 var drawLineSchema = z2.object({
   type: z2.literal("line"),
@@ -804,7 +817,8 @@ var drawLineSchema = z2.object({
   dash: z2.array(z2.number()).max(6).optional(),
   arrow: z2.enum(["none", "end", "start", "both"]).default("none"),
   arrowSize: z2.number().min(4).max(32).default(10),
-  opacity: z2.number().min(0).max(1).default(1)
+  opacity: z2.number().min(0).max(1).default(1),
+  shadow: drawShadowSchema.optional()
 }).strict();
 var drawPointSchema = z2.object({
   x: z2.number(),
@@ -818,7 +832,8 @@ var drawBezierSchema = z2.object({
   dash: z2.array(z2.number()).max(6).optional(),
   arrow: z2.enum(["none", "end", "start", "both"]).default("none"),
   arrowSize: z2.number().min(4).max(32).default(10),
-  opacity: z2.number().min(0).max(1).default(1)
+  opacity: z2.number().min(0).max(1).default(1),
+  shadow: drawShadowSchema.optional()
 }).strict();
 var drawPathSchema = z2.object({
   type: z2.literal("path"),
@@ -826,7 +841,8 @@ var drawPathSchema = z2.object({
   fill: colorHexSchema2.optional(),
   stroke: colorHexSchema2.optional(),
   strokeWidth: z2.number().min(0).max(32).default(0),
-  opacity: z2.number().min(0).max(1).default(1)
+  opacity: z2.number().min(0).max(1).default(1),
+  shadow: drawShadowSchema.optional()
 }).strict();
 var drawBadgeSchema = z2.object({
   type: z2.literal("badge"),
@@ -840,7 +856,8 @@ var drawBadgeSchema = z2.object({
   paddingX: z2.number().min(0).max(64).default(10),
   paddingY: z2.number().min(0).max(32).default(4),
   borderRadius: z2.number().min(0).max(64).default(12),
-  opacity: z2.number().min(0).max(1).default(1)
+  opacity: z2.number().min(0).max(1).default(1),
+  shadow: drawShadowSchema.optional()
 }).strict();
 var drawGradientRectSchema = z2.object({
   type: z2.literal("gradient-rect"),
@@ -850,7 +867,8 @@ var drawGradientRectSchema = z2.object({
   height: z2.number().positive(),
   gradient: gradientSchema,
   radius: z2.number().min(0).max(256).default(0),
-  opacity: z2.number().min(0).max(1).default(1)
+  opacity: z2.number().min(0).max(1).default(1),
+  shadow: drawShadowSchema.optional()
 }).strict();
 var drawGridSchema = z2.object({
   type: z2.literal("grid"),
@@ -2499,12 +2517,12 @@ function withAlpha2(color, alpha) {
 }
 function drawGradientRect(ctx, rect, gradient, borderRadius = 0) {
   const fill = gradient.type === "linear" ? createLinearRectGradient(ctx, rect, gradient.angle ?? 180) : ctx.createRadialGradient(
-    rect.x + rect.width / 2,
-    rect.y + rect.height / 2,
-    0,
-    rect.x + rect.width / 2,
-    rect.y + rect.height / 2,
-    Math.max(rect.width, rect.height) / 2
+    gradient.cx ?? rect.x + rect.width / 2,
+    gradient.cy ?? rect.y + rect.height / 2,
+    gradient.innerRadius ?? 0,
+    gradient.cx ?? rect.x + rect.width / 2,
+    gradient.cy ?? rect.y + rect.height / 2,
+    gradient.outerRadius ?? Math.max(rect.width, rect.height) / 2
   );
   addGradientStops(fill, gradient.stops);
   ctx.save();
@@ -3726,6 +3744,13 @@ function expandRect(rect, amount) {
     height: rect.height + amount * 2
   };
 }
+function applyDrawShadow(ctx, shadow) {
+  if (!shadow) return;
+  ctx.shadowColor = shadow.color;
+  ctx.shadowBlur = shadow.blur;
+  ctx.shadowOffsetX = shadow.offsetX;
+  ctx.shadowOffsetY = shadow.offsetY;
+}
 function fromPoints(points) {
   const minX = Math.min(...points.map((point) => point.x));
   const minY = Math.min(...points.map((point) => point.y));
@@ -3907,6 +3932,7 @@ function renderDrawCommands(ctx, commands, theme) {
           height: command.height
         };
         withOpacity(ctx, command.opacity, () => {
+          applyDrawShadow(ctx, command.shadow);
           roundRectPath(ctx, rect, command.radius);
           if (command.fill) {
             ctx.fillStyle = command.fill;
@@ -3930,6 +3956,7 @@ function renderDrawCommands(ctx, commands, theme) {
       }
       case "circle": {
         withOpacity(ctx, command.opacity, () => {
+          applyDrawShadow(ctx, command.shadow);
           ctx.beginPath();
           ctx.arc(command.cx, command.cy, command.radius, 0, Math.PI * 2);
           ctx.closePath();
@@ -3964,6 +3991,7 @@ function renderDrawCommands(ctx, commands, theme) {
       case "text": {
         const fontFamily = resolveDrawFont(theme, command.fontFamily);
         withOpacity(ctx, command.opacity, () => {
+          applyDrawShadow(ctx, command.shadow);
           applyFont(ctx, {
             size: command.fontSize,
             weight: command.fontWeight,
@@ -4014,6 +4042,7 @@ function renderDrawCommands(ctx, commands, theme) {
         const to = { x: command.x2, y: command.y2 };
         const lineAngle = angleBetween(from, to);
         withOpacity(ctx, command.opacity, () => {
+          applyDrawShadow(ctx, command.shadow);
           drawLine(ctx, from, to, {
             color: command.color,
             width: command.width,
@@ -4038,6 +4067,7 @@ function renderDrawCommands(ctx, commands, theme) {
       case "bezier": {
         const points = command.points;
         withOpacity(ctx, command.opacity, () => {
+          applyDrawShadow(ctx, command.shadow);
           drawBezier(ctx, points, {
             color: command.color,
             width: command.width,
@@ -4071,6 +4101,7 @@ function renderDrawCommands(ctx, commands, theme) {
         const operations = parseSvgPath(command.d);
         const baseBounds = pathBounds(operations);
         withOpacity(ctx, command.opacity, () => {
+          applyDrawShadow(ctx, command.shadow);
           applySvgOperations(ctx, operations);
           if (command.fill) {
             ctx.fillStyle = command.fill;
@@ -4111,9 +4142,16 @@ function renderDrawCommands(ctx, commands, theme) {
           height: textHeight + command.paddingY * 2
         };
         withOpacity(ctx, command.opacity, () => {
+          applyDrawShadow(ctx, command.shadow);
           roundRectPath(ctx, rect, command.borderRadius);
           ctx.fillStyle = command.background;
           ctx.fill();
+          if (command.shadow) {
+            ctx.shadowColor = "transparent";
+            ctx.shadowBlur = 0;
+            ctx.shadowOffsetX = 0;
+            ctx.shadowOffsetY = 0;
+          }
           applyFont(ctx, {
             size: command.fontSize,
             weight: 600,
@@ -4141,6 +4179,7 @@ function renderDrawCommands(ctx, commands, theme) {
           height: command.height
         };
         withOpacity(ctx, command.opacity, () => {
+          applyDrawShadow(ctx, command.shadow);
           drawGradientRect(ctx, rect, command.gradient, command.radius);
         });
         rendered.push({

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import { Cli } from 'incur';
-import { T as ThemeInput, D as DesignSpec, a as Rect$1, b as DrawCommand, c as Theme, d as RenderedElement, A as AnchorHint, C as ConnectionElement } from './spec.schema-BeFz_nk1.js';
-export { e as AutoLayoutConfig, B as BuiltInTheme, f as CardElement, g as CodeBlockElement, h as ConstraintSpec, i as DEFAULT_GENERATOR_VERSION, j as DEFAULT_RAINBOW_COLORS, k as Decorator, l as DesignCardSpec, m as DesignSafeFrame, n as DesignTheme, o as DiagramElement, p as DiagramLayout, q as DiagramSpec, r as DrawBadge, s as DrawBezier, t as DrawCircle, u as DrawFontFamily, v as DrawGradientRect, w as DrawLine, x as DrawPath, y as DrawPoint, z as DrawRect, E as DrawText, F as Element, G as FlowNodeElement, H as Gradient, I as GradientOverlayDecorator, J as GradientSpec, K as GradientStop, L as GridLayoutConfig, M as ImageElement, N as LayoutConfig, O as LayoutSnapshot, P as ManualLayoutConfig, Q as RainbowRuleDecorator, R as RenderMetadata, S as RenderResult, U as ShapeElement, V as StackLayoutConfig, W as TerminalElement, X as TextElement, Y as ThemeInput, Z as VignetteDecorator, _ as WrittenArtifacts, $ as builtInThemeBackgrounds, a0 as builtInThemes, a1 as computeSpecHash, a2 as connectionElementSchema, a3 as defaultAutoLayout, a4 as defaultCanvas, a5 as defaultConstraints, a6 as defaultGridLayout, a7 as defaultLayout, a8 as defaultStackLayout, a9 as defaultTheme, aa as deriveSafeFrame, ab as designSpecSchema, ac as diagramElementSchema, ad as diagramLayoutSchema, ae as diagramSpecSchema, af as drawGradientRect, ag as drawRainbowRule, ah as drawVignette, ai as flowNodeElementSchema, aj as inferLayout, ak as inferSidecarPath, al as parseDesignSpec, am as parseDiagramSpec, an as renderDesign, ao as resolveTheme, ap as writeRenderArtifacts } from './spec.schema-BeFz_nk1.js';
+import { T as ThemeInput, D as DesignSpec, a as Rect$1, b as DrawCommand, c as Theme, d as RenderedElement, A as AnchorHint, C as ConnectionElement } from './spec.schema-BDvtn_mJ.js';
+export { e as AutoLayoutConfig, B as BuiltInTheme, f as CardElement, g as CodeBlockElement, h as ConstraintSpec, i as DEFAULT_GENERATOR_VERSION, j as DEFAULT_RAINBOW_COLORS, k as Decorator, l as DesignCardSpec, m as DesignSafeFrame, n as DesignTheme, o as DiagramElement, p as DiagramLayout, q as DiagramSpec, r as DrawBadge, s as DrawBezier, t as DrawCircle, u as DrawFontFamily, v as DrawGradientRect, w as DrawLine, x as DrawPath, y as DrawPoint, z as DrawRect, E as DrawShadow, F as DrawText, G as Element, H as FlowNodeElement, I as Gradient, J as GradientOverlayDecorator, K as GradientSpec, L as GradientStop, M as GridLayoutConfig, N as ImageElement, O as LayoutConfig, P as LayoutSnapshot, Q as ManualLayoutConfig, S as RainbowRuleDecorator, R as RenderMetadata, U as RenderResult, V as ShapeElement, W as StackLayoutConfig, X as TerminalElement, Y as TextElement, Z as ThemeInput, _ as VignetteDecorator, $ as WrittenArtifacts, a0 as builtInThemeBackgrounds, a1 as builtInThemes, a2 as computeSpecHash, a3 as connectionElementSchema, a4 as defaultAutoLayout, a5 as defaultCanvas, a6 as defaultConstraints, a7 as defaultGridLayout, a8 as defaultLayout, a9 as defaultStackLayout, aa as defaultTheme, ab as deriveSafeFrame, ac as designSpecSchema, ad as diagramElementSchema, ae as diagramLayoutSchema, af as diagramSpecSchema, ag as drawGradientRect, ah as drawRainbowRule, ai as drawVignette, aj as flowNodeElementSchema, ak as inferLayout, al as inferSidecarPath, am as parseDesignSpec, an as parseDiagramSpec, ao as renderDesign, ap as resolveTheme, aq as writeRenderArtifacts } from './spec.schema-BDvtn_mJ.js';
 import { SKRSContext2D } from '@napi-rs/canvas';
 export { QaIssue, QaReferenceResult, QaReport, QaSeverity, readMetadata, runQa } from './qa.js';
 import { Highlighter } from 'shiki';

package/dist/index.js

@@ -761,9 +761,19 @@ var linearGradientSchema = z2.object({
 }).strict();
 var radialGradientSchema = z2.object({
   type: z2.literal("radial"),
+  cx: z2.number().optional(),
+  cy: z2.number().optional(),
+  innerRadius: z2.number().min(0).optional(),
+  outerRadius: z2.number().min(0).optional(),
   stops: z2.array(gradientStopSchema).min(2)
 }).strict();
 var gradientSchema = z2.discriminatedUnion("type", [linearGradientSchema, radialGradientSchema]);
+var drawShadowSchema = z2.object({
+  color: colorHexSchema2.default("rgba(0,0,0,0.5)"),
+  blur: z2.number().min(0).max(64).default(10),
+  offsetX: z2.number().default(0),
+  offsetY: z2.number().default(4)
+}).strict();
 var drawFontFamilySchema = z2.enum(["heading", "body", "mono"]);
 var drawRectSchema = z2.object({
   type: z2.literal("rect"),
@@ -775,7 +785,8 @@ var drawRectSchema = z2.object({
   stroke: colorHexSchema2.optional(),
   strokeWidth: z2.number().min(0).max(32).default(0),
   radius: z2.number().min(0).max(256).default(0),
-  opacity: z2.number().min(0).max(1).default(1)
+  opacity: z2.number().min(0).max(1).default(1),
+  shadow: drawShadowSchema.optional()
 }).strict();
 var drawCircleSchema = z2.object({
   type: z2.literal("circle"),
@@ -785,7 +796,8 @@ var drawCircleSchema = z2.object({
   fill: colorHexSchema2.optional(),
   stroke: colorHexSchema2.optional(),
   strokeWidth: z2.number().min(0).max(32).default(0),
-  opacity: z2.number().min(0).max(1).default(1)
+  opacity: z2.number().min(0).max(1).default(1),
+  shadow: drawShadowSchema.optional()
 }).strict();
 var drawTextSchema = z2.object({
   type: z2.literal("text"),
@@ -800,7 +812,8 @@ var drawTextSchema = z2.object({
   baseline: z2.enum(["top", "middle", "alphabetic", "bottom"]).default("alphabetic"),
   letterSpacing: z2.number().min(-10).max(50).default(0),
   maxWidth: z2.number().positive().optional(),
-  opacity: z2.number().min(0).max(1).default(1)
+  opacity: z2.number().min(0).max(1).default(1),
+  shadow: drawShadowSchema.optional()
 }).strict();
 var drawLineSchema = z2.object({
   type: z2.literal("line"),
@@ -813,7 +826,8 @@ var drawLineSchema = z2.object({
   dash: z2.array(z2.number()).max(6).optional(),
   arrow: z2.enum(["none", "end", "start", "both"]).default("none"),
   arrowSize: z2.number().min(4).max(32).default(10),
-  opacity: z2.number().min(0).max(1).default(1)
+  opacity: z2.number().min(0).max(1).default(1),
+  shadow: drawShadowSchema.optional()
 }).strict();
 var drawPointSchema = z2.object({
   x: z2.number(),
@@ -827,7 +841,8 @@ var drawBezierSchema = z2.object({
   dash: z2.array(z2.number()).max(6).optional(),
   arrow: z2.enum(["none", "end", "start", "both"]).default("none"),
   arrowSize: z2.number().min(4).max(32).default(10),
-  opacity: z2.number().min(0).max(1).default(1)
+  opacity: z2.number().min(0).max(1).default(1),
+  shadow: drawShadowSchema.optional()
 }).strict();
 var drawPathSchema = z2.object({
   type: z2.literal("path"),
@@ -835,7 +850,8 @@ var drawPathSchema = z2.object({
   fill: colorHexSchema2.optional(),
   stroke: colorHexSchema2.optional(),
   strokeWidth: z2.number().min(0).max(32).default(0),
-  opacity: z2.number().min(0).max(1).default(1)
+  opacity: z2.number().min(0).max(1).default(1),
+  shadow: drawShadowSchema.optional()
 }).strict();
 var drawBadgeSchema = z2.object({
   type: z2.literal("badge"),
@@ -849,7 +865,8 @@ var drawBadgeSchema = z2.object({
   paddingX: z2.number().min(0).max(64).default(10),
   paddingY: z2.number().min(0).max(32).default(4),
   borderRadius: z2.number().min(0).max(64).default(12),
-  opacity: z2.number().min(0).max(1).default(1)
+  opacity: z2.number().min(0).max(1).default(1),
+  shadow: drawShadowSchema.optional()
 }).strict();
 var drawGradientRectSchema = z2.object({
   type: z2.literal("gradient-rect"),
@@ -859,7 +876,8 @@ var drawGradientRectSchema = z2.object({
   height: z2.number().positive(),
   gradient: gradientSchema,
   radius: z2.number().min(0).max(256).default(0),
-  opacity: z2.number().min(0).max(1).default(1)
+  opacity: z2.number().min(0).max(1).default(1),
+  shadow: drawShadowSchema.optional()
 }).strict();
 var drawGridSchema = z2.object({
   type: z2.literal("grid"),
@@ -2512,12 +2530,12 @@ function withAlpha2(color, alpha) {
 }
 function drawGradientRect(ctx, rect, gradient, borderRadius = 0) {
   const fill = gradient.type === "linear" ? createLinearRectGradient(ctx, rect, gradient.angle ?? 180) : ctx.createRadialGradient(
-    rect.x + rect.width / 2,
-    rect.y + rect.height / 2,
-    0,
-    rect.x + rect.width / 2,
-    rect.y + rect.height / 2,
-    Math.max(rect.width, rect.height) / 2
+    gradient.cx ?? rect.x + rect.width / 2,
+    gradient.cy ?? rect.y + rect.height / 2,
+    gradient.innerRadius ?? 0,
+    gradient.cx ?? rect.x + rect.width / 2,
+    gradient.cy ?? rect.y + rect.height / 2,
+    gradient.outerRadius ?? Math.max(rect.width, rect.height) / 2
   );
   addGradientStops(fill, gradient.stops);
   ctx.save();
@@ -3743,6 +3761,13 @@ function expandRect(rect, amount) {
     height: rect.height + amount * 2
   };
 }
+function applyDrawShadow(ctx, shadow) {
+  if (!shadow) return;
+  ctx.shadowColor = shadow.color;
+  ctx.shadowBlur = shadow.blur;
+  ctx.shadowOffsetX = shadow.offsetX;
+  ctx.shadowOffsetY = shadow.offsetY;
+}
 function fromPoints(points) {
   const minX = Math.min(...points.map((point) => point.x));
   const minY = Math.min(...points.map((point) => point.y));
@@ -3924,6 +3949,7 @@ function renderDrawCommands(ctx, commands, theme) {
           height: command.height
         };
         withOpacity(ctx, command.opacity, () => {
+          applyDrawShadow(ctx, command.shadow);
           roundRectPath(ctx, rect, command.radius);
           if (command.fill) {
             ctx.fillStyle = command.fill;
@@ -3947,6 +3973,7 @@ function renderDrawCommands(ctx, commands, theme) {
       }
       case "circle": {
         withOpacity(ctx, command.opacity, () => {
+          applyDrawShadow(ctx, command.shadow);
           ctx.beginPath();
           ctx.arc(command.cx, command.cy, command.radius, 0, Math.PI * 2);
           ctx.closePath();
@@ -3981,6 +4008,7 @@ function renderDrawCommands(ctx, commands, theme) {
       case "text": {
         const fontFamily = resolveDrawFont(theme, command.fontFamily);
         withOpacity(ctx, command.opacity, () => {
+          applyDrawShadow(ctx, command.shadow);
           applyFont(ctx, {
             size: command.fontSize,
             weight: command.fontWeight,
@@ -4031,6 +4059,7 @@ function renderDrawCommands(ctx, commands, theme) {
         const to = { x: command.x2, y: command.y2 };
         const lineAngle = angleBetween(from, to);
         withOpacity(ctx, command.opacity, () => {
+          applyDrawShadow(ctx, command.shadow);
           drawLine(ctx, from, to, {
             color: command.color,
             width: command.width,
@@ -4055,6 +4084,7 @@ function renderDrawCommands(ctx, commands, theme) {
       case "bezier": {
         const points = command.points;
         withOpacity(ctx, command.opacity, () => {
+          applyDrawShadow(ctx, command.shadow);
           drawBezier(ctx, points, {
             color: command.color,
             width: command.width,
@@ -4088,6 +4118,7 @@ function renderDrawCommands(ctx, commands, theme) {
         const operations = parseSvgPath(command.d);
         const baseBounds = pathBounds(operations);
         withOpacity(ctx, command.opacity, () => {
+          applyDrawShadow(ctx, command.shadow);
           applySvgOperations(ctx, operations);
           if (command.fill) {
             ctx.fillStyle = command.fill;
@@ -4128,9 +4159,16 @@ function renderDrawCommands(ctx, commands, theme) {
           height: textHeight + command.paddingY * 2
         };
         withOpacity(ctx, command.opacity, () => {
+          applyDrawShadow(ctx, command.shadow);
           roundRectPath(ctx, rect, command.borderRadius);
           ctx.fillStyle = command.background;
           ctx.fill();
+          if (command.shadow) {
+            ctx.shadowColor = "transparent";
+            ctx.shadowBlur = 0;
+            ctx.shadowOffsetX = 0;
+            ctx.shadowOffsetY = 0;
+          }
           applyFont(ctx, {
             size: command.fontSize,
             weight: 600,
@@ -4158,6 +4196,7 @@ function renderDrawCommands(ctx, commands, theme) {
           height: command.height
         };
         withOpacity(ctx, command.opacity, () => {
+          applyDrawShadow(ctx, command.shadow);
           drawGradientRect(ctx, rect, command.gradient, command.radius);
         });
         rendered.push({

package/dist/qa.d.ts

@@ -1,4 +1,4 @@
-import { R as RenderMetadata, D as DesignSpec } from './spec.schema-BeFz_nk1.js';
+import { R as RenderMetadata, D as DesignSpec } from './spec.schema-BDvtn_mJ.js';
 import 'zod';
 import '@napi-rs/canvas';
 

package/dist/qa.js

@@ -495,9 +495,19 @@ var linearGradientSchema = z2.object({
 }).strict();
 var radialGradientSchema = z2.object({
   type: z2.literal("radial"),
+  cx: z2.number().optional(),
+  cy: z2.number().optional(),
+  innerRadius: z2.number().min(0).optional(),
+  outerRadius: z2.number().min(0).optional(),
   stops: z2.array(gradientStopSchema).min(2)
 }).strict();
 var gradientSchema = z2.discriminatedUnion("type", [linearGradientSchema, radialGradientSchema]);
+var drawShadowSchema = z2.object({
+  color: colorHexSchema2.default("rgba(0,0,0,0.5)"),
+  blur: z2.number().min(0).max(64).default(10),
+  offsetX: z2.number().default(0),
+  offsetY: z2.number().default(4)
+}).strict();
 var drawFontFamilySchema = z2.enum(["heading", "body", "mono"]);
 var drawRectSchema = z2.object({
   type: z2.literal("rect"),
@@ -509,7 +519,8 @@ var drawRectSchema = z2.object({
   stroke: colorHexSchema2.optional(),
   strokeWidth: z2.number().min(0).max(32).default(0),
   radius: z2.number().min(0).max(256).default(0),
-  opacity: z2.number().min(0).max(1).default(1)
+  opacity: z2.number().min(0).max(1).default(1),
+  shadow: drawShadowSchema.optional()
 }).strict();
 var drawCircleSchema = z2.object({
   type: z2.literal("circle"),
@@ -519,7 +530,8 @@ var drawCircleSchema = z2.object({
   fill: colorHexSchema2.optional(),
   stroke: colorHexSchema2.optional(),
   strokeWidth: z2.number().min(0).max(32).default(0),
-  opacity: z2.number().min(0).max(1).default(1)
+  opacity: z2.number().min(0).max(1).default(1),
+  shadow: drawShadowSchema.optional()
 }).strict();
 var drawTextSchema = z2.object({
   type: z2.literal("text"),
@@ -534,7 +546,8 @@ var drawTextSchema = z2.object({
   baseline: z2.enum(["top", "middle", "alphabetic", "bottom"]).default("alphabetic"),
   letterSpacing: z2.number().min(-10).max(50).default(0),
   maxWidth: z2.number().positive().optional(),
-  opacity: z2.number().min(0).max(1).default(1)
+  opacity: z2.number().min(0).max(1).default(1),
+  shadow: drawShadowSchema.optional()
 }).strict();
 var drawLineSchema = z2.object({
   type: z2.literal("line"),
@@ -547,7 +560,8 @@ var drawLineSchema = z2.object({
   dash: z2.array(z2.number()).max(6).optional(),
   arrow: z2.enum(["none", "end", "start", "both"]).default("none"),
   arrowSize: z2.number().min(4).max(32).default(10),
-  opacity: z2.number().min(0).max(1).default(1)
+  opacity: z2.number().min(0).max(1).default(1),
+  shadow: drawShadowSchema.optional()
 }).strict();
 var drawPointSchema = z2.object({
   x: z2.number(),
@@ -561,7 +575,8 @@ var drawBezierSchema = z2.object({
   dash: z2.array(z2.number()).max(6).optional(),
   arrow: z2.enum(["none", "end", "start", "both"]).default("none"),
   arrowSize: z2.number().min(4).max(32).default(10),
-  opacity: z2.number().min(0).max(1).default(1)
+  opacity: z2.number().min(0).max(1).default(1),
+  shadow: drawShadowSchema.optional()
 }).strict();
 var drawPathSchema = z2.object({
   type: z2.literal("path"),
@@ -569,7 +584,8 @@ var drawPathSchema = z2.object({
   fill: colorHexSchema2.optional(),
   stroke: colorHexSchema2.optional(),
   strokeWidth: z2.number().min(0).max(32).default(0),
-  opacity: z2.number().min(0).max(1).default(1)
+  opacity: z2.number().min(0).max(1).default(1),
+  shadow: drawShadowSchema.optional()
 }).strict();
 var drawBadgeSchema = z2.object({
   type: z2.literal("badge"),
@@ -583,7 +599,8 @@ var drawBadgeSchema = z2.object({
   paddingX: z2.number().min(0).max(64).default(10),
   paddingY: z2.number().min(0).max(32).default(4),
   borderRadius: z2.number().min(0).max(64).default(12),
-  opacity: z2.number().min(0).max(1).default(1)
+  opacity: z2.number().min(0).max(1).default(1),
+  shadow: drawShadowSchema.optional()
 }).strict();
 var drawGradientRectSchema = z2.object({
   type: z2.literal("gradient-rect"),
@@ -593,7 +610,8 @@ var drawGradientRectSchema = z2.object({
   height: z2.number().positive(),
   gradient: gradientSchema,
   radius: z2.number().min(0).max(256).default(0),
-  opacity: z2.number().min(0).max(1).default(1)
+  opacity: z2.number().min(0).max(1).default(1),
+  shadow: drawShadowSchema.optional()
 }).strict();
 var drawGridSchema = z2.object({
   type: z2.literal("grid"),

package/dist/renderer.d.ts

@@ -1,3 +1,3 @@
-export { i as DEFAULT_GENERATOR_VERSION, O as LayoutSnapshot, a as Rect, R as RenderMetadata, S as RenderResult, d as RenderedElement, _ as WrittenArtifacts, a1 as computeSpecHash, ak as inferSidecarPath, an as renderDesign, ap as writeRenderArtifacts } from './spec.schema-BeFz_nk1.js';
+export { i as DEFAULT_GENERATOR_VERSION, P as LayoutSnapshot, a as Rect, R as RenderMetadata, U as RenderResult, d as RenderedElement, $ as WrittenArtifacts, a2 as computeSpecHash, al as inferSidecarPath, ao as renderDesign, aq as writeRenderArtifacts } from './spec.schema-BDvtn_mJ.js';
 import 'zod';
 import '@napi-rs/canvas';