@mathscan/math-exercise-engine 1.2.0 → 1.2.1

package/dist/style.css

@@ -1351,6 +1351,50 @@ th.exercise-table-cell.exercise-table-cell--last-row:last-child {
   }
 }
 
+/* ----------------------------------------
+   Layout variant: left/right columns
+   (groups[0] → left column, groups[1] → right column; the flex row follows the
+   inherited `dir`, so an RTL ancestor mirrors them without extra rules)
+   ---------------------------------------- */
+
+.pair-matcher-widget--columns {
+  flex-direction: row;
+  align-items: flex-start;
+  justify-content: center;
+  width: 100%;
+}
+
+.pair-matcher-widget--columns .pair-matcher-row {
+  display: flex;
+  flex-direction: column;
+  flex: 1 1 0;
+  min-width: 0;
+}
+
+.pair-matcher-widget--columns .pair-matcher-cell {
+  flex-direction: row;
+}
+
+.pair-matcher-widget--columns .pair-matcher-dot--south {
+  margin-top: 0;
+  margin-inline-start: calc(var(--pm-dot-size) / -2);
+}
+
+.pair-matcher-widget--columns .pair-matcher-dot--north {
+  margin-bottom: 0;
+  margin-inline-end: calc(var(--pm-dot-size) / -2);
+}
+
+/* Too narrow for two columns — stack them. Row/cell directions already match
+   the base rules above, and `gap` comes from the base `.pair-matcher-widget`
+   media rule, so only the widget axis flips here. */
+
+@media (max-width: 420px) {
+  .pair-matcher-widget--columns {
+    flex-direction: column;
+  }
+}
+
 /* ============================================
    LOCKED EXERCISE (answers checked or revealed)
    Widgets refuse input in JS; these rules kill the pointer

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mathscan/math-exercise-engine",
-  "version": "1.2.0",
+  "version": "1.2.1",
   "description": "A DSL parser and validator for math exercises - transforms text-based exercise definitions into structured AST and JSON",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -16,6 +16,23 @@
   "files": [
     "dist"
   ],
+  "scripts": {
+    "build": "vite build",
+    "dev": "vite build --watch",
+    "playground": "vite --open /playground/grid-symmetry-builder/",
+    "demo": "node examples/demo.mjs",
+    "demo:ts": "tsx --conditions=import examples/demo.ts",
+    "demo:build": "pnpm run build && node examples/demo.mjs",
+    "test": "vitest",
+    "test:run": "vitest run",
+    "test:coverage": "vitest run --coverage",
+    "lint": "echo 'ESLint disabled for now'",
+    "lint:fix": "echo 'ESLint disabled for now'",
+    "format": "prettier --write \"src/**/*.ts\" \"tests/**/*.ts\" \"*.{json,md}\"",
+    "format:check": "prettier --check \"src/**/*.ts\" \"tests/**/*.ts\" \"*.{json,md}\"",
+    "typecheck": "tsc --noEmit",
+    "prepublishOnly": "pnpm run build"
+  },
   "keywords": [
     "math",
     "exercise",
@@ -74,21 +91,5 @@
   "engines": {
     "node": ">=18.0.0"
   },
-  "packageManager": "pnpm@8.15.0",
-  "scripts": {
-    "build": "vite build",
-    "dev": "vite build --watch",
-    "playground": "vite --open /playground/grid-symmetry-builder/",
-    "demo": "node examples/demo.mjs",
-    "demo:ts": "tsx --conditions=import examples/demo.ts",
-    "demo:build": "pnpm run build && node examples/demo.mjs",
-    "test": "vitest",
-    "test:run": "vitest run",
-    "test:coverage": "vitest run --coverage",
-    "lint": "echo 'ESLint disabled for now'",
-    "lint:fix": "echo 'ESLint disabled for now'",
-    "format": "prettier --write \"src/**/*.ts\" \"tests/**/*.ts\" \"*.{json,md}\"",
-    "format:check": "prettier --check \"src/**/*.ts\" \"tests/**/*.ts\" \"*.{json,md}\"",
-    "typecheck": "tsc --noEmit"
-  }
-}
+  "packageManager": "pnpm@8.15.0"
+}