@tscircuit/props 0.0.703 → 0.0.704

package/README.md

@@ -2479,6 +2479,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;
 }
 ```

package/dist/index.d.ts

@@ -166924,23 +166924,88 @@ 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;
 }
 declare const symbolProps: z.ZodObject<{
     originalFacingDirection: z.ZodOptional<z.ZodDefault<z.ZodEnum<["up", "down", "left", "right"]>>>;
     width: z.ZodOptional<z.ZodEffects<z.ZodUnion<[z.ZodString, z.ZodNumber]>, number, string | number>>;
     height: z.ZodOptional<z.ZodEffects<z.ZodUnion<[z.ZodString, z.ZodNumber]>, number, string | number>>;
+    fit: z.ZodOptional<z.ZodEnum<["fill", "contain", "stretch"]>>;
+    viewbox: z.ZodOptional<z.ZodEffects<z.ZodEffects<z.ZodObject<{
+        minX: z.ZodEffects<z.ZodUnion<[z.ZodString, z.ZodNumber]>, number, string | number>;
+        maxX: z.ZodEffects<z.ZodUnion<[z.ZodString, z.ZodNumber]>, number, string | number>;
+        minY: z.ZodEffects<z.ZodUnion<[z.ZodString, z.ZodNumber]>, number, string | number>;
+        maxY: z.ZodEffects<z.ZodUnion<[z.ZodString, z.ZodNumber]>, number, string | number>;
+    }, "strip", z.ZodTypeAny, {
+        minX: number;
+        maxX: number;
+        minY: number;
+        maxY: number;
+    }, {
+        minX: string | number;
+        maxX: string | number;
+        minY: string | number;
+        maxY: string | number;
+    }>, {
+        minX: number;
+        maxX: number;
+        minY: number;
+        maxY: number;
+    }, {
+        minX: string | number;
+        maxX: string | number;
+        minY: string | number;
+        maxY: string | number;
+    }>, {
+        minX: number;
+        maxX: number;
+        minY: number;
+        maxY: number;
+    }, {
+        minX: string | number;
+        maxX: string | number;
+        minY: string | number;
+        maxY: string | number;
+    }>>;
     name: z.ZodOptional<z.ZodString>;
 }, "strip", z.ZodTypeAny, {
     width?: number | undefined;
     height?: number | undefined;
     name?: string | undefined;
     originalFacingDirection?: "up" | "down" | "left" | "right" | undefined;
+    fit?: "fill" | "stretch" | "contain" | undefined;
+    viewbox?: {
+        minX: number;
+        maxX: number;
+        minY: number;
+        maxY: number;
+    } | undefined;
 }, {
     width?: string | number | undefined;
     height?: string | number | undefined;
     name?: string | undefined;
     originalFacingDirection?: "up" | "down" | "left" | "right" | undefined;
+    fit?: "fill" | "stretch" | "contain" | undefined;
+    viewbox?: {
+        minX: string | number;
+        maxX: string | number;
+        minY: string | number;
+        maxY: string | number;
+    } | undefined;
 }>;
 type SymbolPropsInput = z.input<typeof symbolProps>;
 

package/dist/index.js

@@ -18491,6 +18491,19 @@ var symbolProps = z93.object({
   originalFacingDirection: z93.enum(["up", "down", "left", "right"]).default("right").optional(),
   width: distance.optional(),
   height: distance.optional(),
+  fit: z93.enum(["fill", "contain", "stretch"]).optional(),
+  viewbox: z93.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: z93.string().optional()
 });
 expectTypesMatch(true);