@tscircuit/core 0.0.462 → 0.0.463

package/dist/index.js

@@ -9526,6 +9526,81 @@ var SchematicText = class extends PrimitiveComponent2 {
 
 // lib/components/primitive-components/SchematicBox.ts
 import { schematicBoxProps } from "@tscircuit/props";
+
+// lib/components/primitive-components/getTitleAnchorAndPosition.ts
+function getTitleAnchorAndPosition({
+  anchor,
+  x,
+  y,
+  width,
+  height,
+  isInside
+}) {
+  switch (anchor) {
+    case "top_left":
+      return {
+        x,
+        y: y + height,
+        textAnchor: isInside ? "top_left" : "bottom_left"
+      };
+    case "top_center":
+      return {
+        x: x + width / 2,
+        y: y + height,
+        textAnchor: isInside ? "top_center" : "bottom_center"
+      };
+    case "top_right":
+      return {
+        x: x + width,
+        y: y + height,
+        textAnchor: isInside ? "top_right" : "bottom_right"
+      };
+    case "center_left":
+      return {
+        x,
+        y: y + height / 2,
+        textAnchor: isInside ? "center_left" : "center_right"
+      };
+    case "center":
+      return {
+        x: x + width / 2,
+        y: y + height / 2,
+        textAnchor: "center"
+      };
+    case "center_right":
+      return {
+        x: x + width,
+        y: y + height / 2,
+        textAnchor: isInside ? "center_right" : "center_left"
+      };
+    case "bottom_left":
+      return {
+        x,
+        y,
+        textAnchor: isInside ? "bottom_left" : "top_left"
+      };
+    case "bottom_center":
+      return {
+        x: x + width / 2,
+        y,
+        textAnchor: isInside ? "bottom_center" : "top_center"
+      };
+    case "bottom_right":
+      return {
+        x: x + width,
+        y,
+        textAnchor: isInside ? "bottom_right" : "top_right"
+      };
+    default:
+      return {
+        x: x + width / 2,
+        y: y + height,
+        textAnchor: "center"
+      };
+  }
+}
+
+// lib/components/primitive-components/SchematicBox.ts
 var SchematicBox = class extends PrimitiveComponent2 {
   isSchematicPrimitive = true;
   get config() {
@@ -9539,11 +9614,6 @@ var SchematicBox = class extends PrimitiveComponent2 {
     if (this.root?.schematicDisabled) return;
     const { db } = this.root;
     const { _parsedProps: props } = this;
-    const result = schematicBoxProps.safeParse(props);
-    if (!result.success) {
-      console.error("Validation failed:", result.error.format());
-      throw result.error;
-    }
     const basePadding = 0.6;
     const generalPadding = typeof props.padding === "number" ? props.padding : 0;
     const paddingTop = typeof props.paddingTop === "number" ? props.paddingTop : generalPadding;
@@ -9556,6 +9626,8 @@ var SchematicBox = class extends PrimitiveComponent2 {
     let height;
     let x;
     let y;
+    let centerX;
+    let centerY;
     if (hasOverlay) {
       const portsWithSelectors = props.overlay.map((selector) => ({
         selector,
@@ -9589,11 +9661,13 @@ var SchematicBox = class extends PrimitiveComponent2 {
       height = bottom - top;
       x = left + (props.schX ?? 0);
       y = top + (props.schY ?? 0);
+      centerX = x + width / 2;
+      centerY = y + height / 2;
     } else if (hasFixedSize) {
       width = props.width;
       height = props.height;
-      const centerX = typeof props.schX === "number" ? props.schX : 0;
-      const centerY = typeof props.schY === "number" ? props.schY : 0;
+      centerX = typeof props.schX === "number" ? props.schX : 0;
+      centerY = typeof props.schY === "number" ? props.schY : 0;
       x = centerX - width / 2;
       y = centerY - height / 2;
     } else {
@@ -9607,6 +9681,42 @@ var SchematicBox = class extends PrimitiveComponent2 {
       is_dashed: props.strokeStyle === "dashed",
       schematic_component_id: ""
     });
+    if (props.title) {
+      const isInside = props.titleInside ?? false;
+      const TITLE_PADDING = 0.1;
+      const anchor = props.titleAlignment ?? "bottom_center";
+      const anchorPos = getTitleAnchorAndPosition({
+        anchor,
+        x,
+        y,
+        width,
+        height,
+        isInside
+      });
+      let titleOffsetY;
+      let titleOffsetX;
+      const textAnchor = anchorPos.textAnchor;
+      if (isInside) {
+        titleOffsetY = anchor.includes("top") ? -TITLE_PADDING : anchor.includes("bottom") ? TITLE_PADDING : 0;
+        titleOffsetX = anchor.includes("left") ? TITLE_PADDING : anchor.includes("right") ? -TITLE_PADDING : 0;
+      } else {
+        titleOffsetY = anchor.includes("top") ? TITLE_PADDING : anchor.includes("bottom") ? -TITLE_PADDING : 0;
+        titleOffsetX = anchor.includes("center_left") ? -TITLE_PADDING : anchor.includes("center_right") ? TITLE_PADDING : 0;
+      }
+      const titleX = anchorPos.x + titleOffsetX;
+      const titleY = anchorPos.y + titleOffsetY;
+      db.schematic_text.insert({
+        anchor: textAnchor,
+        text: props.title,
+        font_size: props.titleFontSize ?? 0.18,
+        color: props.titleColor ?? "#000000",
+        position: {
+          x: titleX,
+          y: titleY
+        },
+        rotation: 0
+      });
+    }
   }
 };
 
@@ -9619,7 +9729,7 @@ import { identity as identity4 } from "transformation-matrix";
 var package_default = {
   name: "@tscircuit/core",
   type: "module",
-  version: "0.0.461",
+  version: "0.0.462",
   types: "dist/index.d.ts",
   main: "dist/index.js",
   module: "dist/index.js",
@@ -9651,7 +9761,7 @@ var package_default = {
     "@tscircuit/layout": "^0.0.28",
     "@tscircuit/log-soup": "^1.0.2",
     "@tscircuit/math-utils": "^0.0.18",
-    "@tscircuit/props": "^0.0.218",
+    "@tscircuit/props": "^0.0.219",
     "@tscircuit/schematic-autolayout": "^0.0.6",
     "@tscircuit/schematic-match-adapt": "^0.0.16",
     "@tscircuit/simple-3d-svg": "^0.0.6",
@@ -9662,7 +9772,7 @@ var package_default = {
     "@types/react-reconciler": "^0.28.9",
     "bun-match-svg": "0.0.8",
     "chokidar-cli": "^3.0.0",
-    "circuit-json": "^0.0.201",
+    "circuit-json": "^0.0.204",
     "circuit-json-to-connectivity-map": "^0.0.22",
     "circuit-json-to-simple-3d": "^0.0.2",
     "circuit-to-svg": "^0.0.151",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tscircuit/core",
   "type": "module",
-  "version": "0.0.462",
+  "version": "0.0.463",
   "types": "dist/index.d.ts",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -33,7 +33,7 @@
     "@tscircuit/layout": "^0.0.28",
     "@tscircuit/log-soup": "^1.0.2",
     "@tscircuit/math-utils": "^0.0.18",
-    "@tscircuit/props": "^0.0.218",
+    "@tscircuit/props": "^0.0.219",
     "@tscircuit/schematic-autolayout": "^0.0.6",
     "@tscircuit/schematic-match-adapt": "^0.0.16",
     "@tscircuit/simple-3d-svg": "^0.0.6",
@@ -44,7 +44,7 @@
     "@types/react-reconciler": "^0.28.9",
     "bun-match-svg": "0.0.8",
     "chokidar-cli": "^3.0.0",
-    "circuit-json": "^0.0.201",
+    "circuit-json": "^0.0.204",
     "circuit-json-to-connectivity-map": "^0.0.22",
     "circuit-json-to-simple-3d": "^0.0.2",
     "circuit-to-svg": "^0.0.151",