@tscircuit/props 0.0.703 → 0.0.704

package/lib/components/symbol.ts

@@ -12,6 +12,20 @@ export interface SymbolProps {
   originalFacingDirection?: "up" | "down" | "left" | "right"
   width?: string | number
   height?: string | number
+  /** CSS-style fill (default) and stretch resize axes independently; contain preserves proportions. */
+  fit?: "fill" | "contain" | "stretch"
+  /**
+   * Source sizing bounds in the local symbol coordinate space (mm, +X right, +Y up).
+   * With width/height, maps the bounds center to the symbol position; all artwork
+   * and ports use the same transform. Omitted uses automatic bounds including ports.
+   * maxX must exceed minX and maxY must exceed minY. No aliases; no change to existing defaults.
+   */
+  viewbox?: {
+    minX: number | string
+    maxX: number | string
+    minY: number | string
+    maxY: number | string
+  }
   name?: string
 }
 
@@ -22,6 +36,23 @@ export const symbolProps = z.object({
     .optional(),
   width: distance.optional(),
   height: distance.optional(),
+  fit: z.enum(["fill", "contain", "stretch"]).optional(),
+  viewbox: z
+    .object({
+      minX: distance,
+      maxX: distance,
+      minY: distance,
+      maxY: distance,
+    })
+    .refine((bounds) => bounds.maxX > bounds.minX, {
+      message: "viewbox maxX must exceed minX",
+      path: ["maxX"],
+    })
+    .refine((bounds) => bounds.maxY > bounds.minY, {
+      message: "viewbox maxY must exceed minY",
+      path: ["maxY"],
+    })
+    .optional(),
   name: z.string().optional(),
 })
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tscircuit/props",
-  "version": "0.0.703",
+  "version": "0.0.704",
   "description": "Props for tscircuit builtin component types",
   "main": "dist/index.js",
   "type": "module",